@builder.io/sdk-vue 0.11.3 → 0.11.5

package/lib/browser/{index.cf8f3cf0.js → index.68f1cdc9.js}

@@ -1,5 +1,5 @@
 import "./style.css";
-import { defineComponent as f, openBlock as d, createElementBlock as p, mergeProps as C, toHandlers as O, toDisplayString as se, defineAsyncComponent as M, resolveComponent as k, Fragment as $, createVNode as P, createBlock as y, createCommentVNode as g, renderList as N, withCtx as U, resolveDynamicComponent as ke, renderSlot as x, h as ye, createElementVNode as J, normalizeStyle as Y, normalizeClass as ve, markRaw as ze } from "vue";
+import { defineComponent as f, openBlock as d, createElementBlock as p, mergeProps as C, toHandlers as O, toDisplayString as se, defineAsyncComponent as M, resolveComponent as k, Fragment as R, createVNode as P, createBlock as y, createCommentVNode as g, renderList as N, withCtx as j, resolveDynamicComponent as ke, renderSlot as x, h as ye, createElementVNode as J, normalizeStyle as Y, normalizeClass as ve, markRaw as ze } from "vue";
 function z(e = {}, t, n) {
   const o = {};
   for (const r in e) {
@@ -86,7 +86,7 @@ function v() {
 function et() {
   return v() && window.self !== window.top;
 }
-function R() {
+function $() {
   return et() && (T === "reactNative" || window.location.search.indexOf("builder.frameEditing=") !== -1);
 }
 const tt = () => {
@@ -133,7 +133,7 @@ const tt = () => {
   context: t,
   event: n
 }), rt = () => ({
-  isEditing: R(),
+  isEditing: $(),
   isBrowser: v(),
   isServer: !v(),
   getUserAttributes: () => Ce()
@@ -310,22 +310,22 @@ const dt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
     },
     block: o
   }));
-}, ht = () => import("./block-styles.4dd5487a.js").then((e) => e.default).catch((e) => {
+}, ht = () => import("./block-styles.7d354d56.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
     e
   ), e;
-}), ft = () => import("./block-wrapper.56a0b862.js").then((e) => e.default).catch((e) => {
+}), ft = () => import("./block-wrapper.c1399cc7.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.6b764356.js").then((e) => e.default).catch((e) => {
+}), bt = () => import("./component-ref.1980ea37.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;
-}), gt = () => import("./repeated-block.a2b6e71d.js").then((e) => e.default).catch((e) => {
+}), gt = () => import("./repeated-block.d0d6536d.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
@@ -405,7 +405,7 @@ const dt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
 function yt(e, t, n, o, r, i) {
   var m;
   const s = k("block-styles"), a = k("block-wrapper"), l = k("repeated-block"), c = k("component-ref"), u = k("block", !0);
-  return e.canShowBlock ? (d(), p($, { key: 0 }, [
+  return e.canShowBlock ? (d(), p(R, { key: 0 }, [
     P(s, {
       block: e.block,
       context: e.context
@@ -420,7 +420,7 @@ function yt(e, t, n, o, r, i) {
       builderBlock: e.componentRefProps.builderBlock,
       includeBlockProps: e.componentRefProps.includeBlockProps,
       isInteractive: e.componentRefProps.isInteractive
-    }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "builderBlock", "includeBlockProps", "isInteractive"])) : (d(), p($, { key: 0 }, [
+    }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "builderBlock", "includeBlockProps", "isInteractive"])) : (d(), p(R, { key: 0 }, [
       e.isEmptyHtmlElement(e.Tag) ? (d(), y(a, {
         key: 0,
         Wrapper: e.Tag,
@@ -428,7 +428,7 @@ function yt(e, t, n, o, r, i) {
         context: e.context,
         hasChildren: !1
       }, null, 8, ["Wrapper", "block", "context"])) : g("v-if", !0),
-      !e.isEmptyHtmlElement(e.Tag) && e.repeatItem ? (d(!0), p($, { key: 1 }, N(e.repeatItem, (h, S) => (d(), y(l, {
+      !e.isEmptyHtmlElement(e.Tag) && e.repeatItem ? (d(!0), p(R, { key: 1 }, N(e.repeatItem, (h, S) => (d(), y(l, {
         key: S,
         repeatContext: h.context,
         block: h.block,
@@ -441,7 +441,7 @@ function yt(e, t, n, o, r, i) {
         context: e.context,
         hasChildren: !0
       }, {
-        default: U(() => [
+        default: j(() => [
           P(c, {
             componentRef: e.componentRefProps.componentRef,
             componentOptions: e.componentRefProps.componentOptions,
@@ -452,7 +452,7 @@ function yt(e, t, n, o, r, i) {
             includeBlockProps: e.componentRefProps.includeBlockProps,
             isInteractive: e.componentRefProps.isInteractive
           }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "builderBlock", "includeBlockProps", "isInteractive"]),
-          (d(!0), p($, null, N(e.childrenWithoutParentComponent, (h, S) => (d(), y(u, {
+          (d(!0), p(R, null, N(e.childrenWithoutParentComponent, (h, S) => (d(), y(u, {
             key: h.id,
             block: h,
             context: e.childrenContext,
@@ -486,7 +486,7 @@ const Ie = /* @__PURE__ */ b(kt, [["render", yt], ["__file", "/home/runner/work/
   methods: {
     onClick() {
       var e, t;
-      R() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      $() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.clickEmptyBlocks",
           data: {
@@ -499,7 +499,7 @@ const Ie = /* @__PURE__ */ b(kt, [["render", yt], ["__file", "/home/runner/work/
     },
     onMouseEnter() {
       var e, t;
-      R() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      $() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.hoverEmptyBlocks",
           data: {
@@ -531,7 +531,7 @@ function St(e, t, n, o, r, i) {
     onMouseEnter: (s) => e.onMouseEnter(),
     onKeyPress: (s) => e.onClick()
   }, { ...e.BlocksWrapperProps }), {
-    default: U(() => [
+    default: j(() => [
       x(e.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
@@ -564,8 +564,8 @@ function It(e, t, n, o, r, i) {
     BlocksWrapper: (l = e.context) == null ? void 0 : l.BlocksWrapper,
     BlocksWrapperProps: (c = e.context) == null ? void 0 : c.BlocksWrapperProps
   }, {
-    default: U(() => [
-      e.blocks ? (d(!0), p($, { key: 0 }, N(e.blocks, (u, m) => (d(), y(s, {
+    default: j(() => [
+      e.blocks ? (d(!0), p(R, { key: 0 }, N(e.blocks, (u, m) => (d(), y(s, {
         key: u.id,
         block: u,
         context: e.context || e.builderContext,
@@ -575,13 +575,13 @@ function It(e, t, n, o, r, i) {
     _: 1
   }, 8, ["blocks", "parent", "path", "styleProp", "BlocksWrapper", "BlocksWrapperProps"]);
 }
-const ee = /* @__PURE__ */ b(wt, [["render", It], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks.vue"]]), $t = f({
+const ee = /* @__PURE__ */ b(wt, [["render", It], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks.vue"]]), Rt = f({
   render() {
     return ye("style", { id: this.id, innerHTML: this.styles });
   },
   name: "inlined-styles",
   props: ["styles", "id"]
-}), te = /* @__PURE__ */ b($t, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/inlined-styles.vue"]]), $e = {
+}), te = /* @__PURE__ */ b(Rt, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/inlined-styles.vue"]]), Re = {
   small: {
     min: 320,
     default: 321,
@@ -597,11 +597,11 @@ const ee = /* @__PURE__ */ b(wt, [["render", It], ["__file", "/home/runner/work/
     default: 991,
     max: 1200
   }
-}, Jo = (e, t = $e) => `@media (max-width: ${t[e].max}px)`, Rt = ({
+}, Jo = (e, t = Re) => `@media (max-width: ${t[e].max}px)`, $t = ({
   small: e,
   medium: t
 }) => {
-  const n = F($e);
+  const n = F(Re);
   if (!e || !t)
     return n;
   const o = Math.floor(e / 2);
@@ -728,7 +728,7 @@ const ee = /* @__PURE__ */ b(wt, [["render", It], ["__file", "/home/runner/work/
     },
     getWidthForBreakpointSize(e) {
       var n, o;
-      return Rt(
+      return $t(
         ((o = (n = this.builderContext.content) == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || {}
       )[e].max;
     },
@@ -755,7 +755,7 @@ function Et(e, t, n, o, r, i) {
       key: 0,
       styles: e.columnsStyles
     }, null, 8, ["styles"])) : g("v-if", !0),
-    (d(!0), p($, null, N(e.columns, (l, c) => (d(), p("div", C({
+    (d(!0), p(R, null, N(e.columns, (l, c) => (d(), p("div", C({
       key: c,
       class: "builder-column div-16nol0lwi20-2",
       style: e.columnCssVars(c)
@@ -869,13 +869,13 @@ const _t = f({
     }
   }
 });
-const Ot = ["srcset"], Nt = ["alt", "role", "src", "srcset", "sizes"], jt = {
+const Ot = ["srcset"], Nt = ["alt", "role", "src", "srcset", "sizes"], Ut = {
   key: 2,
   class: "div-1be3j8m9ewb-2"
 };
-function Ut(e, t, n, o, r, i) {
+function jt(e, t, n, o, r, i) {
   var s, a, l, c;
-  return d(), p($, null, [
+  return d(), p(R, null, [
     J("picture", null, [
       e.webpSrcSet ? (d(), p("source", {
         key: 0,
@@ -909,12 +909,12 @@ function Ut(e, t, n, o, r, i) {
       })
     }, null, 4)) : g("v-if", !0),
     ((c = (l = e.builderBlock) == null ? void 0 : l.children) == null ? void 0 : c.length) && e.fitContent ? x(e.$slots, "default", { key: 1 }, void 0, !0) : g("v-if", !0),
-    !e.fitContent && e.$slots.default ? (d(), p("div", jt, [
+    !e.fitContent && e.$slots.default ? (d(), p("div", Ut, [
       x(e.$slots, "default", {}, void 0, !0)
     ])) : g("v-if", !0)
   ], 64);
 }
-const Ft = /* @__PURE__ */ b(_t, [["render", Ut], ["__scopeId", "data-v-58ca75d1"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/image/image.vue"]]), Mt = f({
+const Ft = /* @__PURE__ */ b(_t, [["render", jt], ["__scopeId", "data-v-58ca75d1"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/image/image.vue"]]), Mt = f({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
@@ -944,7 +944,7 @@ const Ht = /* @__PURE__ */ b(Mt, [["render", Lt], ["__file", "/home/runner/work/
     return e;
   const t = e.split(".");
   return t.length > 2 ? t.slice(1).join(".") : e;
-}, Re = ({
+}, $e = ({
   name: e,
   canTrack: t
 }) => {
@@ -955,7 +955,7 @@ const Ht = /* @__PURE__ */ b(Mt, [["render", Lt], ["__file", "/home/runner/work/
     I.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, Te = async (e) => Re(e), Kt = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(A).join("; "), zt = [["secure", ""], ["SameSite", "None"]], qt = ({
+}, Te = async (e) => $e(e), Kt = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(A).join("; "), zt = [["secure", ""], ["SameSite", "None"]], qt = ({
   name: e,
   value: t,
   expires: n
@@ -987,7 +987,7 @@ const Ht = /* @__PURE__ */ b(Mt, [["render", Lt], ["__file", "/home/runner/work/
   canTrack: !0
 }), Yt = ({
   contentId: e
-}) => Re({
+}) => $e({
   name: ne(e),
   canTrack: !0
 }), Qt = ({
@@ -1073,7 +1073,7 @@ const Ht = /* @__PURE__ */ b(Mt, [["render", Lt], ["__file", "/home/runner/work/
     ...e,
     ...r
   };
-}, j = (e) => A(e) ? e : !0, tn = {
+}, U = (e) => A(e) ? e : !0, tn = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1589,7 +1589,7 @@ const fn = /* @__PURE__ */ b(pn, [["render", hn], ["__file", "/home/runner/work/
     "attributes"
   ],
   data() {
-    return { isEditing: R, filterAttrs: z };
+    return { isEditing: $, filterAttrs: z };
   }
 }), vn = ["alt", "src"];
 function Sn(e, t, n, o, r, i) {
@@ -1675,7 +1675,7 @@ const Cn = /* @__PURE__ */ b(yn, [["render", Sn], ["__file", "/home/runner/work/
     hideFromUI: !0,
     type: "boolean"
   }]
-}, $n = {
+}, Rn = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -1693,7 +1693,7 @@ const Cn = /* @__PURE__ */ b(yn, [["render", Sn], ["__file", "/home/runner/work/
     height: "auto",
     textAlign: "center"
   }
-}, Rn = f({
+}, $n = f({
   name: "builder-text",
   props: ["text"]
 }), Tn = ["innerHTML"];
@@ -1707,7 +1707,7 @@ function En(e, t, n, o, r, i) {
     }
   }, null, 8, Tn);
 }
-const Pn = /* @__PURE__ */ b(Rn, [["render", En], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/text/text.vue"]]), xn = {
+const Pn = /* @__PURE__ */ b($n, [["render", En], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/text/text.vue"]]), xn = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1900,7 +1900,7 @@ function Nn(e, t, n, o, r, i) {
     ])) : g("v-if", !0)
   ]);
 }
-const jn = /* @__PURE__ */ b(Bn, [["render", Nn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/video/video.vue"]]), ce = () => [{
+const Un = /* @__PURE__ */ b(Bn, [["render", Nn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/video/video.vue"]]), ce = () => [{
   component: Ye,
   ...tn
 }, {
@@ -1929,11 +1929,11 @@ const jn = /* @__PURE__ */ b(Bn, [["render", Nn], ["__file", "/home/runner/work/
   ...In
 }, {
   component: Pn,
-  ...$n
+  ...Rn
 }, {
-  component: jn,
+  component: Un,
   ...xn
-}], de = [], Un = (e) => ({
+}], de = [], jn = (e) => ({
   type: "builder.registerComponent",
   data: X(e)
 }), Fn = (e) => {
@@ -2094,7 +2094,7 @@ const Xn = "v3", ue = "builder.", Zn = "options.", eo = (e) => {
 }, Ne = (e) => {
   if (!e)
     return {};
-  const t = je(e), n = {};
+  const t = Ue(e), n = {};
   return Object.keys(t).forEach((o) => {
     if (o.startsWith(ue)) {
       const r = o.replace(ue, "").replace(Zn, "");
@@ -2106,7 +2106,7 @@ const Xn = "v3", ue = "builder.", Zn = "options.", eo = (e) => {
     return {};
   const e = new URLSearchParams(window.location.search);
   return Ne(e);
-}, je = (e) => e instanceof URLSearchParams ? eo(e) : e, pe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, oe = (e) => {
+}, Ue = (e) => e instanceof URLSearchParams ? eo(e) : e, pe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, oe = (e) => {
   let {
     noTraverse: t = !1
   } = e;
@@ -2143,7 +2143,7 @@ const Xn = "v3", ue = "builder.", Zn = "options.", eo = (e) => {
   }
   const Ke = {
     ...to(),
-    ...je(e.options || {})
+    ...Ue(e.options || {})
   }, ie = D(Ke);
   for (const E in ie)
     w.searchParams.set(E, String(ie[E]));
@@ -2157,7 +2157,7 @@ const Xn = "v3", ue = "builder.", Zn = "options.", eo = (e) => {
   return w;
 }, no = (e) => "results" in e;
 async function q(e) {
-  const t = await Ue({
+  const t = await je({
     ...e,
     limit: 1
   });
@@ -2167,7 +2167,7 @@ const Yo = q, oo = async (e) => {
   const t = oe(e);
   return await (await Oe(t.href)).json();
 }, ro = async (e, t, n = oe(e)) => {
-  const o = j(e.canTrack);
+  const o = U(e.canTrack);
   if (n.search.includes("preview="), !o || !(v() || T === "reactNative"))
     return t.results;
   try {
@@ -2183,7 +2183,7 @@ const Yo = q, oo = async (e) => {
   }
   return t.results;
 };
-async function Ue(e) {
+async function je(e) {
   try {
     const t = oe(e), n = await oo(e);
     return no(n) ? ro(e, n) : (I.error("Error fetching data. ", {
@@ -2195,9 +2195,9 @@ async function Ue(e) {
     return I.error("Error fetching data. ", t), null;
   }
 }
-const Qo = Ue;
+const Qo = je;
 function io() {
-  return !v() || R() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
+  return !v() || $() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
 }
 function so() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
@@ -2323,7 +2323,7 @@ async function Z(e) {
     I.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  if (!!e.canTrack && !R() && !!(v() || T === "reactNative"))
+  if (!!e.canTrack && !$() && !!(v() || T === "reactNative"))
     return fetch("https://cdn.builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
@@ -2383,7 +2383,7 @@ const ko = (e, t, n = !0) => {
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, So = "0.11.3", fe = {};
+}, So = "0.11.5", fe = {};
 function Co(e, t) {
   let n = fe[e];
   if (n || (n = fe[e] = []), n.push(t), v()) {
@@ -2481,7 +2481,7 @@ const Io = (e = {}) => {
         }
       }
   })));
-}, $o = f({
+}, Ro = f({
   name: "enable-editor",
   props: [
     "builderContextSignal",
@@ -2495,11 +2495,13 @@ const Io = (e = {}) => {
     "enrich",
     "content",
     "showContent",
-    "contentWrapperProps"
+    "contentWrapperProps",
+    "data"
   ],
   data() {
     return {
       forceReRenderCount: 0,
+      firstRender: !0,
       lastUpdated: 0,
       shouldSendResetCookie: !1,
       ContentWrapper: this.contentWrapper || "div",
@@ -2518,9 +2520,9 @@ const Io = (e = {}) => {
     (() => {
       var n, o;
       if (v()) {
-        if (R() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+        if ($() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initeditingbldr")
-        ), this.builderContextSignal.content && j(this.canTrack)) {
+        ), this.builderContextSignal.content && U(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;
           Z({
             type: "impression",
@@ -2566,6 +2568,20 @@ const Io = (e = {}) => {
         this.emitStateUpdate();
       },
       immediate: !0
+    },
+    onUpdateHook5: {
+      handler() {
+        this.data && this.mergeNewRootState(this.data);
+      },
+      immediate: !0
+    },
+    onUpdateHook6: {
+      handler() {
+        this.locale && this.mergeNewRootState({
+          locale: this.locale
+        });
+      },
+      immediate: !0
     }
   },
   unmounted() {
@@ -2602,9 +2618,27 @@ const Io = (e = {}) => {
       return {
         0: this.builderContextSignal.rootState
       };
+    },
+    onUpdateHook5() {
+      return {
+        0: this.data
+      };
+    },
+    onUpdateHook6() {
+      return {
+        0: this.locale
+      };
     }
   },
   methods: {
+    mergeNewRootState(e) {
+      var n, o;
+      const t = {
+        ...this.builderContextSignal.rootState,
+        ...e
+      };
+      this.builderContextSignal.rootSetState ? (o = (n = this.builderContextSignal).rootSetState) == null || o.call(n, t) : this.builderContextSignal.rootState = t;
+    },
     mergeNewContent(e) {
       var n, o, r, i, s;
       const t = {
@@ -2662,7 +2696,7 @@ const Io = (e = {}) => {
         const o = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId, r = (n = this.builderContextSignal.content) == null ? void 0 : n.id;
         Z({
           type: "click",
-          canTrack: j(this.canTrack),
+          canTrack: U(this.canTrack),
           contentId: r,
           apiKey: this.apiKey,
           variationId: o !== r ? o : void 0,
@@ -2700,7 +2734,7 @@ const Io = (e = {}) => {
       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, i]) => {
-        if (i && (!this.httpReqsData[r] || R())) {
+        if (i && (!this.httpReqsData[r] || $())) {
           const s = this.evalExpression(i);
           this.handleRequest({
             url: s,
@@ -2710,7 +2744,7 @@ const Io = (e = {}) => {
       });
     },
     emitStateUpdate() {
-      R() && window.dispatchEvent(
+      $() && window.dispatchEvent(
         new CustomEvent(
           "builder:component:stateChange",
           {
@@ -2739,7 +2773,7 @@ const Io = (e = {}) => {
         this.builderContextSignal.componentInfos
       ).forEach((t) => {
         var o;
-        const n = Un(t);
+        const n = jn(t);
         (o = window.parent) == null || o.postMessage(n, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
@@ -2769,7 +2803,7 @@ const Io = (e = {}) => {
     }
   }
 });
-function Ro(e, t, n, o, r, i) {
+function $o(e, t, n, o, r, i) {
   var s, a, l;
   return e.builderContextSignal.content ? (d(), y(ke(e.ContentWrapper), C({
     key: e.forceReRenderCount,
@@ -2789,13 +2823,13 @@ function Ro(e, t, n, o, r, i) {
     },
     ...e.contentWrapperProps
   }), {
-    default: U(() => [
+    default: j(() => [
       x(e.$slots, "default")
     ]),
     _: 3
   }, 16, ["onClick", "builder-content-id", "builder-model", "class", "onIniteditingbldr", "onInitpreviewingbldr"])) : g("v-if", !0);
 }
-const To = /* @__PURE__ */ b($o, [["render", Ro], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/components/enable-editor.vue"]]), Eo = (e) => {
+const To = /* @__PURE__ */ b(Ro, [["render", $o], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/components/enable-editor.vue"]]), Eo = (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 = "";
@@ -2986,10 +3020,11 @@ const Ao = /* @__PURE__ */ b(Bo, [["render", Wo], ["__file", "/home/runner/work/
     }
   }
 });
-function jo(e, t, n, o, r, i) {
+function Uo(e, t, n, o, r, i) {
   const s = k("inlined-script"), a = k("content-styles"), l = k("blocks"), c = k("enable-editor");
   return d(), y(c, C({
     content: e.content,
+    data: e.data,
     model: e.model,
     context: e.context,
     apiKey: e.apiKey,
@@ -3002,7 +3037,7 @@ function jo(e, t, n, o, r, i) {
     contentWrapper: e.contentWrapper,
     contentWrapperProps: e.contentWrapperProps
   }, {}), {
-    default: U(() => {
+    default: j(() => {
       var u, m, h, S, B, W, V;
       return [
         e.isSsrAbTest ? (d(), y(s, {
@@ -3023,14 +3058,14 @@ function jo(e, t, n, o, r, i) {
       ];
     }),
     _: 1
-  }, 16, ["content", "model", "context", "apiKey", "canTrack", "locale", "includeRefs", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps"]);
+  }, 16, ["content", "data", "model", "context", "apiKey", "canTrack", "locale", "includeRefs", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps"]);
 }
-const Uo = /* @__PURE__ */ b(No, [["render", jo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/content.vue"]]), Fo = f({
+const jo = /* @__PURE__ */ b(No, [["render", Uo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/content.vue"]]), Fo = f({
   name: "content-variants",
   components: {
     InlinedScript: _e,
     InlinedStyles: te,
-    ContentComponent: Uo
+    ContentComponent: jo
   },
   props: [
     "canTrack",
@@ -3053,7 +3088,7 @@ const Uo = /* @__PURE__ */ b(No, [["render", jo], ["__file", "/home/runner/work/
   data() {
     return {
       shouldRenderVariants: Dn({
-        canTrack: j(this.canTrack),
+        canTrack: U(this.canTrack),
         content: this.content
       }),
       TARGET: T,
@@ -3085,7 +3120,7 @@ const Uo = /* @__PURE__ */ b(No, [["render", jo], ["__file", "/home/runner/work/
         testVariationId: (e = this.content) == null ? void 0 : e.id
       } : Zt({
         item: this.content,
-        canTrack: j(this.canTrack)
+        canTrack: U(this.canTrack)
       });
     }
   }
@@ -3093,18 +3128,18 @@ const Uo = /* @__PURE__ */ b(No, [["render", jo], ["__file", "/home/runner/work/
 function Mo(e, t, n, o, r, i) {
   var c;
   const s = k("inlined-script"), a = k("inlined-styles"), l = k("content-component");
-  return d(), p($, null, [
+  return d(), p(R, null, [
     !e.__isNestedRender && e.TARGET !== "reactNative" ? (d(), y(s, {
       key: 0,
       scriptStr: e.getScriptString()
     }, null, 8, ["scriptStr"])) : g("v-if", !0),
-    e.shouldRenderVariants ? (d(), p($, { key: 1 }, [
+    e.shouldRenderVariants ? (d(), p(R, { key: 1 }, [
       P(a, {
         id: `variants-styles-${(c = e.content) == null ? void 0 : c.id}`,
         styles: e.hideVariantsStyleString
       }, null, 8, ["id", "styles"]),
       P(s, { scriptStr: e.updateCookieAndStylesScriptStr }, null, 8, ["scriptStr"]),
-      (d(!0), p($, null, N(e.getVariants(e.content), (u, m) => (d(), y(l, {
+      (d(!0), p(R, null, N(e.getVariants(e.content), (u, m) => (d(), y(l, {
         key: u.testVariationId,
         content: u,
         showContent: !1,
@@ -3290,9 +3325,9 @@ export {
   Zo as R,
   Ht as S,
   T,
-  jn as V,
+  Un as V,
   b as _,
-  Rt as a,
+  $t as a,
   Jo as b,
   A as c,
   Q as d,
@@ -3305,13 +3340,13 @@ export {
   Ft as k,
   Ko as l,
   Pn as m,
-  R as n,
+  $ as n,
   io as o,
-  Un as p,
+  jn as p,
   ro as q,
   Co as r,
   tr as s,
-  Ue as t,
+  je as t,
   q as u,
   Qo as v,
   Oo as w,

package/lib/browser/index.cjs

@@ -1 +1 @@
-var t=require("./style.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.e420a426.cjs");require("vue");exports.Blocks=e.Blocks;exports.Button=e.Button;exports.Columns=e.Columns;exports.Content=e.Content;exports.Fragment=e.Fragment;exports.Image=e.Image;exports.RenderBlocks=e.RenderBlocks;exports.RenderContent=e.RenderContent;exports.Section=e.Section;exports.Symbol=e.Symbol;exports.Text=e.Text;exports.Video=e.Video;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getAllContent=e.getAllContent;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.getContent=e.getContent;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.track=e.track;
+var t=require("./style.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.2d468b02.cjs");require("vue");exports.Blocks=e.Blocks;exports.Button=e.Button;exports.Columns=e.Columns;exports.Content=e.Content;exports.Fragment=e.Fragment;exports.Image=e.Image;exports.RenderBlocks=e.RenderBlocks;exports.RenderContent=e.RenderContent;exports.Section=e.Section;exports.Symbol=e.Symbol;exports.Text=e.Text;exports.Video=e.Video;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getAllContent=e.getAllContent;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.getContent=e.getContent;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.track=e.track;

package/lib/browser/index.js

@@ -1,5 +1,5 @@
 import "./style.css";
-import { f as n, i as r, j as o, C as i, F as g, k as c, R as l, h as m, S as C, l as d, m as p, V as u, q as f, p as h, A as B, t as R, u as S, v as k, y as E, x, n as y, o as P, r as v, s as A, z as F } from "./index.cf8f3cf0.js";
+import { f as n, i as r, j as o, C as i, F as g, k as c, R as l, h as m, S as C, l as d, m as p, V as u, q as f, p as h, A as B, t as R, u as S, v as k, y as E, x, n as y, o as P, r as v, s as A, z as F } from "./index.68f1cdc9.js";
 import "vue";
 export {
   n as Blocks,

package/lib/browser/{repeated-block.0e1c5e05.cjs → repeated-block.5177bff6.cjs}

@@ -1 +1 @@
-var k=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index.e420a426.cjs"),r=()=>Promise.resolve().then(()=>require("./index.e420a426.cjs")).then(e=>e.block).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Block at ../block.vue",e),e}),c=o.defineComponent({name:"repeated-block",components:{Block:o.defineAsyncComponent(r)},props:["repeatContext","block","registeredComponents"],data(){return{store:this.repeatContext}},provide(){const e=this;return{[t.BuilderContext.key]:e.store}}});function s(e,i,p,a,d,u){const n=o.resolveComponent("block");return o.openBlock(),o.createBlock(n,{block:e.block,context:e.store,registeredComponents:e.registeredComponents},null,8,["block","context","registeredComponents"])}const l=t._export_sfc(c,[["render",s],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/repeated-block.vue"]]);exports.default=l;
+var k=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index.2d468b02.cjs"),r=()=>Promise.resolve().then(()=>require("./index.2d468b02.cjs")).then(e=>e.block).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Block at ../block.vue",e),e}),c=o.defineComponent({name:"repeated-block",components:{Block:o.defineAsyncComponent(r)},props:["repeatContext","block","registeredComponents"],data(){return{store:this.repeatContext}},provide(){const e=this;return{[t.BuilderContext.key]:e.store}}});function s(e,i,p,d,u,a){const n=o.resolveComponent("block");return o.openBlock(),o.createBlock(n,{block:e.block,context:e.store,registeredComponents:e.registeredComponents},null,8,["block","context","registeredComponents"])}const l=t._export_sfc(c,[["render",s],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/repeated-block.vue"]]);exports.default=l;

package/lib/browser/{repeated-block.a2b6e71d.js → repeated-block.d0d6536d.js}

@@ -1,7 +1,7 @@
 import "./style.css";
 import { defineComponent as t, defineAsyncComponent as n, resolveComponent as r, openBlock as c, createBlock as s } from "vue";
-import { d as p, _ as l } from "./index.cf8f3cf0.js";
-const a = () => import("./index.cf8f3cf0.js").then((e) => e.D).then((e) => e.default).catch((e) => {
+import { d as p, _ as l } from "./index.68f1cdc9.js";
+const a = () => import("./index.68f1cdc9.js").then((e) => e.D).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component Block at ../block.vue",
     e