@builder.io/sdk-vue 0.8.1 → 0.9.0

package/vue3/lib/node/{index.14c688da.js → index.558533a1.js}

@@ -1,5 +1,5 @@
 import "./style.css";
-import { defineComponent, openBlock, createElementBlock, mergeProps, toHandlers, toDisplayString, defineAsyncComponent, resolveComponent, Fragment as Fragment$1, createBlock, createCommentVNode, renderList, withCtx, createVNode, h, renderSlot, createElementVNode, normalizeStyle, normalizeClass, markRaw } from "vue";
+import { defineComponent, openBlock, createElementBlock, mergeProps, toHandlers, toDisplayString, defineAsyncComponent, resolveComponent, Fragment as Fragment$1, createBlock, createCommentVNode, renderList, withCtx, createVNode, h, resolveDynamicComponent, renderSlot, createElementVNode, normalizeStyle, normalizeClass, markRaw } from "vue";
 import { createRequire } from "node:module";
 function filterAttrs(e = {}, t, n) {
   const o = {};
@@ -33,14 +33,14 @@ const _sfc_main$k = defineComponent({
   for (const [o, r] of t)
     n[o] = r;
   return n;
-}, _hoisted_1$8 = ["href", "target"];
+}, _hoisted_1$6 = ["href", "target"];
 function _sfc_render$i(e, t, n, o, r, s) {
   return e.link ? (openBlock(), createElementBlock("a", mergeProps({
     key: 0,
     href: e.link,
     target: e.openLinkInNewTab ? "_blank" : void 0,
     role: "button"
-  }, e.filterAttrs(e.attributes, "v-on:", !1), toHandlers(e.filterAttrs(e.attributes, "v-on:", !0), !0)), toDisplayString(e.text), 17, _hoisted_1$8)) : (openBlock(), createElementBlock("button", mergeProps({
+  }, e.filterAttrs(e.attributes, "v-on:", !1), toHandlers(e.filterAttrs(e.attributes, "v-on:", !0), !0)), toDisplayString(e.text), 17, _hoisted_1$6)) : (openBlock(), createElementBlock("button", mergeProps({
     key: 1,
     style: e.attributes.style,
     class: e._classStringToObject(e.attributes.class + " button-21azgz5avex")
@@ -57,7 +57,9 @@ const Button = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$
     apiKey: null,
     apiVersion: void 0,
     componentInfos: {},
-    inheritedStyles: {}
+    inheritedStyles: {},
+    BlocksWrapper: "div",
+    BlocksWrapperProps: {}
   },
   key: key$1
 }, key = Symbol(), ComponentsContext = {
@@ -276,14 +278,14 @@ output;
     ) : null;
     d.setSync(getSyncValName(m), b);
   }), d.setSync(INJECTED_IVM_GLOBAL, ivm);
-  const p = processCode({
+  const u = processCode({
     code: e,
     args: c
-  }), u = l.evalSync(p);
+  }), p = l.evalSync(u);
   try {
-    return JSON.parse(u);
+    return JSON.parse(p);
   } catch {
-    return u;
+    return p;
   }
 }, chooseBrowserOrServerEval = (e) => isBrowser() ? runInBrowser(e) : runInNode(e);
 function evaluate({
@@ -429,17 +431,17 @@ const EMPTY_HTML_ELEMENTS = ["area", "base", "br", "col", "embed", "hr", "img",
     "Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
     e
   ), e;
-}), BlockWrapper = () => import("./block-wrapper.1140bc59.js").then((e) => e.default).catch((e) => {
+}), BlockWrapper = () => import("./block-wrapper.728d47ca.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;
-}), ComponentRef = () => import("./component-ref.cad6e759.js").then((e) => e.default).catch((e) => {
+}), ComponentRef = () => import("./component-ref.f9faaca2.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;
-}), RepeatedBlock = () => import("./repeated-block.e72a8275.js").then((e) => e.default).catch((e) => {
+}), RepeatedBlock = () => import("./repeated-block.38b9803d.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
@@ -517,10 +519,10 @@ const EMPTY_HTML_ELEMENTS = ["area", "base", "br", "col", "embed", "hr", "img",
   }
 });
 function _sfc_render$h(e, t, n, o, r, s) {
-  var p;
+  var u;
   const i = resolveComponent("block-wrapper"), a = resolveComponent("repeated-block"), c = resolveComponent("component-ref"), l = resolveComponent("block", !0), d = resolveComponent("block-styles");
   return e.canShowBlock ? (openBlock(), createElementBlock(Fragment$1, { key: 0 }, [
-    (p = e.blockComponent) != null && p.noWrap ? (openBlock(), createBlock(c, {
+    (u = e.blockComponent) != null && u.noWrap ? (openBlock(), createBlock(c, {
       key: 1,
       componentRef: e.componentRefProps.componentRef,
       componentOptions: e.componentRefProps.componentOptions,
@@ -538,10 +540,10 @@ function _sfc_render$h(e, t, n, o, r, s) {
         context: e.context,
         hasChildren: !1
       }, null, 8, ["Wrapper", "block", "context"])) : createCommentVNode("v-if", !0),
-      !e.isEmptyHtmlElement(e.Tag) && e.repeatItem ? (openBlock(!0), createElementBlock(Fragment$1, { key: 1 }, renderList(e.repeatItem, (u, m) => (openBlock(), createBlock(a, {
+      !e.isEmptyHtmlElement(e.Tag) && e.repeatItem ? (openBlock(!0), createElementBlock(Fragment$1, { key: 1 }, renderList(e.repeatItem, (p, m) => (openBlock(), createBlock(a, {
         key: m,
-        repeatContext: u.context,
-        block: u.block,
+        repeatContext: p.context,
+        block: p.block,
         registeredComponents: e.registeredComponents
       }, null, 8, ["repeatContext", "block", "registeredComponents"]))), 128)) : createCommentVNode("v-if", !0),
       !e.isEmptyHtmlElement(e.Tag) && !e.repeatItem ? (openBlock(), createBlock(i, {
@@ -562,15 +564,15 @@ function _sfc_render$h(e, t, n, o, r, s) {
             includeBlockProps: e.componentRefProps.includeBlockProps,
             isInteractive: e.componentRefProps.isInteractive
           }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "builderBlock", "includeBlockProps", "isInteractive"]),
-          (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.childrenWithoutParentComponent, (u, m) => (openBlock(), createBlock(l, {
-            key: "block-" + u.id,
-            block: u,
+          (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.childrenWithoutParentComponent, (p, m) => (openBlock(), createBlock(l, {
+            key: "block-" + p.id,
+            block: p,
             context: e.childrenContext,
             registeredComponents: e.registeredComponents
           }, null, 8, ["block", "context", "registeredComponents"]))), 128)),
-          (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.childrenWithoutParentComponent, (u, m) => (openBlock(), createBlock(d, {
-            key: "block-style-" + u.id,
-            block: u,
+          (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.childrenWithoutParentComponent, (p, m) => (openBlock(), createBlock(d, {
+            key: "block-style-" + p.id,
+            block: p,
             context: e.childrenContext
           }, null, 8, ["block", "context"]))), 128))
         ]),
@@ -649,7 +651,7 @@ const Block = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$h
       return checkIsDefined(e.hide) ? !e.hide : checkIsDefined(e.show) ? e.show : !0;
     },
     css() {
-      var p;
+      var u;
       const e = getProcessedBlock({
         block: this.block,
         localState: this.context.localState,
@@ -658,7 +660,7 @@ const Block = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$h
         context: this.context.context,
         shouldEvaluateBindings: !0
       }), t = e.responsiveStyles, n = this.context.content, o = getSizesForBreakpoints(
-        ((p = n == null ? void 0 : n.meta) == null ? void 0 : p.breakpoints) || {}
+        ((u = n == null ? void 0 : n.meta) == null ? void 0 : u.breakpoints) || {}
       ), r = t == null ? void 0 : t.large, s = t == null ? void 0 : t.medium, i = t == null ? void 0 : t.small, a = e.id;
       if (!a)
         return "";
@@ -696,7 +698,14 @@ const BlockStyles = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_re
   default: BlockStyles
 }, Symbol.toStringTag, { value: "Module" })), _sfc_main$g = defineComponent({
   name: "builder-blocks-wrapper",
-  props: ["blocks", "parent", "path", "styleProp"],
+  props: [
+    "BlocksWrapper",
+    "blocks",
+    "parent",
+    "path",
+    "styleProp",
+    "BlocksWrapperProps"
+  ],
   computed: {
     className() {
       var e;
@@ -740,19 +749,22 @@ const BlockStyles = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_re
       return t;
     }
   }
-}), blocksWrapper_vue_vue_type_style_index_0_scoped_1f8aab9f_lang = "", _hoisted_1$7 = ["builder-path", "builder-parent-id"];
+}), blocksWrapper_vue_vue_type_style_index_0_scoped_1f8aab9f_lang = "";
 function _sfc_render$f(e, t, n, o, r, s) {
-  return openBlock(), createElementBlock("div", mergeProps({
-    class: e._classStringToObject(e.className + " div-178o76acnws"),
+  return openBlock(), createBlock(resolveDynamicComponent(e.BlocksWrapper), mergeProps({
+    class: e._classStringToObject(e.className + " component-178o76acnws"),
     "builder-path": e.path,
     "builder-parent-id": e.parent,
     style: e.styleProp,
-    onClick: t[0] || (t[0] = (i) => e.onClick()),
-    onMouseenter: t[1] || (t[1] = (i) => e.onMouseEnter()),
-    onKeypress: t[2] || (t[2] = (i) => e.onClick())
-  }, {}), [
-    renderSlot(e.$slots, "default", {}, void 0, !0)
-  ], 16, _hoisted_1$7);
+    onClick: (i) => e.onClick(),
+    onMouseEnter: (i) => e.onMouseEnter(),
+    onKeyPress: (i) => e.onClick()
+  }, { ...e.BlocksWrapperProps }), {
+    default: withCtx(() => [
+      renderSlot(e.$slots, "default", {}, void 0, !0)
+    ]),
+    _: 3
+  }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
 const BlocksWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$f], ["__scopeId", "data-v-1f8aab9f"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/blocks/blocks-wrapper.vue"]]), _sfc_main$f = defineComponent({
   name: "builder-blocks",
@@ -775,28 +787,31 @@ const BlocksWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_
   }
 });
 function _sfc_render$e(e, t, n, o, r, s) {
+  var l, d;
   const i = resolveComponent("block"), a = resolveComponent("block-styles"), c = resolveComponent("blocks-wrapper");
   return openBlock(), createBlock(c, {
     blocks: e.blocks,
     parent: e.parent,
     path: e.path,
-    styleProp: e.styleProp
+    styleProp: e.styleProp,
+    BlocksWrapper: (l = e.context) == null ? void 0 : l.BlocksWrapper,
+    BlocksWrapperProps: (d = e.context) == null ? void 0 : d.BlocksWrapperProps
   }, {
     default: withCtx(() => [
-      e.blocks ? (openBlock(!0), createElementBlock(Fragment$1, { key: 0 }, renderList(e.blocks, (l, d) => (openBlock(), createBlock(i, {
-        key: "render-block-" + l.id,
-        block: l,
+      e.blocks ? (openBlock(!0), createElementBlock(Fragment$1, { key: 0 }, renderList(e.blocks, (u, p) => (openBlock(), createBlock(i, {
+        key: "render-block-" + u.id,
+        block: u,
         context: e.context || e.builderContext,
         registeredComponents: e.registeredComponents || e.componentsContext.registeredComponents
       }, null, 8, ["block", "context", "registeredComponents"]))), 128)) : createCommentVNode("v-if", !0),
-      e.blocks ? (openBlock(!0), createElementBlock(Fragment$1, { key: 1 }, renderList(e.blocks, (l, d) => (openBlock(), createBlock(a, {
-        key: "block-style-" + l.id,
-        block: l,
+      e.blocks ? (openBlock(!0), createElementBlock(Fragment$1, { key: 1 }, renderList(e.blocks, (u, p) => (openBlock(), createBlock(a, {
+        key: "block-style-" + u.id,
+        block: u,
         context: e.context || e.builderContext
       }, null, 8, ["block", "context"]))), 128)) : createCommentVNode("v-if", !0)
     ]),
     _: 1
-  }, 8, ["blocks", "parent", "path", "styleProp"]);
+  }, 8, ["blocks", "parent", "path", "styleProp", "BlocksWrapper", "BlocksWrapperProps"]);
 }
 const Blocks = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$e], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/blocks/blocks.vue"]]), _sfc_main$e = defineComponent({
   name: "builder-columns",
@@ -1044,7 +1059,7 @@ const _sfc_main$c = defineComponent({
       return t;
     }
   }
-}), image_vue_vue_type_style_index_0_scoped_58ca75d1_lang = "", _hoisted_1$6 = ["srcset"], _hoisted_2$1 = ["alt", "role", "src", "srcset", "sizes"], _hoisted_3$1 = {
+}), image_vue_vue_type_style_index_0_scoped_58ca75d1_lang = "", _hoisted_1$5 = ["srcset"], _hoisted_2$1 = ["alt", "role", "src", "srcset", "sizes"], _hoisted_3$1 = {
   key: 2,
   class: "div-1be3j8m9ewb-2"
 };
@@ -1056,7 +1071,7 @@ function _sfc_render$b(e, t, n, o, r, s) {
         key: 0,
         type: "image/webp",
         srcset: e.webpSrcSet
-      }, null, 8, _hoisted_1$6)) : createCommentVNode("v-if", !0),
+      }, null, 8, _hoisted_1$5)) : createCommentVNode("v-if", !0),
       createElementVNode("img", {
         loading: "lazy",
         alt: e.altText,
@@ -1547,7 +1562,7 @@ const Section = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render
       return t;
     }
   }
-}), _hoisted_1$5 = ["innerHTML"];
+}), _hoisted_1$4 = ["innerHTML"];
 function _sfc_render$9(e, t, n, o, r, s) {
   return openBlock(), createElementBlock("div", {
     ref: "elementRef",
@@ -1557,7 +1572,7 @@ function _sfc_render$9(e, t, n, o, r, s) {
       )
     ),
     innerHTML: e.code
-  }, null, 10, _hoisted_1$5);
+  }, null, 10, _hoisted_1$4);
 }
 const customCode = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$9], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/custom-code/custom-code.vue"]]), componentInfo$7 = {
   name: "Embed",
@@ -1626,13 +1641,13 @@ const customCode = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_ren
       }
     }
   }
-}), _hoisted_1$4 = ["innerHTML"];
+}), _hoisted_1$3 = ["innerHTML"];
 function _sfc_render$8(e, t, n, o, r, s) {
   return openBlock(), createElementBlock("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: e.content
-  }, null, 8, _hoisted_1$4);
+  }, null, 8, _hoisted_1$3);
 }
 const embed = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$8], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/embed/embed.vue"]]), componentInfo$6 = {
   name: "Fragment",
@@ -1663,13 +1678,13 @@ const embed = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$8
       function n(i, a = 6e4) {
         return new Promise((c, l) => {
           const d = document.createElement("img");
-          let p = !1;
+          let u = !1;
           d.onload = () => {
-            p = !0, c(d);
-          }, d.addEventListener("error", (u) => {
-            console.warn("Image load failed", u.error), l(u.error);
+            u = !0, c(d);
+          }, d.addEventListener("error", (p) => {
+            console.warn("Image load failed", p.error), l(p.error);
           }), d.src = i, setTimeout(() => {
-            p || l(new Error("Image load timed out"));
+            u || l(new Error("Image load timed out"));
           }, a);
         });
       }
@@ -1766,7 +1781,7 @@ const embed = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$8
   data() {
     return { isEditing, filterAttrs };
   }
-}), _hoisted_1$3 = ["alt", "src"];
+}), _hoisted_1$2 = ["alt", "src"];
 function _sfc_render$7(e, t, n, o, r, s) {
   return openBlock(), createElementBlock("img", mergeProps({
     style: {
@@ -1776,7 +1791,7 @@ function _sfc_render$7(e, t, n, o, r, s) {
     key: e.isEditing() && e.imgSrc || "default-key",
     alt: e.altText,
     src: e.imgSrc || e.image
-  }, e.filterAttrs(e.attributes, "v-on:", !1), toHandlers(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, _hoisted_1$3);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), toHandlers(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, _hoisted_1$2);
 }
 const Img = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$7], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/img/img.vue"]]), componentInfo$3 = {
   name: "Core:Section",
@@ -1871,7 +1886,7 @@ const Img = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$7],
 }, _sfc_main$7 = defineComponent({
   name: "builder-text",
   props: ["text"]
-}), _hoisted_1$2 = ["innerHTML"];
+}), _hoisted_1$1 = ["innerHTML"];
 function _sfc_render$6(e, t, n, o, r, s) {
   var i;
   return openBlock(), createElementBlock("div", {
@@ -1880,7 +1895,7 @@ function _sfc_render$6(e, t, n, o, r, s) {
     style: {
       outline: "none"
     }
-  }, null, 8, _hoisted_1$2);
+  }, null, 8, _hoisted_1$1);
 }
 const Text = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$6], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/text/text.vue"]]), componentInfo = {
   name: "Video",
@@ -2008,7 +2023,7 @@ const Text = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$6]
       };
     }
   }
-}), _hoisted_1$1 = { style: {
+}), _hoisted_1 = { style: {
   position: "relative"
 } }, _hoisted_2 = ["preload", "src", "poster"], _hoisted_3 = ["src"], _hoisted_4 = {
   key: 1,
@@ -2032,8 +2047,8 @@ const Text = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$6]
   }
 };
 function _sfc_render$5(e, t, n, o, r, s) {
-  var i, a, c, l, d, p, u;
-  return openBlock(), createElementBlock("div", _hoisted_1$1, [
+  var i, a, c, l, d, u, p;
+  return openBlock(), createElementBlock("div", _hoisted_1, [
     createElementVNode("video", mergeProps({
       class: "builder-video",
       preload: e.preload || "metadata",
@@ -2070,7 +2085,7 @@ function _sfc_render$5(e, t, n, o, r, s) {
     ((d = (l = e.builderBlock) == null ? void 0 : l.children) == null ? void 0 : d.length) && e.fitContent ? (openBlock(), createElementBlock("div", _hoisted_4, [
       renderSlot(e.$slots, "default")
     ])) : createCommentVNode("v-if", !0),
-    ((u = (p = e.builderBlock) == null ? void 0 : p.children) == null ? void 0 : u.length) && !e.fitContent ? (openBlock(), createElementBlock("div", _hoisted_5, [
+    ((p = (u = e.builderBlock) == null ? void 0 : u.children) == null ? void 0 : p.length) && !e.fitContent ? (openBlock(), createElementBlock("div", _hoisted_5, [
       renderSlot(e.$slots, "default")
     ])) : createCommentVNode("v-if", !0)
   ]);
@@ -2295,13 +2310,13 @@ const DEFAULT_API_VERSION = "v3", BUILDER_SEARCHPARAMS_PREFIX = "builder.", BUIL
     enrich: c,
     locale: l,
     apiVersion: d = DEFAULT_API_VERSION,
-    fields: p,
-    omit: u,
+    fields: u,
+    omit: p,
     offset: m,
     cacheSeconds: f,
     staleCacheSeconds: b,
     sort: y,
-    includeUnpublished: v
+    includeUnpublished: C
   } = e;
   if (!i)
     throw new Error("Missing API key");
@@ -2309,19 +2324,19 @@ const DEFAULT_API_VERSION = "v3", BUILDER_SEARCHPARAMS_PREFIX = "builder.", BUIL
     throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${d}'`);
   (e.limit === void 0 || e.limit > 1) && !("noTraverse" in e) && (t = !0);
   const g = new URL(`https://cdn.builder.io/api/${d}/content/${s}?apiKey=${i}&limit=${n}&noTraverse=${t}&includeRefs=${a}${l ? `&locale=${l}` : ""}${c ? `&enrich=${c}` : ""}`);
-  if (g.searchParams.set("omit", u || "meta.componentsUsed"), p && g.searchParams.set("fields", p), Number.isFinite(m) && m > -1 && g.searchParams.set("offset", String(Math.floor(m))), typeof v == "boolean" && g.searchParams.set("includeUnpublished", String(v)), f && isPositiveNumber(f) && g.searchParams.set("cacheSeconds", String(f)), b && isPositiveNumber(b) && g.searchParams.set("staleCacheSeconds", String(b)), y) {
+  if (g.searchParams.set("omit", p || "meta.componentsUsed"), u && g.searchParams.set("fields", u), Number.isFinite(m) && m > -1 && g.searchParams.set("offset", String(Math.floor(m))), typeof C == "boolean" && g.searchParams.set("includeUnpublished", String(C)), f && isPositiveNumber(f) && g.searchParams.set("cacheSeconds", String(f)), b && isPositiveNumber(b) && g.searchParams.set("staleCacheSeconds", String(b)), y) {
     const k = flatten({
       sort: y
     });
     for (const S in k)
       g.searchParams.set(S, JSON.stringify(k[S]));
   }
-  const _ = {
+  const I = {
     ...getBuilderSearchParamsFromWindow(),
     ...normalizeSearchParams(e.options || {})
-  }, C = flatten(_);
-  for (const k in C)
-    g.searchParams.set(k, String(C[k]));
+  }, v = flatten(I);
+  for (const k in v)
+    g.searchParams.set(k, String(v[k]));
   if (o && g.searchParams.set("userAttributes", JSON.stringify(o)), r) {
     const k = flatten({
       query: r
@@ -2558,7 +2573,7 @@ const findParentElement = (e, t, n = !0) => {
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, SDK_VERSION = "0.8.1", registry = {};
+}, SDK_VERSION = "0.9.0", registry = {};
 function register(e, t) {
   let n = registry[e];
   if (n || (n = registry[e] = []), n.push(t), isBrowser()) {
@@ -2624,25 +2639,25 @@ const setupBrowserForEditing = (e = {}) => {
       switch (o.type) {
         case "builder.evaluate": {
           const i = o.data.text, a = o.data.arguments || [], c = o.data.id, l = new Function(i);
-          let d, p = null;
+          let d, u = null;
           try {
             d = l.apply(null, a);
-          } catch (u) {
-            p = u;
+          } catch (p) {
+            u = p;
           }
-          p ? (r = window.parent) == null || r.postMessage({
+          u ? (r = window.parent) == null || r.postMessage({
             type: "builder.evaluateError",
             data: {
               id: c,
-              error: p.message
+              error: u.message
             }
-          }, "*") : d && typeof d.then == "function" ? d.then((u) => {
+          }, "*") : d && typeof d.then == "function" ? d.then((p) => {
             var m;
             (m = window.parent) == null || m.postMessage({
               type: "builder.evaluateResult",
               data: {
                 id: c,
-                result: u
+                result: p
               }
             }, "*");
           }).catch(console.error) : (s = window.parent) == null || s.postMessage({
@@ -2660,6 +2675,7 @@ const setupBrowserForEditing = (e = {}) => {
   name: "enable-editor",
   props: [
     "builderContextSignal",
+    "contentWrapper",
     "model",
     "context",
     "canTrack",
@@ -2668,13 +2684,15 @@ const setupBrowserForEditing = (e = {}) => {
     "includeRefs",
     "enrich",
     "content",
-    "showContent"
+    "showContent",
+    "contentWrapperProps"
   ],
   data() {
     return {
       forceReRenderCount: 0,
       lastUpdated: 0,
       shouldSendResetCookie: !1,
+      ContentWrapper: this.contentWrapper || "div",
       httpReqsData: {},
       clicked: !1,
       builderContext: BuilderContext
@@ -2940,28 +2958,32 @@ const setupBrowserForEditing = (e = {}) => {
       return t;
     }
   }
-}), _hoisted_1 = ["builder-content-id", "builder-model"];
+});
 function _sfc_render$4(e, t, n, o, r, s) {
   var i, a, c;
-  return e.builderContextSignal.content ? (openBlock(), createElementBlock("div", mergeProps({
+  return e.builderContextSignal.content ? (openBlock(), createBlock(resolveDynamicComponent(e.ContentWrapper), mergeProps({
     key: e.forceReRenderCount,
     ref: "elementRef",
-    onClick: t[0] || (t[0] = (l) => e.onClick(l)),
+    onClick: (l) => e.onClick(l),
     "builder-content-id": (i = e.builderContextSignal.content) == null ? void 0 : i.id,
     "builder-model": e.model,
     class: e._classStringToObject(
       `variant-${((a = e.content) == null ? void 0 : a.testVariationId) || ((c = e.content) == null ? void 0 : c.id)}`
     ),
-    onIniteditingbldr: t[1] || (t[1] = (l) => e.elementRef_onIniteditingbldr(l)),
-    onInitpreviewingbldr: t[2] || (t[2] = (l) => e.elementRef_onInitpreviewingbldr(l))
+    onIniteditingbldr: (l) => e.elementRef_onIniteditingbldr(l),
+    onInitpreviewingbldr: (l) => e.elementRef_onInitpreviewingbldr(l)
   }, {
     ...e.showContent ? {} : {
       hidden: !0,
       "aria-hidden": !0
-    }
-  }), [
-    renderSlot(e.$slots, "default")
-  ], 16, _hoisted_1)) : createCommentVNode("v-if", !0);
+    },
+    ...e.contentWrapperProps
+  }), {
+    default: withCtx(() => [
+      renderSlot(e.$slots, "default")
+    ]),
+    _: 3
+  }, 16, ["onClick", "builder-content-id", "builder-model", "class", "onIniteditingbldr", "onInitpreviewingbldr"])) : createCommentVNode("v-if", !0);
 }
 const EnableEditor = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content/components/enable-editor.vue"]]), getCssFromFont = (e) => {
   var s, i;
@@ -3075,11 +3097,15 @@ const ContentStyles = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_
     "context",
     "apiKey",
     "apiVersion",
+    "blocksWrapper",
+    "blocksWrapperProps",
     "model",
     "canTrack",
     "includeRefs",
     "enrich",
     "showContent",
+    "contentWrapper",
+    "contentWrapperProps",
     "isSsrAbTest"
   ],
   data() {
@@ -3129,7 +3155,9 @@ const ContentStyles = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_
           }),
           {}
         ),
-        inheritedStyles: {}
+        inheritedStyles: {},
+        BlocksWrapper: this.blocksWrapper || "div",
+        BlocksWrapperProps: this.blocksWrapperProps || {}
       },
       TARGET
     };
@@ -3160,10 +3188,12 @@ function _sfc_render$2(e, t, n, o, r, s) {
     includeRefs: e.includeRefs,
     enrich: e.enrich,
     showContent: e.showContent,
-    builderContextSignal: e.builderContextSignal
+    builderContextSignal: e.builderContextSignal,
+    contentWrapper: e.contentWrapper,
+    contentWrapperProps: e.contentWrapperProps
   }, {}), {
     default: withCtx(() => {
-      var d, p, u, m, f, b, y;
+      var d, u, p, m, f, b, y;
       return [
         e.isSsrAbTest ? (openBlock(), createBlock(i, {
           key: 0,
@@ -3172,7 +3202,7 @@ function _sfc_render$2(e, t, n, o, r, s) {
         e.TARGET !== "reactNative" ? (openBlock(), createBlock(a, {
           key: 1,
           contentId: (d = e.builderContextSignal.content) == null ? void 0 : d.id,
-          cssCode: (u = (p = e.builderContextSignal.content) == null ? void 0 : p.data) == null ? void 0 : u.cssCode,
+          cssCode: (p = (u = e.builderContextSignal.content) == null ? void 0 : u.data) == null ? void 0 : p.cssCode,
           customFonts: (f = (m = e.builderContextSignal.content) == null ? void 0 : m.data) == null ? void 0 : f.customFonts
         }, null, 8, ["contentId", "cssCode", "customFonts"])) : createCommentVNode("v-if", !0),
         createVNode(c, {
@@ -3183,7 +3213,7 @@ function _sfc_render$2(e, t, n, o, r, s) {
       ];
     }),
     _: 1
-  }, 16, ["content", "model", "context", "apiKey", "canTrack", "locale", "includeRefs", "enrich", "showContent", "builderContextSignal"]);
+  }, 16, ["content", "model", "context", "apiKey", "canTrack", "locale", "includeRefs", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps"]);
 }
 const ContentComponent = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content/content.vue"]]), _sfc_main$1 = defineComponent({
   name: "content-variants",
@@ -3204,7 +3234,11 @@ const ContentComponent = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _s
     "customComponents",
     "locale",
     "includeRefs",
-    "enrich"
+    "enrich",
+    "blocksWrapper",
+    "blocksWrapperProps",
+    "contentWrapper",
+    "contentWrapperProps"
   ],
   data() {
     return {
@@ -3260,7 +3294,7 @@ function _sfc_render$1(e, t, n, o, r, s) {
         styles: e.hideVariantsStyleString
       }, null, 8, ["id", "styles"]),
       createVNode(i, { scriptStr: e.updateCookieAndStylesScriptStr }, null, 8, ["scriptStr"]),
-      (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.getVariants(e.content), (d, p) => (openBlock(), createBlock(c, {
+      (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.getVariants(e.content), (d, u) => (openBlock(), createBlock(c, {
         key: d.testVariationId,
         content: d,
         showContent: !1,
@@ -3274,8 +3308,12 @@ function _sfc_render$1(e, t, n, o, r, s) {
         locale: e.locale,
         includeRefs: e.includeRefs,
         enrich: e.enrich,
-        isSsrAbTest: e.shouldRenderVariants
-      }, null, 8, ["content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest"]))), 128))
+        isSsrAbTest: e.shouldRenderVariants,
+        blocksWrapper: e.blocksWrapper,
+        blocksWrapperProps: e.blocksWrapperProps,
+        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)) : createCommentVNode("v-if", !0),
     createVNode(c, mergeProps({
       content: e.defaultContent,
@@ -3290,10 +3328,14 @@ function _sfc_render$1(e, t, n, o, r, s) {
       locale: e.locale,
       includeRefs: e.includeRefs,
       enrich: e.enrich,
-      isSsrAbTest: e.shouldRenderVariants
+      isSsrAbTest: e.shouldRenderVariants,
+      blocksWrapper: e.blocksWrapper,
+      blocksWrapperProps: e.blocksWrapperProps,
+      contentWrapper: e.contentWrapper,
+      contentWrapperProps: e.contentWrapperProps
     }, {
       key: e.shouldRenderVariants.toString()
-    }), null, 16, ["content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest"])
+    }), null, 16, ["content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps"])
   ], 64);
 }
 const Content = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content-variants/content-variants.vue"]]), fetchSymbolContent = async ({