@builder.io/sdk-vue 0.12.0 → 0.12.1

package/lib/browser/{index.b2192f4e.js → index.1c3cd66d.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 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";
+import { defineComponent as h, openBlock as d, createElementBlock as p, mergeProps as S, toHandlers as O, toDisplayString as se, defineAsyncComponent as M, resolveComponent as g, Fragment as $, createVNode as R, createBlock as y, createCommentVNode as k, renderList as N, withCtx as j, resolveDynamicComponent as ke, renderSlot as x, h as ye, createElementVNode as Y, normalizeStyle as Q, normalizeClass as ve, markRaw as ze } from "vue";
 function z(e = {}, t, n) {
   const o = {};
   for (const r in e) {
@@ -10,7 +10,7 @@ function z(e = {}, t, n) {
   }
   return o;
 }
-const qe = f({
+const qe = h({
   name: "builder-button",
   props: ["attributes", "text", "link", "openLinkInNewTab"],
   data() {
@@ -28,25 +28,25 @@ const qe = f({
     }
   }
 });
-const b = (e, t) => {
+const f = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [o, r] of t)
     n[o] = r;
   return n;
 }, Ge = ["href", "target"];
 function Je(e, t, n, o, r, i) {
-  return e.link ? (d(), p("a", C({
+  return e.link ? (d(), p("a", S({
     key: 0,
     href: e.link,
     target: e.openLinkInNewTab ? "_blank" : void 0,
     role: "button"
-  }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), se(e.text), 17, Ge)) : (d(), p("button", C({
+  }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), se(e.text), 17, Ge)) : (d(), p("button", S({
     key: 1,
     style: e.attributes.style,
     class: e._classStringToObject(e.attributes.class + " button-21azgz5avex")
   }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), se(e.text), 17));
 }
-const Ye = /* @__PURE__ */ b(qe, [["render", Je], ["__scopeId", "data-v-becdf225"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/button/button.vue"]]), Qe = Symbol(), Q = {
+const Ye = /* @__PURE__ */ f(qe, [["render", Je], ["__scopeId", "data-v-becdf225"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/button/button.vue"]]), Qe = Symbol(), X = {
   Builder: {
     content: null,
     context: {},
@@ -74,7 +74,7 @@ function Ze(e) {
     builderBlock: e
   };
 }
-const T = "vue", A = (e) => e != null, L = "[Builder.io]: ", I = {
+const E = "vue", A = (e) => e != null, L = "[Builder.io]: ", I = {
   log: (...e) => console.log(L, ...e),
   error: (...e) => console.error(L, ...e),
   warn: (...e) => console.warn(L, ...e),
@@ -86,8 +86,8 @@ function v() {
 function et() {
   return v() && window.self !== window.top;
 }
-function $() {
-  return et() && (T === "reactNative" || window.location.search.indexOf("builder.frameEditing=") !== -1);
+function T() {
+  return et() && (E === "reactNative" || window.location.search.indexOf("builder.frameEditing=") !== -1);
 }
 const tt = () => {
   if (v()) {
@@ -113,7 +113,7 @@ const tt = () => {
       return e.match(/IEMobile/i) || e.match(/WPDesktop/i);
     },
     any() {
-      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || T === "reactNative";
+      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || E === "reactNative";
     }
   }, n = e.match(/Tablet|iPad/i), o = tt();
   return {
@@ -133,7 +133,7 @@ const tt = () => {
   context: t,
   event: n
 }), rt = () => ({
-  isEditing: $(),
+  isEditing: T(),
   isBrowser: v(),
   isServer: !v(),
   getUserAttributes: () => Ce()
@@ -310,27 +310,27 @@ const dt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
     },
     block: o
   }));
-}, ht = () => import("./block-styles.705199dc.js").then((e) => e.default).catch((e) => {
+}, ht = () => import("./block-styles.15daad04.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.b462eaaf.js").then((e) => e.default).catch((e) => {
+}), ft = () => import("./block-wrapper.684870c2.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.373859d0.js").then((e) => e.default).catch((e) => {
+}), bt = () => import("./component-ref.408ec744.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.516df819.js").then((e) => e.default).catch((e) => {
+}), gt = () => import("./repeated-block.3aa48114.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;
-}), kt = f({
+}), kt = h({
   name: "block",
   components: {
     BlockStyles: M(ht),
@@ -404,9 +404,9 @@ 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(R, { key: 0 }, [
-    P(s, {
+  const s = g("block-styles"), a = g("block-wrapper"), l = g("repeated-block"), c = g("component-ref"), u = g("block", !0);
+  return e.canShowBlock ? (d(), p($, { key: 0 }, [
+    R(s, {
       block: e.block,
       context: e.context
     }, null, 8, ["block", "context"]),
@@ -420,20 +420,20 @@ 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(R, { key: 0 }, [
+    }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "builderBlock", "includeBlockProps", "isInteractive"])) : (d(), p($, { key: 0 }, [
       e.isEmptyHtmlElement(e.Tag) ? (d(), y(a, {
         key: 0,
         Wrapper: e.Tag,
         block: e.processedBlock,
         context: e.context,
         hasChildren: !1
-      }, null, 8, ["Wrapper", "block", "context"])) : g("v-if", !0),
-      !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,
+      }, null, 8, ["Wrapper", "block", "context"])) : k("v-if", !0),
+      !e.isEmptyHtmlElement(e.Tag) && e.repeatItem ? (d(!0), p($, { key: 1 }, N(e.repeatItem, (b, C) => (d(), y(l, {
+        key: C,
+        repeatContext: b.context,
+        block: b.block,
         registeredComponents: e.registeredComponents
-      }, null, 8, ["repeatContext", "block", "registeredComponents"]))), 128)) : g("v-if", !0),
+      }, null, 8, ["repeatContext", "block", "registeredComponents"]))), 128)) : k("v-if", !0),
       !e.isEmptyHtmlElement(e.Tag) && !e.repeatItem ? (d(), y(a, {
         key: 2,
         Wrapper: e.Tag,
@@ -442,7 +442,7 @@ function yt(e, t, n, o, r, i) {
         hasChildren: !0
       }, {
         default: j(() => [
-          P(c, {
+          R(c, {
             componentRef: e.componentRefProps.componentRef,
             componentOptions: e.componentRefProps.componentOptions,
             blockChildren: e.componentRefProps.blockChildren,
@@ -452,22 +452,22 @@ 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(R, null, N(e.childrenWithoutParentComponent, (h, S) => (d(), y(u, {
-            key: h.id,
-            block: h,
+          (d(!0), p($, null, N(e.childrenWithoutParentComponent, (b, C) => (d(), y(u, {
+            key: b.id,
+            block: b,
             context: e.childrenContext,
             registeredComponents: e.registeredComponents
           }, null, 8, ["block", "context", "registeredComponents"]))), 128))
         ]),
         _: 1
-      }, 8, ["Wrapper", "block", "context"])) : g("v-if", !0)
+      }, 8, ["Wrapper", "block", "context"])) : k("v-if", !0)
     ], 64))
-  ], 64)) : g("v-if", !0);
+  ], 64)) : k("v-if", !0);
 }
-const Ie = /* @__PURE__ */ b(kt, [["render", yt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/block.vue"]]), Go = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ie = /* @__PURE__ */ f(kt, [["render", yt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/block.vue"]]), Xo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Ie
-}, Symbol.toStringTag, { value: "Module" })), vt = f({
+}, Symbol.toStringTag, { value: "Module" })), vt = h({
   name: "builder-blocks-wrapper",
   props: [
     "BlocksWrapper",
@@ -486,7 +486,7 @@ const Ie = /* @__PURE__ */ b(kt, [["render", yt], ["__file", "/home/runner/work/
   methods: {
     onClick() {
       var e, t;
-      $() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      T() && !((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;
-      $() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      T() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.hoverEmptyBlocks",
           data: {
@@ -522,8 +522,8 @@ const Ie = /* @__PURE__ */ b(kt, [["render", yt], ["__file", "/home/runner/work/
   }
 });
 function St(e, t, n, o, r, i) {
-  return d(), y(ke(e.BlocksWrapper), C({
-    class: e._classStringToObject(e.className + " component-178o76acnws"),
+  return d(), y(ke(e.BlocksWrapper), S({
+    class: e._classStringToObject(e.className + " component-1k2igrjdg3x"),
     "builder-path": e.path,
     "builder-parent-id": e.parent,
     style: e.styleProp,
@@ -537,7 +537,7 @@ function St(e, t, n, o, r, i) {
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const Ct = /* @__PURE__ */ b(vt, [["render", St], ["__scopeId", "data-v-1f8aab9f"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks-wrapper.vue"]]), wt = f({
+const Ct = /* @__PURE__ */ f(vt, [["render", St], ["__scopeId", "data-v-1f8aab9f"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks-wrapper.vue"]]), wt = h({
   name: "builder-blocks",
   components: { BlocksWrapper: Ct, Block: Ie },
   props: [
@@ -549,13 +549,13 @@ const Ct = /* @__PURE__ */ b(vt, [["render", St], ["__scopeId", "data-v-1f8aab9f
     "registeredComponents"
   ],
   inject: {
-    builderContext: Q.key,
+    builderContext: X.key,
     componentsContext: Se.key
   }
 });
 function It(e, t, n, o, r, i) {
   var l, c;
-  const s = k("block"), a = k("blocks-wrapper");
+  const s = g("block"), a = g("blocks-wrapper");
   return d(), y(a, {
     blocks: e.blocks,
     parent: e.parent,
@@ -565,23 +565,23 @@ function It(e, t, n, o, r, i) {
     BlocksWrapperProps: (c = e.context) == null ? void 0 : c.BlocksWrapperProps
   }, {
     default: j(() => [
-      e.blocks ? (d(!0), p(R, { key: 0 }, N(e.blocks, (u, m) => (d(), y(s, {
+      e.blocks ? (d(!0), p($, { key: 0 }, N(e.blocks, (u, m) => (d(), y(s, {
         key: u.id,
         block: u,
         context: e.context || e.builderContext,
         registeredComponents: e.registeredComponents || e.componentsContext.registeredComponents
-      }, null, 8, ["block", "context", "registeredComponents"]))), 128)) : g("v-if", !0)
+      }, null, 8, ["block", "context", "registeredComponents"]))), 128)) : k("v-if", !0)
     ]),
     _: 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"]]), Rt = f({
+const q = /* @__PURE__ */ f(wt, [["render", It], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks.vue"]]), $t = h({
   render() {
     return ye("style", { id: this.id, innerHTML: this.styles });
   },
   name: "inlined-styles",
   props: ["styles", "id"]
-}), te = /* @__PURE__ */ b(Rt, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/inlined-styles.vue"]]), Re = {
+}), te = /* @__PURE__ */ f($t, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/inlined-styles.vue"]]), $e = {
   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 = Re) => `@media (max-width: ${t[e].max}px)`, $t = ({
+}, Zo = (e, t = $e) => `@media (max-width: ${t[e].max}px)`, Rt = ({
   small: e,
   medium: t
 }) => {
-  const n = F(Re);
+  const n = F($e);
   if (!e || !t)
     return n;
   const o = Math.floor(e / 2);
@@ -622,9 +622,9 @@ const ee = /* @__PURE__ */ b(wt, [["render", It], ["__file", "/home/runner/work/
     min: i,
     default: i + 1
   }, n;
-}, Tt = f({
+}, Tt = h({
   name: "builder-columns",
-  components: { InlinedStyles: te, Blocks: ee },
+  components: { InlinedStyles: te, Blocks: q },
   props: [
     "js",
     "space",
@@ -641,7 +641,7 @@ const ee = /* @__PURE__ */ b(wt, [["render", It], ["__file", "/home/runner/work/
       cols: this.columns || [],
       stackAt: this.stackColumnsAt || "tablet",
       flexDir: this.stackColumnsAt === "never" ? "row" : this.reverseColumnsWhenStacked ? "column-reverse" : "column",
-      TARGET: T
+      TARGET: E
     };
   },
   computed: {
@@ -728,7 +728,7 @@ const ee = /* @__PURE__ */ b(wt, [["render", It], ["__file", "/home/runner/work/
     },
     getWidthForBreakpointSize(e) {
       var n, o;
-      return $t(
+      return Rt(
         ((o = (n = this.builderContext.content) == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || {}
       )[e].max;
     },
@@ -744,8 +744,8 @@ const ee = /* @__PURE__ */ b(wt, [["render", It], ["__file", "/home/runner/work/
   }
 });
 function Et(e, t, n, o, r, i) {
-  const s = k("inlined-styles"), a = k("blocks");
-  return d(), p("div", C({
+  const s = g("inlined-styles"), a = g("blocks");
+  return d(), p("div", S({
     class: e._classStringToObject(
       `builder-columns ${e.builderBlock.id}-breakpoints div-16nol0lwi20`
     ),
@@ -754,13 +754,13 @@ function Et(e, t, n, o, r, i) {
     e.TARGET !== "reactNative" ? (d(), y(s, {
       key: 0,
       styles: e.columnsStyles
-    }, null, 8, ["styles"])) : g("v-if", !0),
-    (d(!0), p(R, null, N(e.columns, (l, c) => (d(), p("div", C({
+    }, null, 8, ["styles"])) : k("v-if", !0),
+    (d(!0), p($, null, N(e.columns, (l, c) => (d(), p("div", S({
       key: c,
       class: "builder-column div-16nol0lwi20-2",
       style: e.columnCssVars(c)
     }, {}), [
-      P(a, {
+      R(a, {
         path: `component.options.columns.${c}.blocks`,
         parent: e.builderBlock.id,
         styleProp: {
@@ -773,7 +773,7 @@ function Et(e, t, n, o, r, i) {
     ], 16))), 128))
   ], 16);
 }
-const Pt = /* @__PURE__ */ b(Tt, [["render", Et], ["__scopeId", "data-v-7be099dc"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/columns/columns.vue"]]), xt = f({
+const Pt = /* @__PURE__ */ f(Tt, [["render", Et], ["__scopeId", "data-v-7be099dc"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/columns/columns.vue"]]), xt = h({
   name: "builder-fragment-component",
   props: []
 });
@@ -782,7 +782,7 @@ function Bt(e, t, n, o, r, i) {
     x(e.$slots, "default")
   ]);
 }
-const Wt = /* @__PURE__ */ b(xt, [["render", Bt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/fragment/fragment.vue"]]);
+const Wt = /* @__PURE__ */ f(xt, [["render", Bt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/fragment/fragment.vue"]]);
 function le(e) {
   return e.replace(/http(s)?:/, "");
 }
@@ -802,7 +802,7 @@ function Vt(e, t) {
   }
   return null;
 }
-function G(e) {
+function J(e) {
   if (!e)
     return e;
   const t = [100, 200, 400, 800, 1200, 1600, 2e3];
@@ -813,7 +813,7 @@ function G(e) {
   }
   return e.match(/cdn\.shopify\.com/) ? t.map((n) => [Vt(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
-const _t = f({
+const _t = h({
   name: "builder-image",
   props: [
     "image",
@@ -837,10 +837,10 @@ const _t = f({
         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"), G(t);
+          return console.debug("Removed given srcset"), J(t);
       } else if (this.image && !this.srcset)
-        return G(t);
-      return G(t);
+        return J(t);
+      return J(t);
     },
     webpSrcSet() {
       var e;
@@ -875,18 +875,18 @@ const Ot = ["srcset"], Nt = ["alt", "role", "src", "srcset", "sizes"], Ut = {
 };
 function jt(e, t, n, o, r, i) {
   var s, a, l, c;
-  return d(), p(R, null, [
-    J("picture", null, [
+  return d(), p($, null, [
+    Y("picture", null, [
       e.webpSrcSet ? (d(), p("source", {
         key: 0,
         type: "image/webp",
         srcset: e.webpSrcSet
-      }, null, 8, Ot)) : g("v-if", !0),
-      J("img", {
+      }, null, 8, Ot)) : k("v-if", !0),
+      Y("img", {
         loading: "lazy",
         alt: e.altText,
         role: e.altText ? "presentation" : void 0,
-        style: Y({
+        style: Q({
           objectPosition: e.backgroundPosition || "center",
           objectFit: e.backgroundSize || "cover",
           ...e.aspectRatioCss
@@ -904,17 +904,17 @@ function jt(e, t, n, o, r, i) {
     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: Y({
+      style: Q({
         paddingTop: e.aspectRatio * 100 + "%"
       })
-    }, 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),
+    }, null, 4)) : k("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) : k("v-if", !0),
     !e.fitContent && e.$slots.default ? (d(), p("div", Ut, [
       x(e.$slots, "default", {}, void 0, !0)
-    ])) : g("v-if", !0)
+    ])) : k("v-if", !0)
   ], 64);
 }
-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({
+const Ft = /* @__PURE__ */ f(_t, [["render", jt], ["__scopeId", "data-v-58ca75d1"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/image/image.vue"]]), Mt = h({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
@@ -922,7 +922,7 @@ const Ft = /* @__PURE__ */ b(_t, [["render", jt], ["__scopeId", "data-v-58ca75d1
   }
 });
 function Lt(e, t, n, o, r, i) {
-  return d(), p("section", C({
+  return d(), p("section", S({
     style: {
       width: "100%",
       alignSelf: "stretch",
@@ -939,12 +939,12 @@ function Lt(e, t, n, o, r, i) {
     x(e.$slots, "default")
   ], 16);
 }
-const Ht = /* @__PURE__ */ b(Mt, [["render", Lt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/section/section.vue"]]), Dt = (e) => {
+const Ht = /* @__PURE__ */ f(Mt, [["render", Lt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/section/section.vue"]]), Dt = (e) => {
   if (e === "localhost" || e === "127.0.0.1")
     return e;
   const t = e.split(".");
   return t.length > 2 ? t.slice(1).join(".") : e;
-}, $e = ({
+}, Re = ({
   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) => $e(e), Kt = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(A).join("; "), zt = [["secure", ""], ["SameSite", "None"]], qt = ({
+}, Te = async (e) => Re(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
-}) => $e({
+}) => Re({
   name: ne(e),
   canTrack: !0
 }), Qt = ({
@@ -1327,7 +1327,7 @@ const Ht = /* @__PURE__ */ b(Mt, [["render", Lt], ["__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 = f({
+}, rn = h({
   name: "builder-custom-code",
   props: ["replaceNodes", "code"],
   data() {
@@ -1384,7 +1384,7 @@ function an(e, t, n, o, r, i) {
     innerHTML: e.code
   }, null, 10, sn);
 }
-const ln = /* @__PURE__ */ b(rn, [["render", an], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/custom-code/custom-code.vue"]]), cn = {
+const ln = /* @__PURE__ */ f(rn, [["render", an], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/custom-code/custom-code.vue"]]), cn = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -1409,7 +1409,7 @@ const ln = /* @__PURE__ */ b(rn, [["render", an], ["__file", "/home/runner/work/
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, dn = ["text/javascript", "application/javascript", "application/ecmascript"], un = (e) => dn.includes(e.type), pn = f({
+}, dn = ["text/javascript", "application/javascript", "application/ecmascript"], un = (e) => dn.includes(e.type), pn = h({
   name: "builder-embed",
   props: ["content"],
   data() {
@@ -1459,7 +1459,7 @@ function hn(e, t, n, o, r, i) {
     innerHTML: e.content
   }, null, 8, mn);
 }
-const fn = /* @__PURE__ */ b(pn, [["render", hn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/embed/embed.vue"]]), bn = {
+const fn = /* @__PURE__ */ f(pn, [["render", hn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/embed/embed.vue"]]), bn = {
   name: "Fragment",
   static: !0,
   hidden: !0,
@@ -1491,8 +1491,8 @@ const fn = /* @__PURE__ */ b(pn, [["render", hn], ["__file", "/home/runner/work/
           let m = !1;
           u.onload = () => {
             m = !0, l(u);
-          }, u.addEventListener("error", (h) => {
-            console.warn("Image load failed", h.error), c(h.error);
+          }, u.addEventListener("error", (b) => {
+            console.warn("Image load failed", b.error), c(b.error);
           }), u.src = s, setTimeout(() => {
             m || c(new Error("Image load timed out"));
           }, a);
@@ -1578,7 +1578,7 @@ const fn = /* @__PURE__ */ b(pn, [["render", hn], ["__file", "/home/runner/work/
   }],
   noWrap: !0,
   static: !0
-}, yn = f({
+}, yn = h({
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -1589,11 +1589,11 @@ const fn = /* @__PURE__ */ b(pn, [["render", hn], ["__file", "/home/runner/work/
     "attributes"
   ],
   data() {
-    return { isEditing: $, filterAttrs: z };
+    return { isEditing: T, filterAttrs: z };
   }
 }), vn = ["alt", "src"];
 function Sn(e, t, n, o, r, i) {
-  return d(), p("img", C({
+  return d(), p("img", S({
     style: {
       objectFit: e.backgroundSize || "cover",
       objectPosition: e.backgroundPosition || "center"
@@ -1603,7 +1603,7 @@ function Sn(e, t, n, o, r, i) {
     src: e.imgSrc || e.image
   }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, vn);
 }
-const Cn = /* @__PURE__ */ b(yn, [["render", Sn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/img/img.vue"]]), wn = {
+const Cn = /* @__PURE__ */ f(yn, [["render", Sn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/img/img.vue"]]), wn = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1643,6 +1643,42 @@ const Cn = /* @__PURE__ */ b(yn, [["render", Sn], ["__file", "/home/runner/work/
     }
   }]
 }, In = {
+  name: "Slot",
+  isRSC: !0,
+  description: "Allow child blocks to be inserted into this content when used as a Symbol",
+  docsLink: "https://www.builder.io/c/docs/symbols-with-blocks",
+  image: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3aad6de36eae43b59b52c85190fdef56",
+  inputs: [{
+    name: "name",
+    type: "string",
+    required: !0,
+    defaultValue: "children"
+  }]
+}, $n = h({
+  name: "builder-slot",
+  components: { Blocks: q },
+  props: ["builderContext", "name"]
+});
+function Rn(e, t, n, o, r, i) {
+  var a, l, c;
+  const s = g("blocks");
+  return d(), p("div", S(
+    { style: {
+      pointerEvents: "auto"
+    } },
+    !((a = e.builderContext.context) != null && a.symbolId) && {
+      "builder-slot": e.name
+    }
+  ), [
+    R(s, {
+      parent: (l = e.builderContext.context) == null ? void 0 : l.symbolId,
+      path: `symbol.data.${e.name}`,
+      context: e.builderContext,
+      blocks: (c = e.builderContext.rootState) == null ? void 0 : c[e.name]
+    }, null, 8, ["parent", "path", "context", "blocks"])
+  ], 16);
+}
+const Tn = /* @__PURE__ */ f($n, [["render", Rn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/slot/slot.vue"]]), En = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1675,7 +1711,7 @@ const Cn = /* @__PURE__ */ b(yn, [["render", Sn], ["__file", "/home/runner/work/
     hideFromUI: !0,
     type: "boolean"
   }]
-}, Rn = {
+}, Pn = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -1693,11 +1729,11 @@ const Cn = /* @__PURE__ */ b(yn, [["render", Sn], ["__file", "/home/runner/work/
     height: "auto",
     textAlign: "center"
   }
-}, $n = f({
+}, xn = h({
   name: "builder-text",
   props: ["text"]
-}), Tn = ["innerHTML"];
-function En(e, t, n, o, r, i) {
+}), Bn = ["innerHTML"];
+function Wn(e, t, n, o, r, i) {
   var s;
   return d(), p("div", {
     class: "builder-text",
@@ -1705,9 +1741,9 @@ function En(e, t, n, o, r, i) {
     style: {
       outline: "none"
     }
-  }, null, 8, Tn);
+  }, null, 8, Bn);
 }
-const Pn = /* @__PURE__ */ b($n, [["render", En], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/text/text.vue"]]), xn = {
+const An = /* @__PURE__ */ f(xn, [["render", Wn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/text/text.vue"]]), Vn = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1788,7 +1824,7 @@ const Pn = /* @__PURE__ */ b($n, [["render", En], ["__file", "/home/runner/work/
     defaultValue: !0,
     advanced: !0
   }]
-}, Bn = f({
+}, _n = h({
   name: "builder-video",
   props: [
     "autoPlay",
@@ -1833,16 +1869,16 @@ const Pn = /* @__PURE__ */ b($n, [["render", En], ["__file", "/home/runner/work/
       };
     }
   }
-}), Wn = { style: {
+}), On = { style: {
   position: "relative"
-} }, An = ["preload", "src", "poster"], Vn = ["src"], _n = {
+} }, Nn = ["preload", "src", "poster"], Un = ["src"], jn = {
   key: 1,
   style: {
     display: "flex",
     flexDirection: "column",
     alignItems: "stretch"
   }
-}, On = {
+}, Fn = {
   key: 2,
   style: {
     pointerEvents: "none",
@@ -1856,10 +1892,10 @@ const Pn = /* @__PURE__ */ b($n, [["render", En], ["__file", "/home/runner/work/
     height: "100%"
   }
 };
-function Nn(e, t, n, o, r, i) {
-  var s, a, l, c, u, m, h;
-  return d(), p("div", Wn, [
-    J("video", C({
+function Mn(e, t, n, o, r, i) {
+  var s, a, l, c, u, m, b;
+  return d(), p("div", On, [
+    Y("video", S({
       class: "builder-video",
       preload: e.preload || "metadata",
       style: {
@@ -1877,30 +1913,30 @@ function Nn(e, t, n, o, r, i) {
       src: e.video || "no-src",
       poster: e.posterImage
     }, e.spreadProps), [
-      e.lazyLoad ? g("v-if", !0) : (d(), p("source", {
+      e.lazyLoad ? k("v-if", !0) : (d(), p("source", {
         key: 0,
         type: "video/mp4",
         src: e.video
-      }, null, 8, Vn))
-    ], 16, An),
+      }, null, 8, Un))
+    ], 16, Nn),
     e.aspectRatio && !(e.fitContent && ((l = (a = e.builderBlock) == null ? void 0 : a.children) == null ? void 0 : l.length)) ? (d(), p("div", {
       key: 0,
-      style: Y({
+      style: Q({
         width: "100%",
         paddingTop: e.aspectRatio * 100 + "%",
         pointerEvents: "none",
         fontSize: "0px"
       })
-    }, null, 4)) : g("v-if", !0),
-    ((u = (c = e.builderBlock) == null ? void 0 : c.children) == null ? void 0 : u.length) && e.fitContent ? (d(), p("div", _n, [
+    }, null, 4)) : k("v-if", !0),
+    ((u = (c = e.builderBlock) == null ? void 0 : c.children) == null ? void 0 : u.length) && e.fitContent ? (d(), p("div", jn, [
       x(e.$slots, "default")
-    ])) : g("v-if", !0),
-    ((h = (m = e.builderBlock) == null ? void 0 : m.children) == null ? void 0 : h.length) && !e.fitContent ? (d(), p("div", On, [
+    ])) : k("v-if", !0),
+    ((b = (m = e.builderBlock) == null ? void 0 : m.children) == null ? void 0 : b.length) && !e.fitContent ? (d(), p("div", Fn, [
       x(e.$slots, "default")
-    ])) : g("v-if", !0)
+    ])) : k("v-if", !0)
   ]);
 }
-const Un = /* @__PURE__ */ b(Bn, [["render", Nn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/video/video.vue"]]), ce = () => [{
+const Ln = /* @__PURE__ */ f(_n, [["render", Mn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/video/video.vue"]]), ce = () => [{
   component: Ye,
   ...tn
 }, {
@@ -1925,30 +1961,33 @@ const Un = /* @__PURE__ */ b(Bn, [["render", Nn], ["__file", "/home/runner/work/
   component: Ht,
   ...wn
 }, {
-  component: Ko,
-  ...In
+  component: Jo,
+  ...En
+}, {
+  component: An,
+  ...Pn
 }, {
-  component: Pn,
-  ...Rn
+  component: Ln,
+  ...Vn
 }, {
-  component: Un,
-  ...xn
-}], de = [], jn = (e) => ({
+  component: Tn,
+  ...In
+}], de = [], Hn = (e) => ({
   type: "builder.registerComponent",
-  data: X(e)
-}), Fn = (e) => {
+  data: Z(e)
+}), Dn = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-}, Mn = (e) => typeof e == "function" ? Fn(e) : F(e), X = ({
+}, Kn = (e) => typeof e == "function" ? Dn(e) : F(e), Z = ({
   inputs: e,
   ...t
 }) => ({
   ...F(t),
   inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [r, i]) => ({
     ...o,
-    [r]: Mn(i)
+    [r]: Kn(i)
   }), {}))
-}), Ln = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+}), zn = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -2004,7 +2043,7 @@ const Un = /* @__PURE__ */ b(Bn, [["render", Nn], ["__file", "/home/runner/work/
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, Hn = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, qn = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -2042,38 +2081,38 @@ const Un = /* @__PURE__ */ b(Bn, [["render", Nn], ["__file", "/home/runner/work/
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), Dn = ({
+})), Gn = ({
   canTrack: e,
   content: t
-}) => !(!(H(t).length > 0) || !e), Kn = (e) => e === "react" || e === "reactNative", Ve = Kn(T), zn = () => `
-  window.${We} = ${Ln}
-  window.${Ae} = ${Hn}
-  `, qn = (e, t) => `
+}) => !(!(H(t).length > 0) || !e), Jn = (e) => e === "react" || e === "reactNative", Ve = Jn(E), Yn = () => `
+  window.${We} = ${zn}
+  window.${Ae} = ${qn}
+  `, Qn = (e, t) => `
   window.${We}(
     "${t}",${JSON.stringify(e)}, ${Ve}
-  )`, Gn = ({
+  )`, Xn = ({
   contentId: e,
   variationId: t
 }) => `window.${Ae}(
     "${t}", "${e}", ${Ve}
-  )`, Jn = f({
+  )`, Zn = h({
   render() {
     return ye("script", { id: this.id, innerHTML: this.scriptStr });
   },
   name: "inlined-script",
   props: ["scriptStr", "id"]
-}), _e = /* @__PURE__ */ b(Jn, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/inlined-script.vue"]]);
-function Yn() {
+}), _e = /* @__PURE__ */ f(Zn, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/inlined-script.vue"]]);
+function eo() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function Qn() {
-  const e = Yn().fetch;
+function to() {
+  const e = eo().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 Oe = Qn();
+const Oe = to();
 function D(e, t = null, n = ".") {
   return Object.keys(e).reduce((o, r) => {
     const i = e[r], s = [t, r].filter(Boolean).join(n);
@@ -2086,7 +2125,7 @@ function D(e, t = null, n = ".") {
     };
   }, {});
 }
-const Xn = "v3", ue = "builder.", Zn = "options.", eo = (e) => {
+const no = "v3", ue = "builder.", oo = "options.", ro = (e) => {
   const t = {};
   return e.forEach((n, o) => {
     t[o] = n;
@@ -2097,16 +2136,16 @@ const Xn = "v3", ue = "builder.", Zn = "options.", eo = (e) => {
   const t = Ue(e), n = {};
   return Object.keys(t).forEach((o) => {
     if (o.startsWith(ue)) {
-      const r = o.replace(ue, "").replace(Zn, "");
+      const r = o.replace(ue, "").replace(oo, "");
       n[r] = t[o];
     }
   }), n;
-}, to = () => {
+}, io = () => {
   if (!v())
     return {};
   const e = new URLSearchParams(window.location.search);
   return Ne(e);
-}, Ue = (e) => e instanceof URLSearchParams ? eo(e) : e, pe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, oe = (e) => {
+}, Ue = (e) => e instanceof URLSearchParams ? ro(e) : e, pe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, oe = (e) => {
   let {
     noTraverse: t = !1
   } = e;
@@ -2119,10 +2158,10 @@ const Xn = "v3", ue = "builder.", Zn = "options.", eo = (e) => {
     includeRefs: a = !0,
     enrich: l,
     locale: c,
-    apiVersion: u = Xn,
+    apiVersion: u = no,
     fields: m,
-    omit: h,
-    offset: S,
+    omit: b,
+    offset: C,
     cacheSeconds: B,
     staleCacheSeconds: W,
     sort: V,
@@ -2134,41 +2173,41 @@ const Xn = "v3", ue = "builder.", Zn = "options.", eo = (e) => {
     throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${u}'`);
   (e.limit === void 0 || e.limit > 1) && !("noTraverse" in e) && (t = !0);
   const w = 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 (w.searchParams.set("omit", h || "meta.componentsUsed"), m && w.searchParams.set("fields", m), Number.isFinite(S) && S > -1 && w.searchParams.set("offset", String(Math.floor(S))), typeof re == "boolean" && w.searchParams.set("includeUnpublished", String(re)), B && pe(B) && w.searchParams.set("cacheSeconds", String(B)), W && pe(W) && w.searchParams.set("staleCacheSeconds", String(W)), V) {
-    const E = D({
+  if (w.searchParams.set("omit", b || "meta.componentsUsed"), m && w.searchParams.set("fields", m), Number.isFinite(C) && C > -1 && w.searchParams.set("offset", String(Math.floor(C))), typeof re == "boolean" && w.searchParams.set("includeUnpublished", String(re)), B && pe(B) && w.searchParams.set("cacheSeconds", String(B)), W && pe(W) && w.searchParams.set("staleCacheSeconds", String(W)), V) {
+    const P = D({
       sort: V
     });
-    for (const _ in E)
-      w.searchParams.set(_, JSON.stringify(E[_]));
+    for (const _ in P)
+      w.searchParams.set(_, JSON.stringify(P[_]));
   }
   const Ke = {
-    ...to(),
+    ...io(),
     ...Ue(e.options || {})
   }, ie = D(Ke);
-  for (const E in ie)
-    w.searchParams.set(E, String(ie[E]));
+  for (const P in ie)
+    w.searchParams.set(P, String(ie[P]));
   if (o && w.searchParams.set("userAttributes", JSON.stringify(o)), r) {
-    const E = D({
+    const P = D({
       query: r
     });
-    for (const _ in E)
-      w.searchParams.set(_, JSON.stringify(E[_]));
+    for (const _ in P)
+      w.searchParams.set(_, JSON.stringify(P[_]));
   }
   return w;
-}, no = (e) => "results" in e;
-async function q(e) {
+}, so = (e) => "results" in e;
+async function G(e) {
   const t = await je({
     ...e,
     limit: 1
   });
   return t && t[0] || null;
 }
-const Yo = q, oo = async (e) => {
+const er = G, ao = async (e) => {
   const t = oe(e);
   return await (await Oe(t.href)).json();
-}, ro = async (e, t, n = oe(e)) => {
+}, lo = async (e, t, n = oe(e)) => {
   const o = U(e.canTrack);
-  if (n.search.includes("preview="), !o || !(v() || T === "reactNative"))
+  if (n.search.includes("preview="), !o || !(v() || E === "reactNative"))
     return t.results;
   try {
     const r = [];
@@ -2185,8 +2224,8 @@ const Yo = q, oo = async (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. ", {
+    const t = oe(e), n = await ao(e);
+    return so(n) ? lo(e, n) : (I.error("Error fetching data. ", {
       url: t,
       content: n,
       options: e
@@ -2195,20 +2234,20 @@ async function je(e) {
     return I.error("Error fetching data. ", t), null;
   }
 }
-const Qo = je;
-function io() {
-  return !v() || $() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
+const tr = je;
+function co() {
+  return !v() || T() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
 }
-function so() {
+function uo() {
   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 Fe() {
-  return so().replace(/-/g, "");
+  return uo().replace(/-/g, "");
 }
-const Me = "builderSessionId", ao = async ({
+const Me = "builderSessionId", po = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -2220,20 +2259,20 @@ const Me = "builderSessionId", ao = async ({
   if (A(t))
     return t;
   {
-    const n = lo();
-    return co({
+    const n = mo();
+    return ho({
       id: n,
       canTrack: e
     }), n;
   }
-}, lo = () => Fe(), co = ({
+}, mo = () => Fe(), ho = ({
   id: e,
   canTrack: t
 }) => Ee({
   name: Me,
   value: e,
   canTrack: t
-}), Le = () => v() && typeof localStorage < "u" ? localStorage : void 0, uo = ({
+}), Le = () => v() && typeof localStorage < "u" ? localStorage : void 0, fo = ({
   key: e,
   canTrack: t
 }) => {
@@ -2244,7 +2283,7 @@ const Me = "builderSessionId", ao = async ({
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, po = ({
+}, bo = ({
   key: e,
   canTrack: t,
   value: n
@@ -2255,32 +2294,32 @@ const Me = "builderSessionId", ao = async ({
   } catch (r) {
     console.debug("[LocalStorage] SET error: ", r);
   }
-}, He = "builderVisitorId", mo = ({
+}, He = "builderVisitorId", go = ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = uo({
+  const t = fo({
     key: He,
     canTrack: e
   });
   if (A(t))
     return t;
   {
-    const n = ho();
-    return fo({
+    const n = ko();
+    return yo({
       id: n,
       canTrack: e
     }), n;
   }
-}, ho = () => Fe(), fo = ({
+}, ko = () => Fe(), yo = ({
   id: e,
   canTrack: t
-}) => po({
+}) => bo({
   key: He,
   value: e,
   canTrack: t
-}), bo = async ({
+}), vo = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -2288,16 +2327,16 @@ const Me = "builderSessionId", ao = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const t = await ao({
+  const t = await po({
     canTrack: e
-  }), n = mo({
+  }), n = go({
     canTrack: e
   });
   return {
     sessionId: t,
     visitorId: n
   };
-}, go = async ({
+}, So = async ({
   type: e,
   canTrack: t,
   apiKey: n,
@@ -2311,23 +2350,23 @@ const Me = "builderSessionId", ao = async ({
       url: location.href,
       ...o
     },
-    ...await bo({
+    ...await vo({
       canTrack: t
     }),
     userAttributes: Ce(),
     ownerId: n
   }
 });
-async function Z(e) {
+async function ee(e) {
   if (!e.apiKey) {
     I.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  if (!!e.canTrack && !$() && !!(v() || T === "reactNative"))
+  if (!!e.canTrack && !T() && !!(v() || E === "reactNative"))
     return fetch("https://cdn.builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await go(e)]
+        events: [await So(e)]
       }),
       headers: {
         "content-type": "application/json"
@@ -2337,14 +2376,14 @@ async function Z(e) {
       console.error("Failed to track: ", t);
     });
 }
-const Xo = (e) => Z({
+const nr = (e) => ee({
   ...e,
   canTrack: !0
 });
 function me(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const ko = (e, t, n = !0) => {
+const Co = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = n ? e : e.parentElement;
@@ -2355,7 +2394,7 @@ const ko = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, yo = (e) => ko(e, (t) => {
+}, wo = (e) => Co(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return Boolean((n == null ? void 0 : n.indexOf("builder-")) === 0);
 }), he = ({
@@ -2367,8 +2406,8 @@ const ko = (e, t, n = !0) => {
     x: i,
     y: s
   };
-}, vo = (e) => {
-  const t = e.target, n = t && yo(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, Io = (e) => {
+  const t = e.target, n = t && wo(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
@@ -2383,8 +2422,8 @@ const ko = (e, t, n = !0) => {
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, So = "0.12.0", fe = {};
-function Co(e, t) {
+}, $o = "0.12.1", fe = {};
+function Ro(e, t) {
   let n = fe[e];
   if (n || (n = fe[e] = []), n.push(t), v()) {
     const o = {
@@ -2401,8 +2440,8 @@ function Co(e, t) {
     }
   }
 }
-const wo = () => {
-  Co("insertMenu", {
+const To = () => {
+  Ro("insertMenu", {
     name: "_default",
     default: !0,
     items: [{
@@ -2425,13 +2464,13 @@ const wo = () => {
   });
 };
 let be = !1;
-const Io = (e = {}) => {
+const Eo = (e = {}) => {
   var t, n;
   be || (be = !0, v() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
-      target: T,
-      version: So,
+      target: E,
+      version: $o,
       supportsPatchUpdates: !1,
       supportsAddBlockScoping: !0,
       supportsCustomBreakpoints: !0
@@ -2452,8 +2491,8 @@ const Io = (e = {}) => {
           let u, m = null;
           try {
             u = c.apply(null, a);
-          } catch (h) {
-            m = h;
+          } catch (b) {
+            m = b;
           }
           m ? (r = window.parent) == null || r.postMessage({
             type: "builder.evaluateError",
@@ -2461,13 +2500,13 @@ const Io = (e = {}) => {
               id: l,
               error: m.message
             }
-          }, "*") : u && typeof u.then == "function" ? u.then((h) => {
-            var S;
-            (S = window.parent) == null || S.postMessage({
+          }, "*") : u && typeof u.then == "function" ? u.then((b) => {
+            var C;
+            (C = window.parent) == null || C.postMessage({
               type: "builder.evaluateResult",
               data: {
                 id: l,
-                result: h
+                result: b
               }
             }, "*");
           }).catch(console.error) : (i = window.parent) == null || i.postMessage({
@@ -2481,7 +2520,7 @@ const Io = (e = {}) => {
         }
       }
   })));
-}, Ro = f({
+}, Po = h({
   name: "enable-editor",
   props: [
     "builderContextSignal",
@@ -2507,24 +2546,24 @@ const Io = (e = {}) => {
       ContentWrapper: this.contentWrapper || "div",
       httpReqsData: {},
       clicked: !1,
-      builderContext: Q
+      builderContext: X
     };
   },
   provide() {
     const e = this;
     return {
-      [Q.key]: e.builderContextSignal
+      [X.key]: e.builderContextSignal
     };
   },
   mounted() {
     (() => {
       var n, o;
       if (v()) {
-        if ($() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+        if (T() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initeditingbldr")
         ), 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({
+          ee({
             type: "impression",
             canTrack: !0,
             contentId: s,
@@ -2532,7 +2571,7 @@ const Io = (e = {}) => {
             variationId: i !== s ? i : void 0
           });
         }
-        io() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+        co() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initpreviewingbldr")
         );
       }
@@ -2694,13 +2733,13 @@ const Io = (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;
-        Z({
+        ee({
           type: "click",
           canTrack: U(this.canTrack),
           contentId: r,
           apiKey: this.apiKey,
           variationId: o !== r ? o : void 0,
-          ...vo(e),
+          ...Io(e),
           unique: !this.clicked
         });
       }
@@ -2734,7 +2773,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] || $())) {
+        if (i && (!this.httpReqsData[r] || T())) {
           const s = this.evalExpression(i);
           this.handleRequest({
             url: s,
@@ -2744,7 +2783,7 @@ const Io = (e = {}) => {
       });
     },
     emitStateUpdate() {
-      $() && window.dispatchEvent(
+      T() && window.dispatchEvent(
         new CustomEvent(
           "builder:component:stateChange",
           {
@@ -2759,7 +2798,7 @@ const Io = (e = {}) => {
       );
     },
     elementRef_onIniteditingbldr(e) {
-      this.forceReRenderCount = this.forceReRenderCount + 1, window.addEventListener("message", this.processMessage), wo(), Io({
+      this.forceReRenderCount = this.forceReRenderCount + 1, window.addEventListener("message", this.processMessage), To(), Eo({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -2773,7 +2812,7 @@ const Io = (e = {}) => {
         this.builderContextSignal.componentInfos
       ).forEach((t) => {
         var o;
-        const n = jn(t);
+        const n = Hn(t);
         (o = window.parent) == null || o.postMessage(n, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
@@ -2784,7 +2823,7 @@ const Io = (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) && q({
+      n === this.model && r === this.apiKey && (!this.content || o === this.content.id) && G({
         model: this.model,
         apiKey: this.apiKey,
         apiVersion: this.builderContextSignal.apiVersion
@@ -2803,9 +2842,9 @@ const Io = (e = {}) => {
     }
   }
 });
-function $o(e, t, n, o, r, i) {
+function xo(e, t, n, o, r, i) {
   var s, a, l;
-  return e.builderContextSignal.content ? (d(), y(ke(e.ContentWrapper), C({
+  return e.builderContextSignal.content ? (d(), y(ke(e.ContentWrapper), S({
     key: e.forceReRenderCount,
     ref: "elementRef",
     onClick: (c) => e.onClick(c),
@@ -2827,9 +2866,9 @@ function $o(e, t, n, o, r, i) {
       x(e.$slots, "default")
     ]),
     _: 3
-  }, 16, ["onClick", "builder-content-id", "builder-model", "class", "onIniteditingbldr", "onInitpreviewingbldr"])) : g("v-if", !0);
+  }, 16, ["onClick", "builder-content-id", "builder-model", "class", "onIniteditingbldr", "onInitpreviewingbldr"])) : k("v-if", !0);
 }
-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) => {
+const Bo = /* @__PURE__ */ f(Po, [["render", xo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/components/enable-editor.vue"]]), Wo = (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 = "";
@@ -2855,26 +2894,26 @@ font-weight: ${a};
         `.trim());
     }
   return r;
-}, Po = ({
+}, Ao = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => Eo(n))) == null ? void 0 : t.join(" ")) || "";
-}, xo = ({
+  return ((t = e == null ? void 0 : e.map((n) => Wo(n))) == null ? void 0 : t.join(" ")) || "";
+}, Vo = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Bo = f({
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", _o = h({
   name: "content-styles",
   components: { InlinedStyles: te },
   props: ["cssCode", "contentId", "customFonts"],
   data() {
     return {
       injectedStyles: `
-${xo({
+${Vo({
         cssCode: this.cssCode,
         contentId: this.contentId
       })}
-${Po({
+${Ao({
         customFonts: this.customFonts
       })}
 
@@ -2894,11 +2933,11 @@ ${Po({
     };
   }
 });
-function Wo(e, t, n, o, r, i) {
-  const s = k("inlined-styles");
+function Oo(e, t, n, o, r, i) {
+  const s = g("inlined-styles");
   return d(), y(s, { styles: e.injectedStyles }, null, 8, ["styles"]);
 }
-const Ao = /* @__PURE__ */ b(Bo, [["render", Wo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/components/styles.vue"]]), Vo = ({
+const No = /* @__PURE__ */ f(_o, [["render", Oo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/components/styles.vue"]]), Uo = ({
   content: e,
   data: t,
   locale: n
@@ -2915,7 +2954,7 @@ const Ao = /* @__PURE__ */ b(Bo, [["render", Wo], ["__file", "/home/runner/work/
       locale: n
     } : {}
   };
-}, _o = ({
+}, jo = ({
   content: e,
   data: t
 }) => e ? {
@@ -2925,13 +2964,13 @@ const Ao = /* @__PURE__ */ b(Bo, [["render", Wo], ["__file", "/home/runner/work/
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, Oo = ze, No = f({
+} : void 0, Fo = ze, Mo = h({
   name: "content-component",
   components: {
-    EnableEditor: To,
+    EnableEditor: Bo,
     InlinedScript: _e,
-    ContentStyles: Ao,
-    Blocks: ee
+    ContentStyles: No,
+    Blocks: q
   },
   props: [
     "content",
@@ -2955,7 +2994,7 @@ const Ao = /* @__PURE__ */ b(Bo, [["render", Wo], ["__file", "/home/runner/work/
   data() {
     var e, t;
     return {
-      scriptStr: Gn({
+      scriptStr: Xn({
         variationId: (e = this.content) == null ? void 0 : e.testVariationId,
         contentId: (t = this.content) == null ? void 0 : t.id
       }),
@@ -2967,19 +3006,19 @@ const Ao = /* @__PURE__ */ b(Bo, [["render", Wo], ["__file", "/home/runner/work/
         (n, { component: o, ...r }) => ({
           ...n,
           [r.name]: {
-            component: Oo(o),
-            ...X(r)
+            component: Fo(o),
+            ...Z(r)
           }
         }),
         {}
       ),
       builderContextSignal: {
-        content: _o({
+        content: jo({
           content: this.content,
           data: this.data
         }),
         localState: void 0,
-        rootState: Vo({
+        rootState: Uo({
           content: this.content,
           data: this.data,
           locale: this.locale
@@ -2995,7 +3034,7 @@ const Ao = /* @__PURE__ */ b(Bo, [["render", Wo], ["__file", "/home/runner/work/
         ].reduce(
           (n, { component: o, ...r }) => ({
             ...n,
-            [r.name]: X(r)
+            [r.name]: Z(r)
           }),
           {}
         ),
@@ -3003,7 +3042,7 @@ const Ao = /* @__PURE__ */ b(Bo, [["render", Wo], ["__file", "/home/runner/work/
         BlocksWrapper: this.blocksWrapper || "div",
         BlocksWrapperProps: this.blocksWrapperProps || {}
       },
-      TARGET: T
+      TARGET: E
     };
   },
   provide() {
@@ -3020,9 +3059,9 @@ const Ao = /* @__PURE__ */ b(Bo, [["render", Wo], ["__file", "/home/runner/work/
     }
   }
 });
-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({
+function Lo(e, t, n, o, r, i) {
+  const s = g("inlined-script"), a = g("content-styles"), l = g("blocks"), c = g("enable-editor");
+  return d(), y(c, S({
     content: e.content,
     data: e.data,
     model: e.model,
@@ -3038,19 +3077,19 @@ function Uo(e, t, n, o, r, i) {
     contentWrapperProps: e.contentWrapperProps
   }, {}), {
     default: j(() => {
-      var u, m, h, S, B, W, V;
+      var u, m, b, C, B, W, V;
       return [
         e.isSsrAbTest ? (d(), y(s, {
           key: 0,
           scriptStr: e.scriptStr
-        }, null, 8, ["scriptStr"])) : g("v-if", !0),
+        }, null, 8, ["scriptStr"])) : k("v-if", !0),
         e.TARGET !== "reactNative" ? (d(), y(a, {
           key: 1,
           contentId: (u = e.builderContextSignal.content) == null ? void 0 : u.id,
-          cssCode: (h = (m = e.builderContextSignal.content) == null ? void 0 : m.data) == null ? void 0 : h.cssCode,
-          customFonts: (B = (S = e.builderContextSignal.content) == null ? void 0 : S.data) == null ? void 0 : B.customFonts
-        }, null, 8, ["contentId", "cssCode", "customFonts"])) : g("v-if", !0),
-        P(l, {
+          cssCode: (b = (m = e.builderContextSignal.content) == null ? void 0 : m.data) == null ? void 0 : b.cssCode,
+          customFonts: (B = (C = e.builderContextSignal.content) == null ? void 0 : C.data) == null ? void 0 : B.customFonts
+        }, null, 8, ["contentId", "cssCode", "customFonts"])) : k("v-if", !0),
+        R(l, {
           blocks: (V = (W = e.builderContextSignal.content) == null ? void 0 : W.data) == null ? void 0 : V.blocks,
           context: e.builderContextSignal,
           registeredComponents: e.registeredComponents
@@ -3060,12 +3099,12 @@ function Uo(e, t, n, o, r, i) {
     _: 1
   }, 16, ["content", "data", "model", "context", "apiKey", "canTrack", "locale", "includeRefs", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps"]);
 }
-const jo = /* @__PURE__ */ b(No, [["render", Uo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/content.vue"]]), Fo = f({
+const Ho = /* @__PURE__ */ f(Mo, [["render", Lo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/content.vue"]]), Do = h({
   name: "content-variants",
   components: {
     InlinedScript: _e,
     InlinedStyles: te,
-    ContentComponent: jo
+    ContentComponent: Ho
   },
   props: [
     "canTrack",
@@ -3087,12 +3126,12 @@ const jo = /* @__PURE__ */ b(No, [["render", Uo], ["__file", "/home/runner/work/
   ],
   data() {
     return {
-      shouldRenderVariants: Dn({
+      shouldRenderVariants: Gn({
         canTrack: U(this.canTrack),
         content: this.content
       }),
-      TARGET: T,
-      getScriptString: zn,
+      TARGET: E,
+      getScriptString: Yn,
       getVariants: H
     };
   },
@@ -3102,7 +3141,7 @@ const jo = /* @__PURE__ */ b(No, [["render", Uo], ["__file", "/home/runner/work/
   computed: {
     updateCookieAndStylesScriptStr() {
       var e;
-      return qn(
+      return Qn(
         H(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
@@ -3125,21 +3164,21 @@ const jo = /* @__PURE__ */ b(No, [["render", Uo], ["__file", "/home/runner/work/
     }
   }
 });
-function Mo(e, t, n, o, r, i) {
+function Ko(e, t, n, o, r, i) {
   var c;
-  const s = k("inlined-script"), a = k("inlined-styles"), l = k("content-component");
-  return d(), p(R, null, [
+  const s = g("inlined-script"), a = g("inlined-styles"), l = g("content-component");
+  return d(), p($, 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(R, { key: 1 }, [
-      P(a, {
+    }, null, 8, ["scriptStr"])) : k("v-if", !0),
+    e.shouldRenderVariants ? (d(), p($, { key: 1 }, [
+      R(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(R, null, N(e.getVariants(e.content), (u, m) => (d(), y(l, {
+      R(s, { scriptStr: e.updateCookieAndStylesScriptStr }, null, 8, ["scriptStr"]),
+      (d(!0), p($, null, N(e.getVariants(e.content), (u, m) => (d(), y(l, {
         key: u.testVariationId,
         content: u,
         showContent: !1,
@@ -3159,8 +3198,8 @@ function Mo(e, t, n, o, r, i) {
         contentWrapper: e.contentWrapper,
         contentWrapperProps: e.contentWrapperProps
       }, null, 8, ["content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps"]))), 128))
-    ], 64)) : g("v-if", !0),
-    P(l, C({
+    ], 64)) : k("v-if", !0),
+    R(l, S({
       content: e.defaultContent,
       showContent: !0,
       model: e.model,
@@ -3183,12 +3222,12 @@ function Mo(e, t, n, o, r, i) {
     }), null, 16, ["content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps"])
   ], 64);
 }
-const De = /* @__PURE__ */ b(Fo, [["render", Mo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content-variants/content-variants.vue"]]), Lo = async ({
+const De = /* @__PURE__ */ f(Do, [["render", Ko], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content-variants/content-variants.vue"]]), zo = async ({
   builderContextValue: e,
   symbol: t
 }) => {
   if ((t == null ? void 0 : t.model) && (e == null ? void 0 : e.apiKey))
-    return q({
+    return G({
       model: t.model,
       apiKey: e.apiKey,
       apiVersion: e.apiVersion,
@@ -3200,7 +3239,7 @@ const De = /* @__PURE__ */ b(Fo, [["render", Mo], ["__file", "/home/runner/work/
     }).catch((n) => {
       I.error("Could not fetch symbol content: ", n);
     });
-}, Ho = f({
+}, qo = h({
   name: "builder-symbol",
   components: { ContentVariants: De },
   props: [
@@ -3209,6 +3248,7 @@ const De = /* @__PURE__ */ b(Fo, [["render", Mo], ["__file", "/home/runner/work/
     "symbol",
     "dynamic",
     "builderContext",
+    "builderBlock",
     "builderComponents"
   ],
   data() {
@@ -3244,7 +3284,7 @@ const De = /* @__PURE__ */ b(Fo, [["render", Mo], ["__file", "/home/runner/work/
   },
   methods: {
     setContent() {
-      this.contentToUse || Lo({
+      this.contentToUse || zo({
         symbol: this.symbol,
         builderContextValue: this.builderContext
       }).then((e) => {
@@ -3262,30 +3302,33 @@ const De = /* @__PURE__ */ b(Fo, [["render", Mo], ["__file", "/home/runner/work/
     }
   }
 });
-function Do(e, t, n, o, r, i) {
-  var a, l, c, u;
-  const s = k("content-variants");
-  return d(), p("div", C({
+function Go(e, t, n, o, r, i) {
+  var a, l, c, u, m;
+  const s = g("content-variants");
+  return d(), p("div", S({
     class: e._classStringToObject(e.className)
   }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    P(s, {
+    R(s, {
       __isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
       apiKey: e.builderContext.apiKey,
-      context: e.builderContext.context,
+      context: {
+        ...e.builderContext.context,
+        symbolId: (a = e.builderBlock) == null ? void 0 : a.id
+      },
       customComponents: Object.values(e.builderComponents),
       data: {
-        ...(a = e.symbol) == null ? void 0 : a.data,
+        ...(l = e.symbol) == null ? void 0 : l.data,
         ...e.builderContext.localState,
-        ...(c = (l = e.contentToUse) == null ? void 0 : l.data) == null ? void 0 : c.state
+        ...(u = (c = e.contentToUse) == null ? void 0 : c.data) == null ? void 0 : u.state
       },
-      model: (u = e.symbol) == null ? void 0 : u.model,
+      model: (m = e.symbol) == null ? void 0 : m.model,
       content: e.contentToUse
     }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "model", "content"])
   ], 16);
 }
-const Ko = /* @__PURE__ */ b(Ho, [["render", Do], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/symbol/symbol.vue"]]), Zo = ee, er = De, ge = {};
-function tr(e) {
+const Jo = /* @__PURE__ */ f(qo, [["render", Go], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/symbol/symbol.vue"]]), or = q, rr = De, ge = {};
+function ir(e) {
   if (v()) {
     Object.assign(ge, e);
     const t = {
@@ -3295,7 +3338,7 @@ function tr(e) {
     parent.postMessage(t, "*");
   }
 }
-const nr = async (e) => {
+const sr = 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,
@@ -3312,45 +3355,45 @@ const nr = async (e) => {
   return {
     apiKey: n.apiKey,
     model: n.model,
-    content: await q(n)
+    content: await G(n)
   };
 };
 export {
-  nr as A,
+  sr as A,
   Ie as B,
   De as C,
-  Go as D,
+  Xo as D,
   Wt as F,
   te as I,
-  Zo as R,
+  or as R,
   Ht as S,
-  T,
-  Un as V,
-  b as _,
-  $t as a,
-  Jo as b,
+  E as T,
+  Ln as V,
+  f as _,
+  Rt as a,
+  Zo as b,
   A as c,
-  Q as d,
+  X as d,
   K as e,
-  ee as f,
+  q as f,
   we as g,
-  er as h,
+  rr as h,
   Ye as i,
   Pt as j,
   Ft as k,
-  Ko as l,
-  Pn as m,
-  $ as n,
-  io as o,
-  jn as p,
-  ro as q,
-  Co as r,
-  tr as s,
+  Jo as l,
+  An as m,
+  T as n,
+  co as o,
+  Hn as p,
+  lo as q,
+  Ro as r,
+  ir as s,
   je as t,
-  q as u,
-  Qo as v,
-  Oo as w,
-  Yo as x,
+  G as u,
+  tr as v,
+  Fo as w,
+  er as x,
   Ne as y,
-  Xo as z
+  nr as z
 };