@builder.io/sdk-vue 0.7.3 → 0.7.5

package/vue3/lib/node/{index.f69e3181.js → index.fd3a9724.js}

@@ -1,20 +1,20 @@
-import { defineComponent as y, openBlock as u, createElementBlock as h, mergeProps as I, toHandlers as U, toDisplayString as ae, defineAsyncComponent as W, resolveComponent as v, Fragment as T, createBlock as C, createCommentVNode as w, renderList as V, withCtx as ne, createVNode as j, h as Se, renderSlot as O, createElementVNode as le, normalizeStyle as ce, normalizeClass as Ce, markRaw as tt } from "vue";
+import { defineComponent as g, openBlock as d, createElementBlock as p, mergeProps as I, toHandlers as U, toDisplayString as ce, defineAsyncComponent as M, resolveComponent as k, Fragment as w, createBlock as v, createCommentVNode as b, renderList as B, withCtx as oe, createVNode as V, h as Se, renderSlot as P, createElementVNode as Q, normalizeStyle as X, normalizeClass as Ce, markRaw as tt } from "vue";
 import { createRequire as nt } from "node:module";
-function q(e = {}, t, n) {
+function z(e = {}, t, n) {
   const o = {};
   for (const r in e) {
     if (!e[r] || n && !r.startsWith(t))
       continue;
-    const s = n ? r.replace(t, "") : r;
-    o[s] = e[r];
+    const i = n ? r.replace(t, "") : r;
+    o[i] = e[r];
   }
   return o;
 }
-const ot = y({
+const ot = g({
   name: "builder-button",
   props: ["attributes", "text", "link", "openLinkInNewTab"],
   data() {
-    return { filterAttrs: q };
+    return { filterAttrs: z };
   },
   methods: {
     _classStringToObject(e) {
@@ -28,25 +28,25 @@ const ot = y({
     }
   }
 });
-const k = (e, t) => {
+const y = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [o, r] of t)
     n[o] = r;
   return n;
 }, rt = ["href", "target"];
-function st(e, t, n, o, r, s) {
-  return e.link ? (u(), h("a", I({
+function it(e, t, n, o, r, i) {
+  return e.link ? (d(), p("a", I({
     key: 0,
     href: e.link,
     target: e.openLinkInNewTab ? "_blank" : void 0,
     role: "button"
-  }, e.filterAttrs(e.attributes, "v-on:", !1), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ae(e.text), 17, rt)) : (u(), h("button", I({
+  }, e.filterAttrs(e.attributes, "v-on:", !1), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ce(e.text), 17, rt)) : (d(), p("button", I({
     key: 1,
     style: e.attributes.style,
     class: e._classStringToObject(e.attributes.class + " button-21azgz5avex")
-  }, e.filterAttrs(e.attributes, "v-on:", !1), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ae(e.text), 17));
+  }, e.filterAttrs(e.attributes, "v-on:", !1), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ce(e.text), 17));
 }
-const it = /* @__PURE__ */ k(ot, [["render", st], ["__scopeId", "data-v-becdf225"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/button/button.vue"]]), at = Symbol(), Q = {
+const st = /* @__PURE__ */ y(ot, [["render", it], ["__scopeId", "data-v-becdf225"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/button/button.vue"]]), at = Symbol(), Z = {
   Builder: {
     content: null,
     context: {},
@@ -72,11 +72,11 @@ function ct(e) {
     builderBlock: e
   };
 }
-const A = "vue3", ut = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), _ = (e) => e != null, dt = (e) => Object.entries(e).map(([n, o]) => {
+const E = "vue3", dt = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), x = (e) => e != null, ut = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
-    return `${ut(n)}: ${o};`;
-}).filter(_), pt = (e) => dt(e).join(`
-`), Y = ({
+    return `${dt(n)}: ${o};`;
+}).filter(x), pt = (e) => ut(e).join(`
+`), J = ({
   mediaQuery: e,
   className: t,
   styles: n
@@ -87,28 +87,28 @@ const A = "vue3", ut = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2")
   return e ? `${e} {
       ${o}
     }` : o;
-}, L = "[Builder.io]: ", x = {
+}, L = "[Builder.io]: ", T = {
   log: (...e) => console.log(L, ...e),
   error: (...e) => console.error(L, ...e),
   warn: (...e) => console.warn(L, ...e),
   debug: (...e) => console.debug(L, ...e)
 };
-function $() {
+function S() {
   return typeof window < "u" && typeof document < "u";
 }
 function mt() {
-  return $() && window.self !== window.top;
+  return S() && window.self !== window.top;
 }
-function P() {
+function R() {
   return mt() && window.location.search.indexOf("builder.frameEditing=") !== -1;
 }
 const ht = () => {
-  if ($()) {
+  if (S()) {
     const e = new URL(location.href);
     return e.pathname === "" && (e.pathname = "/"), e;
   } else
     return console.warn("Cannot get location for tracking in non-browser environment"), null;
-}, ft = () => typeof navigator == "object" && navigator.userAgent || "", $e = () => {
+}, ft = () => typeof navigator == "object" && navigator.userAgent || "", Ie = () => {
   const e = ft(), t = {
     Android() {
       return e.match(/Android/i);
@@ -126,7 +126,7 @@ const ht = () => {
       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() || E === "reactNative";
     }
   }, n = e.match(/Tablet|iPad/i), o = ht();
   return {
@@ -134,7 +134,7 @@ const ht = () => {
     host: (o == null ? void 0 : o.host) || (o == null ? void 0 : o.hostname),
     device: n ? "tablet" : t.any() ? "mobile" : "desktop"
   };
-}, Re = ({
+}, $e = ({
   builder: e,
   context: t,
   event: n,
@@ -146,10 +146,10 @@ const ht = () => {
   context: t,
   event: n
 }), bt = () => ({
-  isEditing: P(),
-  isBrowser: $(),
-  isServer: !$(),
-  getUserAttributes: () => $e()
+  isEditing: R(),
+  isBrowser: S(),
+  isServer: !S(),
+  getUserAttributes: () => Ie()
 }), gt = (e, {
   isExpression: t = !0
 }) => t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e, yt = ({
@@ -158,14 +158,14 @@ const ht = () => {
   context: n,
   event: o,
   localState: r,
-  rootSetState: s,
-  rootState: i
+  rootSetState: i,
+  rootState: s
 }) => {
-  const a = Re({
+  const a = $e({
     builder: t,
     context: n,
     event: o,
-    state: kt(i, r, s)
+    state: kt(s, r, i)
   });
   return new Function(...a.map(([l]) => l), e)(...a.map(([, l]) => l));
 };
@@ -174,25 +174,25 @@ function kt(e, t, n) {
     throw new Error("rootState === localState");
   return new Proxy(e, {
     get: (o, r) => t && r in t ? t[r] : e[r],
-    set: (o, r, s) => {
+    set: (o, r, i) => {
       if (t && r in t)
         throw new Error("Writing to local state is not allowed as it is read-only.");
-      return e[r] = s, n == null || n(e), !0;
+      return e[r] = i, n == null || n(e), !0;
     }
   });
 }
-const N = (e) => JSON.parse(JSON.stringify(e)), Te = (e, t, n) => {
+const O = (e) => JSON.parse(JSON.stringify(e)), Te = (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((r, i, s) => Object(r[i]) === r[i] ? r[i] : r[i] = Math.abs(Number(o[s + 1])) >> 0 === +o[s + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
 }, vt = () => null;
-let Ie = vt;
+let Re = vt;
 try {
-  Ie = nt(import.meta.url);
+  Re = nt(import.meta.url);
 } catch {
 }
-const Z = Ie("isolated-vm"), xe = (e) => `bldr_${e}_sync`, Ee = "BUILDER_SET_STATE", Pe = "BUILDER_IVM", St = `
+const ee = Re("isolated-vm"), xe = (e) => `bldr_${e}_sync`, Ee = "BUILDER_SET_STATE", _e = "BUILDER_IVM", St = `
 var refToProxy = (obj) => {
   if (typeof obj !== 'object' || obj === null) {
     return obj;
@@ -209,7 +209,7 @@ var refToProxy = (obj) => {
         return val;
     },
     set(target, key, value) {
-        const v = typeof value === 'object' ? new ${Pe}.Reference(value) : value;
+        const v = typeof value === 'object' ? new ${_e}.Reference(value) : value;
         obj.setSync(key, v);
         ${Ee}(key, value)
     },
@@ -238,77 +238,77 @@ if (typeof output === 'object' && output !== null) {
 
 output;
 `;
-}, wt = () => new Z.Isolate({
+}, wt = () => new ee.Isolate({
   memoryLimit: 128
-}).createContextSync(), $t = ({
+}).createContextSync(), It = ({
   code: e,
   builder: t,
   context: n,
   event: o,
   localState: r,
-  rootSetState: s,
-  rootState: i
+  rootSetState: i,
+  rootState: s
 }) => {
-  const a = N({
-    ...i,
+  const a = O({
+    ...s,
     ...r
-  }), l = Re({
+  }), l = $e({
     builder: t,
     context: n,
     event: o,
     state: a
-  }), c = wt(), d = c.global;
-  d.setSync("global", d.derefInto()), d.setSync("log", function(...p) {
-    console.log(...p);
-  }), d.setSync(Ee, function(p, b) {
-    Te(i, p, b), s == null || s(i);
-  }), l.forEach(([p, b]) => {
-    const S = typeof b == "object" ? new Z.Reference(
-      p === "builder" ? {
-        ...b,
-        getUserAttributes: () => b.getUserAttributes()
-      } : b
+  }), c = wt(), u = c.global;
+  u.setSync("global", u.derefInto()), u.setSync("log", function(...f) {
+    console.log(...f);
+  }), u.setSync(Ee, function(f, C) {
+    Te(s, f, C), i == null || i(s);
+  }), l.forEach(([f, C]) => {
+    const _ = typeof C == "object" ? new ee.Reference(
+      f === "builder" ? {
+        ...C,
+        getUserAttributes: () => C.getUserAttributes()
+      } : C
     ) : null;
-    d.setSync(xe(p), S);
-  }), d.setSync(Pe, Z);
-  const f = Ct({
+    u.setSync(xe(f), _);
+  }), u.setSync(_e, ee);
+  const h = Ct({
     code: e,
     args: l
-  }), m = c.evalSync(f);
+  }), m = c.evalSync(h);
   try {
     return JSON.parse(m);
   } catch {
     return m;
   }
-}, Rt = (e) => $() ? yt(e) : $t(e);
-function z({
+}, $t = (e) => S() ? yt(e) : It(e);
+function H({
   code: e,
   context: t,
   localState: n,
   rootState: o,
   rootSetState: r,
-  event: s,
-  isExpression: i = !0
+  event: i,
+  isExpression: s = !0
 }) {
   if (e === "") {
-    x.warn("Skipping evaluation of empty code block.");
+    T.warn("Skipping evaluation of empty code block.");
     return;
   }
   const a = {
     code: gt(e, {
-      isExpression: i
+      isExpression: s
     }),
     builder: bt(),
     context: t,
-    event: s,
+    event: i,
     rootSetState: r,
     rootState: o,
     localState: n
   };
   try {
-    return Rt(a);
+    return $t(a);
   } catch (l) {
-    x.error("Failed code evaluation: " + l.message, {
+    T.error("Failed code evaluation: " + l.message, {
       code: e
     });
     return;
@@ -323,58 +323,58 @@ const Tt = ({
 }) => {
   if (!e.bindings)
     return e;
-  const s = N(e), i = {
-    ...s,
+  const i = O(e), s = {
+    ...i,
     properties: {
-      ...s.properties
+      ...i.properties
     },
     actions: {
-      ...s.actions
+      ...i.actions
     }
   };
   for (const a in e.bindings) {
-    const l = e.bindings[a], c = z({
+    const l = e.bindings[a], c = H({
       code: l,
       localState: n,
       rootState: o,
       rootSetState: r,
       context: t
     });
-    Te(i, a, c);
+    Te(s, a, c);
   }
-  return i;
+  return s;
 };
-function D({
+function K({
   block: e,
   context: t,
   shouldEvaluateBindings: n,
   localState: o,
   rootState: r,
-  rootSetState: s
+  rootSetState: i
 }) {
-  const i = e;
+  const s = e;
   return n ? Tt({
-    block: i,
+    block: s,
     localState: o,
     rootState: r,
-    rootSetState: s,
+    rootSetState: i,
     context: t
-  }) : i;
+  }) : s;
 }
-const It = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"], xt = (e) => typeof e == "string" && It.includes(e.toLowerCase()), Et = ({
+const Rt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"], xt = (e) => typeof e == "string" && Rt.includes(e.toLowerCase()), Et = ({
   block: e,
   context: t,
   registeredComponents: n
 }) => {
-  var s;
-  const o = (s = D({
+  var i;
+  const o = (i = K({
     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 : i.name;
   if (!o)
     return null;
   const r = n[o];
@@ -383,7 +383,7 @@ const It = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
   console.warn(`
       Could not find a registered component named "${o}". 
       If you registered it, is the file that registered it imported by the file that needs to render it?`);
-}, Pt = ({
+}, _t = ({
   block: e,
   context: t
 }) => {
@@ -393,7 +393,7 @@ const It = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
   } = e;
   if (!(n != null && n.collection))
     return;
-  const r = z({
+  const r = H({
     code: n.collection,
     localState: t.localState,
     rootState: t.rootState,
@@ -402,7 +402,7 @@ const It = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
   });
   if (!Array.isArray(r))
     return;
-  const s = n.collection.split(".").pop(), i = n.itemName || (s ? s + "Item" : "item");
+  const i = n.collection.split(".").pop(), s = n.itemName || (i ? i + "Item" : "item");
   return r.map((l, c) => ({
     context: {
       ...t,
@@ -410,39 +410,39 @@ const It = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
         ...t.localState,
         $index: c,
         $item: l,
-        [i]: l,
-        [`$${i}Index`]: c
+        [s]: l,
+        [`$${s}Index`]: c
       }
     },
     block: o
   }));
-}, _t = () => Promise.resolve().then(() => Mt).then((e) => e.default).catch((e) => {
+}, At = () => Promise.resolve().then(() => Mt).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
     e
   ), e;
-}), At = () => import("./block-wrapper.0414e44b.js").then((e) => e.default).catch((e) => {
+}), Pt = () => import("./block-wrapper.1f42acaf.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;
-}), Bt = () => import("./component-ref.c303a83f.js").then((e) => e.default).catch((e) => {
+}), Bt = () => import("./component-ref.2e134a43.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component ComponentRef at ./components/component-ref/component-ref.vue",
     e
   ), e;
-}), Vt = () => import("./repeated-block.7000302e.js").then((e) => e.default).catch((e) => {
+}), Vt = () => import("./repeated-block.a5d8bef5.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;
-}), jt = y({
+}), Ot = g({
   name: "block",
   components: {
-    ComponentRef: W(Bt),
-    BlockWrapper: W(At),
-    RepeatedBlock: W(Vt),
-    BlockStyles: W(_t)
+    ComponentRef: M(Bt),
+    BlockWrapper: M(Pt),
+    RepeatedBlock: M(Vt),
+    BlockStyles: M(At)
   },
   props: ["block", "context", "registeredComponents"],
   data() {
@@ -457,13 +457,14 @@ const It = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
       });
     },
     repeatItem() {
-      return Pt({
+      return _t({
         block: this.block,
         context: this.context
       });
     },
     processedBlock() {
-      return this.repeatItem ? this.block : D({
+      var e;
+      return (e = this.block.repeat) != null && e.collection ? this.block : K({
         block: this.block,
         localState: this.context.localState,
         rootState: this.context.rootState,
@@ -476,14 +477,15 @@ const It = ["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, r, i;
       return {
         blockChildren: (e = this.processedBlock.children) != null ? e : [],
         componentRef: (t = this.blockComponent) == null ? void 0 : t.component,
@@ -498,16 +500,16 @@ const It = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
         registeredComponents: this.registeredComponents,
         builderBlock: this.processedBlock,
         includeBlockProps: ((r = this.blockComponent) == null ? void 0 : r.noWrap) === !0,
-        isInteractive: !((s = this.blockComponent) != null && s.isRSC)
+        isInteractive: !((i = this.blockComponent) != null && i.isRSC)
       };
     }
   }
 });
-function Ot(e, t, n, o, r, s) {
-  var f;
-  const i = v("block-wrapper"), a = v("repeated-block"), l = v("component-ref"), c = v("block", !0), d = v("block-styles");
-  return e.canShowBlock ? (u(), h(T, { key: 0 }, [
-    (f = e.blockComponent) != null && f.noWrap ? (u(), C(l, {
+function jt(e, t, n, o, r, i) {
+  var h;
+  const s = k("block-wrapper"), a = k("repeated-block"), l = k("component-ref"), c = k("block", !0), u = k("block-styles");
+  return e.canShowBlock ? (d(), p(w, { key: 0 }, [
+    (h = e.blockComponent) != null && h.noWrap ? (d(), v(l, {
       key: 1,
       componentRef: e.componentRefProps.componentRef,
       componentOptions: e.componentRefProps.componentOptions,
@@ -517,29 +519,29 @@ function Ot(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"])) : (u(), h(T, { key: 0 }, [
-      e.isEmptyHtmlElement(e.Tag) ? (u(), C(i, {
+    }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "builderBlock", "includeBlockProps", "isInteractive"])) : (d(), p(w, { key: 0 }, [
+      e.isEmptyHtmlElement(e.Tag) ? (d(), v(s, {
         key: 0,
         Wrapper: e.Tag,
         block: e.processedBlock,
         context: e.context,
         hasChildren: !1
-      }, null, 8, ["Wrapper", "block", "context"])) : w("v-if", !0),
-      !e.isEmptyHtmlElement(e.Tag) && e.repeatItem ? (u(!0), h(T, { key: 1 }, V(e.repeatItem, (m, p) => (u(), C(a, {
-        key: p,
+      }, null, 8, ["Wrapper", "block", "context"])) : b("v-if", !0),
+      !e.isEmptyHtmlElement(e.Tag) && e.repeatItem ? (d(!0), p(w, { key: 1 }, B(e.repeatItem, (m, f) => (d(), v(a, {
+        key: f,
         repeatContext: m.context,
         block: m.block,
         registeredComponents: e.registeredComponents
-      }, null, 8, ["repeatContext", "block", "registeredComponents"]))), 128)) : w("v-if", !0),
-      !e.isEmptyHtmlElement(e.Tag) && !e.repeatItem ? (u(), C(i, {
+      }, null, 8, ["repeatContext", "block", "registeredComponents"]))), 128)) : b("v-if", !0),
+      !e.isEmptyHtmlElement(e.Tag) && !e.repeatItem ? (d(), v(s, {
         key: 2,
         Wrapper: e.Tag,
         block: e.processedBlock,
         context: e.context,
         hasChildren: !0
       }, {
-        default: ne(() => [
-          j(l, {
+        default: oe(() => [
+          V(l, {
             componentRef: e.componentRefProps.componentRef,
             componentOptions: e.componentRefProps.componentOptions,
             blockChildren: e.componentRefProps.blockChildren,
@@ -549,27 +551,27 @@ function Ot(e, t, n, o, r, s) {
             includeBlockProps: e.componentRefProps.includeBlockProps,
             isInteractive: e.componentRefProps.isInteractive
           }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "builderBlock", "includeBlockProps", "isInteractive"]),
-          (u(!0), h(T, null, V(e.childrenWithoutParentComponent, (m, p) => (u(), C(c, {
+          (d(!0), p(w, null, B(e.childrenWithoutParentComponent, (m, f) => (d(), v(c, {
             key: "block-" + m.id,
             block: m,
             context: e.childrenContext,
             registeredComponents: e.registeredComponents
           }, null, 8, ["block", "context", "registeredComponents"]))), 128)),
-          (u(!0), h(T, null, V(e.childrenWithoutParentComponent, (m, p) => (u(), C(d, {
+          (d(!0), p(w, null, B(e.childrenWithoutParentComponent, (m, f) => (d(), v(u, {
             key: "block-style-" + m.id,
             block: m,
             context: e.childrenContext
           }, null, 8, ["block", "context"]))), 128))
         ]),
         _: 1
-      }, 8, ["Wrapper", "block", "context"])) : w("v-if", !0)
+      }, 8, ["Wrapper", "block", "context"])) : b("v-if", !0)
     ], 64))
-  ], 64)) : w("v-if", !0);
+  ], 64)) : b("v-if", !0);
 }
-const _e = /* @__PURE__ */ k(jt, [["render", Ot], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/block/block.vue"]]), dr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ae = /* @__PURE__ */ y(Ot, [["render", jt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/block/block.vue"]]), fr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: _e
-}, Symbol.toStringTag, { value: "Module" })), Ae = {
+  default: Ae
+}, Symbol.toStringTag, { value: "Module" })), Pe = {
   small: {
     min: 320,
     default: 321,
@@ -585,11 +587,11 @@ const _e = /* @__PURE__ */ k(jt, [["render", Ot], ["__file", "/home/runner/work/
     default: 991,
     max: 1200
   }
-}, ue = (e, t = Ae) => `@media (max-width: ${t[e].max}px)`, Be = ({
+}, de = (e, t = Pe) => `@media (max-width: ${t[e].max}px)`, Be = ({
   small: e,
   medium: t
 }) => {
-  const n = N(Ae);
+  const n = O(Pe);
   if (!e || !t)
     return n;
   const o = Math.floor(e / 2);
@@ -604,28 +606,28 @@ const _e = /* @__PURE__ */ k(jt, [["render", Ot], ["__file", "/home/runner/work/
     min: r,
     default: r + 1
   };
-  const s = n.medium.max + 1;
+  const i = n.medium.max + 1;
   return n.large = {
     max: 2e3,
-    min: s,
-    default: s + 1
+    min: i,
+    default: i + 1
   }, n;
-}, Nt = y({
+}, Nt = g({
   render() {
     return Se("style", { id: this.id, innerHTML: this.styles });
   },
   name: "inlined-styles",
   props: ["styles", "id"]
-}), G = /* @__PURE__ */ k(Nt, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/inlined-styles.vue"]]), Ft = y({
+}), q = /* @__PURE__ */ y(Nt, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/inlined-styles.vue"]]), Ut = g({
   name: "block-styles",
-  components: { InlinedStyles: G },
+  components: { InlinedStyles: q },
   props: ["block", "context"],
   data() {
-    return { TARGET: A };
+    return { TARGET: E };
   },
   computed: {
     canShowBlock() {
-      const e = D({
+      const e = K({
         block: this.block,
         localState: this.context.localState,
         rootState: this.context.rootState,
@@ -633,11 +635,11 @@ const _e = /* @__PURE__ */ k(jt, [["render", Ot], ["__file", "/home/runner/work/
         context: this.context.context,
         shouldEvaluateBindings: !0
       });
-      return _(e.hide) ? !e.hide : _(e.show) ? e.show : !0;
+      return x(e.hide) ? !e.hide : x(e.show) ? e.show : !0;
     },
     css() {
-      var f;
-      const e = D({
+      var h;
+      const e = K({
         block: this.block,
         localState: this.context.localState,
         rootState: this.context.rootState,
@@ -645,43 +647,43 @@ const _e = /* @__PURE__ */ k(jt, [["render", Ot], ["__file", "/home/runner/work/
         context: this.context.context,
         shouldEvaluateBindings: !0
       }), t = e.responsiveStyles, n = this.context.content, o = Be(
-        ((f = n == null ? void 0 : n.meta) == null ? void 0 : f.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;
+        ((h = n == null ? void 0 : n.meta) == null ? void 0 : h.breakpoints) || {}
+      ), r = t == null ? void 0 : t.large, i = 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 = r ? J({
         className: a,
         styles: r
-      }) : "", c = s ? Y({
+      }) : "", c = i ? J({
         className: a,
-        styles: s,
-        mediaQuery: ue(
+        styles: i,
+        mediaQuery: de(
           "medium",
           o
         )
-      }) : "", d = i ? Y({
+      }) : "", u = s ? J({
         className: a,
-        styles: i,
-        mediaQuery: ue(
+        styles: s,
+        mediaQuery: de(
           "small",
           o
         )
       }) : "";
-      return [l, c, d].join(" ");
+      return [l, c, u].join(" ");
     }
   }
 });
-function Ut(e, t, n, o, r, s) {
-  const i = v("inlined-styles");
-  return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? (u(), C(i, {
+function Ft(e, t, n, o, r, i) {
+  const s = k("inlined-styles");
+  return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? (d(), v(s, {
     key: 0,
     styles: e.css
-  }, null, 8, ["styles"])) : w("v-if", !0);
+  }, null, 8, ["styles"])) : b("v-if", !0);
 }
-const Ve = /* @__PURE__ */ k(Ft, [["render", Ut], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/block/components/block-styles.vue"]]), Mt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ve = /* @__PURE__ */ y(Ut, [["render", Ft], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/block/components/block-styles.vue"]]), Mt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Ve
-}, Symbol.toStringTag, { value: "Module" })), Wt = y({
+}, Symbol.toStringTag, { value: "Module" })), Lt = g({
   name: "builder-blocks-wrapper",
   props: ["blocks", "parent", "path", "styleProp"],
   computed: {
@@ -693,7 +695,7 @@ const Ve = /* @__PURE__ */ k(Ft, [["render", Ut], ["__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: {
@@ -706,7 +708,7 @@ const Ve = /* @__PURE__ */ k(Ft, [["render", Ut], ["__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: {
@@ -728,25 +730,25 @@ const Ve = /* @__PURE__ */ k(Ft, [["render", Ut], ["__file", "/home/runner/work/
     }
   }
 });
-const Lt = ["builder-path", "builder-parent-id"];
-function Kt(e, t, n, o, r, s) {
-  return u(), h("div", I({
+const Wt = ["builder-path", "builder-parent-id"];
+function Dt(e, t, n, o, r, i) {
+  return d(), p("div", I({
     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())
   }, {}), [
-    O(e.$slots, "default", {}, void 0, !0)
-  ], 16, Lt);
+    P(e.$slots, "default", {}, void 0, !0)
+  ], 16, Wt);
 }
-const Ht = /* @__PURE__ */ k(Wt, [["render", Kt], ["__scopeId", "data-v-1f8aab9f"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/blocks/blocks-wrapper.vue"]]), zt = y({
+const Ht = /* @__PURE__ */ y(Lt, [["render", Dt], ["__scopeId", "data-v-1f8aab9f"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/blocks/blocks-wrapper.vue"]]), Kt = g({
   name: "builder-blocks",
   components: {
     BlocksWrapper: Ht,
-    Block: _e,
+    Block: Ae,
     BlockStyles: Ve
   },
   props: [
@@ -758,37 +760,37 @@ const Ht = /* @__PURE__ */ k(Wt, [["render", Kt], ["__scopeId", "data-v-1f8aab9f
     "registeredComponents"
   ],
   inject: {
-    builderContext: Q.key,
+    builderContext: Z.key,
     componentsContext: we.key
   }
 });
-function Dt(e, t, n, o, r, s) {
-  const i = v("block"), a = v("block-styles"), l = v("blocks-wrapper");
-  return u(), C(l, {
+function zt(e, t, n, o, r, i) {
+  const s = k("block"), a = k("block-styles"), l = k("blocks-wrapper");
+  return d(), v(l, {
     blocks: e.blocks,
     parent: e.parent,
     path: e.path,
     styleProp: e.styleProp
   }, {
-    default: ne(() => [
-      e.blocks ? (u(!0), h(T, { key: 0 }, V(e.blocks, (c, d) => (u(), C(i, {
+    default: oe(() => [
+      e.blocks ? (d(!0), p(w, { key: 0 }, B(e.blocks, (c, u) => (d(), v(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)) : w("v-if", !0),
-      e.blocks ? (u(!0), h(T, { key: 1 }, V(e.blocks, (c, d) => (u(), C(a, {
+      }, null, 8, ["block", "context", "registeredComponents"]))), 128)) : b("v-if", !0),
+      e.blocks ? (d(!0), p(w, { key: 1 }, B(e.blocks, (c, u) => (d(), v(a, {
         key: "block-style-" + c.id,
         block: c,
         context: e.context || e.builderContext
-      }, null, 8, ["block", "context"]))), 128)) : w("v-if", !0)
+      }, null, 8, ["block", "context"]))), 128)) : b("v-if", !0)
     ]),
     _: 1
   }, 8, ["blocks", "parent", "path", "styleProp"]);
 }
-const oe = /* @__PURE__ */ k(zt, [["render", Dt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/blocks/blocks.vue"]]), qt = y({
+const re = /* @__PURE__ */ y(Kt, [["render", zt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/blocks/blocks.vue"]]), qt = g({
   name: "builder-columns",
-  components: { InlinedStyles: G, Blocks: oe },
+  components: { InlinedStyles: q, Blocks: re },
   props: [
     "js",
     "space",
@@ -805,7 +807,7 @@ const oe = /* @__PURE__ */ k(zt, [["render", Dt], ["__file", "/home/runner/work/
       cols: this.columns || [],
       stackAt: this.stackColumnsAt || "tablet",
       flexDir: this.stackColumnsAt === "never" ? "row" : this.reverseColumnsWhenStacked ? "column-reverse" : "column",
-      TARGET: A
+      TARGET: E
     };
   },
   computed: {
@@ -868,7 +870,7 @@ const oe = /* @__PURE__ */ k(zt, [["render", Dt], ["__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`, r = "100%", i = 0;
       return {
         width: n,
         ["margin-left"]: o,
@@ -877,7 +879,7 @@ const oe = /* @__PURE__ */ k(zt, [["render", Dt], ["__file", "/home/runner/work/
           desktopStyle: n
         }),
         "--column-margin-left-mobile": this.getMobileStyle({
-          stackedStyle: s,
+          stackedStyle: i,
           desktopStyle: o
         }),
         "--column-width-tablet": this.getTabletStyle({
@@ -885,7 +887,7 @@ const oe = /* @__PURE__ */ k(zt, [["render", Dt], ["__file", "/home/runner/work/
           desktopStyle: n
         }),
         "--column-margin-left-tablet": this.getTabletStyle({
-          stackedStyle: s,
+          stackedStyle: i,
           desktopStyle: o
         })
       };
@@ -907,24 +909,24 @@ const oe = /* @__PURE__ */ k(zt, [["render", Dt], ["__file", "/home/runner/work/
     }
   }
 });
-function Gt(e, t, n, o, r, s) {
-  const i = v("inlined-styles"), a = v("blocks");
-  return u(), h("div", I({
+function Gt(e, t, n, o, r, i) {
+  const s = k("inlined-styles"), a = k("blocks");
+  return d(), p("div", I({
     class: e._classStringToObject(
       `builder-columns ${e.builderBlock.id}-breakpoints div-16nol0lwi20`
     ),
     style: e.columnsCssVars
   }, {}), [
-    e.TARGET !== "reactNative" ? (u(), C(i, {
+    e.TARGET !== "reactNative" ? (d(), v(s, {
       key: 0,
       styles: e.columnsStyles
-    }, null, 8, ["styles"])) : w("v-if", !0),
-    (u(!0), h(T, null, V(e.columns, (l, c) => (u(), h("div", I({
+    }, null, 8, ["styles"])) : b("v-if", !0),
+    (d(!0), p(w, null, B(e.columns, (l, c) => (d(), p("div", I({
       key: c,
       class: "builder-column div-16nol0lwi20-2",
       style: e.columnCssVars(c)
     }, {}), [
-      j(a, {
+      V(a, {
         path: `component.options.columns.${c}.blocks`,
         parent: e.builderBlock.id,
         styleProp: {
@@ -937,17 +939,17 @@ function Gt(e, t, n, o, r, s) {
     ], 16))), 128))
   ], 16);
 }
-const Jt = /* @__PURE__ */ k(qt, [["render", Gt], ["__scopeId", "data-v-7be099dc"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/columns/columns.vue"]]), Yt = y({
+const Jt = /* @__PURE__ */ y(qt, [["render", Gt], ["__scopeId", "data-v-7be099dc"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/columns/columns.vue"]]), Yt = g({
   name: "builder-fragment-component",
   props: []
 });
-function Xt(e, t, n, o, r, s) {
-  return u(), h("span", null, [
-    O(e.$slots, "default")
+function Qt(e, t, n, o, r, i) {
+  return d(), p("span", null, [
+    P(e.$slots, "default")
   ]);
 }
-const Qt = /* @__PURE__ */ k(Yt, [["render", Xt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/fragment/fragment.vue"]]);
-function de(e) {
+const Xt = /* @__PURE__ */ y(Yt, [["render", Qt], ["__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 Zt(e = "", t, n) {
@@ -958,15 +960,15 @@ function en(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
-    return de(e);
+    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 de(`${o[0]}_${s}${r}`);
+    const o = e.split(n[0]), r = n[3], i = t.match("x") ? t : `${t}x`;
+    return ue(`${o[0]}_${i}${r}`);
   }
   return null;
 }
-function X(e) {
+function Y(e) {
   if (!e)
     return e;
   const t = [100, 200, 400, 800, 1200, 1600, 2e3];
@@ -977,7 +979,7 @@ function X(e) {
   }
   return e.match(/cdn\.shopify\.com/) ? t.map((n) => [en(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
-const tn = y({
+const tn = g({
   name: "builder-image",
   props: [
     "image",
@@ -1001,10 +1003,10 @@ const tn = y({
         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;
@@ -1037,20 +1039,20 @@ const nn = ["srcset"], on = ["alt", "role", "src", "srcset", "sizes"], rn = {
   key: 2,
   class: "div-1be3j8m9ewb-2"
 };
-function sn(e, t, n, o, r, s) {
-  var i, a, l, c;
-  return u(), h(T, null, [
-    le("picture", null, [
-      e.webpSrcSet ? (u(), h("source", {
+function sn(e, t, n, o, r, i) {
+  var s, a, l, c;
+  return d(), p(w, null, [
+    Q("picture", null, [
+      e.webpSrcSet ? (d(), p("source", {
         key: 0,
         type: "image/webp",
         srcset: e.webpSrcSet
-      }, null, 8, nn)) : w("v-if", !0),
-      le("img", {
+      }, null, 8, nn)) : b("v-if", !0),
+      Q("img", {
         loading: "lazy",
         alt: e.altText,
         role: e.altText ? "presentation" : void 0,
-        style: ce({
+        style: X({
           objectPosition: e.backgroundPosition || "center",
           objectFit: e.backgroundSize || "cover",
           ...e.aspectRatioCss
@@ -1065,28 +1067,28 @@ function sn(e, t, n, o, r, s) {
         sizes: e.sizes
       }, null, 14, on)
     ]),
-    e.aspectRatio && !(((a = (i = e.builderBlock) == null ? void 0 : i.children) == null ? void 0 : a.length) && e.fitContent) ? (u(), h("div", {
+    e.aspectRatio && !(((a = (s = e.builderBlock) == null ? void 0 : s.children) == null ? void 0 : a.length) && e.fitContent) ? (d(), p("div", {
       key: 0,
       class: "builder-image-sizer div-1be3j8m9ewb",
-      style: ce({
+      style: X({
         paddingTop: e.aspectRatio * 100 + "%"
       })
-    }, null, 4)) : w("v-if", !0),
-    ((c = (l = e.builderBlock) == null ? void 0 : l.children) == null ? void 0 : c.length) && e.fitContent ? O(e.$slots, "default", { key: 1 }, void 0, !0) : w("v-if", !0),
-    !e.fitContent && e.$slots.default ? (u(), h("div", rn, [
-      O(e.$slots, "default", {}, void 0, !0)
-    ])) : w("v-if", !0)
+    }, null, 4)) : b("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) : b("v-if", !0),
+    !e.fitContent && e.$slots.default ? (d(), p("div", rn, [
+      P(e.$slots, "default", {}, void 0, !0)
+    ])) : b("v-if", !0)
   ], 64);
 }
-const an = /* @__PURE__ */ k(tn, [["render", sn], ["__scopeId", "data-v-58ca75d1"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/image/image.vue"]]), ln = y({
+const an = /* @__PURE__ */ y(tn, [["render", sn], ["__scopeId", "data-v-58ca75d1"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/image/image.vue"]]), ln = g({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
-    return { filterAttrs: q };
+    return { filterAttrs: z };
   }
 });
-function cn(e, t, n, o, r, s) {
-  return u(), h("section", I({
+function cn(e, t, n, o, r, i) {
+  return d(), p("section", I({
     style: {
       width: "100%",
       alignSelf: "stretch",
@@ -1100,15 +1102,15 @@ function cn(e, t, n, o, r, s) {
       marginRight: "auto"
     }
   }, e.filterAttrs(e.attributes, "v-on:", !1), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    O(e.$slots, "default")
+    P(e.$slots, "default")
   ], 16);
 }
-const un = /* @__PURE__ */ k(ln, [["render", cn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/section/section.vue"]]), dn = (e) => {
+const dn = /* @__PURE__ */ y(ln, [["render", cn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/section/section.vue"]]), un = (e) => {
   if (e === "localhost" || e === "127.0.0.1")
     return e;
   const t = e.split(".");
   return t.length > 2 ? t.slice(1).join(".") : e;
-}, je = ({
+}, Oe = ({
   name: e,
   canTrack: t
 }) => {
@@ -1116,16 +1118,16 @@ const un = /* @__PURE__ */ k(ln, [["render", cn], ["__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);
+    T.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, Oe = async (e) => je(e), pn = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(_).join("; "), mn = [["secure", ""], ["SameSite", "None"]], hn = ({
+}, je = async (e) => Oe(e), pn = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(x).join("; "), mn = [["secure", ""], ["SameSite", "None"]], hn = ({
   name: e,
   value: t,
   expires: n
 }) => {
-  const r = ($() ? location.protocol === "https:" : !0) ? mn : [[]], s = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...s, ["path", "/"], ["domain", dn(window.location.hostname)], ...r];
-  return pn(i);
+  const r = (S() ? location.protocol === "https:" : !0) ? mn : [[]], i = n ? [["expires", n.toUTCString()]] : [[]], s = [[e, t], ...i, ["path", "/"], ["domain", un(window.location.hostname)], ...r];
+  return pn(s);
 }, Ne = async ({
   name: e,
   value: t,
@@ -1142,45 +1144,45 @@ const un = /* @__PURE__ */ k(ln, [["render", cn], ["__file", "/home/runner/work/
     });
     document.cookie = r;
   } catch (r) {
-    x.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
+    T.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
   }
-}, fn = "builder.tests", re = (e) => `${fn}.${e}`, bn = ({
+}, fn = "builder.tests", ie = (e) => `${fn}.${e}`, bn = ({
   contentId: e
-}) => Oe({
-  name: re(e),
+}) => je({
+  name: ie(e),
   canTrack: !0
 }), gn = ({
   contentId: e
-}) => je({
-  name: re(e),
+}) => Oe({
+  name: ie(e),
   canTrack: !0
 }), yn = ({
   contentId: e,
   value: t
 }) => Ne({
-  name: re(e),
+  name: ie(e),
   value: t,
   canTrack: !0
-}), Fe = (e) => _(e.id) && _(e.variations) && Object.keys(e.variations).length > 0, kn = ({
+}), Ue = (e) => x(e.id) && x(e.variations) && Object.keys(e.variations).length > 0, kn = ({
   id: e,
   variations: t
 }) => {
   var r;
   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 i in t) {
+    const s = (r = t[i]) == null ? void 0 : r.testRatio;
+    if (n += s, o < n)
+      return i;
   }
   return e;
-}, Ue = (e) => {
+}, Fe = (e) => {
   const t = kn(e);
   return yn({
     contentId: e.id,
     value: t
   }).catch((n) => {
-    x.error("could not store A/B test variation: ", n);
+    T.error("could not store A/B test variation: ", n);
   }), t;
 }, Me = ({
   item: e,
@@ -1203,11 +1205,11 @@ const un = /* @__PURE__ */ k(ln, [["render", cn], ["__file", "/home/runner/work/
     return e;
   if (!e)
     return;
-  if (!Fe(e))
+  if (!Ue(e))
     return e;
   const n = gn({
     contentId: e.id
-  }) || Ue({
+  }) || Fe({
     variations: e.variations,
     id: e.id
   }), o = Me({
@@ -1222,11 +1224,11 @@ const un = /* @__PURE__ */ k(ln, [["render", cn], ["__file", "/home/runner/work/
   item: e,
   canTrack: t
 }) => {
-  if (!t || !Fe(e))
+  if (!t || !Ue(e))
     return e;
   const o = await bn({
     contentId: e.id
-  }) || Ue({
+  }) || Fe({
     variations: e.variations,
     id: e.id
   }), r = Me({
@@ -1237,7 +1239,7 @@ const un = /* @__PURE__ */ k(ln, [["render", cn], ["__file", "/home/runner/work/
     ...e,
     ...r
   };
-}, M = (e) => _(e) ? e : !0, Cn = {
+}, F = (e) => x(e) ? e : !0, Cn = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1447,7 +1449,7 @@ const un = /* @__PURE__ */ k(ln, [["render", cn], ["__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((r) => r.get("width")) && (!!n.find((i) => !i.get("width")) || n.reduce((a, l) => a + l.get("width"), 0) !== 100) && t();
     }
   }, {
     name: "space",
@@ -1469,7 +1471,7 @@ const un = /* @__PURE__ */ k(ln, [["render", cn], ["__file", "/home/runner/work/
     helperText: "When stacking columns for mobile devices, reverse the ordering",
     advanced: !0
   }]
-}, $n = {
+}, In = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -1491,7 +1493,7 @@ const un = /* @__PURE__ */ k(ln, [["render", cn], ["__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
   }]
-}, Rn = y({
+}, $n = g({
   name: "builder-custom-code",
   props: ["replaceNodes", "code"],
   data() {
@@ -1537,8 +1539,8 @@ const un = /* @__PURE__ */ k(ln, [["render", cn], ["__file", "/home/runner/work/
     }
   }
 }), Tn = ["innerHTML"];
-function In(e, t, n, o, r, s) {
-  return u(), h("div", {
+function Rn(e, t, n, o, r, i) {
+  return d(), p("div", {
     ref: "elementRef",
     class: Ce(
       e._classStringToObject(
@@ -1548,7 +1550,7 @@ function In(e, t, n, o, r, s) {
     innerHTML: e.code
   }, null, 10, Tn);
 }
-const xn = /* @__PURE__ */ k(Rn, [["render", In], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/custom-code/custom-code.vue"]]), En = {
+const xn = /* @__PURE__ */ y($n, [["render", Rn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/custom-code/custom-code.vue"]]), En = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -1573,7 +1575,7 @@ const xn = /* @__PURE__ */ k(Rn, [["render", In], ["__file", "/home/runner/work/
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, Pn = ["text/javascript", "application/javascript", "application/ecmascript"], _n = (e) => Pn.includes(e.type), An = y({
+}, _n = ["text/javascript", "application/javascript", "application/ecmascript"], An = (e) => _n.includes(e.type), Pn = g({
   name: "builder-embed",
   props: ["content"],
   data() {
@@ -1606,7 +1608,7 @@ const xn = /* @__PURE__ */ k(Rn, [["render", In], ["__file", "/home/runner/work/
           this.scriptsInserted.push(n.src);
           const o = document.createElement("script");
           o.async = !0, o.src = n.src, document.head.appendChild(o);
-        } else if (_n(n) && !this.scriptsRun.includes(n.innerText))
+        } else if (An(n) && !this.scriptsRun.includes(n.innerText))
           try {
             this.scriptsRun.push(n.innerText), new Function(n.innerText)();
           } catch (o) {
@@ -1616,14 +1618,14 @@ const xn = /* @__PURE__ */ k(Rn, [["render", In], ["__file", "/home/runner/work/
     }
   }
 }), Bn = ["innerHTML"];
-function Vn(e, t, n, o, r, s) {
-  return u(), h("div", {
+function Vn(e, t, n, o, r, i) {
+  return d(), p("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: e.content
   }, null, 8, Bn);
 }
-const jn = /* @__PURE__ */ k(An, [["render", Vn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/embed/embed.vue"]]), On = {
+const On = /* @__PURE__ */ y(Pn, [["render", Vn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/embed/embed.vue"]]), jn = {
   name: "Fragment",
   static: !0,
   hidden: !0,
@@ -1649,29 +1651,29 @@ const jn = /* @__PURE__ */ k(An, [["render", Vn], ["__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 d = document.createElement("img");
-          let f = !1;
-          d.onload = () => {
-            f = !0, l(d);
-          }, d.addEventListener("error", (m) => {
+          const u = document.createElement("img");
+          let h = !1;
+          u.onload = () => {
+            h = !0, l(u);
+          }, u.addEventListener("error", (m) => {
             console.warn("Image load failed", m.error), c(m.error);
-          }), d.src = i, setTimeout(() => {
-            f || c(new Error("Image load timed out"));
+          }), u.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 r = e.get("image"), i = e.get("aspectRatio");
+      if (fetch(r).then((s) => s.blob()).then((s) => {
+        s.type.includes("svg") && e.set("noWebp", !0);
+      }), r && (!i || i === 0.7041))
+        return n(r).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") === r && (!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));
         });
     }
   }, {
@@ -1729,7 +1731,7 @@ const jn = /* @__PURE__ */ k(An, [["render", Vn], ["__file", "/home/runner/work/
     advanced: !0,
     defaultValue: 0.7041
   }]
-}, Fn = {
+}, Un = {
   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",
@@ -1742,7 +1744,7 @@ const jn = /* @__PURE__ */ k(An, [["render", Vn], ["__file", "/home/runner/work/
   }],
   noWrap: !0,
   static: !0
-}, Un = y({
+}, Fn = g({
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -1753,11 +1755,11 @@ const jn = /* @__PURE__ */ k(An, [["render", Vn], ["__file", "/home/runner/work/
     "attributes"
   ],
   data() {
-    return { isEditing: P, filterAttrs: q };
+    return { isEditing: R, filterAttrs: z };
   }
 }), Mn = ["alt", "src"];
-function Wn(e, t, n, o, r, s) {
-  return u(), h("img", I({
+function Ln(e, t, n, o, r, i) {
+  return d(), p("img", I({
     style: {
       objectFit: e.backgroundSize || "cover",
       objectPosition: e.backgroundPosition || "center"
@@ -1767,7 +1769,7 @@ function Wn(e, t, n, o, r, s) {
     src: e.imgSrc || e.image
   }, e.filterAttrs(e.attributes, "v-on:", !1), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Mn);
 }
-const Ln = /* @__PURE__ */ k(Un, [["render", Wn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/img/img.vue"]]), Kn = {
+const Wn = /* @__PURE__ */ y(Fn, [["render", Ln], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/img/img.vue"]]), Dn = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1839,7 +1841,7 @@ const Ln = /* @__PURE__ */ k(Un, [["render", Wn], ["__file", "/home/runner/work/
     hideFromUI: !0,
     type: "boolean"
   }]
-}, zn = {
+}, Kn = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -1857,21 +1859,21 @@ const Ln = /* @__PURE__ */ k(Un, [["render", Wn], ["__file", "/home/runner/work/
     height: "auto",
     textAlign: "center"
   }
-}, Dn = y({
+}, zn = g({
   name: "builder-text",
   props: ["text"]
 }), qn = ["innerHTML"];
-function Gn(e, t, n, o, r, s) {
-  var i;
-  return u(), h("div", {
+function Gn(e, t, n, o, r, i) {
+  var s;
+  return d(), p("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, qn);
 }
-const Jn = /* @__PURE__ */ k(Dn, [["render", Gn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/text/text.vue"]]), Yn = {
+const Jn = /* @__PURE__ */ y(zn, [["render", Gn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/text/text.vue"]]), Yn = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1952,7 +1954,7 @@ const Jn = /* @__PURE__ */ k(Dn, [["render", Gn], ["__file", "/home/runner/work/
     defaultValue: !0,
     advanced: !0
   }]
-}, Xn = y({
+}, Qn = g({
   name: "builder-video",
   props: [
     "autoPlay",
@@ -1960,12 +1962,16 @@ const Jn = /* @__PURE__ */ k(Dn, [["render", Gn], ["__file", "/home/runner/work/
     "controls",
     "loop",
     "playsInline",
-    "attributes",
     "preload",
+    "attributes",
     "fit",
     "position",
+    "aspectRatio",
     "video",
-    "posterImage"
+    "posterImage",
+    "lazyLoad",
+    "fitContent",
+    "builderBlock"
   ],
   computed: {
     videoProps() {
@@ -1989,218 +1995,284 @@ const Jn = /* @__PURE__ */ k(Dn, [["render", Gn], ["__file", "/home/runner/work/
     },
     spreadProps() {
       return {
-        ...this.attributes,
         ...this.videoProps
       };
     }
   }
-}), Qn = ["preload", "src", "poster"];
-function Zn(e, t, n, o, r, s) {
-  var i;
-  return u(), h("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, Qn);
+}), Xn = { style: {
+  position: "relative"
+} }, Zn = ["preload", "src", "poster"], eo = ["src"], to = {
+  key: 1,
+  style: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "stretch"
+  }
+}, no = {
+  key: 2,
+  style: {
+    pointerEvents: "none",
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "stretch",
+    position: "absolute",
+    top: "0",
+    left: "0",
+    width: "100%",
+    height: "100%"
+  }
+};
+function oo(e, t, n, o, r, i) {
+  var s, a, l, c, u, h, m;
+  return d(), p("div", Xn, [
+    Q("video", I({
+      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 ? b("v-if", !0) : (d(), p("source", {
+        key: 0,
+        type: "video/mp4",
+        src: e.video
+      }, null, 8, eo))
+    ], 16, Zn),
+    e.aspectRatio && !(e.fitContent && ((l = (a = e.builderBlock) == null ? void 0 : a.children) == null ? void 0 : l.length)) ? (d(), p("div", {
+      key: 0,
+      style: X({
+        width: "100%",
+        paddingTop: e.aspectRatio * 100 + "%",
+        pointerEvents: "none",
+        fontSize: "0px"
+      })
+    }, null, 4)) : b("v-if", !0),
+    ((u = (c = e.builderBlock) == null ? void 0 : c.children) == null ? void 0 : u.length) && e.fitContent ? (d(), p("div", to, [
+      P(e.$slots, "default")
+    ])) : b("v-if", !0),
+    ((m = (h = e.builderBlock) == null ? void 0 : h.children) == null ? void 0 : m.length) && !e.fitContent ? (d(), p("div", no, [
+      P(e.$slots, "default")
+    ])) : b("v-if", !0)
+  ]);
 }
-const eo = /* @__PURE__ */ k(Xn, [["render", Zn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/video/video.vue"]]), pe = () => [{
-  component: it,
+const ro = /* @__PURE__ */ y(Qn, [["render", oo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/video/video.vue"]]), pe = () => [{
+  component: st,
   ...Cn
 }, {
   component: Jt,
   ...wn
 }, {
   component: xn,
-  ...$n
+  ...In
 }, {
-  component: jn,
+  component: On,
   ...En
 }, {
-  component: Qt,
-  ...On
+  component: Xt,
+  ...jn
 }, {
   component: an,
   ...Nn
 }, {
-  component: Ln,
-  ...Fn
+  component: Wn,
+  ...Un
 }, {
-  component: un,
-  ...Kn
+  component: dn,
+  ...Dn
 }, {
-  component: lr,
+  component: pr,
   ...Hn
 }, {
   component: Jn,
-  ...zn
+  ...Kn
 }, {
-  component: eo,
+  component: ro,
   ...Yn
-}], me = [], to = (e) => ({
+}], me = [], io = (e) => ({
   type: "builder.registerComponent",
-  data: ee(e)
-}), no = (e) => {
+  data: te(e)
+}), so = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-}, oo = (e) => typeof e == "function" ? no(e) : N(e), ee = ({
+}, ao = (e) => typeof e == "function" ? so(e) : O(e), te = ({
   inputs: e,
   ...t
 }) => ({
-  ...N(t),
-  inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [r, s]) => ({
+  ...O(t),
+  inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [r, i]) => ({
     ...o,
-    [r]: oo(s)
+    [r]: ao(i)
   }), {}))
-}), K = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
-  ...t,
-  testVariationId: t.id,
-  id: e == null ? void 0 : e.id
-})), ro = ({
-  canTrack: e,
-  content: t
-}) => !(!(K(t).length > 0) || !e);
-function so(e, t, n) {
-  var i;
-  function o() {
-    function a(b, S, R) {
-      let E = "";
-      if (R) {
-        const g = new Date();
-        g.setTime(g.getTime() + R * 24 * 60 * 60 * 1e3), E = "; expires=" + g.toUTCString();
+}), lo = `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 = b + "=" + (S || "") + E + "; path=/; Secure; SameSite=None";
+      document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';
     }
-    function l(b) {
-      const S = b + "=", R = document.cookie.split(";");
-      for (let E = 0; E < R.length; E++) {
-        let g = R[E];
-        for (; g.charAt(0) === " "; )
-          g = g.substring(1, g.length);
-        if (g.indexOf(S) === 0)
-          return g.substring(S.length, g.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}`, d = l(c), f = t.map((b) => b.id).concat(e);
-    if (d && f.includes(d))
-      return d;
-    let m = 0;
-    const p = Math.random();
-    for (let b = 0; b < t.length; b++) {
-      const S = t[b], R = S.testRatio;
-      if (m += R, p < m)
-        return a(c, S.id), S.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 io(e, t, n) {
-  var l;
-  if (!navigator.cookieEnabled)
+}`, co = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+  if (!navigator.cookieEnabled) {
     return;
-  function o(c) {
-    const d = c + "=", f = document.cookie.split(";");
-    for (let m = 0; m < f.length; m++) {
-      let p = f[m];
-      for (; p.charAt(0) === " "; )
-        p = p.substring(1, p.length);
-      if (p.indexOf(d) === 0)
-        return p.substring(d.length, p.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 ao = (e) => e === "react" || e === "reactNative", We = ao(A), Le = "builderIoAbTest", Ke = "builderIoRenderContent", lo = () => {
-  const e = so.toString().replace(/\s+/g, " "), t = io.toString().replace(/\s+/g, " ");
-  return `
-  window.${Le} = ${e}
-  window.${Ke} = ${t}
-  `;
-}, co = (e, t) => `
-  window.${Le}("${t}",${JSON.stringify(e)}, ${We})`, uo = ({
+  if (isHydrationTarget) {
+    if (!isWinningVariant) {
+      parentDiv?.remove();
+    }
+    const thisScriptEl = document.currentScript;
+    thisScriptEl?.remove();
+  }
+  return;
+}`, Le = "builderIoAbTest", We = "builderIoRenderContent", W = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+  ...t,
+  testVariationId: t.id,
+  id: e == null ? void 0 : e.id
+})), uo = ({
+  canTrack: e,
+  content: t
+}) => !(!(W(t).length > 0) || !e), po = (e) => e === "react" || e === "reactNative", De = po(E), mo = () => `
+  window.${Le} = ${lo}
+  window.${We} = ${co}
+  `, ho = (e, t) => `
+  window.${Le}(
+    "${t}",${JSON.stringify(e)}, ${De}
+  )`, fo = ({
   contentId: e,
   variationId: t
-}) => `
-  window.${Ke}("${t}", "${e}", ${We})`, po = y({
+}) => `window.${We}(
+    "${t}", "${e}", ${De}
+  )`, bo = g({
   render() {
     return Se("script", { id: this.id, innerHTML: this.scriptStr });
   },
   name: "inlined-script",
   props: ["scriptStr", "id"]
-}), He = /* @__PURE__ */ k(po, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/inlined-script.vue"]]);
-function mo() {
+}), He = /* @__PURE__ */ y(bo, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/inlined-script.vue"]]);
+function go() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function ho() {
-  const e = mo().fetch;
+function yo() {
+  const e = go().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 ze = ho();
-function H(e, t = null, n = ".") {
+const Ke = yo();
+function D(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) ? {
+    const i = e[r], s = [t, r].filter(Boolean).join(n);
+    return [typeof i == "object", i !== null, !(Array.isArray(i) && i.length === 0)].every(Boolean) ? {
       ...o,
-      ...H(s, i, n)
+      ...D(i, s, n)
     } : {
       ...o,
-      [i]: s
+      [s]: i
     };
   }, {});
 }
-const fo = "v3", he = "builder.", bo = "options.", go = (e) => {
+const ko = "v3", he = "builder.", vo = "options.", So = (e) => {
   const t = {};
   return e.forEach((n, o) => {
     t[o] = n;
   }), t;
-}, De = (e) => {
+}, ze = (e) => {
   if (!e)
     return {};
   const t = qe(e), n = {};
   return Object.keys(t).forEach((o) => {
     if (o.startsWith(he)) {
-      const r = o.replace(he, "").replace(bo, "");
+      const r = o.replace(he, "").replace(vo, "");
       n[r] = t[o];
     }
   }), n;
-}, yo = () => {
-  if (!$())
+}, Co = () => {
+  if (!S())
     return {};
   const e = new URLSearchParams(window.location.search);
-  return De(e);
-}, qe = (e) => e instanceof URLSearchParams ? go(e) : e, fe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, se = (e) => {
+  return ze(e);
+}, qe = (e) => e instanceof URLSearchParams ? So(e) : e, fe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, se = (e) => {
   let {
     noTraverse: t = !1
   } = e;
@@ -2208,173 +2280,173 @@ const fo = "v3", he = "builder.", bo = "options.", go = (e) => {
     limit: n = 30,
     userAttributes: o,
     query: r,
-    model: s,
-    apiKey: i,
+    model: i,
+    apiKey: s,
     includeRefs: a = !0,
     enrich: l,
     locale: c,
-    apiVersion: d = fo,
-    fields: f,
+    apiVersion: u = ko,
+    fields: h,
     omit: m,
-    offset: p,
-    cacheSeconds: b,
-    staleCacheSeconds: S,
-    sort: R,
-    includeUnpublished: E
+    offset: f,
+    cacheSeconds: C,
+    staleCacheSeconds: _,
+    sort: j,
+    includeUnpublished: ae
   } = e;
-  if (!i)
+  if (!s)
     throw new Error("Missing API key");
-  if (!["v2", "v3"].includes(d))
-    throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${d}'`);
+  if (!["v2", "v3"].includes(u))
+    throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${u}'`);
   (e.limit === void 0 || e.limit > 1) && !("noTraverse" in e) && (t = !0);
-  const g = new URL(`https://cdn.builder.io/api/${d}/content/${s}?apiKey=${i}&limit=${n}&noTraverse=${t}&includeRefs=${a}${c ? `&locale=${c}` : ""}${l ? `&enrich=${l}` : ""}`);
-  if (g.searchParams.set("omit", m || "meta.componentsUsed"), f && g.searchParams.set("fields", f), Number.isFinite(p) && p > -1 && g.searchParams.set("offset", String(Math.floor(p))), typeof E == "boolean" && g.searchParams.set("includeUnpublished", String(E)), b && fe(b) && g.searchParams.set("cacheSeconds", String(b)), S && fe(S) && g.searchParams.set("staleCacheSeconds", String(S)), R) {
-    const B = H({
-      sort: R
+  const $ = new URL(`https://cdn.builder.io/api/${u}/content/${i}?apiKey=${s}&limit=${n}&noTraverse=${t}&includeRefs=${a}${c ? `&locale=${c}` : ""}${l ? `&enrich=${l}` : ""}`);
+  if ($.searchParams.set("omit", m || "meta.componentsUsed"), h && $.searchParams.set("fields", h), Number.isFinite(f) && f > -1 && $.searchParams.set("offset", String(Math.floor(f))), typeof ae == "boolean" && $.searchParams.set("includeUnpublished", String(ae)), C && fe(C) && $.searchParams.set("cacheSeconds", String(C)), _ && fe(_) && $.searchParams.set("staleCacheSeconds", String(_)), j) {
+    const A = D({
+      sort: j
     });
-    for (const F in B)
-      g.searchParams.set(F, JSON.stringify(B[F]));
+    for (const N in A)
+      $.searchParams.set(N, JSON.stringify(A[N]));
   }
   const et = {
-    ...yo(),
+    ...Co(),
     ...qe(e.options || {})
-  }, ie = H(et);
-  for (const B in ie)
-    g.searchParams.set(B, String(ie[B]));
-  if (o && g.searchParams.set("userAttributes", JSON.stringify(o)), r) {
-    const B = H({
+  }, le = D(et);
+  for (const A in le)
+    $.searchParams.set(A, String(le[A]));
+  if (o && $.searchParams.set("userAttributes", JSON.stringify(o)), r) {
+    const A = D({
       query: r
     });
-    for (const F in B)
-      g.searchParams.set(F, JSON.stringify(B[F]));
+    for (const N in A)
+      $.searchParams.set(N, JSON.stringify(A[N]));
   }
-  return g;
-}, ko = (e) => "results" in e;
-async function J(e) {
+  return $;
+}, wo = (e) => "results" in e;
+async function G(e) {
   const t = await Ge({
     ...e,
     limit: 1
   });
   return t && t.results[0] || null;
 }
-const pr = J, vo = async (e) => {
+const br = G, Io = async (e) => {
   const t = se(e);
-  return await (await ze(t.href)).json();
-}, So = async (e, t, n = se(e)) => {
-  const o = M(e.canTrack);
-  if (n.search.includes("preview="), !o || !($() || A === "reactNative"))
+  return await (await Ke(t.href)).json();
+}, $o = async (e, t, n = se(e)) => {
+  const o = F(e.canTrack);
+  if (n.search.includes("preview="), !o || !(S() || E === "reactNative"))
     return t;
   try {
     const r = [];
-    for (const s of t.results)
+    for (const i of t.results)
       r.push(await Sn({
-        item: s,
+        item: i,
         canTrack: o
       }));
     t.results = r;
   } catch (r) {
-    x.error("Could not process A/B tests. ", r);
+    T.error("Could not process A/B tests. ", r);
   }
   return t;
 };
 async function Ge(e) {
   try {
-    const t = se(e), n = await vo(e);
-    return ko(n) ? So(e, n) : (x.error("Error fetching data. ", {
+    const t = se(e), n = await Io(e);
+    return wo(n) ? $o(e, n) : (T.error("Error fetching data. ", {
       url: t,
       content: n,
       options: e
     }), null);
   } catch (t) {
-    return x.error("Error fetching data. ", t), null;
+    return T.error("Error fetching data. ", t), null;
   }
 }
-const mr = Ge;
-function Co() {
-  return !$() || P() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
+const gr = Ge;
+function To() {
+  return !S() || R() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
 }
-function wo() {
+function Ro() {
   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 Je() {
-  return wo().replace(/-/g, "");
+  return Ro().replace(/-/g, "");
 }
-const Ye = "builderSessionId", $o = async ({
+const Ye = "builderSessionId", xo = async ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = await Oe({
+  const t = await je({
     name: Ye,
     canTrack: e
   });
-  if (_(t))
+  if (x(t))
     return t;
   {
-    const n = Ro();
-    return To({
+    const n = Eo();
+    return _o({
       id: n,
       canTrack: e
     }), n;
   }
-}, Ro = () => Je(), To = ({
+}, Eo = () => Je(), _o = ({
   id: e,
   canTrack: t
 }) => Ne({
   name: Ye,
   value: e,
   canTrack: t
-}), Xe = () => $() && typeof localStorage < "u" ? localStorage : void 0, Io = ({
+}), Qe = () => S() && typeof localStorage < "u" ? localStorage : void 0, Ao = ({
   key: e,
   canTrack: t
 }) => {
   var n;
   try {
-    return t ? (n = Xe()) == null ? void 0 : n.getItem(e) : void 0;
+    return t ? (n = Qe()) == null ? void 0 : n.getItem(e) : void 0;
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, xo = ({
+}, Po = ({
   key: e,
   canTrack: t,
   value: n
 }) => {
   var o;
   try {
-    t && ((o = Xe()) == null || o.setItem(e, n));
+    t && ((o = Qe()) == null || o.setItem(e, n));
   } catch (r) {
     console.debug("[LocalStorage] SET error: ", r);
   }
-}, Qe = "builderVisitorId", Eo = ({
+}, Xe = "builderVisitorId", Bo = ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = Io({
-    key: Qe,
+  const t = Ao({
+    key: Xe,
     canTrack: e
   });
-  if (_(t))
+  if (x(t))
     return t;
   {
-    const n = Po();
-    return _o({
+    const n = Vo();
+    return Oo({
       id: n,
       canTrack: e
     }), n;
   }
-}, Po = () => Je(), _o = ({
+}, Vo = () => Je(), Oo = ({
   id: e,
   canTrack: t
-}) => xo({
-  key: Qe,
+}) => Po({
+  key: Xe,
   value: e,
   canTrack: t
-}), Ao = async ({
+}), jo = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -2382,16 +2454,16 @@ const Ye = "builderSessionId", $o = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const t = await $o({
+  const t = await xo({
     canTrack: e
-  }), n = Eo({
+  }), n = Bo({
     canTrack: e
   });
   return {
     sessionId: t,
     visitorId: n
   };
-}, Bo = async ({
+}, No = async ({
   type: e,
   canTrack: t,
   apiKey: n,
@@ -2405,23 +2477,23 @@ const Ye = "builderSessionId", $o = async ({
       url: location.href,
       ...o
     },
-    ...await Ao({
+    ...await jo({
       canTrack: t
     }),
-    userAttributes: $e(),
+    userAttributes: Ie(),
     ownerId: n
   }
 });
-async function te(e) {
+async function ne(e) {
   if (!e.apiKey) {
-    x.error("Missing API key for track call. Please provide your API key.");
+    T.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  if (!!e.canTrack && !P() && !!($() || A === "reactNative"))
+  if (!!e.canTrack && !R() && !!(S() || E === "reactNative"))
     return fetch("https://cdn.builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await Bo(e)]
+        events: [await No(e)]
       }),
       headers: {
         "content-type": "application/json"
@@ -2431,14 +2503,14 @@ async function te(e) {
       console.error("Failed to track: ", t);
     });
 }
-const hr = (e) => te({
+const yr = (e) => ne({
   ...e,
   canTrack: !0
 });
 function be(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const Vo = (e, t, n = !0) => {
+const Uo = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = n ? e : e.parentElement;
@@ -2449,20 +2521,20 @@ const Vo = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, jo = (e) => Vo(e, (t) => {
+}, Fo = (e) => Uo(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, r = e.clientY - n.top, i = be(o / n.width), s = be(r / n.height);
   return {
-    x: s,
-    y: i
+    x: i,
+    y: s
   };
-}, Oo = (e) => {
-  const t = e.target, n = t && jo(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, Mo = (e) => {
+  const t = e.target, n = t && Fo(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
@@ -2477,10 +2549,10 @@ const Vo = (e, t, n = !0) => {
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, No = "0.7.3", ye = {};
-function Fo(e, t) {
+}, Lo = "0.7.5", ye = {};
+function Wo(e, t) {
   let n = ye[e];
-  if (n || (n = ye[e] = []), n.push(t), $()) {
+  if (n || (n = ye[e] = []), n.push(t), S()) {
     const o = {
       type: "builder.register",
       data: {
@@ -2495,8 +2567,8 @@ function Fo(e, t) {
     }
   }
 }
-const Uo = () => {
-  Fo("insertMenu", {
+const Do = () => {
+  Wo("insertMenu", {
     name: "_default",
     default: !0,
     items: [{
@@ -2519,13 +2591,13 @@ const Uo = () => {
   });
 };
 let ke = !1;
-const Mo = (e = {}) => {
+const Ho = (e = {}) => {
   var t, n;
-  ke || (ke = !0, $() && ((t = window.parent) == null || t.postMessage({
+  ke || (ke = !0, S() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
-      target: A,
-      version: No,
+      target: E,
+      version: Lo,
       supportsPatchUpdates: !1,
       supportsAddBlockScoping: !0,
       supportsCustomBreakpoints: !0
@@ -2538,36 +2610,36 @@ const Mo = (e = {}) => {
   }, "*"), window.addEventListener("message", ({
     data: o
   }) => {
-    var r, s;
+    var r, i;
     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 d, f = null;
+          const s = o.data.text, a = o.data.arguments || [], l = o.data.id, c = new Function(s);
+          let u, h = null;
           try {
-            d = c.apply(null, a);
+            u = c.apply(null, a);
           } catch (m) {
-            f = m;
+            h = m;
           }
-          f ? (r = window.parent) == null || r.postMessage({
+          h ? (r = window.parent) == null || r.postMessage({
             type: "builder.evaluateError",
             data: {
               id: l,
-              error: f.message
+              error: h.message
             }
-          }, "*") : d && typeof d.then == "function" ? d.then((m) => {
-            var p;
-            (p = window.parent) == null || p.postMessage({
+          }, "*") : u && typeof u.then == "function" ? u.then((m) => {
+            var f;
+            (f = window.parent) == null || f.postMessage({
               type: "builder.evaluateResult",
               data: {
                 id: l,
                 result: m
               }
             }, "*");
-          }).catch(console.error) : (s = window.parent) == null || s.postMessage({
+          }).catch(console.error) : (i = window.parent) == null || i.postMessage({
             type: "builder.evaluateResult",
             data: {
-              result: d,
+              result: u,
               id: l
             }
           }, "*");
@@ -2575,7 +2647,7 @@ const Mo = (e = {}) => {
         }
       }
   })));
-}, Wo = y({
+}, Ko = g({
   name: "enable-editor",
   props: [
     "builderContextSignal",
@@ -2587,8 +2659,7 @@ const Mo = (e = {}) => {
     "includeRefs",
     "enrich",
     "content",
-    "showContent",
-    "classNameProp"
+    "showContent"
   ],
   data() {
     return {
@@ -2597,37 +2668,37 @@ const Mo = (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 ($()) {
-        if (P() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+      if (S()) {
+        if (R() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initeditingbldr")
-        ), this.builderContextSignal.content && M(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;
-          te({
+        ), this.builderContextSignal.content && F(this.canTrack)) {
+          const i = (n = this.builderContextSignal.content) == null ? void 0 : n.testVariationId, s = (o = this.builderContextSignal.content) == null ? void 0 : o.id, a = this.apiKey;
+          ne({
             type: "impression",
             canTrack: !0,
-            contentId: i,
+            contentId: s,
             apiKey: a,
-            variationId: s !== i ? s : void 0
+            variationId: i !== s ? i : void 0
           });
         }
-        Co() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+        To() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initpreviewingbldr")
         );
       }
     })(), (() => {
-      this.apiKey || x.error(
+      this.apiKey || T.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();
     })();
@@ -2661,7 +2732,7 @@ const Mo = (e = {}) => {
     }
   },
   unmounted() {
-    $() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
+    S() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       this.emitStateUpdate
     ));
@@ -2698,7 +2769,7 @@ const Mo = (e = {}) => {
   },
   methods: {
     mergeNewContent(e) {
-      var n, o, r, s, i;
+      var n, o, r, i, s;
       const t = {
         ...this.builderContextSignal.content,
         ...e,
@@ -2709,7 +2780,7 @@ const Mo = (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: ((r = e == null ? void 0 : e.meta) == null ? void 0 : r.breakpoints) || ((s = (i = this.builderContextSignal.content) == null ? void 0 : i.meta) == null ? void 0 : s.breakpoints)
         }
       };
       this.builderContextSignal.content = t;
@@ -2720,8 +2791,8 @@ const Mo = (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: r, contentId: i } = o;
+            if (!i || i !== ((n = this.builderContextSignal.content) == null ? void 0 : n.id))
               return;
             r && this.mergeNewContent({
               meta: {
@@ -2731,8 +2802,8 @@ const Mo = (e = {}) => {
             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, r = o.key || o.alias || o.entry || o.modelName, i = o.data;
+            r === this.model && (this.mergeNewContent(i), this.forceReRenderCount = this.forceReRenderCount + 1);
             break;
           }
         }
@@ -2740,7 +2811,7 @@ const Mo = (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 && H({
         code: e,
         context: this.context || {},
         localState: void 0,
@@ -2752,13 +2823,13 @@ const Mo = (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;
-        te({
+        ne({
           type: "click",
-          canTrack: M(this.canTrack),
+          canTrack: F(this.canTrack),
           contentId: r,
           apiKey: this.apiKey,
           variationId: o !== r ? o : void 0,
-          ...Oo(e),
+          ...Mo(e),
           unique: !this.clicked
         });
       }
@@ -2767,7 +2838,7 @@ const Mo = (e = {}) => {
     evalExpression(e) {
       return e.replace(
         /{{([^}]+)}}/g,
-        (t, n) => z({
+        (t, n) => H({
           code: n,
           context: this.context || {},
           localState: void 0,
@@ -2777,13 +2848,13 @@ const Mo = (e = {}) => {
       );
     },
     handleRequest({ url: e, key: t }) {
-      ze(e).then((n) => n.json()).then((n) => {
-        var r, s;
+      Ke(e).then((n) => n.json()).then((n) => {
+        var r, i;
         const o = {
           ...this.builderContextSignal.rootState,
           [t]: n
         };
-        (s = (r = this.builderContextSignal).rootSetState) == null || s.call(r, o), this.httpReqsData[t] = !0;
+        (i = (r = this.builderContextSignal).rootSetState) == null || i.call(r, o), this.httpReqsData[t] = !0;
       }).catch((n) => {
         console.error("error fetching dynamic data", e, n);
       });
@@ -2791,23 +2862,23 @@ const Mo = (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(([r, i]) => {
+        if (i && (!this.httpReqsData[r] || R())) {
+          const s = this.evalExpression(i);
           this.handleRequest({
-            url: i,
+            url: s,
             key: r
           });
         }
       });
     },
     emitStateUpdate() {
-      P() && window.dispatchEvent(
+      R() && window.dispatchEvent(
         new CustomEvent(
           "builder:component:stateChange",
           {
             detail: {
-              state: N(this.builderContextSignal.rootState),
+              state: O(this.builderContextSignal.rootState),
               ref: {
                 name: this.model
               }
@@ -2817,7 +2888,7 @@ const Mo = (e = {}) => {
       );
     },
     elementRef_onIniteditingbldr(e) {
-      this.forceReRenderCount = this.forceReRenderCount + 1, window.addEventListener("message", this.processMessage), Uo(), Mo({
+      this.forceReRenderCount = this.forceReRenderCount + 1, window.addEventListener("message", this.processMessage), Do(), Ho({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -2831,7 +2902,7 @@ const Mo = (e = {}) => {
         this.builderContextSignal.componentInfos
       ).forEach((t) => {
         var o;
-        const n = to(t);
+        const n = io(t);
         (o = window.parent) == null || o.postMessage(n, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
@@ -2842,12 +2913,12 @@ const Mo = (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({
+      n === this.model && r === 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((i) => {
+        i && this.mergeNewContent(i);
       });
     },
     _classStringToObject(e) {
@@ -2860,30 +2931,32 @@ const Mo = (e = {}) => {
       return t;
     }
   }
-}), Lo = ["builder-content-id", "builder-model"];
-function Ko(e, t, n, o, r, s) {
-  var i;
-  return e.builderContextSignal.content ? (u(), h("div", I({
+}), zo = ["builder-content-id", "builder-model"];
+function qo(e, t, n, o, r, i) {
+  var s, a, l;
+  return e.builderContextSignal.content ? (d(), p("div", I({
     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
     }
   }), [
-    O(e.$slots, "default")
-  ], 16, Lo)) : w("v-if", !0);
+    P(e.$slots, "default")
+  ], 16, zo)) : b("v-if", !0);
 }
-const Ho = /* @__PURE__ */ k(Wo, [["render", Ko], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content/components/enable-editor.vue"]]), zo = (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;
+const Go = /* @__PURE__ */ y(Ko, [["render", qo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content/components/enable-editor.vue"]]), Jo = (e) => {
+  var i, s;
+  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = (s = e.fileUrl) != null ? s : (i = e == null ? void 0 : e.files) == null ? void 0 : i.regular;
   let r = "";
   if (o && t && n && (r += `
 @font-face {
@@ -2907,26 +2980,26 @@ font-weight: ${a};
         `.trim());
     }
   return r;
-}, Do = ({
+}, Yo = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => zo(n))) == null ? void 0 : t.join(" ")) || "";
-}, qo = ({
+  return ((t = e == null ? void 0 : e.map((n) => Jo(n))) == null ? void 0 : t.join(" ")) || "";
+}, Qo = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Go = y({
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Xo = g({
   name: "content-styles",
-  components: { InlinedStyles: G },
+  components: { InlinedStyles: q },
   props: ["cssCode", "contentId", "customFonts"],
   data() {
     return {
       injectedStyles: `
-${qo({
+${Qo({
         cssCode: this.cssCode,
         contentId: this.contentId
       })}
-${Do({
+${Yo({
         customFonts: this.customFonts
       })}
 
@@ -2946,33 +3019,28 @@ ${Do({
     };
   }
 });
-function Jo(e, t, n, o, r, s) {
-  const i = v("inlined-styles");
-  return u(), C(i, { styles: e.injectedStyles }, null, 8, ["styles"]);
+function Zo(e, t, n, o, r, i) {
+  const s = k("inlined-styles");
+  return d(), v(s, { styles: e.injectedStyles }, null, 8, ["styles"]);
 }
-const Yo = /* @__PURE__ */ k(Go, [["render", Jo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content/components/styles.vue"]]), Xo = ({
+const er = /* @__PURE__ */ y(Xo, [["render", Zo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content/components/styles.vue"]]), tr = ({
   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 i, s, a;
+  const o = {}, r = ((i = e == null ? void 0 : e.data) == null ? void 0 : i.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,
+    ...r,
     ...t,
     ...n ? {
       locale: n
     } : {}
   };
-  return {
-    ...o,
-    ...r
-  };
-}, Qo = ({
+}, nr = ({
   content: e,
   data: t
 }) => e ? {
@@ -2982,13 +3050,13 @@ const Yo = /* @__PURE__ */ k(Go, [["render", Jo], ["__file", "/home/runner/work/
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, Zo = tt, er = y({
+} : void 0, or = tt, rr = g({
   name: "content-component",
   components: {
-    EnableEditor: Ho,
+    EnableEditor: Go,
     InlinedScript: He,
-    ContentStyles: Yo,
-    Blocks: oe
+    ContentStyles: er,
+    Blocks: re
   },
   props: [
     "content",
@@ -3002,14 +3070,13 @@ const Yo = /* @__PURE__ */ k(Go, [["render", Jo], ["__file", "/home/runner/work/
     "canTrack",
     "includeRefs",
     "enrich",
-    "classNameProp",
     "showContent",
     "isSsrAbTest"
   ],
   data() {
     var e, t;
     return {
-      scriptStr: uo({
+      scriptStr: fo({
         variationId: (e = this.content) == null ? void 0 : e.testVariationId,
         contentId: (t = this.content) == null ? void 0 : t.id
       }),
@@ -3021,19 +3088,19 @@ const Yo = /* @__PURE__ */ k(Go, [["render", Jo], ["__file", "/home/runner/work/
         (n, { component: o, ...r }) => ({
           ...n,
           [r.name]: {
-            component: Zo(o),
-            ...ee(r)
+            component: or(o),
+            ...te(r)
           }
         }),
         {}
       ),
       builderContextSignal: {
-        content: Qo({
+        content: nr({
           content: this.content,
           data: this.data
         }),
         localState: void 0,
-        rootState: Xo({
+        rootState: tr({
           content: this.content,
           data: this.data,
           locale: this.locale
@@ -3049,13 +3116,13 @@ const Yo = /* @__PURE__ */ k(Go, [["render", Jo], ["__file", "/home/runner/work/
         ].reduce(
           (n, { component: o, ...r }) => ({
             ...n,
-            [r.name]: ee(r)
+            [r.name]: te(r)
           }),
           {}
         ),
         inheritedStyles: {}
       },
-      TARGET: A
+      TARGET: E
     };
   },
   provide() {
@@ -3072,9 +3139,9 @@ const Yo = /* @__PURE__ */ k(Go, [["render", Jo], ["__file", "/home/runner/work/
     }
   }
 });
-function tr(e, t, n, o, r, s) {
-  const i = v("inlined-script"), a = v("content-styles"), l = v("blocks"), c = v("enable-editor");
-  return u(), C(c, I({
+function ir(e, t, n, o, r, i) {
+  const s = k("inlined-script"), a = k("content-styles"), l = k("blocks"), c = k("enable-editor");
+  return d(), v(c, I({
     content: e.content,
     model: e.model,
     context: e.context,
@@ -3083,39 +3150,38 @@ function tr(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: ne(() => {
-      var d, f, m, p, b, S, R;
+    default: oe(() => {
+      var u, h, m, f, C, _, j;
       return [
-        e.isSsrAbTest ? (u(), C(i, {
+        e.isSsrAbTest ? (d(), v(s, {
           key: 0,
           scriptStr: e.scriptStr
-        }, null, 8, ["scriptStr"])) : w("v-if", !0),
-        e.TARGET !== "reactNative" ? (u(), C(a, {
+        }, null, 8, ["scriptStr"])) : b("v-if", !0),
+        e.TARGET !== "reactNative" ? (d(), v(a, {
           key: 1,
-          contentId: (d = e.builderContextSignal.content) == null ? void 0 : d.id,
-          cssCode: (m = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : m.cssCode,
-          customFonts: (b = (p = e.builderContextSignal.content) == null ? void 0 : p.data) == null ? void 0 : b.customFonts
-        }, null, 8, ["contentId", "cssCode", "customFonts"])) : w("v-if", !0),
-        j(l, {
-          blocks: (R = (S = e.builderContextSignal.content) == null ? void 0 : S.data) == null ? void 0 : R.blocks,
+          contentId: (u = e.builderContextSignal.content) == null ? void 0 : u.id,
+          cssCode: (m = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : m.cssCode,
+          customFonts: (C = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : C.customFonts
+        }, null, 8, ["contentId", "cssCode", "customFonts"])) : b("v-if", !0),
+        V(l, {
+          blocks: (j = (_ = e.builderContextSignal.content) == null ? void 0 : _.data) == null ? void 0 : j.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 nr = /* @__PURE__ */ k(er, [["render", tr], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content/content.vue"]]), or = y({
+const sr = /* @__PURE__ */ y(rr, [["render", ir], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content/content.vue"]]), ar = g({
   name: "content-variants",
   components: {
     InlinedScript: He,
-    InlinedStyles: G,
-    ContentComponent: nr
+    InlinedStyles: q,
+    ContentComponent: sr
   },
   props: [
     "canTrack",
@@ -3133,23 +3199,23 @@ const nr = /* @__PURE__ */ k(er, [["render", tr], ["__file", "/home/runner/work/
   ],
   data() {
     return {
-      shouldRenderVariants: ro({
-        canTrack: M(this.canTrack),
+      shouldRenderVariants: uo({
+        canTrack: F(this.canTrack),
         content: this.content
       }),
-      TARGET: A,
-      getScriptString: lo,
-      getVariants: K
+      TARGET: E,
+      getScriptString: mo,
+      getVariants: W
     };
   },
   mounted() {
     this.shouldRenderVariants = !1;
   },
   computed: {
-    variantScriptStr() {
+    updateCookieAndStylesScriptStr() {
       var e;
-      return co(
-        K(this.content).map((t) => ({
+      return ho(
+        W(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
         })),
@@ -3157,7 +3223,7 @@ const nr = /* @__PURE__ */ k(er, [["render", tr], ["__file", "/home/runner/work/
       );
     },
     hideVariantsStyleString() {
-      return K(this.content).map((e) => `.variant-${e.testVariationId} { display: none; } `).join("");
+      return W(this.content).map((e) => `.variant-${e.testVariationId} { display: none; } `).join("");
     },
     defaultContent() {
       var e;
@@ -3166,30 +3232,29 @@ const nr = /* @__PURE__ */ k(er, [["render", tr], ["__file", "/home/runner/work/
         testVariationId: (e = this.content) == null ? void 0 : e.id
       } : vn({
         item: this.content,
-        canTrack: M(this.canTrack)
+        canTrack: F(this.canTrack)
       });
     }
   }
 });
-function rr(e, t, n, o, r, s) {
-  var c, d;
-  const i = v("inlined-script"), a = v("inlined-styles"), l = v("content-component");
-  return u(), h(T, null, [
-    !e.__isNestedRender && e.TARGET !== "reactNative" ? (u(), C(i, {
+function lr(e, t, n, o, r, i) {
+  var c;
+  const s = k("inlined-script"), a = k("inlined-styles"), l = k("content-component");
+  return d(), p(w, null, [
+    !e.__isNestedRender && e.TARGET !== "reactNative" ? (d(), v(s, {
       key: 0,
       scriptStr: e.getScriptString()
-    }, null, 8, ["scriptStr"])) : w("v-if", !0),
-    e.shouldRenderVariants ? (u(), h(T, { key: 1 }, [
-      j(a, {
+    }, null, 8, ["scriptStr"])) : b("v-if", !0),
+    e.shouldRenderVariants ? (d(), p(w, { key: 1 }, [
+      V(a, {
         id: `variants-styles-${(c = e.content) == null ? void 0 : c.id}`,
         styles: e.hideVariantsStyleString
       }, null, 8, ["id", "styles"]),
-      j(i, { scriptStr: e.variantScriptStr }, null, 8, ["scriptStr"]),
-      (u(!0), h(T, null, V(e.getVariants(e.content), (f, m) => (u(), C(l, {
-        key: f.testVariationId,
-        content: f,
+      V(s, { scriptStr: e.updateCookieAndStylesScriptStr }, null, 8, ["scriptStr"]),
+      (d(!0), p(w, null, B(e.getVariants(e.content), (u, h) => (d(), v(l, {
+        key: u.testVariationId,
+        content: u,
         showContent: !1,
-        classNameProp: void 0,
         model: e.model,
         data: e.data,
         context: e.context,
@@ -3202,10 +3267,9 @@ function rr(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)) : w("v-if", !0),
-    j(l, I({
+    ], 64)) : b("v-if", !0),
+    V(l, I({
       content: e.defaultContent,
-      classNameProp: `variant-${(d = e.content) == null ? void 0 : d.id}`,
       showContent: !0,
       model: e.model,
       data: e.data,
@@ -3220,15 +3284,15 @@ function rr(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 Ze = /* @__PURE__ */ k(or, [["render", rr], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content-variants/content-variants.vue"]]), sr = async ({
+const Ze = /* @__PURE__ */ y(ar, [["render", lr], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content-variants/content-variants.vue"]]), cr = 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,
@@ -3238,9 +3302,9 @@ const Ze = /* @__PURE__ */ k(or, [["render", rr], ["__file", "/home/runner/work/
         }
       }
     }).catch((n) => {
-      x.error("Could not fetch symbol content: ", n);
+      T.error("Could not fetch symbol content: ", n);
     });
-}, ir = y({
+}, dr = g({
   name: "builder-symbol",
   components: { ContentVariants: Ze },
   props: [
@@ -3253,7 +3317,7 @@ const Ze = /* @__PURE__ */ k(or, [["render", rr], ["__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();
@@ -3284,7 +3348,7 @@ const Ze = /* @__PURE__ */ k(or, [["render", rr], ["__file", "/home/runner/work/
   },
   methods: {
     setContent() {
-      this.contentToUse || sr({
+      this.contentToUse || cr({
         symbol: this.symbol,
         builderContextValue: this.builderContext
       }).then((e) => {
@@ -3302,13 +3366,13 @@ const Ze = /* @__PURE__ */ k(or, [["render", rr], ["__file", "/home/runner/work/
     }
   }
 });
-function ar(e, t, n, o, r, s) {
-  var a, l, c, d;
-  const i = v("content-variants");
-  return u(), h("div", I({
+function ur(e, t, n, o, r, i) {
+  var a, l, c, u;
+  const s = k("content-variants");
+  return d(), p("div", I({
     class: e._classStringToObject(e.className)
   }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    j(i, {
+    V(s, {
       __isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
       apiKey: e.builderContext.apiKey,
@@ -3319,14 +3383,14 @@ function ar(e, t, n, o, r, s) {
         ...e.builderContext.localState,
         ...(c = (l = e.contentToUse) == null ? void 0 : l.data) == null ? void 0 : c.state
       },
-      model: (d = e.symbol) == null ? void 0 : d.model,
+      model: (u = e.symbol) == null ? void 0 : u.model,
       content: e.contentToUse
     }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "model", "content"])
   ], 16);
 }
-const lr = /* @__PURE__ */ k(ir, [["render", ar], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/symbol/symbol.vue"]]), fr = oe, br = Ze, ve = {};
-function gr(e) {
-  if ($()) {
+const pr = /* @__PURE__ */ y(dr, [["render", ur], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/symbol/symbol.vue"]]), kr = re, vr = Ze, ve = {};
+function Sr(e) {
+  if (S()) {
     Object.assign(ve, e);
     const t = {
       type: "builder.settingsChange",
@@ -3335,8 +3399,8 @@ function gr(e) {
     parent.postMessage(t, "*");
   }
 }
-const yr = async (e) => {
-  var o, r, s;
+const Cr = async (e) => {
+  var o, r, i;
   const t = e.path || ((o = e.url) == null ? void 0 : o.pathname) || ((r = e.userAttributes) == null ? void 0 : r.urlPath), n = {
     ...e,
     apiKey: e.apiKey,
@@ -3347,47 +3411,47 @@ const yr = async (e) => {
         urlPath: t
       } : {}
     },
-    options: De(e.searchParams || ((s = e.url) == null ? void 0 : s.searchParams) || e.options)
+    options: ze(e.searchParams || ((i = e.url) == null ? void 0 : i.searchParams) || e.options)
   };
   return {
     apiKey: n.apiKey,
     model: n.model,
-    content: await J(n)
+    content: await G(n)
   };
 };
 export {
-  _e as B,
+  Ae as B,
   Ze as C,
-  Qt as F,
+  Xt as F,
   an as I,
-  fr as R,
-  un as S,
-  A as T,
-  eo as V,
-  k as _,
+  kr as R,
+  dn as S,
+  E as T,
+  ro as V,
+  y as _,
   Ve as a,
-  Q as b,
-  dt as c,
-  oe as d,
-  z as e,
-  br as f,
-  it as g,
+  Z as b,
+  ut as c,
+  re as d,
+  H as e,
+  vr as f,
+  st as g,
   Jt as h,
-  lr as i,
+  pr as i,
   Jn as j,
-  P as k,
-  Co as l,
-  to as m,
-  So as n,
+  R as k,
+  To as l,
+  io as m,
+  $o as n,
   Ge as o,
-  J as p,
-  mr as q,
-  Fo as r,
-  gr as s,
-  pr as t,
-  De as u,
-  hr as v,
-  Zo as w,
-  yr as x,
-  dr as y
+  G as p,
+  gr as q,
+  Wo as r,
+  Sr as s,
+  br as t,
+  ze as u,
+  yr as v,
+  or as w,
+  Cr as x,
+  fr as y
 };