@builder.io/sdk-vue 0.12.1 → 0.12.2

package/lib/node/{index.73c9ec13.js → index.36c2b72c.js}

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, mergeProps, toHandlers, toDisplayString, defineAsyncComponent, resolveComponent, Fragment as Fragment$1, createVNode, createBlock, createCommentVNode, renderList, withCtx, resolveDynamicComponent, renderSlot, h, createElementVNode, normalizeStyle, normalizeClass, markRaw } from "vue";
+import { defineComponent, openBlock, createElementBlock, mergeProps, toHandlers, toDisplayString, defineAsyncComponent, resolveComponent, Fragment as Fragment$1, createVNode, createBlock, withCtx, renderList, createCommentVNode, resolveDynamicComponent, renderSlot, h, createElementVNode, normalizeStyle, normalizeClass, markRaw } from "vue";
 import { createRequire } from "node:module";
 function filterAttrs(e = {}, t, n) {
   const o = {};
@@ -15,17 +15,6 @@ const _sfc_main$k = defineComponent({
   props: ["attributes", "text", "link", "openLinkInNewTab"],
   data() {
     return { filterAttrs };
-  },
-  methods: {
-    _classStringToObject(e) {
-      const t = {};
-      if (typeof e != "string")
-        return t;
-      const n = e.trim().split(/\s+/);
-      for (const o of n)
-        t[o] = !0;
-      return t;
-    }
   }
 }), button_vue_vue_type_style_index_0_scoped_becdf225_lang = "", _export_sfc = (e, t) => {
   const n = e.__vccOpts || e;
@@ -42,7 +31,7 @@ function _sfc_render$i(e, t, n, o, r, i) {
   }, 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")
+    class: e.attributes.class + " button-21azgz5avex"
   }, e.filterAttrs(e.attributes, "v-on:", !1), toHandlers(e.filterAttrs(e.attributes, "v-on:", !0), !0)), toDisplayString(e.text), 17));
 }
 const Button = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$i], ["__scopeId", "data-v-becdf225"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/button/button.vue"]]), key$1 = Symbol(), BuilderContext = {
@@ -355,7 +344,7 @@ function getProcessedBlock({
     context: t
   }) : s;
 }
-const EMPTY_HTML_ELEMENTS = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"], isEmptyHtmlElement = (e) => typeof e == "string" && EMPTY_HTML_ELEMENTS.includes(e.toLowerCase()), getComponent = ({
+const getComponent = ({
   block: e,
   context: t,
   registeredComponents: n
@@ -410,22 +399,22 @@ const EMPTY_HTML_ELEMENTS = ["area", "base", "br", "col", "embed", "hr", "img",
     },
     block: o
   }));
-}, BlockStyles = () => import("./block-styles.9378e041.js").then((e) => e.default).catch((e) => {
+}, BlockStyles = () => import("./block-styles.136d6f08.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;
-}), BlockWrapper = () => import("./block-wrapper.20c333af.js").then((e) => e.default).catch((e) => {
+}), BlockWrapper = () => import("./block-wrapper.18e00652.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.85cf8aff.js").then((e) => e.default).catch((e) => {
+}), ComponentRef = () => import("./component-ref.c1216d72.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.6972ade9.js").then((e) => e.default).catch((e) => {
+}), RepeatedBlock = () => import("./repeated-block.98cf3e1d.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
@@ -435,12 +424,12 @@ const EMPTY_HTML_ELEMENTS = ["area", "base", "br", "col", "embed", "hr", "img",
   components: {
     BlockStyles: defineAsyncComponent(BlockStyles),
     ComponentRef: defineAsyncComponent(ComponentRef),
-    BlockWrapper: defineAsyncComponent(BlockWrapper),
-    RepeatedBlock: defineAsyncComponent(RepeatedBlock)
+    RepeatedBlock: defineAsyncComponent(RepeatedBlock),
+    BlockWrapper: defineAsyncComponent(BlockWrapper)
   },
   props: ["block", "context", "registeredComponents"],
   data() {
-    return { childrenContext: this.context, isEmptyHtmlElement };
+    return { childrenContext: this.context };
   },
   computed: {
     blockComponent() {
@@ -504,13 +493,13 @@ const EMPTY_HTML_ELEMENTS = ["area", "base", "br", "col", "embed", "hr", "img",
 });
 function _sfc_render$h(e, t, n, o, r, i) {
   var u;
-  const s = resolveComponent("block-styles"), a = resolveComponent("block-wrapper"), c = resolveComponent("repeated-block"), l = resolveComponent("component-ref"), d = resolveComponent("block", !0);
+  const s = resolveComponent("block-styles"), a = resolveComponent("component-ref"), c = resolveComponent("block", !0), l = resolveComponent("block-wrapper"), d = resolveComponent("repeated-block");
   return e.canShowBlock ? (openBlock(), createElementBlock(Fragment$1, { key: 0 }, [
     createVNode(s, {
       block: e.block,
       context: e.context
     }, null, 8, ["block", "context"]),
-    (u = e.blockComponent) != null && u.noWrap ? (openBlock(), createBlock(l, {
+    (u = e.blockComponent) != null && u.noWrap ? (openBlock(), createBlock(a, {
       key: 1,
       componentRef: e.componentRefProps.componentRef,
       componentOptions: e.componentRefProps.componentOptions,
@@ -521,28 +510,19 @@ function _sfc_render$h(e, t, n, o, r, i) {
       includeBlockProps: e.componentRefProps.includeBlockProps,
       isInteractive: e.componentRefProps.isInteractive
     }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "builderBlock", "includeBlockProps", "isInteractive"])) : (openBlock(), createElementBlock(Fragment$1, { key: 0 }, [
-      e.isEmptyHtmlElement(e.Tag) ? (openBlock(), createBlock(a, {
-        key: 0,
-        Wrapper: e.Tag,
-        block: e.processedBlock,
-        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, (p, m) => (openBlock(), createBlock(c, {
+      e.repeatItem ? (openBlock(!0), createElementBlock(Fragment$1, { key: 1 }, renderList(e.repeatItem, (p, m) => (openBlock(), createBlock(d, {
         key: m,
         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(a, {
-        key: 2,
+      }, null, 8, ["repeatContext", "block", "registeredComponents"]))), 128)) : (openBlock(), createBlock(l, {
+        key: 0,
         Wrapper: e.Tag,
         block: e.processedBlock,
-        context: e.context,
-        hasChildren: !0
+        context: e.context
       }, {
         default: withCtx(() => [
-          createVNode(l, {
+          createVNode(a, {
             componentRef: e.componentRefProps.componentRef,
             componentOptions: e.componentRefProps.componentOptions,
             blockChildren: e.componentRefProps.blockChildren,
@@ -552,7 +532,7 @@ function _sfc_render$h(e, t, n, o, r, i) {
             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, (p, m) => (openBlock(), createBlock(d, {
+          (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.childrenWithoutParentComponent, (p, m) => (openBlock(), createBlock(c, {
             key: p.id,
             block: p,
             context: e.childrenContext,
@@ -560,7 +540,7 @@ function _sfc_render$h(e, t, n, o, r, i) {
           }, null, 8, ["block", "context", "registeredComponents"]))), 128))
         ]),
         _: 1
-      }, 8, ["Wrapper", "block", "context"])) : createCommentVNode("v-if", !0)
+      }, 8, ["Wrapper", "block", "context"]))
     ], 64))
   ], 64)) : createCommentVNode("v-if", !0);
 }
@@ -609,21 +589,12 @@ const Block = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$h
         },
         "*"
       ));
-    },
-    _classStringToObject(e) {
-      const t = {};
-      if (typeof e != "string")
-        return t;
-      const n = e.trim().split(/\s+/);
-      for (const o of n)
-        t[o] = !0;
-      return t;
     }
   }
 }), blocksWrapper_vue_vue_type_style_index_0_scoped_1f8aab9f_lang = "";
 function _sfc_render$g(e, t, n, o, r, i) {
   return openBlock(), createBlock(resolveDynamicComponent(e.BlocksWrapper), mergeProps({
-    class: e._classStringToObject(e.className + " component-1k2igrjdg3x"),
+    class: e.className + " component-1k2igrjdg3x",
     "builder-path": e.path,
     "builder-parent-id": e.parent,
     style: e.styleProp,
@@ -831,24 +802,13 @@ const Blocks = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$
       return getSizesForBreakpoints(
         ((o = (n = this.builderContext.content) == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || {}
       )[e].max;
-    },
-    _classStringToObject(e) {
-      const t = {};
-      if (typeof e != "string")
-        return t;
-      const n = e.trim().split(/\s+/);
-      for (const o of n)
-        t[o] = !0;
-      return t;
     }
   }
 }), columns_vue_vue_type_style_index_0_scoped_7be099dc_lang = "";
 function _sfc_render$e(e, t, n, o, r, i) {
   const s = resolveComponent("inlined-styles"), a = resolveComponent("blocks");
   return openBlock(), createElementBlock("div", mergeProps({
-    class: e._classStringToObject(
-      `builder-columns ${e.builderBlock.id}-breakpoints div-16nol0lwi20`
-    ),
+    class: `builder-columns ${e.builderBlock.id}-breakpoints div-16nol0lwi20`,
     style: e.columnsCssVars
   }, {}), [
     e.TARGET !== "reactNative" ? (openBlock(), createBlock(s, {
@@ -956,17 +916,6 @@ const _sfc_main$d = defineComponent({
       };
       return this.aspectRatio ? e : void 0;
     }
-  },
-  methods: {
-    _classStringToObject(e) {
-      const t = {};
-      if (typeof e != "string")
-        return t;
-      const n = e.trim().split(/\s+/);
-      for (const o of n)
-        t[o] = !0;
-      return t;
-    }
   }
 }), 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,
@@ -991,9 +940,7 @@ function _sfc_render$c(e, t, n, o, r, i) {
           ...e.aspectRatioCss
         }),
         class: normalizeClass(
-          e._classStringToObject(
-            "builder-image" + (e.className ? " " + e.className : "") + " img-1be3j8m9ewb"
-          )
+          "builder-image" + (e.className ? " " + e.className : "") + " img-1be3j8m9ewb"
         ),
         src: e.image,
         srcset: e.srcSetToUse,
@@ -1459,27 +1406,12 @@ const Section = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render
         }
       }
     }
-  },
-  methods: {
-    _classStringToObject(e) {
-      const t = {};
-      if (typeof e != "string")
-        return t;
-      const n = e.trim().split(/\s+/);
-      for (const o of n)
-        t[o] = !0;
-      return t;
-    }
   }
 }), _hoisted_1$4 = ["innerHTML"];
 function _sfc_render$a(e, t, n, o, r, i) {
   return openBlock(), createElementBlock("div", {
     ref: "elementRef",
-    class: normalizeClass(
-      e._classStringToObject(
-        "builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")
-      )
-    ),
+    class: normalizeClass("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
     innerHTML: e.code
   }, null, 10, _hoisted_1$4);
 }
@@ -2333,7 +2265,11 @@ async function fetchEntries(e) {
     return logger.error("Error fetching data. ", t), null;
   }
 }
-const getAllContent = fetchEntries;
+const getAllContent = fetchEntries, DEFAULT_TRUSTED_HOSTS = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
+function isFromTrustedHost(e, t) {
+  const n = new URL(t.origin), o = n.hostname;
+  return (e || DEFAULT_TRUSTED_HOSTS).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
+}
 function isPreviewing() {
   return !isBrowser() || isEditing() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
 }
@@ -2521,7 +2457,7 @@ const findParentElement = (e, t, n = !0) => {
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, SDK_VERSION = "0.12.1", registry = {};
+}, SDK_VERSION = "0.12.2", registry = {};
 function register(e, t) {
   let n = registry[e];
   if (n || (n = registry[e] = []), n.push(t), isBrowser()) {
@@ -2579,40 +2515,43 @@ const setupBrowserForEditing = (e = {}) => {
     data: {
       options: e
     }
-  }, "*"), window.addEventListener("message", ({
-    data: o
-  }) => {
-    var r, i;
-    if (!!(o != null && o.type))
-      switch (o.type) {
+  }, "*"), window.addEventListener("message", (o) => {
+    var i, s;
+    if (!isFromTrustedHost(e.trustedHosts, o))
+      return;
+    const {
+      data: r
+    } = o;
+    if (!!(r != null && r.type))
+      switch (r.type) {
         case "builder.evaluate": {
-          const s = o.data.text, a = o.data.arguments || [], c = o.data.id, l = new Function(s);
-          let d, u = null;
+          const a = r.data.text, c = r.data.arguments || [], l = r.data.id, d = new Function(a);
+          let u, p = null;
           try {
-            d = l.apply(null, a);
-          } catch (p) {
-            u = p;
+            u = d.apply(null, c);
+          } catch (m) {
+            p = m;
           }
-          u ? (r = window.parent) == null || r.postMessage({
+          p ? (i = window.parent) == null || i.postMessage({
             type: "builder.evaluateError",
             data: {
-              id: c,
-              error: u.message
+              id: l,
+              error: p.message
             }
-          }, "*") : d && typeof d.then == "function" ? d.then((p) => {
-            var m;
-            (m = window.parent) == null || m.postMessage({
+          }, "*") : u && typeof u.then == "function" ? u.then((m) => {
+            var f;
+            (f = window.parent) == null || f.postMessage({
               type: "builder.evaluateResult",
               data: {
-                id: c,
-                result: p
+                id: l,
+                result: m
               }
             }, "*");
-          }).catch(console.error) : (i = window.parent) == null || i.postMessage({
+          }).catch(console.error) : (s = window.parent) == null || s.postMessage({
             type: "builder.evaluateResult",
             data: {
-              result: d,
-              id: c
+              result: u,
+              id: l
             }
           }, "*");
           break;
@@ -2624,6 +2563,7 @@ const setupBrowserForEditing = (e = {}) => {
   props: [
     "builderContextSignal",
     "contentWrapper",
+    "trustedHosts",
     "model",
     "context",
     "canTrack",
@@ -2796,6 +2736,8 @@ const setupBrowserForEditing = (e = {}) => {
     },
     processMessage(e) {
       var n;
+      if (!isFromTrustedHost(this.trustedHosts, e))
+        return;
       const { data: t } = e;
       if (t)
         switch (t.type) {
@@ -2906,6 +2848,9 @@ const setupBrowserForEditing = (e = {}) => {
         } : {},
         ...this.enrich ? {
           enrich: this.enrich
+        } : {},
+        ...this.trustedHosts ? {
+          trustedHosts: this.trustedHosts
         } : {}
       }), Object.values(
         this.builderContextSignal.componentInfos
@@ -2929,15 +2874,6 @@ const setupBrowserForEditing = (e = {}) => {
       }).then((i) => {
         i && this.mergeNewContent(i);
       });
-    },
-    _classStringToObject(e) {
-      const t = {};
-      if (typeof e != "string")
-        return t;
-      const n = e.trim().split(/\s+/);
-      for (const o of n)
-        t[o] = !0;
-      return t;
     }
   }
 });
@@ -2949,9 +2885,7 @@ function _sfc_render$4(e, t, n, o, r, i) {
     onClick: (l) => e.onClick(l),
     "builder-content-id": (s = e.builderContextSignal.content) == null ? void 0 : s.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)}`
-    ),
+    class: `variant-${((a = e.content) == null ? void 0 : a.testVariationId) || ((c = e.content) == null ? void 0 : c.id)}`,
     onIniteditingbldr: (l) => e.elementRef_onIniteditingbldr(l),
     onInitpreviewingbldr: (l) => e.elementRef_onInitpreviewingbldr(l)
   }, {
@@ -3088,6 +3022,7 @@ const ContentStyles = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_
     "showContent",
     "contentWrapper",
     "contentWrapperProps",
+    "trustedHosts",
     "isSsrAbTest"
   ],
   data() {
@@ -3173,7 +3108,8 @@ function _sfc_render$2(e, t, n, o, r, i) {
     showContent: e.showContent,
     builderContextSignal: e.builderContextSignal,
     contentWrapper: e.contentWrapper,
-    contentWrapperProps: e.contentWrapperProps
+    contentWrapperProps: e.contentWrapperProps,
+    trustedHosts: e.trustedHosts
   }, {}), {
     default: withCtx(() => {
       var d, u, p, m, f, b, y;
@@ -3196,7 +3132,7 @@ function _sfc_render$2(e, t, n, o, r, i) {
       ];
     }),
     _: 1
-  }, 16, ["content", "data", "model", "context", "apiKey", "canTrack", "locale", "includeRefs", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps"]);
+  }, 16, ["content", "data", "model", "context", "apiKey", "canTrack", "locale", "includeRefs", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps", "trustedHosts"]);
 }
 const ContentComponent = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/content.vue"]]), _sfc_main$1 = defineComponent({
   name: "content-variants",
@@ -3221,7 +3157,8 @@ const ContentComponent = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _s
     "blocksWrapper",
     "blocksWrapperProps",
     "contentWrapper",
-    "contentWrapperProps"
+    "contentWrapperProps",
+    "trustedHosts"
   ],
   data() {
     return {
@@ -3295,8 +3232,9 @@ function _sfc_render$1(e, t, n, o, r, i) {
         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))
+        contentWrapperProps: e.contentWrapperProps,
+        trustedHosts: e.trustedHosts
+      }, null, 8, ["content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"]))), 128))
     ], 64)) : createCommentVNode("v-if", !0),
     createVNode(c, mergeProps({
       content: e.defaultContent,
@@ -3315,10 +3253,11 @@ function _sfc_render$1(e, t, n, o, r, i) {
       blocksWrapper: e.blocksWrapper,
       blocksWrapperProps: e.blocksWrapperProps,
       contentWrapper: e.contentWrapper,
-      contentWrapperProps: e.contentWrapperProps
+      contentWrapperProps: e.contentWrapperProps,
+      trustedHosts: e.trustedHosts
     }, {
       key: e.shouldRenderVariants.toString()
-    }), null, 16, ["content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps"])
+    }), null, 16, ["content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"])
   ], 64);
 }
 const Content = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content-variants/content-variants.vue"]]), fetchSymbolContent = async ({
@@ -3369,7 +3308,7 @@ const Content = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render
     className() {
       var e, t;
       return [
-        ...Object.keys(this.attributes.class),
+        this.attributes.class,
         "builder-symbol",
         (e = this.symbol) != null && e.inline ? "builder-inline-symbol" : void 0,
         ((t = this.symbol) == null ? void 0 : t.dynamic) || this.dynamic ? "builder-dynamic-symbol" : void 0
@@ -3389,24 +3328,13 @@ const Content = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render
       }).then((e) => {
         e && (this.contentToUse = e);
       });
-    },
-    _classStringToObject(e) {
-      const t = {};
-      if (typeof e != "string")
-        return t;
-      const n = e.trim().split(/\s+/);
-      for (const o of n)
-        t[o] = !0;
-      return t;
     }
   }
 });
 function _sfc_render(e, t, n, o, r, i) {
   var a, c, l, d, u;
   const s = resolveComponent("content-variants");
-  return openBlock(), createElementBlock("div", mergeProps({
-    class: e._classStringToObject(e.className)
-  }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, toHandlers(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+  return openBlock(), createElementBlock("div", mergeProps({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, toHandlers(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     createVNode(s, {
       __isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,