@builder.io/sdk-vue 0.7.3 → 0.7.5

package/vue3/lib/browser/{index.46955270.js → index.2d766828.js}

@@ -1,19 +1,19 @@
-import { defineComponent as g, openBlock as d, createElementBlock as p, mergeProps as I, toHandlers as F, toDisplayString as ie, defineAsyncComponent as W, resolveComponent as k, Fragment as T, createBlock as v, createCommentVNode as S, renderList as V, withCtx as te, createVNode as O, h as Se, renderSlot as N, createElementVNode as ae, normalizeStyle as le, normalizeClass as Ce, markRaw as Je } from "vue";
-function q(e = {}, t, n) {
+import { defineComponent as b, openBlock as d, createElementBlock as u, mergeProps as w, toHandlers as N, toDisplayString as le, defineAsyncComponent as W, resolveComponent as y, Fragment as C, createBlock as k, createCommentVNode as f, renderList as A, withCtx as ne, createVNode as B, h as Se, renderSlot as P, createElementVNode as Q, normalizeStyle as X, normalizeClass as Ce, markRaw as Je } from "vue";
+function z(e = {}, t, n) {
   const o = {};
-  for (const r in e) {
-    if (!e[r] || n && !r.startsWith(t))
+  for (const i in e) {
+    if (!e[i] || n && !i.startsWith(t))
       continue;
-    const s = n ? r.replace(t, "") : r;
-    o[s] = e[r];
+    const r = n ? i.replace(t, "") : i;
+    o[r] = e[i];
   }
   return o;
 }
-const Ye = g({
+const Ye = b({
   name: "builder-button",
   props: ["attributes", "text", "link", "openLinkInNewTab"],
   data() {
-    return { filterAttrs: q };
+    return { filterAttrs: z };
   },
   methods: {
     _classStringToObject(e) {
@@ -27,25 +27,25 @@ const Ye = g({
     }
   }
 });
-const y = (e, t) => {
+const g = (e, t) => {
   const n = e.__vccOpts || e;
-  for (const [o, r] of t)
-    n[o] = r;
+  for (const [o, i] of t)
+    n[o] = i;
   return n;
-}, Xe = ["href", "target"];
-function Qe(e, t, n, o, r, s) {
-  return e.link ? (d(), p("a", I({
+}, Qe = ["href", "target"];
+function Xe(e, t, n, o, i, r) {
+  return e.link ? (d(), u("a", w({
     key: 0,
     href: e.link,
     target: e.openLinkInNewTab ? "_blank" : void 0,
     role: "button"
-  }, e.filterAttrs(e.attributes, "v-on:", !1), F(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ie(e.text), 17, Xe)) : (d(), p("button", I({
+  }, e.filterAttrs(e.attributes, "v-on:", !1), N(e.filterAttrs(e.attributes, "v-on:", !0), !0)), le(e.text), 17, Qe)) : (d(), u("button", w({
     key: 1,
     style: e.attributes.style,
     class: e._classStringToObject(e.attributes.class + " button-21azgz5avex")
-  }, e.filterAttrs(e.attributes, "v-on:", !1), F(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ie(e.text), 17));
+  }, e.filterAttrs(e.attributes, "v-on:", !1), N(e.filterAttrs(e.attributes, "v-on:", !0), !0)), le(e.text), 17));
 }
-const Ze = /* @__PURE__ */ y(Ye, [["render", Qe], ["__scopeId", "data-v-becdf225"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/button/button.vue"]]), et = Symbol(), Q = {
+const Ze = /* @__PURE__ */ g(Ye, [["render", Xe], ["__scopeId", "data-v-becdf225"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/button/button.vue"]]), et = Symbol(), Z = {
   Builder: {
     content: null,
     context: {},
@@ -71,43 +71,43 @@ function nt(e) {
     builderBlock: e
   };
 }
-const A = "vue3", ot = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), B = (e) => e != null, rt = (e) => Object.entries(e).map(([n, o]) => {
+const x = "vue3", ot = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), T = (e) => e != null, it = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
     return `${ot(n)}: ${o};`;
-}).filter(B), st = (e) => rt(e).join(`
-`), Y = ({
+}).filter(T), rt = (e) => it(e).join(`
+`), J = ({
   mediaQuery: e,
   className: t,
   styles: n
 }) => {
   const o = `.${t} {
-    ${st(n)}
+    ${rt(n)}
   }`;
   return e ? `${e} {
       ${o}
     }` : o;
-}, L = "[Builder.io]: ", x = {
-  log: (...e) => console.log(L, ...e),
-  error: (...e) => console.error(L, ...e),
-  warn: (...e) => console.warn(L, ...e),
-  debug: (...e) => console.debug(L, ...e)
+}, M = "[Builder.io]: ", $ = {
+  log: (...e) => console.log(M, ...e),
+  error: (...e) => console.error(M, ...e),
+  warn: (...e) => console.warn(M, ...e),
+  debug: (...e) => console.debug(M, ...e)
 };
-function w() {
+function v() {
   return typeof window < "u" && typeof document < "u";
 }
-function it() {
-  return w() && window.self !== window.top;
+function st() {
+  return v() && window.self !== window.top;
 }
-function P() {
-  return it() && window.location.search.indexOf("builder.frameEditing=") !== -1;
+function R() {
+  return st() && window.location.search.indexOf("builder.frameEditing=") !== -1;
 }
 const at = () => {
-  if (w()) {
+  if (v()) {
     const e = new URL(location.href);
     return e.pathname === "" && (e.pathname = "/"), e;
   } else
     return console.warn("Cannot get location for tracking in non-browser environment"), null;
-}, lt = () => typeof navigator == "object" && navigator.userAgent || "", $e = () => {
+}, lt = () => typeof navigator == "object" && navigator.userAgent || "", Ie = () => {
   const e = lt(), t = {
     Android() {
       return e.match(/Android/i);
@@ -125,7 +125,7 @@ const at = () => {
       return e.match(/IEMobile/i) || e.match(/WPDesktop/i);
     },
     any() {
-      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || A === "reactNative";
+      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || x === "reactNative";
     }
   }, n = e.match(/Tablet|iPad/i), o = at();
   return {
@@ -145,10 +145,10 @@ const at = () => {
   context: t,
   event: n
 }), dt = () => ({
-  isEditing: P(),
-  isBrowser: w(),
-  isServer: !w(),
-  getUserAttributes: () => $e()
+  isEditing: R(),
+  isBrowser: v(),
+  isServer: !v(),
+  getUserAttributes: () => Ie()
 }), ut = (e, {
   isExpression: t = !0
 }) => t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e, ce = ({
@@ -156,15 +156,15 @@ const at = () => {
   builder: t,
   context: n,
   event: o,
-  localState: r,
-  rootSetState: s,
-  rootState: i
+  localState: i,
+  rootSetState: r,
+  rootState: s
 }) => {
   const a = ct({
     builder: t,
     context: n,
     event: o,
-    state: pt(i, r, s)
+    state: pt(s, i, r)
   });
   return new Function(...a.map(([l]) => l), e)(...a.map(([, l]) => l));
 };
@@ -172,120 +172,120 @@ function pt(e, t, n) {
   if (e === t)
     throw new Error("rootState === localState");
   return new Proxy(e, {
-    get: (o, r) => t && r in t ? t[r] : e[r],
-    set: (o, r, s) => {
-      if (t && r in t)
+    get: (o, i) => t && i in t ? t[i] : e[i],
+    set: (o, i, r) => {
+      if (t && i in t)
         throw new Error("Writing to local state is not allowed as it is read-only.");
-      return e[r] = s, n == null || n(e), !0;
+      return e[i] = r, n == null || n(e), !0;
     }
   });
 }
-const mt = (e) => (w(), ce(e));
-function z({
+const mt = (e) => (v(), ce(e));
+function K({
   code: e,
   context: t,
   localState: n,
   rootState: o,
-  rootSetState: r,
-  event: s,
-  isExpression: i = !0
+  rootSetState: i,
+  event: r,
+  isExpression: s = !0
 }) {
   if (e === "") {
-    x.warn("Skipping evaluation of empty code block.");
+    $.warn("Skipping evaluation of empty code block.");
     return;
   }
   const a = {
     code: ut(e, {
-      isExpression: i
+      isExpression: s
     }),
     builder: dt(),
     context: t,
-    event: s,
-    rootSetState: r,
+    event: r,
+    rootSetState: i,
     rootState: o,
     localState: n
   };
   try {
     return mt(a);
   } catch (l) {
-    x.error("Failed code evaluation: " + l.message, {
+    $.error("Failed code evaluation: " + l.message, {
       code: e
     });
     return;
   }
 }
-const M = (e) => JSON.parse(JSON.stringify(e)), ht = (e, t, n) => {
+const F = (e) => JSON.parse(JSON.stringify(e)), ht = (e, t, n) => {
   if (Object(e) !== e)
     return e;
   const o = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
-  return o.slice(0, -1).reduce((r, s, i) => Object(r[s]) === r[s] ? r[s] : r[s] = Math.abs(Number(o[i + 1])) >> 0 === +o[i + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
+  return o.slice(0, -1).reduce((i, r, s) => Object(i[r]) === i[r] ? i[r] : i[r] = Math.abs(Number(o[s + 1])) >> 0 === +o[s + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
 };
 const ft = ({
   block: e,
   context: t,
   localState: n,
   rootState: o,
-  rootSetState: r
+  rootSetState: i
 }) => {
   if (!e.bindings)
     return e;
-  const s = M(e), i = {
-    ...s,
+  const r = F(e), s = {
+    ...r,
     properties: {
-      ...s.properties
+      ...r.properties
     },
     actions: {
-      ...s.actions
+      ...r.actions
     }
   };
   for (const a in e.bindings) {
-    const l = e.bindings[a], c = z({
+    const l = e.bindings[a], c = K({
       code: l,
       localState: n,
       rootState: o,
-      rootSetState: r,
+      rootSetState: i,
       context: t
     });
-    ht(i, a, c);
+    ht(s, a, c);
   }
-  return i;
+  return s;
 };
 function D({
   block: e,
   context: t,
   shouldEvaluateBindings: n,
   localState: o,
-  rootState: r,
-  rootSetState: s
+  rootState: i,
+  rootSetState: r
 }) {
-  const i = e;
+  const s = e;
   return n ? ft({
-    block: i,
+    block: s,
     localState: o,
-    rootState: r,
-    rootSetState: s,
+    rootState: i,
+    rootSetState: r,
     context: t
-  }) : i;
+  }) : s;
 }
 const bt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"], gt = (e) => typeof e == "string" && bt.includes(e.toLowerCase()), yt = ({
   block: e,
   context: t,
   registeredComponents: n
 }) => {
-  var s;
-  const o = (s = D({
+  var r;
+  const o = (r = D({
     block: e,
     localState: t.localState,
     rootState: t.rootState,
     rootSetState: t.rootSetState,
     context: t.context,
     shouldEvaluateBindings: !1
-  }).component) == null ? void 0 : s.name;
+  }).component) == null ? void 0 : r.name;
   if (!o)
     return null;
-  const r = n[o];
-  if (r)
-    return r;
+  const i = n[o];
+  if (i)
+    return i;
   console.warn(`
       Could not find a registered component named "${o}". 
       If you registered it, is the file that registered it imported by the file that needs to render it?`);
@@ -299,25 +299,25 @@ const bt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
   } = e;
   if (!(n != null && n.collection))
     return;
-  const r = z({
+  const i = K({
     code: n.collection,
     localState: t.localState,
     rootState: t.rootState,
     rootSetState: t.rootSetState,
     context: t.context
   });
-  if (!Array.isArray(r))
+  if (!Array.isArray(i))
     return;
-  const s = n.collection.split(".").pop(), i = n.itemName || (s ? s + "Item" : "item");
-  return r.map((l, c) => ({
+  const r = n.collection.split(".").pop(), s = n.itemName || (r ? r + "Item" : "item");
+  return i.map((l, c) => ({
     context: {
       ...t,
       localState: {
         ...t.localState,
         $index: c,
         $item: l,
-        [i]: l,
-        [`$${i}Index`]: c
+        [s]: l,
+        [`$${s}Index`]: c
       }
     },
     block: o
@@ -327,22 +327,22 @@ const bt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
     "Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
     e
   ), e;
-}), St = () => import("./block-wrapper.e408ea89.js").then((e) => e.default).catch((e) => {
+}), St = () => import("./block-wrapper.1f981181.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",
     e
   ), e;
-}), Ct = () => import("./component-ref.0e8b6425.js").then((e) => e.default).catch((e) => {
+}), Ct = () => import("./component-ref.c8d76b1a.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;
-}), wt = () => import("./repeated-block.b30c8a4a.js").then((e) => e.default).catch((e) => {
+}), wt = () => import("./repeated-block.af88918c.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;
-}), $t = g({
+}), It = b({
   name: "block",
   components: {
     ComponentRef: W(Ct),
@@ -369,7 +369,8 @@ const bt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
       });
     },
     processedBlock() {
-      return this.repeatItem ? this.block : D({
+      var e;
+      return (e = this.block.repeat) != null && e.collection ? this.block : D({
         block: this.block,
         localState: this.context.localState,
         rootState: this.context.rootState,
@@ -382,14 +383,15 @@ const bt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
       return this.block.tagName || "div";
     },
     canShowBlock() {
-      return "hide" in this.processedBlock ? !this.processedBlock.hide : "show" in this.processedBlock ? this.processedBlock.show : !0;
+      var e, t;
+      return "hide" in this.processedBlock ? !this.processedBlock.hide : "show" in this.processedBlock ? this.processedBlock.show : !(((e = this.block.repeat) == null ? void 0 : e.collection) && !((t = this.repeatItem) != null && t.length));
     },
     childrenWithoutParentComponent() {
       var t, n;
       return !((t = this.blockComponent) != null && t.component) && !this.repeatItem ? (n = this.processedBlock.children) != null ? n : [] : [];
     },
     componentRefProps() {
-      var e, t, n, o, r, s;
+      var e, t, n, o, i, r;
       return {
         blockChildren: (e = this.processedBlock.children) != null ? e : [],
         componentRef: (t = this.blockComponent) == null ? void 0 : t.component,
@@ -403,17 +405,17 @@ const bt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
         context: this.childrenContext,
         registeredComponents: this.registeredComponents,
         builderBlock: this.processedBlock,
-        includeBlockProps: ((r = this.blockComponent) == null ? void 0 : r.noWrap) === !0,
-        isInteractive: !((s = this.blockComponent) != null && s.isRSC)
+        includeBlockProps: ((i = this.blockComponent) == null ? void 0 : i.noWrap) === !0,
+        isInteractive: !((r = this.blockComponent) != null && r.isRSC)
       };
     }
   }
 });
-function Rt(e, t, n, o, r, s) {
+function $t(e, t, n, o, i, r) {
   var h;
-  const i = k("block-wrapper"), a = k("repeated-block"), l = k("component-ref"), c = k("block", !0), u = k("block-styles");
-  return e.canShowBlock ? (d(), p(T, { key: 0 }, [
-    (h = e.blockComponent) != null && h.noWrap ? (d(), v(l, {
+  const s = y("block-wrapper"), a = y("repeated-block"), l = y("component-ref"), c = y("block", !0), p = y("block-styles");
+  return e.canShowBlock ? (d(), u(C, { key: 0 }, [
+    (h = e.blockComponent) != null && h.noWrap ? (d(), k(l, {
       key: 1,
       componentRef: e.componentRefProps.componentRef,
       componentOptions: e.componentRefProps.componentOptions,
@@ -423,29 +425,29 @@ function Rt(e, t, n, o, r, s) {
       builderBlock: e.componentRefProps.builderBlock,
       includeBlockProps: e.componentRefProps.includeBlockProps,
       isInteractive: e.componentRefProps.isInteractive
-    }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "builderBlock", "includeBlockProps", "isInteractive"])) : (d(), p(T, { key: 0 }, [
-      e.isEmptyHtmlElement(e.Tag) ? (d(), v(i, {
+    }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "builderBlock", "includeBlockProps", "isInteractive"])) : (d(), u(C, { key: 0 }, [
+      e.isEmptyHtmlElement(e.Tag) ? (d(), k(s, {
         key: 0,
         Wrapper: e.Tag,
         block: e.processedBlock,
         context: e.context,
         hasChildren: !1
-      }, null, 8, ["Wrapper", "block", "context"])) : S("v-if", !0),
-      !e.isEmptyHtmlElement(e.Tag) && e.repeatItem ? (d(!0), p(T, { key: 1 }, V(e.repeatItem, (m, f) => (d(), v(a, {
-        key: f,
+      }, null, 8, ["Wrapper", "block", "context"])) : f("v-if", !0),
+      !e.isEmptyHtmlElement(e.Tag) && e.repeatItem ? (d(!0), u(C, { key: 1 }, A(e.repeatItem, (m, S) => (d(), k(a, {
+        key: S,
         repeatContext: m.context,
         block: m.block,
         registeredComponents: e.registeredComponents
-      }, null, 8, ["repeatContext", "block", "registeredComponents"]))), 128)) : S("v-if", !0),
-      !e.isEmptyHtmlElement(e.Tag) && !e.repeatItem ? (d(), v(i, {
+      }, null, 8, ["repeatContext", "block", "registeredComponents"]))), 128)) : f("v-if", !0),
+      !e.isEmptyHtmlElement(e.Tag) && !e.repeatItem ? (d(), k(s, {
         key: 2,
         Wrapper: e.Tag,
         block: e.processedBlock,
         context: e.context,
         hasChildren: !0
       }, {
-        default: te(() => [
-          O(l, {
+        default: ne(() => [
+          B(l, {
             componentRef: e.componentRefProps.componentRef,
             componentOptions: e.componentRefProps.componentOptions,
             blockChildren: e.componentRefProps.blockChildren,
@@ -455,27 +457,27 @@ function Rt(e, t, n, o, r, s) {
             includeBlockProps: e.componentRefProps.includeBlockProps,
             isInteractive: e.componentRefProps.isInteractive
           }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "builderBlock", "includeBlockProps", "isInteractive"]),
-          (d(!0), p(T, null, V(e.childrenWithoutParentComponent, (m, f) => (d(), v(c, {
+          (d(!0), u(C, null, A(e.childrenWithoutParentComponent, (m, S) => (d(), k(c, {
             key: "block-" + m.id,
             block: m,
             context: e.childrenContext,
             registeredComponents: e.registeredComponents
           }, null, 8, ["block", "context", "registeredComponents"]))), 128)),
-          (d(!0), p(T, null, V(e.childrenWithoutParentComponent, (m, f) => (d(), v(u, {
+          (d(!0), u(C, null, A(e.childrenWithoutParentComponent, (m, S) => (d(), k(p, {
             key: "block-style-" + m.id,
             block: m,
             context: e.childrenContext
           }, null, 8, ["block", "context"]))), 128))
         ]),
         _: 1
-      }, 8, ["Wrapper", "block", "context"])) : S("v-if", !0)
+      }, 8, ["Wrapper", "block", "context"])) : f("v-if", !0)
     ], 64))
-  ], 64)) : S("v-if", !0);
+  ], 64)) : f("v-if", !0);
 }
-const Re = /* @__PURE__ */ y($t, [["render", Rt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/block/block.vue"]]), Zo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const $e = /* @__PURE__ */ g(It, [["render", $t], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/block/block.vue"]]), oi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Re
-}, Symbol.toStringTag, { value: "Module" })), Te = {
+  default: $e
+}, Symbol.toStringTag, { value: "Module" })), Re = {
   small: {
     min: 320,
     default: 321,
@@ -491,11 +493,11 @@ const Re = /* @__PURE__ */ y($t, [["render", Rt], ["__file", "/home/runner/work/
     default: 991,
     max: 1200
   }
-}, de = (e, t = Te) => `@media (max-width: ${t[e].max}px)`, Ie = ({
+}, de = (e, t = Re) => `@media (max-width: ${t[e].max}px)`, Te = ({
   small: e,
   medium: t
 }) => {
-  const n = M(Te);
+  const n = F(Re);
   if (!e || !t)
     return n;
   const o = Math.floor(e / 2);
@@ -504,30 +506,30 @@ const Re = /* @__PURE__ */ y($t, [["render", Rt], ["__file", "/home/runner/work/
     min: o,
     default: o + 1
   };
-  const r = n.small.max + 1;
+  const i = n.small.max + 1;
   n.medium = {
     max: t,
-    min: r,
-    default: r + 1
+    min: i,
+    default: i + 1
   };
-  const s = n.medium.max + 1;
+  const r = n.medium.max + 1;
   return n.large = {
     max: 2e3,
-    min: s,
-    default: s + 1
+    min: r,
+    default: r + 1
   }, n;
-}, Tt = g({
+}, Rt = b({
   render() {
     return Se("style", { id: this.id, innerHTML: this.styles });
   },
   name: "inlined-styles",
   props: ["styles", "id"]
-}), G = /* @__PURE__ */ y(Tt, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/inlined-styles.vue"]]), It = g({
+}), q = /* @__PURE__ */ g(Rt, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/inlined-styles.vue"]]), Tt = b({
   name: "block-styles",
-  components: { InlinedStyles: G },
+  components: { InlinedStyles: q },
   props: ["block", "context"],
   data() {
-    return { TARGET: A };
+    return { TARGET: x };
   },
   computed: {
     canShowBlock() {
@@ -539,7 +541,7 @@ const Re = /* @__PURE__ */ y($t, [["render", Rt], ["__file", "/home/runner/work/
         context: this.context.context,
         shouldEvaluateBindings: !0
       });
-      return B(e.hide) ? !e.hide : B(e.show) ? e.show : !0;
+      return T(e.hide) ? !e.hide : T(e.show) ? e.show : !0;
     },
     css() {
       var h;
@@ -550,44 +552,44 @@ const Re = /* @__PURE__ */ y($t, [["render", Rt], ["__file", "/home/runner/work/
         rootSetState: this.context.rootSetState,
         context: this.context.context,
         shouldEvaluateBindings: !0
-      }), t = e.responsiveStyles, n = this.context.content, o = Ie(
+      }), t = e.responsiveStyles, n = this.context.content, o = Te(
         ((h = n == null ? void 0 : n.meta) == null ? void 0 : h.breakpoints) || {}
-      ), r = t == null ? void 0 : t.large, s = t == null ? void 0 : t.medium, i = t == null ? void 0 : t.small, a = e.id;
+      ), i = t == null ? void 0 : t.large, r = t == null ? void 0 : t.medium, s = t == null ? void 0 : t.small, a = e.id;
       if (!a)
         return "";
-      const l = r ? Y({
+      const l = i ? J({
         className: a,
-        styles: r
-      }) : "", c = s ? Y({
+        styles: i
+      }) : "", c = r ? J({
         className: a,
-        styles: s,
+        styles: r,
         mediaQuery: de(
           "medium",
           o
         )
-      }) : "", u = i ? Y({
+      }) : "", p = s ? J({
         className: a,
-        styles: i,
+        styles: s,
         mediaQuery: de(
           "small",
           o
         )
       }) : "";
-      return [l, c, u].join(" ");
+      return [l, c, p].join(" ");
     }
   }
 });
-function xt(e, t, n, o, r, s) {
-  const i = k("inlined-styles");
-  return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? (d(), v(i, {
+function xt(e, t, n, o, i, r) {
+  const s = y("inlined-styles");
+  return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? (d(), k(s, {
     key: 0,
     styles: e.css
-  }, null, 8, ["styles"])) : S("v-if", !0);
+  }, null, 8, ["styles"])) : f("v-if", !0);
 }
-const xe = /* @__PURE__ */ y(It, [["render", xt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/block/components/block-styles.vue"]]), Et = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const xe = /* @__PURE__ */ g(Tt, [["render", xt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/block/components/block-styles.vue"]]), Et = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: xe
-}, Symbol.toStringTag, { value: "Module" })), Pt = g({
+}, Symbol.toStringTag, { value: "Module" })), Pt = b({
   name: "builder-blocks-wrapper",
   props: ["blocks", "parent", "path", "styleProp"],
   computed: {
@@ -599,7 +601,7 @@ const xe = /* @__PURE__ */ y(It, [["render", xt], ["__file", "/home/runner/work/
   methods: {
     onClick() {
       var e, t;
-      P() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      R() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.clickEmptyBlocks",
           data: {
@@ -612,7 +614,7 @@ const xe = /* @__PURE__ */ y(It, [["render", xt], ["__file", "/home/runner/work/
     },
     onMouseEnter() {
       var e, t;
-      P() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      R() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.hoverEmptyBlocks",
           data: {
@@ -634,25 +636,25 @@ const xe = /* @__PURE__ */ y(It, [["render", xt], ["__file", "/home/runner/work/
     }
   }
 });
-const Bt = ["builder-path", "builder-parent-id"];
-function At(e, t, n, o, r, s) {
-  return d(), p("div", I({
+const At = ["builder-path", "builder-parent-id"];
+function Bt(e, t, n, o, i, r) {
+  return d(), u("div", w({
     class: e._classStringToObject(e.className + " div-178o76acnws"),
     "builder-path": e.path,
     "builder-parent-id": e.parent,
     style: e.styleProp,
-    onClick: t[0] || (t[0] = (i) => e.onClick()),
-    onMouseenter: t[1] || (t[1] = (i) => e.onMouseEnter()),
-    onKeypress: t[2] || (t[2] = (i) => e.onClick())
+    onClick: t[0] || (t[0] = (s) => e.onClick()),
+    onMouseenter: t[1] || (t[1] = (s) => e.onMouseEnter()),
+    onKeypress: t[2] || (t[2] = (s) => e.onClick())
   }, {}), [
-    N(e.$slots, "default", {}, void 0, !0)
-  ], 16, Bt);
+    P(e.$slots, "default", {}, void 0, !0)
+  ], 16, At);
 }
-const _t = /* @__PURE__ */ y(Pt, [["render", At], ["__scopeId", "data-v-1f8aab9f"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/blocks/blocks-wrapper.vue"]]), Vt = g({
+const Vt = /* @__PURE__ */ g(Pt, [["render", Bt], ["__scopeId", "data-v-1f8aab9f"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/blocks/blocks-wrapper.vue"]]), _t = b({
   name: "builder-blocks",
   components: {
-    BlocksWrapper: _t,
-    Block: Re,
+    BlocksWrapper: Vt,
+    Block: $e,
     BlockStyles: xe
   },
   props: [
@@ -664,37 +666,37 @@ const _t = /* @__PURE__ */ y(Pt, [["render", At], ["__scopeId", "data-v-1f8aab9f
     "registeredComponents"
   ],
   inject: {
-    builderContext: Q.key,
+    builderContext: Z.key,
     componentsContext: we.key
   }
 });
-function Ot(e, t, n, o, r, s) {
-  const i = k("block"), a = k("block-styles"), l = k("blocks-wrapper");
-  return d(), v(l, {
+function Ot(e, t, n, o, i, r) {
+  const s = y("block"), a = y("block-styles"), l = y("blocks-wrapper");
+  return d(), k(l, {
     blocks: e.blocks,
     parent: e.parent,
     path: e.path,
     styleProp: e.styleProp
   }, {
-    default: te(() => [
-      e.blocks ? (d(!0), p(T, { key: 0 }, V(e.blocks, (c, u) => (d(), v(i, {
+    default: ne(() => [
+      e.blocks ? (d(!0), u(C, { key: 0 }, A(e.blocks, (c, p) => (d(), k(s, {
         key: "render-block-" + c.id,
         block: c,
         context: e.context || e.builderContext,
         registeredComponents: e.registeredComponents || e.componentsContext.registeredComponents
-      }, null, 8, ["block", "context", "registeredComponents"]))), 128)) : S("v-if", !0),
-      e.blocks ? (d(!0), p(T, { key: 1 }, V(e.blocks, (c, u) => (d(), v(a, {
+      }, null, 8, ["block", "context", "registeredComponents"]))), 128)) : f("v-if", !0),
+      e.blocks ? (d(!0), u(C, { key: 1 }, A(e.blocks, (c, p) => (d(), k(a, {
         key: "block-style-" + c.id,
         block: c,
         context: e.context || e.builderContext
-      }, null, 8, ["block", "context"]))), 128)) : S("v-if", !0)
+      }, null, 8, ["block", "context"]))), 128)) : f("v-if", !0)
     ]),
     _: 1
   }, 8, ["blocks", "parent", "path", "styleProp"]);
 }
-const ne = /* @__PURE__ */ y(Vt, [["render", Ot], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/blocks/blocks.vue"]]), Nt = g({
+const oe = /* @__PURE__ */ g(_t, [["render", Ot], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/blocks/blocks.vue"]]), jt = b({
   name: "builder-columns",
-  components: { InlinedStyles: G, Blocks: ne },
+  components: { InlinedStyles: q, Blocks: oe },
   props: [
     "js",
     "space",
@@ -711,7 +713,7 @@ const ne = /* @__PURE__ */ y(Vt, [["render", Ot], ["__file", "/home/runner/work/
       cols: this.columns || [],
       stackAt: this.stackColumnsAt || "tablet",
       flexDir: this.stackColumnsAt === "never" ? "row" : this.reverseColumnsWhenStacked ? "column-reverse" : "column",
-      TARGET: A
+      TARGET: x
     };
   },
   computed: {
@@ -774,31 +776,31 @@ const ne = /* @__PURE__ */ y(Vt, [["render", Ot], ["__file", "/home/runner/work/
       return this.stackAt === "never" ? t : e;
     },
     columnCssVars(e) {
-      const t = e === 0 ? 0 : this.gutterSize, n = this.getColumnCssWidth(e), o = `${t}px`, r = "100%", s = 0;
+      const t = e === 0 ? 0 : this.gutterSize, n = this.getColumnCssWidth(e), o = `${t}px`, i = "100%", r = 0;
       return {
         width: n,
         ["margin-left"]: o,
         "--column-width-mobile": this.getMobileStyle({
-          stackedStyle: r,
+          stackedStyle: i,
           desktopStyle: n
         }),
         "--column-margin-left-mobile": this.getMobileStyle({
-          stackedStyle: s,
+          stackedStyle: r,
           desktopStyle: o
         }),
         "--column-width-tablet": this.getTabletStyle({
-          stackedStyle: r,
+          stackedStyle: i,
           desktopStyle: n
         }),
         "--column-margin-left-tablet": this.getTabletStyle({
-          stackedStyle: s,
+          stackedStyle: r,
           desktopStyle: o
         })
       };
     },
     getWidthForBreakpointSize(e) {
       var n, o;
-      return Ie(
+      return Te(
         ((o = (n = this.builderContext.content) == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || {}
       )[e].max;
     },
@@ -813,24 +815,24 @@ const ne = /* @__PURE__ */ y(Vt, [["render", Ot], ["__file", "/home/runner/work/
     }
   }
 });
-function jt(e, t, n, o, r, s) {
-  const i = k("inlined-styles"), a = k("blocks");
-  return d(), p("div", I({
+function Nt(e, t, n, o, i, r) {
+  const s = y("inlined-styles"), a = y("blocks");
+  return d(), u("div", w({
     class: e._classStringToObject(
       `builder-columns ${e.builderBlock.id}-breakpoints div-16nol0lwi20`
     ),
     style: e.columnsCssVars
   }, {}), [
-    e.TARGET !== "reactNative" ? (d(), v(i, {
+    e.TARGET !== "reactNative" ? (d(), k(s, {
       key: 0,
       styles: e.columnsStyles
-    }, null, 8, ["styles"])) : S("v-if", !0),
-    (d(!0), p(T, null, V(e.columns, (l, c) => (d(), p("div", I({
+    }, null, 8, ["styles"])) : f("v-if", !0),
+    (d(!0), u(C, null, A(e.columns, (l, c) => (d(), u("div", w({
       key: c,
       class: "builder-column div-16nol0lwi20-2",
       style: e.columnCssVars(c)
     }, {}), [
-      O(a, {
+      B(a, {
         path: `component.options.columns.${c}.blocks`,
         parent: e.builderBlock.id,
         styleProp: {
@@ -843,47 +845,47 @@ function jt(e, t, n, o, r, s) {
     ], 16))), 128))
   ], 16);
 }
-const Ft = /* @__PURE__ */ y(Nt, [["render", jt], ["__scopeId", "data-v-7be099dc"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/columns/columns.vue"]]), Ut = g({
+const Ut = /* @__PURE__ */ g(jt, [["render", Nt], ["__scopeId", "data-v-7be099dc"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/columns/columns.vue"]]), Ft = b({
   name: "builder-fragment-component",
   props: []
 });
-function Mt(e, t, n, o, r, s) {
-  return d(), p("span", null, [
-    N(e.$slots, "default")
+function Wt(e, t, n, o, i, r) {
+  return d(), u("span", null, [
+    P(e.$slots, "default")
   ]);
 }
-const Wt = /* @__PURE__ */ y(Ut, [["render", Mt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/fragment/fragment.vue"]]);
+const Mt = /* @__PURE__ */ g(Ft, [["render", Wt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/fragment/fragment.vue"]]);
 function ue(e) {
   return e.replace(/http(s)?:/, "");
 }
 function Lt(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);
+  const o = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), i = e.indexOf("?") !== -1 ? "&" : "?";
+  return e.match(o) ? e.replace(o, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + i + t + "=" + encodeURIComponent(n);
 }
-function Kt(e, t) {
+function Ht(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
     return ue(e);
   const n = e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
   if (n) {
-    const o = e.split(n[0]), r = n[3], s = t.match("x") ? t : `${t}x`;
-    return ue(`${o[0]}_${s}${r}`);
+    const o = e.split(n[0]), i = n[3], r = t.match("x") ? t : `${t}x`;
+    return ue(`${o[0]}_${r}${i}`);
   }
   return null;
 }
-function X(e) {
+function Y(e) {
   if (!e)
     return e;
   const t = [100, 200, 400, 800, 1200, 1600, 2e3];
   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) => `${Lt(e, "width", r)} ${r}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), t.filter((i) => i !== o).map((i) => `${Lt(e, "width", i)} ${i}w`).concat([n]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [Kt(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) => [Ht(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
-const Ht = g({
+const Kt = b({
   name: "builder-image",
   props: [
     "image",
@@ -907,10 +909,10 @@ const Ht = g({
         return this.srcset;
       if (this.srcset && ((n = this.image) == null ? void 0 : n.includes("builder.io/api/v1/image"))) {
         if (!this.srcset.includes(this.image.split("?")[0]))
-          return console.debug("Removed given srcset"), X(t);
+          return console.debug("Removed given srcset"), Y(t);
       } else if (this.image && !this.srcset)
-        return X(t);
-      return X(t);
+        return Y(t);
+      return Y(t);
     },
     webpSrcSet() {
       var e;
@@ -939,24 +941,24 @@ const Ht = g({
     }
   }
 });
-const zt = ["srcset"], Dt = ["alt", "role", "src", "srcset", "sizes"], qt = {
+const Dt = ["srcset"], zt = ["alt", "role", "src", "srcset", "sizes"], qt = {
   key: 2,
   class: "div-1be3j8m9ewb-2"
 };
-function Gt(e, t, n, o, r, s) {
-  var i, a, l, c;
-  return d(), p(T, null, [
-    ae("picture", null, [
-      e.webpSrcSet ? (d(), p("source", {
+function Gt(e, t, n, o, i, r) {
+  var s, a, l, c;
+  return d(), u(C, null, [
+    Q("picture", null, [
+      e.webpSrcSet ? (d(), u("source", {
         key: 0,
         type: "image/webp",
         srcset: e.webpSrcSet
-      }, null, 8, zt)) : S("v-if", !0),
-      ae("img", {
+      }, null, 8, Dt)) : f("v-if", !0),
+      Q("img", {
         loading: "lazy",
         alt: e.altText,
         role: e.altText ? "presentation" : void 0,
-        style: le({
+        style: X({
           objectPosition: e.backgroundPosition || "center",
           objectFit: e.backgroundSize || "cover",
           ...e.aspectRatioCss
@@ -969,30 +971,30 @@ function Gt(e, t, n, o, r, s) {
         src: e.image,
         srcset: e.srcSetToUse,
         sizes: e.sizes
-      }, null, 14, Dt)
+      }, null, 14, zt)
     ]),
-    e.aspectRatio && !(((a = (i = e.builderBlock) == null ? void 0 : i.children) == null ? void 0 : a.length) && e.fitContent) ? (d(), p("div", {
+    e.aspectRatio && !(((a = (s = e.builderBlock) == null ? void 0 : s.children) == null ? void 0 : a.length) && e.fitContent) ? (d(), u("div", {
       key: 0,
       class: "builder-image-sizer div-1be3j8m9ewb",
-      style: le({
+      style: X({
         paddingTop: e.aspectRatio * 100 + "%"
       })
-    }, null, 4)) : S("v-if", !0),
-    ((c = (l = e.builderBlock) == null ? void 0 : l.children) == null ? void 0 : c.length) && e.fitContent ? N(e.$slots, "default", { key: 1 }, void 0, !0) : S("v-if", !0),
-    !e.fitContent && e.$slots.default ? (d(), p("div", qt, [
-      N(e.$slots, "default", {}, void 0, !0)
-    ])) : S("v-if", !0)
+    }, null, 4)) : f("v-if", !0),
+    ((c = (l = e.builderBlock) == null ? void 0 : l.children) == null ? void 0 : c.length) && e.fitContent ? P(e.$slots, "default", { key: 1 }, void 0, !0) : f("v-if", !0),
+    !e.fitContent && e.$slots.default ? (d(), u("div", qt, [
+      P(e.$slots, "default", {}, void 0, !0)
+    ])) : f("v-if", !0)
   ], 64);
 }
-const Jt = /* @__PURE__ */ y(Ht, [["render", Gt], ["__scopeId", "data-v-58ca75d1"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/image/image.vue"]]), Yt = g({
+const Jt = /* @__PURE__ */ g(Kt, [["render", Gt], ["__scopeId", "data-v-58ca75d1"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/image/image.vue"]]), Yt = b({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
-    return { filterAttrs: q };
+    return { filterAttrs: z };
   }
 });
-function Xt(e, t, n, o, r, s) {
-  return d(), p("section", I({
+function Qt(e, t, n, o, i, r) {
+  return d(), u("section", w({
     style: {
       width: "100%",
       alignSelf: "stretch",
@@ -1005,11 +1007,11 @@ function Xt(e, t, n, o, r, s) {
       marginLeft: "auto",
       marginRight: "auto"
     }
-  }, e.filterAttrs(e.attributes, "v-on:", !1), F(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    N(e.$slots, "default")
+  }, e.filterAttrs(e.attributes, "v-on:", !1), N(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    P(e.$slots, "default")
   ], 16);
 }
-const Qt = /* @__PURE__ */ y(Yt, [["render", Xt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/section/section.vue"]]), Zt = (e) => {
+const Xt = /* @__PURE__ */ g(Yt, [["render", Qt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/section/section.vue"]]), Zt = (e) => {
   if (e === "localhost" || e === "127.0.0.1")
     return e;
   const t = e.split(".");
@@ -1022,17 +1024,17 @@ const Qt = /* @__PURE__ */ y(Yt, [["render", Xt], ["__file", "/home/runner/work/
   try {
     return t ? (n = document.cookie.split("; ").find((o) => o.startsWith(`${e}=`))) == null ? void 0 : n.split("=")[1] : void 0;
   } catch (o) {
-    x.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
+    $.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, Pe = async (e) => Ee(e), en = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(B).join("; "), tn = [["secure", ""], ["SameSite", "None"]], nn = ({
+}, Pe = async (e) => Ee(e), en = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(T).join("; "), tn = [["secure", ""], ["SameSite", "None"]], nn = ({
   name: e,
   value: t,
   expires: n
 }) => {
-  const r = (w() ? location.protocol === "https:" : !0) ? tn : [[]], s = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...s, ["path", "/"], ["domain", Zt(window.location.hostname)], ...r];
-  return en(i);
-}, Be = async ({
+  const i = (v() ? location.protocol === "https:" : !0) ? tn : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], s = [[e, t], ...r, ["path", "/"], ["domain", Zt(window.location.hostname)], ...i];
+  return en(s);
+}, Ae = async ({
   name: e,
   value: t,
   expires: n,
@@ -1041,54 +1043,54 @@ const Qt = /* @__PURE__ */ y(Yt, [["render", Xt], ["__file", "/home/runner/work/
   try {
     if (!o)
       return;
-    const r = nn({
+    const i = nn({
       name: e,
       value: t,
       expires: n
     });
-    document.cookie = r;
-  } catch (r) {
-    x.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
+    document.cookie = i;
+  } catch (i) {
+    $.warn("[COOKIE] SET error: ", (i == null ? void 0 : i.message) || i);
   }
-}, on = "builder.tests", oe = (e) => `${on}.${e}`, rn = ({
+}, on = "builder.tests", ie = (e) => `${on}.${e}`, rn = ({
   contentId: e
 }) => Pe({
-  name: oe(e),
+  name: ie(e),
   canTrack: !0
 }), sn = ({
   contentId: e
 }) => Ee({
-  name: oe(e),
+  name: ie(e),
   canTrack: !0
 }), an = ({
   contentId: e,
   value: t
-}) => Be({
-  name: oe(e),
+}) => Ae({
+  name: ie(e),
   value: t,
   canTrack: !0
-}), Ae = (e) => B(e.id) && B(e.variations) && Object.keys(e.variations).length > 0, ln = ({
+}), Be = (e) => T(e.id) && T(e.variations) && Object.keys(e.variations).length > 0, ln = ({
   id: e,
   variations: t
 }) => {
-  var r;
+  var i;
   let n = 0;
   const o = Math.random();
-  for (const s in t) {
-    const i = (r = t[s]) == null ? void 0 : r.testRatio;
-    if (n += i, o < n)
-      return s;
+  for (const r in t) {
+    const s = (i = t[r]) == null ? void 0 : i.testRatio;
+    if (n += s, o < n)
+      return r;
   }
   return e;
-}, _e = (e) => {
+}, Ve = (e) => {
   const t = ln(e);
   return an({
     contentId: e.id,
     value: t
   }).catch((n) => {
-    x.error("could not store A/B test variation: ", n);
+    $.error("could not store A/B test variation: ", n);
   }), t;
-}, Ve = ({
+}, _e = ({
   item: e,
   testGroupId: t
 }) => {
@@ -1109,14 +1111,14 @@ const Qt = /* @__PURE__ */ y(Yt, [["render", Xt], ["__file", "/home/runner/work/
     return e;
   if (!e)
     return;
-  if (!Ae(e))
+  if (!Be(e))
     return e;
   const n = sn({
     contentId: e.id
-  }) || _e({
+  }) || Ve({
     variations: e.variations,
     id: e.id
-  }), o = Ve({
+  }), o = _e({
     item: e,
     testGroupId: n
   });
@@ -1128,22 +1130,22 @@ const Qt = /* @__PURE__ */ y(Yt, [["render", Xt], ["__file", "/home/runner/work/
   item: e,
   canTrack: t
 }) => {
-  if (!t || !Ae(e))
+  if (!t || !Be(e))
     return e;
   const o = await rn({
     contentId: e.id
-  }) || _e({
+  }) || Ve({
     variations: e.variations,
     id: e.id
-  }), r = Ve({
+  }), i = _e({
     item: e,
     testGroupId: o
   });
   return {
     ...e,
-    ...r
+    ...i
   };
-}, U = (e) => B(e) ? e : !0, un = {
+}, U = (e) => T(e) ? e : !0, un = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1353,7 +1355,7 @@ const Qt = /* @__PURE__ */ y(Yt, [["render", Xt], ["__file", "/home/runner/work/
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && !!n.find((r) => r.get("width")) && (!!n.find((s) => !s.get("width")) || n.reduce((a, l) => a + l.get("width"), 0) !== 100) && t();
+      Array.isArray(n) && !!n.find((i) => i.get("width")) && (!!n.find((r) => !r.get("width")) || n.reduce((a, l) => a + l.get("width"), 0) !== 100) && t();
     }
   }, {
     name: "space",
@@ -1397,7 +1399,7 @@ const Qt = /* @__PURE__ */ y(Yt, [["render", Xt], ["__file", "/home/runner/work/
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, hn = g({
+}, hn = b({
   name: "builder-custom-code",
   props: ["replaceNodes", "code"],
   data() {
@@ -1414,8 +1416,8 @@ const Qt = /* @__PURE__ */ y(Yt, [["render", Xt], ["__file", "/home/runner/work/
         if (this.scriptsInserted.includes(o.src))
           continue;
         this.scriptsInserted.push(o.src);
-        const r = document.createElement("script");
-        r.async = !0, r.src = o.src, document.head.appendChild(r);
+        const i = document.createElement("script");
+        i.async = !0, i.src = o.src, document.head.appendChild(i);
       } else if (!o.type || [
         "text/javascript",
         "application/javascript",
@@ -1425,8 +1427,8 @@ const Qt = /* @__PURE__ */ y(Yt, [["render", Xt], ["__file", "/home/runner/work/
           continue;
         try {
           this.scriptsRun.push(o.innerText), new Function(o.innerText)();
-        } catch (r) {
-          console.warn("`CustomCode`: Error running script:", r);
+        } catch (i) {
+          console.warn("`CustomCode`: Error running script:", i);
         }
       }
     }
@@ -1443,8 +1445,8 @@ const Qt = /* @__PURE__ */ y(Yt, [["render", Xt], ["__file", "/home/runner/work/
     }
   }
 }), fn = ["innerHTML"];
-function bn(e, t, n, o, r, s) {
-  return d(), p("div", {
+function bn(e, t, n, o, i, r) {
+  return d(), u("div", {
     ref: "elementRef",
     class: Ce(
       e._classStringToObject(
@@ -1454,7 +1456,7 @@ function bn(e, t, n, o, r, s) {
     innerHTML: e.code
   }, null, 10, fn);
 }
-const gn = /* @__PURE__ */ y(hn, [["render", bn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/custom-code/custom-code.vue"]]), yn = {
+const gn = /* @__PURE__ */ g(hn, [["render", bn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/custom-code/custom-code.vue"]]), yn = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -1479,7 +1481,7 @@ const gn = /* @__PURE__ */ y(hn, [["render", bn], ["__file", "/home/runner/work/
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, kn = ["text/javascript", "application/javascript", "application/ecmascript"], vn = (e) => kn.includes(e.type), Sn = g({
+}, kn = ["text/javascript", "application/javascript", "application/ecmascript"], vn = (e) => kn.includes(e.type), Sn = b({
   name: "builder-embed",
   props: ["content"],
   data() {
@@ -1522,20 +1524,20 @@ const gn = /* @__PURE__ */ y(hn, [["render", bn], ["__file", "/home/runner/work/
     }
   }
 }), Cn = ["innerHTML"];
-function wn(e, t, n, o, r, s) {
-  return d(), p("div", {
+function wn(e, t, n, o, i, r) {
+  return d(), u("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: e.content
   }, null, 8, Cn);
 }
-const $n = /* @__PURE__ */ y(Sn, [["render", wn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/embed/embed.vue"]]), Rn = {
+const In = /* @__PURE__ */ g(Sn, [["render", wn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/embed/embed.vue"]]), $n = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, Tn = {
+}, Rn = {
   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",
@@ -1555,29 +1557,29 @@ const $n = /* @__PURE__ */ y(Sn, [["render", wn], ["__file", "/home/runner/work/
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
-      function n(i, a = 6e4) {
+      function n(s, a = 6e4) {
         return new Promise((l, c) => {
-          const u = document.createElement("img");
+          const p = document.createElement("img");
           let h = !1;
-          u.onload = () => {
-            h = !0, l(u);
-          }, u.addEventListener("error", (m) => {
+          p.onload = () => {
+            h = !0, l(p);
+          }, p.addEventListener("error", (m) => {
             console.warn("Image load failed", m.error), c(m.error);
-          }), u.src = i, setTimeout(() => {
+          }), p.src = s, setTimeout(() => {
             h || c(new Error("Image load timed out"));
           }, a);
         });
       }
-      function o(i) {
-        return Math.round(i * 1e3) / 1e3;
+      function o(s) {
+        return Math.round(s * 1e3) / 1e3;
       }
-      const r = e.get("image"), s = e.get("aspectRatio");
-      if (fetch(r).then((i) => i.blob()).then((i) => {
-        i.type.includes("svg") && e.set("noWebp", !0);
-      }), r && (!s || s === 0.7041))
-        return n(r).then((i) => {
+      const i = e.get("image"), r = e.get("aspectRatio");
+      if (fetch(i).then((s) => s.blob()).then((s) => {
+        s.type.includes("svg") && e.set("noWebp", !0);
+      }), i && (!r || r === 0.7041))
+        return n(i).then((s) => {
           const a = e.get("aspectRatio");
-          e.get("image") === r && (!a || a === 0.7041) && i.width && i.height && (e.set("aspectRatio", o(i.height / i.width)), e.set("height", i.height), e.set("width", i.width));
+          e.get("image") === i && (!a || a === 0.7041) && s.width && s.height && (e.set("aspectRatio", o(s.height / s.width)), e.set("height", s.height), e.set("width", s.width));
         });
     }
   }, {
@@ -1635,7 +1637,7 @@ const $n = /* @__PURE__ */ y(Sn, [["render", wn], ["__file", "/home/runner/work/
     advanced: !0,
     defaultValue: 0.7041
   }]
-}, In = {
+}, Tn = {
   name: "Raw:Img",
   hideFromInsertMenu: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -1648,7 +1650,7 @@ const $n = /* @__PURE__ */ y(Sn, [["render", wn], ["__file", "/home/runner/work/
   }],
   noWrap: !0,
   static: !0
-}, xn = g({
+}, xn = b({
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -1659,11 +1661,11 @@ const $n = /* @__PURE__ */ y(Sn, [["render", wn], ["__file", "/home/runner/work/
     "attributes"
   ],
   data() {
-    return { isEditing: P, filterAttrs: q };
+    return { isEditing: R, filterAttrs: z };
   }
 }), En = ["alt", "src"];
-function Pn(e, t, n, o, r, s) {
-  return d(), p("img", I({
+function Pn(e, t, n, o, i, r) {
+  return d(), u("img", w({
     style: {
       objectFit: e.backgroundSize || "cover",
       objectPosition: e.backgroundPosition || "center"
@@ -1671,9 +1673,9 @@ function Pn(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), F(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, En);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), N(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, En);
 }
-const Bn = /* @__PURE__ */ y(xn, [["render", Pn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/img/img.vue"]]), An = {
+const An = /* @__PURE__ */ g(xn, [["render", Pn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/img/img.vue"]]), Bn = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1712,7 +1714,7 @@ const Bn = /* @__PURE__ */ y(xn, [["render", Pn], ["__file", "/home/runner/work/
       }
     }
   }]
-}, _n = {
+}, Vn = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1745,7 +1747,7 @@ const Bn = /* @__PURE__ */ y(xn, [["render", Pn], ["__file", "/home/runner/work/
     hideFromUI: !0,
     type: "boolean"
   }]
-}, Vn = {
+}, _n = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -1763,21 +1765,21 @@ const Bn = /* @__PURE__ */ y(xn, [["render", Pn], ["__file", "/home/runner/work/
     height: "auto",
     textAlign: "center"
   }
-}, On = g({
+}, On = b({
   name: "builder-text",
   props: ["text"]
-}), Nn = ["innerHTML"];
-function jn(e, t, n, o, r, s) {
-  var i;
-  return d(), p("div", {
+}), jn = ["innerHTML"];
+function Nn(e, t, n, o, i, r) {
+  var s;
+  return d(), u("div", {
     class: "builder-text",
-    innerHTML: ((i = e.text) == null ? void 0 : i.toString()) || "",
+    innerHTML: ((s = e.text) == null ? void 0 : s.toString()) || "",
     style: {
       outline: "none"
     }
-  }, null, 8, Nn);
+  }, null, 8, jn);
 }
-const Fn = /* @__PURE__ */ y(On, [["render", jn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/text/text.vue"]]), Un = {
+const Un = /* @__PURE__ */ g(On, [["render", Nn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/text/text.vue"]]), Fn = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1858,7 +1860,7 @@ const Fn = /* @__PURE__ */ y(On, [["render", jn], ["__file", "/home/runner/work/
     defaultValue: !0,
     advanced: !0
   }]
-}, Mn = g({
+}, Wn = b({
   name: "builder-video",
   props: [
     "autoPlay",
@@ -1866,12 +1868,16 @@ const Fn = /* @__PURE__ */ y(On, [["render", jn], ["__file", "/home/runner/work/
     "controls",
     "loop",
     "playsInline",
-    "attributes",
     "preload",
+    "attributes",
     "fit",
     "position",
+    "aspectRatio",
     "video",
-    "posterImage"
+    "posterImage",
+    "lazyLoad",
+    "fitContent",
+    "builderBlock"
   ],
   computed: {
     videoProps() {
@@ -1895,392 +1901,458 @@ const Fn = /* @__PURE__ */ y(On, [["render", jn], ["__file", "/home/runner/work/
     },
     spreadProps() {
       return {
-        ...this.attributes,
         ...this.videoProps
       };
     }
   }
-}), Wn = ["preload", "src", "poster"];
-function Ln(e, t, n, o, r, s) {
-  var i;
-  return d(), p("video", I({
-    preload: e.preload || "metadata",
-    style: {
-      width: "100%",
-      height: "100%",
-      ...(i = e.attributes) == null ? void 0 : i.style,
-      objectFit: e.fit,
-      objectPosition: e.position,
-      borderRadius: 1
-    },
-    src: e.video || "no-src",
-    poster: e.posterImage
-  }, e.spreadProps), null, 16, Wn);
+}), Mn = { style: {
+  position: "relative"
+} }, Ln = ["preload", "src", "poster"], Hn = ["src"], Kn = {
+  key: 1,
+  style: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "stretch"
+  }
+}, Dn = {
+  key: 2,
+  style: {
+    pointerEvents: "none",
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "stretch",
+    position: "absolute",
+    top: "0",
+    left: "0",
+    width: "100%",
+    height: "100%"
+  }
+};
+function zn(e, t, n, o, i, r) {
+  var s, a, l, c, p, h, m;
+  return d(), u("div", Mn, [
+    Q("video", w({
+      class: "builder-video",
+      preload: e.preload || "metadata",
+      style: {
+        width: "100%",
+        height: "100%",
+        ...(s = e.attributes) == null ? void 0 : s.style,
+        objectFit: e.fit,
+        objectPosition: e.position,
+        zIndex: 2,
+        borderRadius: "1px",
+        ...e.aspectRatio ? {
+          position: "absolute"
+        } : null
+      },
+      src: e.video || "no-src",
+      poster: e.posterImage
+    }, e.spreadProps), [
+      e.lazyLoad ? f("v-if", !0) : (d(), u("source", {
+        key: 0,
+        type: "video/mp4",
+        src: e.video
+      }, null, 8, Hn))
+    ], 16, Ln),
+    e.aspectRatio && !(e.fitContent && ((l = (a = e.builderBlock) == null ? void 0 : a.children) == null ? void 0 : l.length)) ? (d(), u("div", {
+      key: 0,
+      style: X({
+        width: "100%",
+        paddingTop: e.aspectRatio * 100 + "%",
+        pointerEvents: "none",
+        fontSize: "0px"
+      })
+    }, null, 4)) : f("v-if", !0),
+    ((p = (c = e.builderBlock) == null ? void 0 : c.children) == null ? void 0 : p.length) && e.fitContent ? (d(), u("div", Kn, [
+      P(e.$slots, "default")
+    ])) : f("v-if", !0),
+    ((m = (h = e.builderBlock) == null ? void 0 : h.children) == null ? void 0 : m.length) && !e.fitContent ? (d(), u("div", Dn, [
+      P(e.$slots, "default")
+    ])) : f("v-if", !0)
+  ]);
 }
-const Kn = /* @__PURE__ */ y(Mn, [["render", Ln], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/video/video.vue"]]), pe = () => [{
+const qn = /* @__PURE__ */ g(Wn, [["render", zn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/video/video.vue"]]), pe = () => [{
   component: Ze,
   ...un
 }, {
-  component: Ft,
+  component: Ut,
   ...pn
 }, {
   component: gn,
   ...mn
 }, {
-  component: $n,
+  component: In,
   ...yn
 }, {
-  component: Wt,
-  ...Rn
+  component: Mt,
+  ...$n
 }, {
   component: Jt,
+  ...Rn
+}, {
+  component: An,
   ...Tn
 }, {
-  component: Bn,
-  ...In
+  component: Xt,
+  ...Bn
 }, {
-  component: Qt,
-  ...An
+  component: ti,
+  ...Vn
 }, {
-  component: Xo,
+  component: Un,
   ..._n
 }, {
-  component: Fn,
-  ...Vn
-}, {
-  component: Kn,
-  ...Un
-}], me = [], Hn = (e) => ({
+  component: qn,
+  ...Fn
+}], me = [], Gn = (e) => ({
   type: "builder.registerComponent",
-  data: Z(e)
-}), zn = (e) => {
+  data: ee(e)
+}), Jn = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-}, Dn = (e) => typeof e == "function" ? zn(e) : M(e), Z = ({
+}, Yn = (e) => typeof e == "function" ? Jn(e) : F(e), ee = ({
   inputs: e,
   ...t
 }) => ({
-  ...M(t),
-  inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [r, s]) => ({
+  ...F(t),
+  inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [i, r]) => ({
     ...o,
-    [r]: Dn(s)
+    [i]: Yn(r)
   }), {}))
-}), K = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
-  ...t,
-  testVariationId: t.id,
-  id: e == null ? void 0 : e.id
-})), qn = ({
-  canTrack: e,
-  content: t
-}) => !(!(K(t).length > 0) || !e);
-function Gn(e, t, n) {
-  var i;
-  function o() {
-    function a(C, $, R) {
-      let E = "";
-      if (R) {
-        const b = new Date();
-        b.setTime(b.getTime() + R * 24 * 60 * 60 * 1e3), E = "; expires=" + b.toUTCString();
+}), Qn = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+  function getAndSetVariantId() {
+    function setCookie(name, value, days) {
+      let expires = '';
+      if (days) {
+        const date = new Date();
+        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
+        expires = '; expires=' + date.toUTCString();
       }
-      document.cookie = C + "=" + ($ || "") + E + "; path=/; Secure; SameSite=None";
+      document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';
     }
-    function l(C) {
-      const $ = C + "=", R = document.cookie.split(";");
-      for (let E = 0; E < R.length; E++) {
-        let b = R[E];
-        for (; b.charAt(0) === " "; )
-          b = b.substring(1, b.length);
-        if (b.indexOf($) === 0)
-          return b.substring($.length, b.length);
+    function getCookie(name) {
+      const nameEQ = name + '=';
+      const ca = document.cookie.split(';');
+      for (let i = 0; i < ca.length; i++) {
+        let c = ca[i];
+        while (c.charAt(0) === ' ') c = c.substring(1, c.length);
+        if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
       }
       return null;
     }
-    const c = `builder.tests.${e}`, u = l(c), h = t.map((C) => C.id).concat(e);
-    if (u && h.includes(u))
-      return u;
-    let m = 0;
-    const f = Math.random();
-    for (let C = 0; C < t.length; C++) {
-      const $ = t[C], R = $.testRatio;
-      if (m += R, f < m)
-        return a(c, $.id), $.id;
+    const cookieName = \`builder.tests.\${contentId}\`;
+    const variantInCookie = getCookie(cookieName);
+    const availableIDs = variants.map(vr => vr.id).concat(contentId);
+    if (variantInCookie && availableIDs.includes(variantInCookie)) {
+      return variantInCookie;
+    }
+    let n = 0;
+    const random = Math.random();
+    for (let i = 0; i < variants.length; i++) {
+      const variant = variants[i];
+      const testRatio = variant.testRatio;
+      n += testRatio;
+      if (random < n) {
+        setCookie(cookieName, variant.id);
+        return variant.id;
+      }
     }
-    return a(c, e), e;
+    setCookie(cookieName, contentId);
+    return contentId;
   }
-  const r = o(), s = (i = document.currentScript) == null ? void 0 : i.previousElementSibling;
-  if (n) {
-    s.remove();
-    const a = document.currentScript;
-    a == null || a.remove();
+  const winningVariantId = getAndSetVariantId();
+  const styleEl = document.currentScript?.previousElementSibling;
+  if (isHydrationTarget) {
+    styleEl.remove();
+    const thisScriptEl = document.currentScript;
+    thisScriptEl?.remove();
   } else {
-    const a = t.concat({
-      id: e
-    }).filter((l) => l.id !== r).map((l) => `.variant-${l.id} {  display: none; }
-        `).join("");
-    s.innerHTML = a;
+    const newStyleStr = variants.concat({
+      id: contentId
+    }).filter(variant => variant.id !== winningVariantId).map(value => {
+      return \`.variant-\${value.id} {  display: none; }
+        \`;
+    }).join('');
+    styleEl.innerHTML = newStyleStr;
   }
-}
-function Jn(e, t, n) {
-  var l;
-  if (!navigator.cookieEnabled)
+}`, Xn = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+  if (!navigator.cookieEnabled) {
     return;
-  function o(c) {
-    const u = c + "=", h = document.cookie.split(";");
-    for (let m = 0; m < h.length; m++) {
-      let f = h[m];
-      for (; f.charAt(0) === " "; )
-        f = f.substring(1, f.length);
-      if (f.indexOf(u) === 0)
-        return f.substring(u.length, f.length);
+  }
+  function getCookie(name) {
+    const nameEQ = name + '=';
+    const ca = document.cookie.split(';');
+    for (let i = 0; i < ca.length; i++) {
+      let c = ca[i];
+      while (c.charAt(0) === ' ') c = c.substring(1, c.length);
+      if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
     }
     return null;
   }
-  const r = `builder.tests.${t}`, s = o(r), i = (l = document.currentScript) == null ? void 0 : l.parentElement, a = e === t;
-  if (s === e) {
-    if (a)
-      return;
-    i == null || i.removeAttribute("hidden"), i == null || i.removeAttribute("aria-hidden");
-  } else {
-    a && (n ? i == null || i.remove() : (i == null || i.setAttribute("hidden", "true"), i == null || i.setAttribute("aria-hidden", "true")));
-    return;
+  const cookieName = \`builder.tests.\${defaultContentId}\`;
+  const winningVariant = getCookie(cookieName);
+  const parentDiv = document.currentScript?.parentElement;
+  const isDefaultContent = variantContentId === defaultContentId;
+  const isWinningVariant = winningVariant === variantContentId;
+  if (isWinningVariant && !isDefaultContent) {
+    parentDiv?.removeAttribute('hidden');
+    parentDiv?.removeAttribute('aria-hidden');
+  } else if (!isWinningVariant && isDefaultContent) {
+    parentDiv?.setAttribute('hidden', 'true');
+    parentDiv?.setAttribute('aria-hidden', 'true');
   }
-}
-const Yn = (e) => e === "react" || e === "reactNative", Oe = Yn(A), Ne = "builderIoAbTest", je = "builderIoRenderContent", Xn = () => {
-  const e = Gn.toString().replace(/\s+/g, " "), t = Jn.toString().replace(/\s+/g, " ");
-  return `
-  window.${Ne} = ${e}
-  window.${je} = ${t}
-  `;
-}, Qn = (e, t) => `
-  window.${Ne}("${t}",${JSON.stringify(e)}, ${Oe})`, Zn = ({
+  if (isHydrationTarget) {
+    if (!isWinningVariant) {
+      parentDiv?.remove();
+    }
+    const thisScriptEl = document.currentScript;
+    thisScriptEl?.remove();
+  }
+  return;
+}`, Oe = "builderIoAbTest", je = "builderIoRenderContent", L = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+  ...t,
+  testVariationId: t.id,
+  id: e == null ? void 0 : e.id
+})), Zn = ({
+  canTrack: e,
+  content: t
+}) => !(!(L(t).length > 0) || !e), eo = (e) => e === "react" || e === "reactNative", Ne = eo(x), to = () => `
+  window.${Oe} = ${Qn}
+  window.${je} = ${Xn}
+  `, no = (e, t) => `
+  window.${Oe}(
+    "${t}",${JSON.stringify(e)}, ${Ne}
+  )`, oo = ({
   contentId: e,
   variationId: t
-}) => `
-  window.${je}("${t}", "${e}", ${Oe})`, eo = g({
+}) => `window.${je}(
+    "${t}", "${e}", ${Ne}
+  )`, io = b({
   render() {
     return Se("script", { id: this.id, innerHTML: this.scriptStr });
   },
   name: "inlined-script",
   props: ["scriptStr", "id"]
-}), Fe = /* @__PURE__ */ y(eo, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/inlined-script.vue"]]);
-function to() {
+}), Ue = /* @__PURE__ */ g(io, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/inlined-script.vue"]]);
+function ro() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function no() {
-  const e = to().fetch;
+function so() {
+  const e = ro().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 Ue = no();
+const Fe = so();
 function H(e, t = null, n = ".") {
-  return Object.keys(e).reduce((o, r) => {
-    const s = e[r], i = [t, r].filter(Boolean).join(n);
-    return [typeof s == "object", s !== null, !(Array.isArray(s) && s.length === 0)].every(Boolean) ? {
+  return Object.keys(e).reduce((o, i) => {
+    const r = e[i], s = [t, i].filter(Boolean).join(n);
+    return [typeof r == "object", r !== null, !(Array.isArray(r) && r.length === 0)].every(Boolean) ? {
       ...o,
-      ...H(s, i, n)
+      ...H(r, s, n)
     } : {
       ...o,
-      [i]: s
+      [s]: r
     };
   }, {});
 }
-const oo = "v3", he = "builder.", ro = "options.", so = (e) => {
+const ao = "v3", he = "builder.", lo = "options.", co = (e) => {
   const t = {};
   return e.forEach((n, o) => {
     t[o] = n;
   }), t;
-}, Me = (e) => {
+}, We = (e) => {
   if (!e)
     return {};
-  const t = We(e), n = {};
+  const t = Me(e), n = {};
   return Object.keys(t).forEach((o) => {
     if (o.startsWith(he)) {
-      const r = o.replace(he, "").replace(ro, "");
-      n[r] = t[o];
+      const i = o.replace(he, "").replace(lo, "");
+      n[i] = t[o];
     }
   }), n;
-}, io = () => {
-  if (!w())
+}, uo = () => {
+  if (!v())
     return {};
   const e = new URLSearchParams(window.location.search);
-  return Me(e);
-}, We = (e) => e instanceof URLSearchParams ? so(e) : e, fe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, re = (e) => {
+  return We(e);
+}, Me = (e) => e instanceof URLSearchParams ? co(e) : e, fe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, re = (e) => {
   let {
     noTraverse: t = !1
   } = e;
   const {
     limit: n = 30,
     userAttributes: o,
-    query: r,
-    model: s,
-    apiKey: i,
+    query: i,
+    model: r,
+    apiKey: s,
     includeRefs: a = !0,
     enrich: l,
     locale: c,
-    apiVersion: u = oo,
+    apiVersion: p = ao,
     fields: h,
     omit: m,
-    offset: f,
-    cacheSeconds: C,
-    staleCacheSeconds: $,
-    sort: R,
-    includeUnpublished: E
+    offset: S,
+    cacheSeconds: V,
+    staleCacheSeconds: _,
+    sort: O,
+    includeUnpublished: se
   } = e;
-  if (!i)
+  if (!s)
     throw new Error("Missing API key");
-  if (!["v2", "v3"].includes(u))
-    throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${u}'`);
+  if (!["v2", "v3"].includes(p))
+    throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${p}'`);
   (e.limit === void 0 || e.limit > 1) && !("noTraverse" in e) && (t = !0);
-  const b = new URL(`https://cdn.builder.io/api/${u}/content/${s}?apiKey=${i}&limit=${n}&noTraverse=${t}&includeRefs=${a}${c ? `&locale=${c}` : ""}${l ? `&enrich=${l}` : ""}`);
-  if (b.searchParams.set("omit", m || "meta.componentsUsed"), h && b.searchParams.set("fields", h), Number.isFinite(f) && f > -1 && b.searchParams.set("offset", String(Math.floor(f))), typeof E == "boolean" && b.searchParams.set("includeUnpublished", String(E)), C && fe(C) && b.searchParams.set("cacheSeconds", String(C)), $ && fe($) && b.searchParams.set("staleCacheSeconds", String($)), R) {
-    const _ = H({
-      sort: R
+  const I = new URL(`https://cdn.builder.io/api/${p}/content/${r}?apiKey=${s}&limit=${n}&noTraverse=${t}&includeRefs=${a}${c ? `&locale=${c}` : ""}${l ? `&enrich=${l}` : ""}`);
+  if (I.searchParams.set("omit", m || "meta.componentsUsed"), h && I.searchParams.set("fields", h), Number.isFinite(S) && S > -1 && I.searchParams.set("offset", String(Math.floor(S))), typeof se == "boolean" && I.searchParams.set("includeUnpublished", String(se)), V && fe(V) && I.searchParams.set("cacheSeconds", String(V)), _ && fe(_) && I.searchParams.set("staleCacheSeconds", String(_)), O) {
+    const E = H({
+      sort: O
     });
-    for (const j in _)
-      b.searchParams.set(j, JSON.stringify(_[j]));
+    for (const j in E)
+      I.searchParams.set(j, JSON.stringify(E[j]));
   }
   const Ge = {
-    ...io(),
-    ...We(e.options || {})
-  }, se = H(Ge);
-  for (const _ in se)
-    b.searchParams.set(_, String(se[_]));
-  if (o && b.searchParams.set("userAttributes", JSON.stringify(o)), r) {
-    const _ = H({
-      query: r
+    ...uo(),
+    ...Me(e.options || {})
+  }, ae = H(Ge);
+  for (const E in ae)
+    I.searchParams.set(E, String(ae[E]));
+  if (o && I.searchParams.set("userAttributes", JSON.stringify(o)), i) {
+    const E = H({
+      query: i
     });
-    for (const j in _)
-      b.searchParams.set(j, JSON.stringify(_[j]));
+    for (const j in E)
+      I.searchParams.set(j, JSON.stringify(E[j]));
   }
-  return b;
-}, ao = (e) => "results" in e;
-async function J(e) {
+  return I;
+}, po = (e) => "results" in e;
+async function G(e) {
   const t = await Le({
     ...e,
     limit: 1
   });
   return t && t.results[0] || null;
 }
-const er = J, lo = async (e) => {
+const ii = G, mo = async (e) => {
   const t = re(e);
-  return await (await Ue(t.href)).json();
-}, co = async (e, t, n = re(e)) => {
+  return await (await Fe(t.href)).json();
+}, ho = async (e, t, n = re(e)) => {
   const o = U(e.canTrack);
-  if (n.search.includes("preview="), !o || !(w() || A === "reactNative"))
+  if (n.search.includes("preview="), !o || !(v() || x === "reactNative"))
     return t;
   try {
-    const r = [];
-    for (const s of t.results)
-      r.push(await dn({
-        item: s,
+    const i = [];
+    for (const r of t.results)
+      i.push(await dn({
+        item: r,
         canTrack: o
       }));
-    t.results = r;
-  } catch (r) {
-    x.error("Could not process A/B tests. ", r);
+    t.results = i;
+  } catch (i) {
+    $.error("Could not process A/B tests. ", i);
   }
   return t;
 };
 async function Le(e) {
   try {
-    const t = re(e), n = await lo(e);
-    return ao(n) ? co(e, n) : (x.error("Error fetching data. ", {
+    const t = re(e), n = await mo(e);
+    return po(n) ? ho(e, n) : ($.error("Error fetching data. ", {
       url: t,
       content: n,
       options: e
     }), null);
   } catch (t) {
-    return x.error("Error fetching data. ", t), null;
+    return $.error("Error fetching data. ", t), null;
   }
 }
-const tr = Le;
-function uo() {
-  return !w() || P() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
+const ri = Le;
+function fo() {
+  return !v() || R() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
 }
-function po() {
+function bo() {
   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 Ke() {
-  return po().replace(/-/g, "");
+function He() {
+  return bo().replace(/-/g, "");
 }
-const He = "builderSessionId", mo = async ({
+const Ke = "builderSessionId", go = async ({
   canTrack: e
 }) => {
   if (!e)
     return;
   const t = await Pe({
-    name: He,
+    name: Ke,
     canTrack: e
   });
-  if (B(t))
+  if (T(t))
     return t;
   {
-    const n = ho();
-    return fo({
+    const n = yo();
+    return ko({
       id: n,
       canTrack: e
     }), n;
   }
-}, ho = () => Ke(), fo = ({
+}, yo = () => He(), ko = ({
   id: e,
   canTrack: t
-}) => Be({
-  name: He,
+}) => Ae({
+  name: Ke,
   value: e,
   canTrack: t
-}), ze = () => w() && typeof localStorage < "u" ? localStorage : void 0, bo = ({
+}), De = () => v() && typeof localStorage < "u" ? localStorage : void 0, vo = ({
   key: e,
   canTrack: t
 }) => {
   var n;
   try {
-    return t ? (n = ze()) == null ? void 0 : n.getItem(e) : void 0;
+    return t ? (n = De()) == null ? void 0 : n.getItem(e) : void 0;
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, go = ({
+}, So = ({
   key: e,
   canTrack: t,
   value: n
 }) => {
   var o;
   try {
-    t && ((o = ze()) == null || o.setItem(e, n));
-  } catch (r) {
-    console.debug("[LocalStorage] SET error: ", r);
+    t && ((o = De()) == null || o.setItem(e, n));
+  } catch (i) {
+    console.debug("[LocalStorage] SET error: ", i);
   }
-}, De = "builderVisitorId", yo = ({
+}, ze = "builderVisitorId", Co = ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = bo({
-    key: De,
+  const t = vo({
+    key: ze,
     canTrack: e
   });
-  if (B(t))
+  if (T(t))
     return t;
   {
-    const n = ko();
-    return vo({
+    const n = wo();
+    return Io({
       id: n,
       canTrack: e
     }), n;
   }
-}, ko = () => Ke(), vo = ({
+}, wo = () => He(), Io = ({
   id: e,
   canTrack: t
-}) => go({
-  key: De,
+}) => So({
+  key: ze,
   value: e,
   canTrack: t
-}), So = async ({
+}), $o = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -2288,46 +2360,46 @@ const He = "builderSessionId", mo = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const t = await mo({
+  const t = await go({
     canTrack: e
-  }), n = yo({
+  }), n = Co({
     canTrack: e
   });
   return {
     sessionId: t,
     visitorId: n
   };
-}, Co = async ({
+}, Ro = async ({
   type: e,
   canTrack: t,
   apiKey: n,
   metadata: o,
-  ...r
+  ...i
 }) => ({
   type: e,
   data: {
-    ...r,
+    ...i,
     metadata: {
       url: location.href,
       ...o
     },
-    ...await So({
+    ...await $o({
       canTrack: t
     }),
-    userAttributes: $e(),
+    userAttributes: Ie(),
     ownerId: n
   }
 });
-async function ee(e) {
+async function te(e) {
   if (!e.apiKey) {
-    x.error("Missing API key for track call. Please provide your API key.");
+    $.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  if (!!e.canTrack && !P() && !!(w() || A === "reactNative"))
+  if (!!e.canTrack && !R() && !!(v() || x === "reactNative"))
     return fetch("https://cdn.builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await Co(e)]
+        events: [await Ro(e)]
       }),
       headers: {
         "content-type": "application/json"
@@ -2337,14 +2409,14 @@ async function ee(e) {
       console.error("Failed to track: ", t);
     });
 }
-const nr = (e) => ee({
+const si = (e) => te({
   ...e,
   canTrack: !0
 });
 function be(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const wo = (e, t, n = !0) => {
+const To = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = n ? e : e.parentElement;
@@ -2355,20 +2427,20 @@ const wo = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, $o = (e) => wo(e, (t) => {
+}, xo = (e) => To(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return Boolean((n == null ? void 0 : n.indexOf("builder-")) === 0);
 }), ge = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, s = be(o / n.width), i = be(r / n.height);
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, i = e.clientY - n.top, r = be(o / n.width), s = be(i / n.height);
   return {
-    x: s,
-    y: i
+    x: r,
+    y: s
   };
-}, Ro = (e) => {
-  const t = e.target, n = t && $o(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, Eo = (e) => {
+  const t = e.target, n = t && xo(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
@@ -2383,10 +2455,10 @@ const wo = (e, t, n = !0) => {
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, To = "0.7.3", ye = {};
-function Io(e, t) {
+}, Po = "0.7.5", ye = {};
+function Ao(e, t) {
   let n = ye[e];
-  if (n || (n = ye[e] = []), n.push(t), w()) {
+  if (n || (n = ye[e] = []), n.push(t), v()) {
     const o = {
       type: "builder.register",
       data: {
@@ -2396,13 +2468,13 @@ function Io(e, t) {
     };
     try {
       parent.postMessage(o, "*"), parent !== window && window.postMessage(o, "*");
-    } catch (r) {
-      console.debug("Could not postmessage", r);
+    } catch (i) {
+      console.debug("Could not postmessage", i);
     }
   }
 }
-const xo = () => {
-  Io("insertMenu", {
+const Bo = () => {
+  Ao("insertMenu", {
     name: "_default",
     default: !0,
     items: [{
@@ -2425,13 +2497,13 @@ const xo = () => {
   });
 };
 let ke = !1;
-const Eo = (e = {}) => {
+const Vo = (e = {}) => {
   var t, n;
-  ke || (ke = !0, w() && ((t = window.parent) == null || t.postMessage({
+  ke || (ke = !0, v() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
-      target: A,
-      version: To,
+      target: x,
+      version: Po,
       supportsPatchUpdates: !1,
       supportsAddBlockScoping: !0,
       supportsCustomBreakpoints: !0
@@ -2444,36 +2516,36 @@ const Eo = (e = {}) => {
   }, "*"), window.addEventListener("message", ({
     data: o
   }) => {
-    var r, s;
+    var i, r;
     if (!!(o != null && o.type))
       switch (o.type) {
         case "builder.evaluate": {
-          const i = o.data.text, a = o.data.arguments || [], l = o.data.id, c = new Function(i);
-          let u, h = null;
+          const s = o.data.text, a = o.data.arguments || [], l = o.data.id, c = new Function(s);
+          let p, h = null;
           try {
-            u = c.apply(null, a);
+            p = c.apply(null, a);
           } catch (m) {
             h = m;
           }
-          h ? (r = window.parent) == null || r.postMessage({
+          h ? (i = window.parent) == null || i.postMessage({
             type: "builder.evaluateError",
             data: {
               id: l,
               error: h.message
             }
-          }, "*") : u && typeof u.then == "function" ? u.then((m) => {
-            var f;
-            (f = window.parent) == null || f.postMessage({
+          }, "*") : p && typeof p.then == "function" ? p.then((m) => {
+            var S;
+            (S = window.parent) == null || S.postMessage({
               type: "builder.evaluateResult",
               data: {
                 id: l,
                 result: m
               }
             }, "*");
-          }).catch(console.error) : (s = window.parent) == null || s.postMessage({
+          }).catch(console.error) : (r = window.parent) == null || r.postMessage({
             type: "builder.evaluateResult",
             data: {
-              result: u,
+              result: p,
               id: l
             }
           }, "*");
@@ -2481,7 +2553,7 @@ const Eo = (e = {}) => {
         }
       }
   })));
-}, Po = g({
+}, _o = b({
   name: "enable-editor",
   props: [
     "builderContextSignal",
@@ -2493,8 +2565,7 @@ const Eo = (e = {}) => {
     "includeRefs",
     "enrich",
     "content",
-    "showContent",
-    "classNameProp"
+    "showContent"
   ],
   data() {
     return {
@@ -2503,37 +2574,37 @@ const Eo = (e = {}) => {
       shouldSendResetCookie: !1,
       httpReqsData: {},
       clicked: !1,
-      builderContext: Q
+      builderContext: Z
     };
   },
   provide() {
     const e = this;
     return {
-      [Q.key]: e.builderContextSignal
+      [Z.key]: e.builderContextSignal
     };
   },
   mounted() {
     (() => {
       var n, o;
-      if (w()) {
-        if (P() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+      if (v()) {
+        if (R() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initeditingbldr")
         ), this.builderContextSignal.content && U(this.canTrack)) {
-          const s = (n = this.builderContextSignal.content) == null ? void 0 : n.testVariationId, i = (o = this.builderContextSignal.content) == null ? void 0 : o.id, a = this.apiKey;
-          ee({
+          const r = (n = this.builderContextSignal.content) == null ? void 0 : n.testVariationId, s = (o = this.builderContextSignal.content) == null ? void 0 : o.id, a = this.apiKey;
+          te({
             type: "impression",
             canTrack: !0,
-            contentId: i,
+            contentId: s,
             apiKey: a,
-            variationId: s !== i ? s : void 0
+            variationId: r !== s ? r : void 0
           });
         }
-        uo() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+        fo() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initpreviewingbldr")
         );
       }
     })(), (() => {
-      this.apiKey || x.error(
+      this.apiKey || $.error(
         "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
       ), this.evaluateJsCode(), this.runHttpRequests(), this.emitStateUpdate();
     })();
@@ -2567,7 +2638,7 @@ const Eo = (e = {}) => {
     }
   },
   unmounted() {
-    w() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
+    v() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       this.emitStateUpdate
     ));
@@ -2604,7 +2675,7 @@ const Eo = (e = {}) => {
   },
   methods: {
     mergeNewContent(e) {
-      var n, o, r, s, i;
+      var n, o, i, r, s;
       const t = {
         ...this.builderContextSignal.content,
         ...e,
@@ -2615,7 +2686,7 @@ const Eo = (e = {}) => {
         meta: {
           ...(o = this.builderContextSignal.content) == null ? void 0 : o.meta,
           ...e == null ? void 0 : e.meta,
-          breakpoints: ((r = e == null ? void 0 : e.meta) == null ? void 0 : r.breakpoints) || ((i = (s = this.builderContextSignal.content) == null ? void 0 : s.meta) == null ? void 0 : i.breakpoints)
+          breakpoints: ((i = e == null ? void 0 : e.meta) == null ? void 0 : i.breakpoints) || ((s = (r = this.builderContextSignal.content) == null ? void 0 : r.meta) == null ? void 0 : s.breakpoints)
         }
       };
       this.builderContextSignal.content = t;
@@ -2626,19 +2697,19 @@ const Eo = (e = {}) => {
       if (t)
         switch (t.type) {
           case "builder.configureSdk": {
-            const o = t.data, { breakpoints: r, contentId: s } = o;
-            if (!s || s !== ((n = this.builderContextSignal.content) == null ? void 0 : n.id))
+            const o = t.data, { breakpoints: i, contentId: r } = o;
+            if (!r || r !== ((n = this.builderContextSignal.content) == null ? void 0 : n.id))
               return;
-            r && this.mergeNewContent({
+            i && this.mergeNewContent({
               meta: {
-                breakpoints: r
+                breakpoints: i
               }
             }), this.forceReRenderCount = this.forceReRenderCount + 1;
             break;
           }
           case "builder.contentUpdate": {
-            const o = t.data, r = o.key || o.alias || o.entry || o.modelName, s = o.data;
-            r === this.model && (this.mergeNewContent(s), this.forceReRenderCount = this.forceReRenderCount + 1);
+            const o = t.data, i = o.key || o.alias || o.entry || o.modelName, r = o.data;
+            i === this.model && (this.mergeNewContent(r), this.forceReRenderCount = this.forceReRenderCount + 1);
             break;
           }
         }
@@ -2646,7 +2717,7 @@ const Eo = (e = {}) => {
     evaluateJsCode() {
       var t, n;
       const e = (n = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : n.jsCode;
-      e && z({
+      e && K({
         code: e,
         context: this.context || {},
         localState: void 0,
@@ -2657,14 +2728,14 @@ const Eo = (e = {}) => {
     onClick(e) {
       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;
-        ee({
+        const o = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId, i = (n = this.builderContextSignal.content) == null ? void 0 : n.id;
+        te({
           type: "click",
           canTrack: U(this.canTrack),
-          contentId: r,
+          contentId: i,
           apiKey: this.apiKey,
-          variationId: o !== r ? o : void 0,
-          ...Ro(e),
+          variationId: o !== i ? o : void 0,
+          ...Eo(e),
           unique: !this.clicked
         });
       }
@@ -2673,7 +2744,7 @@ const Eo = (e = {}) => {
     evalExpression(e) {
       return e.replace(
         /{{([^}]+)}}/g,
-        (t, n) => z({
+        (t, n) => K({
           code: n,
           context: this.context || {},
           localState: void 0,
@@ -2683,13 +2754,13 @@ const Eo = (e = {}) => {
       );
     },
     handleRequest({ url: e, key: t }) {
-      Ue(e).then((n) => n.json()).then((n) => {
-        var r, s;
+      Fe(e).then((n) => n.json()).then((n) => {
+        var i, r;
         const o = {
           ...this.builderContextSignal.rootState,
           [t]: n
         };
-        (s = (r = this.builderContextSignal).rootSetState) == null || s.call(r, o), this.httpReqsData[t] = !0;
+        (r = (i = this.builderContextSignal).rootSetState) == null || r.call(i, o), this.httpReqsData[t] = !0;
       }).catch((n) => {
         console.error("error fetching dynamic data", e, n);
       });
@@ -2697,23 +2768,23 @@ const Eo = (e = {}) => {
     runHttpRequests() {
       var t, n, o;
       const e = (o = (n = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : n.httpRequests) != null ? o : {};
-      Object.entries(e).forEach(([r, s]) => {
-        if (s && (!this.httpReqsData[r] || P())) {
-          const i = this.evalExpression(s);
+      Object.entries(e).forEach(([i, r]) => {
+        if (r && (!this.httpReqsData[i] || R())) {
+          const s = this.evalExpression(r);
           this.handleRequest({
-            url: i,
-            key: r
+            url: s,
+            key: i
           });
         }
       });
     },
     emitStateUpdate() {
-      P() && window.dispatchEvent(
+      R() && window.dispatchEvent(
         new CustomEvent(
           "builder:component:stateChange",
           {
             detail: {
-              state: M(this.builderContextSignal.rootState),
+              state: F(this.builderContextSignal.rootState),
               ref: {
                 name: this.model
               }
@@ -2723,7 +2794,7 @@ const Eo = (e = {}) => {
       );
     },
     elementRef_onIniteditingbldr(e) {
-      this.forceReRenderCount = this.forceReRenderCount + 1, window.addEventListener("message", this.processMessage), xo(), Eo({
+      this.forceReRenderCount = this.forceReRenderCount + 1, window.addEventListener("message", this.processMessage), Bo(), Vo({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -2737,7 +2808,7 @@ const Eo = (e = {}) => {
         this.builderContextSignal.componentInfos
       ).forEach((t) => {
         var o;
-        const n = Hn(t);
+        const n = Gn(t);
         (o = window.parent) == null || o.postMessage(n, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
@@ -2747,13 +2818,13 @@ const Eo = (e = {}) => {
     elementRef_onInitpreviewingbldr(e) {
       const t = new URL(location.href).searchParams, n = t.get("builder.preview"), o = t.get(
         `builder.preview.${n}`
-      ), r = t.get("apiKey") || t.get("builder.space");
-      n === this.model && r === this.apiKey && (!this.content || o === this.content.id) && J({
+      ), i = t.get("apiKey") || t.get("builder.space");
+      n === this.model && i === this.apiKey && (!this.content || o === this.content.id) && G({
         model: this.model,
         apiKey: this.apiKey,
         apiVersion: this.builderContextSignal.apiVersion
-      }).then((s) => {
-        s && this.mergeNewContent(s);
+      }).then((r) => {
+        r && this.mergeNewContent(r);
       });
     },
     _classStringToObject(e) {
@@ -2766,32 +2837,34 @@ const Eo = (e = {}) => {
       return t;
     }
   }
-}), Bo = ["builder-content-id", "builder-model"];
-function Ao(e, t, n, o, r, s) {
-  var i;
-  return e.builderContextSignal.content ? (d(), p("div", I({
+}), Oo = ["builder-content-id", "builder-model"];
+function jo(e, t, n, o, i, r) {
+  var s, a, l;
+  return e.builderContextSignal.content ? (d(), u("div", w({
     key: e.forceReRenderCount,
     ref: "elementRef",
-    onClick: t[0] || (t[0] = (a) => e.onClick(a)),
-    "builder-content-id": (i = e.builderContextSignal.content) == null ? void 0 : i.id,
+    onClick: t[0] || (t[0] = (c) => e.onClick(c)),
+    "builder-content-id": (s = e.builderContextSignal.content) == null ? void 0 : s.id,
     "builder-model": e.model,
-    class: e._classStringToObject(e.classNameProp),
-    onIniteditingbldr: t[1] || (t[1] = (a) => e.elementRef_onIniteditingbldr(a)),
-    onInitpreviewingbldr: t[2] || (t[2] = (a) => e.elementRef_onInitpreviewingbldr(a))
+    class: e._classStringToObject(
+      `variant-${((a = e.content) == null ? void 0 : a.testVariationId) || ((l = e.content) == null ? void 0 : l.id)}`
+    ),
+    onIniteditingbldr: t[1] || (t[1] = (c) => e.elementRef_onIniteditingbldr(c)),
+    onInitpreviewingbldr: t[2] || (t[2] = (c) => e.elementRef_onInitpreviewingbldr(c))
   }, {
     ...e.showContent ? {} : {
       hidden: !0,
       "aria-hidden": !0
     }
   }), [
-    N(e.$slots, "default")
-  ], 16, Bo)) : S("v-if", !0);
+    P(e.$slots, "default")
+  ], 16, Oo)) : f("v-if", !0);
 }
-const _o = /* @__PURE__ */ y(Po, [["render", Ao], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content/components/enable-editor.vue"]]), Vo = (e) => {
-  var s, i;
-  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = (i = e.fileUrl) != null ? i : (s = e == null ? void 0 : e.files) == null ? void 0 : s.regular;
-  let r = "";
-  if (o && t && n && (r += `
+const No = /* @__PURE__ */ g(_o, [["render", jo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content/components/enable-editor.vue"]]), Uo = (e) => {
+  var r, s;
+  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = (s = e.fileUrl) != null ? s : (r = e == null ? void 0 : e.files) == null ? void 0 : r.regular;
+  let i = "";
+  if (o && t && n && (i += `
 @font-face {
 font-family: "${t}";
 src: local("${n}"), url('${o}') format('woff2');
@@ -2803,7 +2876,7 @@ font-weight: 400;
       if (!(String(Number(a)) === a))
         continue;
       const c = e.files[a];
-      c && c !== o && (r += `
+      c && c !== o && (i += `
 @font-face {
 font-family: "${t}";
 src: url('${c}') format('woff2');
@@ -2812,27 +2885,27 @@ font-weight: ${a};
 }
         `.trim());
     }
-  return r;
-}, Oo = ({
+  return i;
+}, Fo = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => Vo(n))) == null ? void 0 : t.join(" ")) || "";
-}, No = ({
+  return ((t = e == null ? void 0 : e.map((n) => Uo(n))) == null ? void 0 : t.join(" ")) || "";
+}, Wo = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", jo = g({
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Mo = b({
   name: "content-styles",
-  components: { InlinedStyles: G },
+  components: { InlinedStyles: q },
   props: ["cssCode", "contentId", "customFonts"],
   data() {
     return {
       injectedStyles: `
-${No({
+${Wo({
         cssCode: this.cssCode,
         contentId: this.contentId
       })}
-${Oo({
+${Fo({
         customFonts: this.customFonts
       })}
 
@@ -2852,33 +2925,28 @@ ${Oo({
     };
   }
 });
-function Fo(e, t, n, o, r, s) {
-  const i = k("inlined-styles");
-  return d(), v(i, { styles: e.injectedStyles }, null, 8, ["styles"]);
+function Lo(e, t, n, o, i, r) {
+  const s = y("inlined-styles");
+  return d(), k(s, { styles: e.injectedStyles }, null, 8, ["styles"]);
 }
-const Uo = /* @__PURE__ */ y(jo, [["render", Fo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content/components/styles.vue"]]), Mo = ({
+const Ho = /* @__PURE__ */ g(Mo, [["render", Lo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content/components/styles.vue"]]), Ko = ({
   content: e,
   data: t,
   locale: n
 }) => {
-  var s, i, a;
-  const o = {};
-  (i = (s = e == null ? void 0 : e.data) == null ? void 0 : s.inputs) == null || i.forEach((l) => {
-    var c;
-    l.name && l.defaultValue !== void 0 && ((c = e == null ? void 0 : e.data) == null ? void 0 : c.state) && e.data.state[l.name] === void 0 && (o[l.name] = l.defaultValue);
-  });
-  const r = {
-    ...(a = e == null ? void 0 : e.data) == null ? void 0 : a.state,
+  var r, s, a;
+  const o = {}, i = ((r = e == null ? void 0 : e.data) == null ? void 0 : r.state) || {};
+  return (a = (s = e == null ? void 0 : e.data) == null ? void 0 : s.inputs) == null || a.forEach((l) => {
+    l.name && l.defaultValue !== void 0 && (o[l.name] = l.defaultValue);
+  }), {
+    ...o,
+    ...i,
     ...t,
     ...n ? {
       locale: n
     } : {}
   };
-  return {
-    ...o,
-    ...r
-  };
-}, Wo = ({
+}, Do = ({
   content: e,
   data: t
 }) => e ? {
@@ -2888,13 +2956,13 @@ const Uo = /* @__PURE__ */ y(jo, [["render", Fo], ["__file", "/home/runner/work/
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, Lo = Je, Ko = g({
+} : void 0, zo = Je, qo = b({
   name: "content-component",
   components: {
-    EnableEditor: _o,
-    InlinedScript: Fe,
-    ContentStyles: Uo,
-    Blocks: ne
+    EnableEditor: No,
+    InlinedScript: Ue,
+    ContentStyles: Ho,
+    Blocks: oe
   },
   props: [
     "content",
@@ -2908,14 +2976,13 @@ const Uo = /* @__PURE__ */ y(jo, [["render", Fo], ["__file", "/home/runner/work/
     "canTrack",
     "includeRefs",
     "enrich",
-    "classNameProp",
     "showContent",
     "isSsrAbTest"
   ],
   data() {
     var e, t;
     return {
-      scriptStr: Zn({
+      scriptStr: oo({
         variationId: (e = this.content) == null ? void 0 : e.testVariationId,
         contentId: (t = this.content) == null ? void 0 : t.id
       }),
@@ -2924,22 +2991,22 @@ const Uo = /* @__PURE__ */ y(jo, [["render", Fo], ["__file", "/home/runner/work/
         ...me,
         ...this.customComponents || []
       ].reduce(
-        (n, { component: o, ...r }) => ({
+        (n, { component: o, ...i }) => ({
           ...n,
-          [r.name]: {
-            component: Lo(o),
-            ...Z(r)
+          [i.name]: {
+            component: zo(o),
+            ...ee(i)
           }
         }),
         {}
       ),
       builderContextSignal: {
-        content: Wo({
+        content: Do({
           content: this.content,
           data: this.data
         }),
         localState: void 0,
-        rootState: Mo({
+        rootState: Ko({
           content: this.content,
           data: this.data,
           locale: this.locale
@@ -2953,15 +3020,15 @@ const Uo = /* @__PURE__ */ y(jo, [["render", Fo], ["__file", "/home/runner/work/
           ...me,
           ...this.customComponents || []
         ].reduce(
-          (n, { component: o, ...r }) => ({
+          (n, { component: o, ...i }) => ({
             ...n,
-            [r.name]: Z(r)
+            [i.name]: ee(i)
           }),
           {}
         ),
         inheritedStyles: {}
       },
-      TARGET: A
+      TARGET: x
     };
   },
   provide() {
@@ -2978,9 +3045,9 @@ const Uo = /* @__PURE__ */ y(jo, [["render", Fo], ["__file", "/home/runner/work/
     }
   }
 });
-function Ho(e, t, n, o, r, s) {
-  const i = k("inlined-script"), a = k("content-styles"), l = k("blocks"), c = k("enable-editor");
-  return d(), v(c, I({
+function Go(e, t, n, o, i, r) {
+  const s = y("inlined-script"), a = y("content-styles"), l = y("blocks"), c = y("enable-editor");
+  return d(), k(c, w({
     content: e.content,
     model: e.model,
     context: e.context,
@@ -2989,39 +3056,38 @@ function Ho(e, t, n, o, r, s) {
     locale: e.locale,
     includeRefs: e.includeRefs,
     enrich: e.enrich,
-    classNameProp: e.classNameProp,
     showContent: e.showContent,
     builderContextSignal: e.builderContextSignal
   }, {}), {
-    default: te(() => {
-      var u, h, m, f, C, $, R;
+    default: ne(() => {
+      var p, h, m, S, V, _, O;
       return [
-        e.isSsrAbTest ? (d(), v(i, {
+        e.isSsrAbTest ? (d(), k(s, {
           key: 0,
           scriptStr: e.scriptStr
-        }, null, 8, ["scriptStr"])) : S("v-if", !0),
-        e.TARGET !== "reactNative" ? (d(), v(a, {
+        }, null, 8, ["scriptStr"])) : f("v-if", !0),
+        e.TARGET !== "reactNative" ? (d(), k(a, {
           key: 1,
-          contentId: (u = e.builderContextSignal.content) == null ? void 0 : u.id,
+          contentId: (p = e.builderContextSignal.content) == null ? void 0 : p.id,
           cssCode: (m = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : m.cssCode,
-          customFonts: (C = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : C.customFonts
-        }, null, 8, ["contentId", "cssCode", "customFonts"])) : S("v-if", !0),
-        O(l, {
-          blocks: (R = ($ = e.builderContextSignal.content) == null ? void 0 : $.data) == null ? void 0 : R.blocks,
+          customFonts: (V = (S = e.builderContextSignal.content) == null ? void 0 : S.data) == null ? void 0 : V.customFonts
+        }, null, 8, ["contentId", "cssCode", "customFonts"])) : f("v-if", !0),
+        B(l, {
+          blocks: (O = (_ = e.builderContextSignal.content) == null ? void 0 : _.data) == null ? void 0 : O.blocks,
           context: e.builderContextSignal,
           registeredComponents: e.registeredComponents
         }, null, 8, ["blocks", "context", "registeredComponents"])
       ];
     }),
     _: 1
-  }, 16, ["content", "model", "context", "apiKey", "canTrack", "locale", "includeRefs", "enrich", "classNameProp", "showContent", "builderContextSignal"]);
+  }, 16, ["content", "model", "context", "apiKey", "canTrack", "locale", "includeRefs", "enrich", "showContent", "builderContextSignal"]);
 }
-const zo = /* @__PURE__ */ y(Ko, [["render", Ho], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content/content.vue"]]), Do = g({
+const Jo = /* @__PURE__ */ g(qo, [["render", Go], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content/content.vue"]]), Yo = b({
   name: "content-variants",
   components: {
-    InlinedScript: Fe,
-    InlinedStyles: G,
-    ContentComponent: zo
+    InlinedScript: Ue,
+    InlinedStyles: q,
+    ContentComponent: Jo
   },
   props: [
     "canTrack",
@@ -3039,23 +3105,23 @@ const zo = /* @__PURE__ */ y(Ko, [["render", Ho], ["__file", "/home/runner/work/
   ],
   data() {
     return {
-      shouldRenderVariants: qn({
+      shouldRenderVariants: Zn({
         canTrack: U(this.canTrack),
         content: this.content
       }),
-      TARGET: A,
-      getScriptString: Xn,
-      getVariants: K
+      TARGET: x,
+      getScriptString: to,
+      getVariants: L
     };
   },
   mounted() {
     this.shouldRenderVariants = !1;
   },
   computed: {
-    variantScriptStr() {
+    updateCookieAndStylesScriptStr() {
       var e;
-      return Qn(
-        K(this.content).map((t) => ({
+      return no(
+        L(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
         })),
@@ -3063,7 +3129,7 @@ const zo = /* @__PURE__ */ y(Ko, [["render", Ho], ["__file", "/home/runner/work/
       );
     },
     hideVariantsStyleString() {
-      return K(this.content).map((e) => `.variant-${e.testVariationId} { display: none; } `).join("");
+      return L(this.content).map((e) => `.variant-${e.testVariationId} { display: none; } `).join("");
     },
     defaultContent() {
       var e;
@@ -3077,25 +3143,24 @@ const zo = /* @__PURE__ */ y(Ko, [["render", Ho], ["__file", "/home/runner/work/
     }
   }
 });
-function qo(e, t, n, o, r, s) {
-  var c, u;
-  const i = k("inlined-script"), a = k("inlined-styles"), l = k("content-component");
-  return d(), p(T, null, [
-    !e.__isNestedRender && e.TARGET !== "reactNative" ? (d(), v(i, {
+function Qo(e, t, n, o, i, r) {
+  var c;
+  const s = y("inlined-script"), a = y("inlined-styles"), l = y("content-component");
+  return d(), u(C, null, [
+    !e.__isNestedRender && e.TARGET !== "reactNative" ? (d(), k(s, {
       key: 0,
       scriptStr: e.getScriptString()
-    }, null, 8, ["scriptStr"])) : S("v-if", !0),
-    e.shouldRenderVariants ? (d(), p(T, { key: 1 }, [
-      O(a, {
+    }, null, 8, ["scriptStr"])) : f("v-if", !0),
+    e.shouldRenderVariants ? (d(), u(C, { key: 1 }, [
+      B(a, {
         id: `variants-styles-${(c = e.content) == null ? void 0 : c.id}`,
         styles: e.hideVariantsStyleString
       }, null, 8, ["id", "styles"]),
-      O(i, { scriptStr: e.variantScriptStr }, null, 8, ["scriptStr"]),
-      (d(!0), p(T, null, V(e.getVariants(e.content), (h, m) => (d(), v(l, {
-        key: h.testVariationId,
-        content: h,
+      B(s, { scriptStr: e.updateCookieAndStylesScriptStr }, null, 8, ["scriptStr"]),
+      (d(!0), u(C, null, A(e.getVariants(e.content), (p, h) => (d(), k(l, {
+        key: p.testVariationId,
+        content: p,
         showContent: !1,
-        classNameProp: void 0,
         model: e.model,
         data: e.data,
         context: e.context,
@@ -3108,10 +3173,9 @@ function qo(e, t, n, o, r, s) {
         enrich: e.enrich,
         isSsrAbTest: e.shouldRenderVariants
       }, null, 8, ["content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest"]))), 128))
-    ], 64)) : S("v-if", !0),
-    O(l, I({
+    ], 64)) : f("v-if", !0),
+    B(l, w({
       content: e.defaultContent,
-      classNameProp: `variant-${(u = e.content) == null ? void 0 : u.id}`,
       showContent: !0,
       model: e.model,
       data: e.data,
@@ -3126,15 +3190,15 @@ function qo(e, t, n, o, r, s) {
       isSsrAbTest: e.shouldRenderVariants
     }, {
       key: e.shouldRenderVariants.toString()
-    }), null, 16, ["content", "classNameProp", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest"])
+    }), null, 16, ["content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest"])
   ], 64);
 }
-const qe = /* @__PURE__ */ y(Do, [["render", qo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content-variants/content-variants.vue"]]), Go = async ({
+const qe = /* @__PURE__ */ g(Yo, [["render", Qo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content-variants/content-variants.vue"]]), Xo = async ({
   builderContextValue: e,
   symbol: t
 }) => {
   if ((t == null ? void 0 : t.model) && (e == null ? void 0 : e.apiKey))
-    return J({
+    return G({
       model: t.model,
       apiKey: e.apiKey,
       apiVersion: e.apiVersion,
@@ -3144,9 +3208,9 @@ const qe = /* @__PURE__ */ y(Do, [["render", qo], ["__file", "/home/runner/work/
         }
       }
     }).catch((n) => {
-      x.error("Could not fetch symbol content: ", n);
+      $.error("Could not fetch symbol content: ", n);
     });
-}, Jo = g({
+}, Zo = b({
   name: "builder-symbol",
   components: { ContentVariants: qe },
   props: [
@@ -3159,7 +3223,7 @@ const qe = /* @__PURE__ */ y(Do, [["render", qo], ["__file", "/home/runner/work/
   ],
   data() {
     var e;
-    return { contentToUse: (e = this.symbol) == null ? void 0 : e.content, filterAttrs: q };
+    return { contentToUse: (e = this.symbol) == null ? void 0 : e.content, filterAttrs: z };
   },
   mounted() {
     this.setContent();
@@ -3190,7 +3254,7 @@ const qe = /* @__PURE__ */ y(Do, [["render", qo], ["__file", "/home/runner/work/
   },
   methods: {
     setContent() {
-      this.contentToUse || Go({
+      this.contentToUse || Xo({
         symbol: this.symbol,
         builderContextValue: this.builderContext
       }).then((e) => {
@@ -3208,13 +3272,13 @@ const qe = /* @__PURE__ */ y(Do, [["render", qo], ["__file", "/home/runner/work/
     }
   }
 });
-function Yo(e, t, n, o, r, s) {
-  var a, l, c, u;
-  const i = k("content-variants");
-  return d(), p("div", I({
+function ei(e, t, n, o, i, r) {
+  var a, l, c, p;
+  const s = y("content-variants");
+  return d(), u("div", w({
     class: e._classStringToObject(e.className)
-  }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, F(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    O(i, {
+  }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, N(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    B(s, {
       __isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
       apiKey: e.builderContext.apiKey,
@@ -3225,14 +3289,14 @@ function Yo(e, t, n, o, r, s) {
         ...e.builderContext.localState,
         ...(c = (l = e.contentToUse) == null ? void 0 : l.data) == null ? void 0 : c.state
       },
-      model: (u = e.symbol) == null ? void 0 : u.model,
+      model: (p = e.symbol) == null ? void 0 : p.model,
       content: e.contentToUse
     }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "model", "content"])
   ], 16);
 }
-const Xo = /* @__PURE__ */ y(Jo, [["render", Yo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/symbol/symbol.vue"]]), or = ne, rr = qe, ve = {};
-function sr(e) {
-  if (w()) {
+const ti = /* @__PURE__ */ g(Zo, [["render", ei], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/symbol/symbol.vue"]]), ai = oe, li = qe, ve = {};
+function ci(e) {
+  if (v()) {
     Object.assign(ve, e);
     const t = {
       type: "builder.settingsChange",
@@ -3241,9 +3305,9 @@ function sr(e) {
     parent.postMessage(t, "*");
   }
 }
-const ir = 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 = {
+const di = async (e) => {
+  var o, i, r;
+  const t = e.path || ((o = e.url) == null ? void 0 : o.pathname) || ((i = e.userAttributes) == null ? void 0 : i.urlPath), n = {
     ...e,
     apiKey: e.apiKey,
     model: e.model || "page",
@@ -3253,47 +3317,47 @@ const ir = async (e) => {
         urlPath: t
       } : {}
     },
-    options: Me(e.searchParams || ((s = e.url) == null ? void 0 : s.searchParams) || e.options)
+    options: We(e.searchParams || ((r = e.url) == null ? void 0 : r.searchParams) || e.options)
   };
   return {
     apiKey: n.apiKey,
     model: n.model,
-    content: await J(n)
+    content: await G(n)
   };
 };
 export {
-  Re as B,
+  $e as B,
   qe as C,
-  Wt as F,
+  Mt as F,
   Jt as I,
-  or as R,
-  Qt as S,
-  A as T,
-  Kn as V,
-  y as _,
+  ai as R,
+  Xt as S,
+  x as T,
+  qn as V,
+  g as _,
   xe as a,
-  Q as b,
-  rt as c,
-  ne as d,
-  z as e,
-  rr as f,
+  Z as b,
+  it as c,
+  oe as d,
+  K as e,
+  li as f,
   Ze as g,
-  Ft as h,
-  Xo as i,
-  Fn as j,
-  P as k,
-  uo as l,
-  Hn as m,
-  co as n,
+  Ut as h,
+  ti as i,
+  Un as j,
+  R as k,
+  fo as l,
+  Gn as m,
+  ho as n,
   Le as o,
-  J as p,
-  tr as q,
-  Io as r,
-  sr as s,
-  er as t,
-  Me as u,
-  nr as v,
-  Lo as w,
-  ir as x,
-  Zo as y
+  G as p,
+  ri as q,
+  Ao as r,
+  ci as s,
+  ii as t,
+  We as u,
+  si as v,
+  zo as w,
+  di as x,
+  oi as y
 };