@builder.io/sdk-vue 0.12.1 → 0.12.3

package/lib/browser/{index.1c3cd66d.js → index.62a4dd7e.js}

@@ -1,5 +1,5 @@
 import "./style.css";
-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";
+import { defineComponent as h, openBlock as d, createElementBlock as u, mergeProps as C, toHandlers as U, toDisplayString as se, defineAsyncComponent as L, resolveComponent as g, Fragment as $, createVNode as T, createBlock as v, withCtx as O, renderList as F, createCommentVNode as k, resolveDynamicComponent as ke, renderSlot as B, h as ye, createElementVNode as Y, normalizeStyle as Q, normalizeClass as ve, markRaw as qe } from "vue";
 function z(e = {}, t, n) {
   const o = {};
   for (const r in e) {
@@ -10,43 +10,32 @@ function z(e = {}, t, n) {
   }
   return o;
 }
-const qe = h({
+const Ge = h({
   name: "builder-button",
   props: ["attributes", "text", "link", "openLinkInNewTab"],
   data() {
     return { filterAttrs: z };
-  },
-  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;
-    }
   }
-});
-const f = (e, t) => {
+}), 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", S({
+}, Je = ["href", "target"];
+function Ye(e, t, n, o, r, i) {
+  return e.link ? (d(), u("a", C({
     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", S({
+  }, e.filterAttrs(e.attributes, "v-on:", !1), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), se(e.text), 17, Je)) : (d(), u("button", C({
     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));
+    role: "button",
+    class: `builder-button ${e.attributes.class}`,
+    style: e.attributes.style
+  }, e.filterAttrs(e.attributes, "v-on:", !1), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), se(e.text), 17));
 }
-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 = {
+const Qe = /* @__PURE__ */ f(Ge, [["render", Ye], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/button/button.vue"]]), Xe = Symbol(), X = {
   Builder: {
     content: null,
     context: {},
@@ -61,12 +50,12 @@ const Ye = /* @__PURE__ */ f(qe, [["render", Je], ["__scopeId", "data-v-becdf225
     BlocksWrapper: "div",
     BlocksWrapperProps: {}
   },
-  key: Qe
-}, Xe = Symbol(), Se = {
-  Components: { registeredComponents: {} },
   key: Xe
+}, Ze = Symbol(), Se = {
+  Components: { registeredComponents: {} },
+  key: Ze
 };
-function Ze(e) {
+function et(e) {
   var t;
   return {
     ...(t = e.component) == null ? void 0 : t.options,
@@ -74,29 +63,29 @@ function Ze(e) {
     builderBlock: e
   };
 }
-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),
-  debug: (...e) => console.debug(L, ...e)
+const P = "vue", A = (e) => e != null, M = "[Builder.io]: ", I = {
+  log: (...e) => console.log(M, ...e),
+  error: (...e) => console.error(M, ...e),
+  warn: (...e) => console.warn(M, ...e),
+  debug: (...e) => console.debug(M, ...e)
 };
-function v() {
+function y() {
   return typeof window < "u" && typeof document < "u";
 }
-function et() {
-  return v() && window.self !== window.top;
+function tt() {
+  return y() && window.self !== window.top;
 }
-function T() {
-  return et() && (E === "reactNative" || window.location.search.indexOf("builder.frameEditing=") !== -1);
+function x() {
+  return tt() && (P === "reactNative" || window.location.search.indexOf("builder.frameEditing=") !== -1);
 }
-const tt = () => {
-  if (v()) {
+const nt = () => {
+  if (y()) {
     const e = new URL(location.href);
     return e.pathname === "" && (e.pathname = "/"), e;
   } else
     return console.warn("Cannot get location for tracking in non-browser environment"), null;
-}, nt = () => typeof navigator == "object" && navigator.userAgent || "", Ce = () => {
-  const e = nt(), t = {
+}, ot = () => typeof navigator == "object" && navigator.userAgent || "", Ce = () => {
+  const e = ot(), t = {
     Android() {
       return e.match(/Android/i);
     },
@@ -113,15 +102,15 @@ const tt = () => {
       return e.match(/IEMobile/i) || e.match(/WPDesktop/i);
     },
     any() {
-      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || E === "reactNative";
+      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || P === "reactNative";
     }
-  }, n = e.match(/Tablet|iPad/i), o = tt();
+  }, n = e.match(/Tablet|iPad/i), o = nt();
   return {
     urlPath: o == null ? void 0 : o.pathname,
     host: (o == null ? void 0 : o.host) || (o == null ? void 0 : o.hostname),
     device: n ? "tablet" : t.any() ? "mobile" : "desktop"
   };
-}, ot = ({
+}, rt = ({
   builder: e,
   context: t,
   event: n,
@@ -132,12 +121,12 @@ const tt = () => {
   builder: e,
   context: t,
   event: n
-}), rt = () => ({
-  isEditing: T(),
-  isBrowser: v(),
-  isServer: !v(),
+}), it = () => ({
+  isEditing: x(),
+  isBrowser: y(),
+  isServer: !y(),
   getUserAttributes: () => Ce()
-}), it = (e, {
+}), st = (e, {
   isExpression: t = !0
 }) => t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e, ae = ({
   code: e,
@@ -148,15 +137,15 @@ const tt = () => {
   rootSetState: i,
   rootState: s
 }) => {
-  const a = ot({
+  const a = rt({
     builder: t,
     context: n,
     event: o,
-    state: st(s, r, i)
+    state: at(s, r, i)
   });
   return new Function(...a.map(([l]) => l), e)(...a.map(([, l]) => l));
 };
-function st(e, t, n) {
+function at(e, t, n) {
   if (e === t)
     throw new Error("rootState === localState");
   return new Proxy(e, {
@@ -168,7 +157,7 @@ function st(e, t, n) {
     }
   });
 }
-const at = (e) => (v(), ae(e));
+const lt = (e) => (y(), ae(e));
 function K({
   code: e,
   context: t,
@@ -183,10 +172,10 @@ function K({
     return;
   }
   const a = {
-    code: it(e, {
+    code: st(e, {
       isExpression: s
     }),
-    builder: rt(),
+    builder: it(),
     context: t,
     event: i,
     rootSetState: r,
@@ -194,7 +183,7 @@ function K({
     localState: n
   };
   try {
-    return at(a);
+    return lt(a);
   } catch (l) {
     I.error("Failed code evaluation: " + l.message, {
       code: e
@@ -202,13 +191,13 @@ function K({
     return;
   }
 }
-const F = (e) => JSON.parse(JSON.stringify(e)), lt = (e, t, n) => {
+const H = (e) => JSON.parse(JSON.stringify(e)), ct = (e, t, n) => {
   if (Object(e) !== e)
     return e;
   const o = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
   return o.slice(0, -1).reduce((r, i, s) => Object(r[i]) === r[i] ? r[i] : r[i] = Math.abs(Number(o[s + 1])) >> 0 === +o[s + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
 };
-const ct = ({
+const dt = ({
   block: e,
   context: t,
   localState: n,
@@ -217,7 +206,7 @@ const ct = ({
 }) => {
   if (!e.bindings)
     return e;
-  const i = F(e), s = {
+  const i = H(e), s = {
     ...i,
     properties: {
       ...i.properties
@@ -234,7 +223,7 @@ const ct = ({
       rootSetState: r,
       context: t
     });
-    lt(s, a, c);
+    ct(s, a, c);
   }
   return s;
 };
@@ -247,7 +236,7 @@ function we({
   rootSetState: i
 }) {
   const s = e;
-  return n ? ct({
+  return n ? dt({
     block: s,
     localState: o,
     rootState: r,
@@ -255,7 +244,7 @@ function we({
     context: t
   }) : s;
 }
-const dt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"], ut = (e) => typeof e == "string" && dt.includes(e.toLowerCase()), pt = ({
+const ut = ({
   block: e,
   context: t,
   registeredComponents: n
@@ -277,7 +266,7 @@ const dt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
   console.warn(`
       Could not find a registered component named "${o}". 
       If you registered it, is the file that registered it imported by the file that needs to render it?`);
-}, mt = ({
+}, pt = ({
   block: e,
   context: t
 }) => {
@@ -310,48 +299,48 @@ const dt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
     },
     block: o
   }));
-}, ht = () => import("./block-styles.15daad04.js").then((e) => e.default).catch((e) => {
+}, mt = () => import("./block-styles.8d24c282.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.684870c2.js").then((e) => e.default).catch((e) => {
+}), ht = () => import("./block-wrapper.c5dfbc00.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.408ec744.js").then((e) => e.default).catch((e) => {
+}), ft = () => import("./component-ref.c3fbfacf.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.3aa48114.js").then((e) => e.default).catch((e) => {
+}), bt = () => import("./repeated-block.610c249f.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 = h({
+}), gt = h({
   name: "block",
   components: {
-    BlockStyles: M(ht),
-    ComponentRef: M(bt),
-    BlockWrapper: M(ft),
-    RepeatedBlock: M(gt)
+    BlockStyles: L(mt),
+    ComponentRef: L(ft),
+    RepeatedBlock: L(bt),
+    BlockWrapper: L(ht)
   },
   props: ["block", "context", "registeredComponents"],
   data() {
-    return { childrenContext: this.context, isEmptyHtmlElement: ut };
+    return { childrenContext: this.context };
   },
   computed: {
     blockComponent() {
-      return pt({
+      return ut({
         block: this.block,
         context: this.context,
         registeredComponents: this.registeredComponents
       });
     },
     repeatItem() {
-      return mt({
+      return pt({
         block: this.block,
         context: this.context
       });
@@ -387,7 +376,7 @@ const dt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
         blockChildren: (e = this.processedBlock.children) != null ? e : [],
         componentRef: (t = this.blockComponent) == null ? void 0 : t.component,
         componentOptions: {
-          ...Ze(this.processedBlock),
+          ...et(this.processedBlock),
           builderContext: this.context,
           ...((n = this.blockComponent) == null ? void 0 : n.name) === "Symbol" || ((o = this.blockComponent) == null ? void 0 : o.name) === "Columns" ? {
             builderComponents: this.registeredComponents
@@ -402,15 +391,15 @@ const dt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
     }
   }
 });
-function yt(e, t, n, o, r, i) {
+function kt(e, t, n, o, r, i) {
   var m;
-  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, {
+  const s = g("block-styles"), a = g("component-ref"), l = g("block", !0), c = g("block-wrapper"), p = g("repeated-block");
+  return e.canShowBlock ? (d(), u($, { key: 0 }, [
+    T(s, {
       block: e.block,
       context: e.context
     }, null, 8, ["block", "context"]),
-    (m = e.blockComponent) != null && m.noWrap ? (d(), y(c, {
+    (m = e.blockComponent) != null && m.noWrap ? (d(), v(a, {
       key: 1,
       componentRef: e.componentRefProps.componentRef,
       componentOptions: e.componentRefProps.componentOptions,
@@ -420,29 +409,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($, { 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"])) : 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,
+    }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "builderBlock", "includeBlockProps", "isInteractive"])) : (d(), u($, { key: 0 }, [
+      e.repeatItem ? (d(!0), u($, { key: 1 }, F(e.repeatItem, (b, S) => (d(), v(p, {
+        key: S,
         repeatContext: b.context,
         block: b.block,
         registeredComponents: e.registeredComponents
-      }, null, 8, ["repeatContext", "block", "registeredComponents"]))), 128)) : k("v-if", !0),
-      !e.isEmptyHtmlElement(e.Tag) && !e.repeatItem ? (d(), y(a, {
-        key: 2,
+      }, null, 8, ["repeatContext", "block", "registeredComponents"]))), 128)) : (d(), v(c, {
+        key: 0,
         Wrapper: e.Tag,
         block: e.processedBlock,
-        context: e.context,
-        hasChildren: !0
+        context: e.context
       }, {
-        default: j(() => [
-          R(c, {
+        default: O(() => [
+          T(a, {
             componentRef: e.componentRefProps.componentRef,
             componentOptions: e.componentRefProps.componentOptions,
             blockChildren: e.componentRefProps.blockChildren,
@@ -452,7 +432,7 @@ function yt(e, t, n, o, r, i) {
             includeBlockProps: e.componentRefProps.includeBlockProps,
             isInteractive: e.componentRefProps.isInteractive
           }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "builderBlock", "includeBlockProps", "isInteractive"]),
-          (d(!0), p($, null, N(e.childrenWithoutParentComponent, (b, C) => (d(), y(u, {
+          (d(!0), u($, null, F(e.childrenWithoutParentComponent, (b, S) => (d(), v(l, {
             key: b.id,
             block: b,
             context: e.childrenContext,
@@ -460,14 +440,14 @@ function yt(e, t, n, o, r, i) {
           }, null, 8, ["block", "context", "registeredComponents"]))), 128))
         ]),
         _: 1
-      }, 8, ["Wrapper", "block", "context"])) : k("v-if", !0)
+      }, 8, ["Wrapper", "block", "context"]))
     ], 64))
   ], 64)) : k("v-if", !0);
 }
-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({
+const Ie = /* @__PURE__ */ f(gt, [["render", kt], ["__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 = h({
+}, Symbol.toStringTag, { value: "Module" })), yt = h({
   name: "builder-blocks-wrapper",
   props: [
     "BlocksWrapper",
@@ -486,7 +466,7 @@ const Ie = /* @__PURE__ */ f(kt, [["render", yt], ["__file", "/home/runner/work/
   methods: {
     onClick() {
       var e, t;
-      T() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      x() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.clickEmptyBlocks",
           data: {
@@ -499,7 +479,7 @@ const Ie = /* @__PURE__ */ f(kt, [["render", yt], ["__file", "/home/runner/work/
     },
     onMouseEnter() {
       var e, t;
-      T() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      x() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.hoverEmptyBlocks",
           data: {
@@ -509,21 +489,12 @@ const Ie = /* @__PURE__ */ f(kt, [["render", yt], ["__file", "/home/runner/work/
         },
         "*"
       ));
-    },
-    _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 St(e, t, n, o, r, i) {
-  return d(), y(ke(e.BlocksWrapper), S({
-    class: e._classStringToObject(e.className + " component-1k2igrjdg3x"),
+function vt(e, t, n, o, r, i) {
+  return d(), v(ke(e.BlocksWrapper), C({
+    class: e.className + " component-1k2igrjdg3x",
     "builder-path": e.path,
     "builder-parent-id": e.parent,
     style: e.styleProp,
@@ -531,15 +502,15 @@ function St(e, t, n, o, r, i) {
     onMouseEnter: (s) => e.onMouseEnter(),
     onKeyPress: (s) => e.onClick()
   }, { ...e.BlocksWrapperProps }), {
-    default: j(() => [
-      x(e.$slots, "default", {}, void 0, !0)
+    default: O(() => [
+      B(e.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-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({
+const St = /* @__PURE__ */ f(yt, [["render", vt], ["__scopeId", "data-v-1f8aab9f"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks-wrapper.vue"]]), Ct = h({
   name: "builder-blocks",
-  components: { BlocksWrapper: Ct, Block: Ie },
+  components: { BlocksWrapper: St, Block: Ie },
   props: [
     "blocks",
     "parent",
@@ -553,10 +524,10 @@ const Ct = /* @__PURE__ */ f(vt, [["render", St], ["__scopeId", "data-v-1f8aab9f
     componentsContext: Se.key
   }
 });
-function It(e, t, n, o, r, i) {
+function wt(e, t, n, o, r, i) {
   var l, c;
   const s = g("block"), a = g("blocks-wrapper");
-  return d(), y(a, {
+  return d(), v(a, {
     blocks: e.blocks,
     parent: e.parent,
     path: e.path,
@@ -564,10 +535,10 @@ function It(e, t, n, o, r, i) {
     BlocksWrapper: (l = e.context) == null ? void 0 : l.BlocksWrapper,
     BlocksWrapperProps: (c = e.context) == null ? void 0 : c.BlocksWrapperProps
   }, {
-    default: j(() => [
-      e.blocks ? (d(!0), p($, { key: 0 }, N(e.blocks, (u, m) => (d(), y(s, {
-        key: u.id,
-        block: u,
+    default: O(() => [
+      e.blocks ? (d(!0), u($, { key: 0 }, F(e.blocks, (p, m) => (d(), v(s, {
+        key: p.id,
+        block: p,
         context: e.context || e.builderContext,
         registeredComponents: e.registeredComponents || e.componentsContext.registeredComponents
       }, null, 8, ["block", "context", "registeredComponents"]))), 128)) : k("v-if", !0)
@@ -575,13 +546,13 @@ function It(e, t, n, o, r, i) {
     _: 1
   }, 8, ["blocks", "parent", "path", "styleProp", "BlocksWrapper", "BlocksWrapperProps"]);
 }
-const q = /* @__PURE__ */ f(wt, [["render", It], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks.vue"]]), $t = h({
+const q = /* @__PURE__ */ f(Ct, [["render", wt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks.vue"]]), It = h({
   render() {
     return ye("style", { id: this.id, innerHTML: this.styles });
   },
   name: "inlined-styles",
   props: ["styles", "id"]
-}), te = /* @__PURE__ */ f($t, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/inlined-styles.vue"]]), $e = {
+}), te = /* @__PURE__ */ f(It, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/inlined-styles.vue"]]), $e = {
   small: {
     min: 320,
     default: 321,
@@ -597,11 +568,11 @@ const q = /* @__PURE__ */ f(wt, [["render", It], ["__file", "/home/runner/work/b
     default: 991,
     max: 1200
   }
-}, Zo = (e, t = $e) => `@media (max-width: ${t[e].max}px)`, Rt = ({
+}, Zo = (e, t = $e) => `@media (max-width: ${t[e].max}px)`, $t = ({
   small: e,
   medium: t
 }) => {
-  const n = F($e);
+  const n = H($e);
   if (!e || !t)
     return n;
   const o = Math.floor(e / 2);
@@ -622,7 +593,7 @@ const q = /* @__PURE__ */ f(wt, [["render", It], ["__file", "/home/runner/work/b
     min: i,
     default: i + 1
   }, n;
-}, Tt = h({
+}, Rt = h({
   name: "builder-columns",
   components: { InlinedStyles: te, Blocks: q },
   props: [
@@ -641,7 +612,7 @@ const q = /* @__PURE__ */ f(wt, [["render", It], ["__file", "/home/runner/work/b
       cols: this.columns || [],
       stackAt: this.stackColumnsAt || "tablet",
       flexDir: this.stackColumnsAt === "never" ? "row" : this.reverseColumnsWhenStacked ? "column-reverse" : "column",
-      TARGET: E
+      TARGET: P
     };
   },
   computed: {
@@ -728,39 +699,28 @@ const q = /* @__PURE__ */ f(wt, [["render", It], ["__file", "/home/runner/work/b
     },
     getWidthForBreakpointSize(e) {
       var n, o;
-      return Rt(
+      return $t(
         ((o = (n = this.builderContext.content) == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || {}
       )[e].max;
-    },
-    _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 Et(e, t, n, o, r, i) {
+function Tt(e, t, n, o, r, i) {
   const s = g("inlined-styles"), a = g("blocks");
-  return d(), p("div", S({
-    class: e._classStringToObject(
-      `builder-columns ${e.builderBlock.id}-breakpoints div-16nol0lwi20`
-    ),
+  return d(), u("div", C({
+    class: `builder-columns ${e.builderBlock.id}-breakpoints div-16nol0lwi20`,
     style: e.columnsCssVars
   }, {}), [
-    e.TARGET !== "reactNative" ? (d(), y(s, {
+    e.TARGET !== "reactNative" ? (d(), v(s, {
       key: 0,
       styles: e.columnsStyles
     }, null, 8, ["styles"])) : k("v-if", !0),
-    (d(!0), p($, null, N(e.columns, (l, c) => (d(), p("div", S({
+    (d(!0), u($, null, F(e.columns, (l, c) => (d(), u("div", C({
       key: c,
       class: "builder-column div-16nol0lwi20-2",
       style: e.columnCssVars(c)
     }, {}), [
-      R(a, {
+      T(a, {
         path: `component.options.columns.${c}.blocks`,
         parent: e.builderBlock.id,
         styleProp: {
@@ -773,24 +733,24 @@ function Et(e, t, n, o, r, i) {
     ], 16))), 128))
   ], 16);
 }
-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({
+const xt = /* @__PURE__ */ f(Rt, [["render", Tt], ["__scopeId", "data-v-7be099dc"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/columns/columns.vue"]]), Pt = h({
   name: "builder-fragment-component",
   props: []
 });
-function Bt(e, t, n, o, r, i) {
-  return d(), p("span", null, [
-    x(e.$slots, "default")
+function Et(e, t, n, o, r, i) {
+  return d(), u("span", null, [
+    B(e.$slots, "default")
   ]);
 }
-const Wt = /* @__PURE__ */ f(xt, [["render", Bt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/fragment/fragment.vue"]]);
+const Bt = /* @__PURE__ */ f(Pt, [["render", Et], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/fragment/fragment.vue"]]);
 function le(e) {
   return e.replace(/http(s)?:/, "");
 }
-function At(e = "", t, n) {
+function Wt(e = "", t, n) {
   const o = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), r = e.indexOf("?") !== -1 ? "&" : "?";
   return e.match(o) ? e.replace(o, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + r + t + "=" + encodeURIComponent(n);
 }
-function Vt(e, t) {
+function At(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
@@ -809,11 +769,11 @@ function J(e) {
   if (e.match(/builder\.io/)) {
     let n = e;
     const o = Number(e.split("?width=")[1]);
-    return isNaN(o) || (n = `${n} ${o}w`), t.filter((r) => r !== o).map((r) => `${At(e, "width", r)} ${r}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), t.filter((r) => r !== o).map((r) => `${Wt(e, "width", r)} ${r}w`).concat([n]).join(", ");
   }
-  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;
+  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [At(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
-const _t = h({
+const Vt = h({
   name: "builder-image",
   props: [
     "image",
@@ -856,32 +816,21 @@ const _t = h({
       };
       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;
-    }
   }
 });
-const Ot = ["srcset"], Nt = ["alt", "role", "src", "srcset", "sizes"], Ut = {
+const _t = ["srcset"], Ut = ["alt", "role", "src", "srcset", "sizes"], Ft = {
   key: 2,
   class: "div-1be3j8m9ewb-2"
 };
-function jt(e, t, n, o, r, i) {
+function Nt(e, t, n, o, r, i) {
   var s, a, l, c;
-  return d(), p($, null, [
+  return d(), u($, null, [
     Y("picture", null, [
-      e.webpSrcSet ? (d(), p("source", {
+      e.webpSrcSet ? (d(), u("source", {
         key: 0,
         type: "image/webp",
         srcset: e.webpSrcSet
-      }, null, 8, Ot)) : k("v-if", !0),
+      }, null, 8, _t)) : k("v-if", !0),
       Y("img", {
         loading: "lazy",
         alt: e.altText,
@@ -892,29 +841,27 @@ function jt(e, t, n, o, r, i) {
           ...e.aspectRatioCss
         }),
         class: ve(
-          e._classStringToObject(
-            "builder-image" + (e.className ? " " + e.className : "") + " img-1be3j8m9ewb"
-          )
+          "builder-image" + (e.className ? " " + e.className : "") + " img-1be3j8m9ewb"
         ),
         src: e.image,
         srcset: e.srcSetToUse,
         sizes: e.sizes
-      }, null, 14, Nt)
+      }, null, 14, Ut)
     ]),
-    e.aspectRatio && !(((a = (s = e.builderBlock) == null ? void 0 : s.children) == null ? void 0 : a.length) && e.fitContent) ? (d(), p("div", {
+    e.aspectRatio && !(((a = (s = e.builderBlock) == null ? void 0 : s.children) == null ? void 0 : a.length) && e.fitContent) ? (d(), u("div", {
       key: 0,
       class: "builder-image-sizer div-1be3j8m9ewb",
       style: Q({
         paddingTop: e.aspectRatio * 100 + "%"
       })
     }, 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)
+    ((c = (l = e.builderBlock) == null ? void 0 : l.children) == null ? void 0 : c.length) && e.fitContent ? B(e.$slots, "default", { key: 1 }, void 0, !0) : k("v-if", !0),
+    !e.fitContent && e.$slots.default ? (d(), u("div", Ft, [
+      B(e.$slots, "default", {}, void 0, !0)
     ])) : k("v-if", !0)
   ], 64);
 }
-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({
+const Ot = /* @__PURE__ */ f(Vt, [["render", Nt], ["__scopeId", "data-v-58ca75d1"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/image/image.vue"]]), Ht = h({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
@@ -922,7 +869,7 @@ const Ft = /* @__PURE__ */ f(_t, [["render", jt], ["__scopeId", "data-v-58ca75d1
   }
 });
 function Lt(e, t, n, o, r, i) {
-  return d(), p("section", S({
+  return d(), u("section", C({
     style: {
       width: "100%",
       alignSelf: "stretch",
@@ -935,11 +882,11 @@ function Lt(e, t, n, o, r, i) {
       marginLeft: "auto",
       marginRight: "auto"
     }
-  }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    x(e.$slots, "default")
+  }, e.filterAttrs(e.attributes, "v-on:", !1), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    B(e.$slots, "default")
   ], 16);
 }
-const Ht = /* @__PURE__ */ f(Mt, [["render", Lt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/section/section.vue"]]), Dt = (e) => {
+const Mt = /* @__PURE__ */ f(Ht, [["render", Lt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/section/section.vue"]]), jt = (e) => {
   if (e === "localhost" || e === "127.0.0.1")
     return e;
   const t = e.split(".");
@@ -955,14 +902,14 @@ const Ht = /* @__PURE__ */ f(Mt, [["render", Lt], ["__file", "/home/runner/work/
     I.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, Te = async (e) => Re(e), Kt = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(A).join("; "), zt = [["secure", ""], ["SameSite", "None"]], qt = ({
+}, Te = async (e) => Re(e), Dt = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(A).join("; "), Kt = [["secure", ""], ["SameSite", "None"]], zt = ({
   name: e,
   value: t,
   expires: n
 }) => {
-  const r = (v() ? location.protocol === "https:" : !0) ? zt : [[]], i = n ? [["expires", n.toUTCString()]] : [[]], s = [[e, t], ...i, ["path", "/"], ["domain", Dt(window.location.hostname)], ...r];
-  return Kt(s);
-}, Ee = async ({
+  const r = (y() ? location.protocol === "https:" : !0) ? Kt : [[]], i = n ? [["expires", n.toUTCString()]] : [[]], s = [[e, t], ...i, ["path", "/"], ["domain", jt(window.location.hostname)], ...r];
+  return Dt(s);
+}, xe = async ({
   name: e,
   value: t,
   expires: n,
@@ -971,7 +918,7 @@ const Ht = /* @__PURE__ */ f(Mt, [["render", Lt], ["__file", "/home/runner/work/
   try {
     if (!o)
       return;
-    const r = qt({
+    const r = zt({
       name: e,
       value: t,
       expires: n
@@ -980,24 +927,24 @@ const Ht = /* @__PURE__ */ f(Mt, [["render", Lt], ["__file", "/home/runner/work/
   } catch (r) {
     I.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
   }
-}, Gt = "builder.tests", ne = (e) => `${Gt}.${e}`, Jt = ({
+}, qt = "builder.tests", ne = (e) => `${qt}.${e}`, Gt = ({
   contentId: e
 }) => Te({
   name: ne(e),
   canTrack: !0
-}), Yt = ({
+}), Jt = ({
   contentId: e
 }) => Re({
   name: ne(e),
   canTrack: !0
-}), Qt = ({
+}), Yt = ({
   contentId: e,
   value: t
-}) => Ee({
+}) => xe({
   name: ne(e),
   value: t,
   canTrack: !0
-}), Pe = (e) => A(e.id) && A(e.variations) && Object.keys(e.variations).length > 0, Xt = ({
+}), Pe = (e) => A(e.id) && A(e.variations) && Object.keys(e.variations).length > 0, Qt = ({
   id: e,
   variations: t
 }) => {
@@ -1010,9 +957,9 @@ const Ht = /* @__PURE__ */ f(Mt, [["render", Lt], ["__file", "/home/runner/work/
       return i;
   }
   return e;
-}, xe = (e) => {
-  const t = Xt(e);
-  return Qt({
+}, Ee = (e) => {
+  const t = Qt(e);
+  return Yt({
     contentId: e.id,
     value: t
   }).catch((n) => {
@@ -1031,7 +978,7 @@ const Ht = /* @__PURE__ */ f(Mt, [["render", Lt], ["__file", "/home/runner/work/
     testVariationId: n.id,
     testVariationName: n.name || (n.id === e.id ? "Default" : "")
   };
-}, Zt = ({
+}, Xt = ({
   item: e,
   canTrack: t
 }) => {
@@ -1041,9 +988,9 @@ const Ht = /* @__PURE__ */ f(Mt, [["render", Lt], ["__file", "/home/runner/work/
     return;
   if (!Pe(e))
     return e;
-  const n = Yt({
+  const n = Jt({
     contentId: e.id
-  }) || xe({
+  }) || Ee({
     variations: e.variations,
     id: e.id
   }), o = Be({
@@ -1054,15 +1001,15 @@ const Ht = /* @__PURE__ */ f(Mt, [["render", Lt], ["__file", "/home/runner/work/
     ...e,
     ...o
   };
-}, en = async ({
+}, Zt = async ({
   item: e,
   canTrack: t
 }) => {
   if (!t || !Pe(e))
     return e;
-  const o = await Jt({
+  const o = await Gt({
     contentId: e.id
-  }) || xe({
+  }) || Ee({
     variations: e.variations,
     id: e.id
   }), r = Be({
@@ -1073,7 +1020,7 @@ const Ht = /* @__PURE__ */ f(Mt, [["render", Lt], ["__file", "/home/runner/work/
     ...e,
     ...r
   };
-}, U = (e) => A(e) ? e : !0, tn = {
+}, N = (e) => A(e) ? e : !0, en = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1105,7 +1052,7 @@ const Ht = /* @__PURE__ */ f(Mt, [["render", Lt], ["__file", "/home/runner/work/
   }],
   static: !0,
   noWrap: !0
-}, nn = {
+}, tn = {
   name: "Columns",
   isRSC: !0,
   inputs: [{
@@ -1305,7 +1252,7 @@ const Ht = /* @__PURE__ */ f(Mt, [["render", Lt], ["__file", "/home/runner/work/
     helperText: "When stacking columns for mobile devices, reverse the ordering",
     advanced: !0
   }]
-}, on = {
+}, nn = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -1327,7 +1274,7 @@ const Ht = /* @__PURE__ */ f(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 = h({
+}, on = h({
   name: "builder-custom-code",
   props: ["replaceNodes", "code"],
   data() {
@@ -1360,31 +1307,16 @@ const Ht = /* @__PURE__ */ f(Mt, [["render", Lt], ["__file", "/home/runner/work/
         }
       }
     }
-  },
-  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;
-    }
   }
-}), sn = ["innerHTML"];
-function an(e, t, n, o, r, i) {
-  return d(), p("div", {
+}), rn = ["innerHTML"];
+function sn(e, t, n, o, r, i) {
+  return d(), u("div", {
     ref: "elementRef",
-    class: ve(
-      e._classStringToObject(
-        "builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")
-      )
-    ),
+    class: ve("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
     innerHTML: e.code
-  }, null, 10, sn);
+  }, null, 10, rn);
 }
-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 = {
+const an = /* @__PURE__ */ f(on, [["render", sn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/custom-code/custom-code.vue"]]), ln = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -1409,7 +1341,7 @@ const ln = /* @__PURE__ */ f(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 = h({
+}, cn = ["text/javascript", "application/javascript", "application/ecmascript"], dn = (e) => cn.includes(e.type), un = h({
   name: "builder-embed",
   props: ["content"],
   data() {
@@ -1442,7 +1374,7 @@ const ln = /* @__PURE__ */ f(rn, [["render", an], ["__file", "/home/runner/work/
           this.scriptsInserted.push(n.src);
           const o = document.createElement("script");
           o.async = !0, o.src = n.src, document.head.appendChild(o);
-        } else if (un(n) && !this.scriptsRun.includes(n.innerText))
+        } else if (dn(n) && !this.scriptsRun.includes(n.innerText))
           try {
             this.scriptsRun.push(n.innerText), new Function(n.innerText)();
           } catch (o) {
@@ -1451,21 +1383,21 @@ const ln = /* @__PURE__ */ f(rn, [["render", an], ["__file", "/home/runner/work/
       }
     }
   }
-}), mn = ["innerHTML"];
-function hn(e, t, n, o, r, i) {
-  return d(), p("div", {
+}), pn = ["innerHTML"];
+function mn(e, t, n, o, r, i) {
+  return d(), u("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: e.content
-  }, null, 8, mn);
+  }, null, 8, pn);
 }
-const fn = /* @__PURE__ */ f(pn, [["render", hn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/embed/embed.vue"]]), bn = {
+const hn = /* @__PURE__ */ f(un, [["render", mn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/embed/embed.vue"]]), fn = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, gn = {
+}, bn = {
   name: "Image",
   static: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -1487,13 +1419,13 @@ const fn = /* @__PURE__ */ f(pn, [["render", hn], ["__file", "/home/runner/work/
       e.delete("srcset"), e.delete("noWebp");
       function n(s, a = 6e4) {
         return new Promise((l, c) => {
-          const u = document.createElement("img");
+          const p = document.createElement("img");
           let m = !1;
-          u.onload = () => {
-            m = !0, l(u);
-          }, u.addEventListener("error", (b) => {
+          p.onload = () => {
+            m = !0, l(p);
+          }, p.addEventListener("error", (b) => {
             console.warn("Image load failed", b.error), c(b.error);
-          }), u.src = s, setTimeout(() => {
+          }), p.src = s, setTimeout(() => {
             m || c(new Error("Image load timed out"));
           }, a);
         });
@@ -1565,7 +1497,7 @@ const fn = /* @__PURE__ */ f(pn, [["render", hn], ["__file", "/home/runner/work/
     advanced: !0,
     defaultValue: 0.7041
   }]
-}, kn = {
+}, gn = {
   name: "Raw:Img",
   hideFromInsertMenu: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -1578,7 +1510,7 @@ const fn = /* @__PURE__ */ f(pn, [["render", hn], ["__file", "/home/runner/work/
   }],
   noWrap: !0,
   static: !0
-}, yn = h({
+}, kn = h({
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -1589,11 +1521,11 @@ const fn = /* @__PURE__ */ f(pn, [["render", hn], ["__file", "/home/runner/work/
     "attributes"
   ],
   data() {
-    return { isEditing: T, filterAttrs: z };
+    return { isEditing: x, filterAttrs: z };
   }
-}), vn = ["alt", "src"];
-function Sn(e, t, n, o, r, i) {
-  return d(), p("img", S({
+}), yn = ["alt", "src"];
+function vn(e, t, n, o, r, i) {
+  return d(), u("img", C({
     style: {
       objectFit: e.backgroundSize || "cover",
       objectPosition: e.backgroundPosition || "center"
@@ -1601,9 +1533,9 @@ function Sn(e, t, n, o, r, i) {
     key: e.isEditing() && e.imgSrc || "default-key",
     alt: e.altText,
     src: e.imgSrc || e.image
-  }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, vn);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, yn);
 }
-const Cn = /* @__PURE__ */ f(yn, [["render", Sn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/img/img.vue"]]), wn = {
+const Sn = /* @__PURE__ */ f(kn, [["render", vn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/img/img.vue"]]), Cn = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1642,7 +1574,7 @@ const Cn = /* @__PURE__ */ f(yn, [["render", Sn], ["__file", "/home/runner/work/
       }
     }
   }]
-}, In = {
+}, wn = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -1654,15 +1586,15 @@ const Cn = /* @__PURE__ */ f(yn, [["render", Sn], ["__file", "/home/runner/work/
     required: !0,
     defaultValue: "children"
   }]
-}, $n = h({
+}, In = h({
   name: "builder-slot",
   components: { Blocks: q },
   props: ["builderContext", "name"]
 });
-function Rn(e, t, n, o, r, i) {
+function $n(e, t, n, o, r, i) {
   var a, l, c;
   const s = g("blocks");
-  return d(), p("div", S(
+  return d(), u("div", C(
     { style: {
       pointerEvents: "auto"
     } },
@@ -1670,7 +1602,7 @@ function Rn(e, t, n, o, r, i) {
       "builder-slot": e.name
     }
   ), [
-    R(s, {
+    T(s, {
       parent: (l = e.builderContext.context) == null ? void 0 : l.symbolId,
       path: `symbol.data.${e.name}`,
       context: e.builderContext,
@@ -1678,7 +1610,7 @@ function Rn(e, t, n, o, r, i) {
     }, 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 = {
+const Rn = /* @__PURE__ */ f(In, [["render", $n], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/slot/slot.vue"]]), Tn = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1711,7 +1643,7 @@ const Tn = /* @__PURE__ */ f($n, [["render", Rn], ["__file", "/home/runner/work/
     hideFromUI: !0,
     type: "boolean"
   }]
-}, Pn = {
+}, xn = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -1729,21 +1661,21 @@ const Tn = /* @__PURE__ */ f($n, [["render", Rn], ["__file", "/home/runner/work/
     height: "auto",
     textAlign: "center"
   }
-}, xn = h({
+}, Pn = h({
   name: "builder-text",
   props: ["text"]
-}), Bn = ["innerHTML"];
-function Wn(e, t, n, o, r, i) {
+}), En = ["innerHTML"];
+function Bn(e, t, n, o, r, i) {
   var s;
-  return d(), p("div", {
+  return d(), u("div", {
     class: "builder-text",
     innerHTML: ((s = e.text) == null ? void 0 : s.toString()) || "",
     style: {
       outline: "none"
     }
-  }, null, 8, Bn);
+  }, null, 8, En);
 }
-const An = /* @__PURE__ */ f(xn, [["render", Wn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/text/text.vue"]]), Vn = {
+const Wn = /* @__PURE__ */ f(Pn, [["render", Bn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/text/text.vue"]]), An = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1824,7 +1756,7 @@ const An = /* @__PURE__ */ f(xn, [["render", Wn], ["__file", "/home/runner/work/
     defaultValue: !0,
     advanced: !0
   }]
-}, _n = h({
+}, Vn = h({
   name: "builder-video",
   props: [
     "autoPlay",
@@ -1869,16 +1801,16 @@ const An = /* @__PURE__ */ f(xn, [["render", Wn], ["__file", "/home/runner/work/
       };
     }
   }
-}), On = { style: {
+}), _n = { style: {
   position: "relative"
-} }, Nn = ["preload", "src", "poster"], Un = ["src"], jn = {
+} }, Un = ["preload", "src", "poster"], Fn = ["src"], Nn = {
   key: 1,
   style: {
     display: "flex",
     flexDirection: "column",
     alignItems: "stretch"
   }
-}, Fn = {
+}, On = {
   key: 2,
   style: {
     pointerEvents: "none",
@@ -1892,10 +1824,10 @@ const An = /* @__PURE__ */ f(xn, [["render", Wn], ["__file", "/home/runner/work/
     height: "100%"
   }
 };
-function Mn(e, t, n, o, r, i) {
-  var s, a, l, c, u, m, b;
-  return d(), p("div", On, [
-    Y("video", S({
+function Hn(e, t, n, o, r, i) {
+  var s, a, l, c, p, m, b;
+  return d(), u("div", _n, [
+    Y("video", C({
       class: "builder-video",
       preload: e.preload || "metadata",
       style: {
@@ -1913,13 +1845,13 @@ function Mn(e, t, n, o, r, i) {
       src: e.video || "no-src",
       poster: e.posterImage
     }, e.spreadProps), [
-      e.lazyLoad ? k("v-if", !0) : (d(), p("source", {
+      e.lazyLoad ? k("v-if", !0) : (d(), u("source", {
         key: 0,
         type: "video/mp4",
         src: e.video
-      }, 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", {
+      }, null, 8, Fn))
+    ], 16, Un),
+    e.aspectRatio && !(e.fitContent && ((l = (a = e.builderBlock) == null ? void 0 : a.children) == null ? void 0 : l.length)) ? (d(), u("div", {
       key: 0,
       style: Q({
         width: "100%",
@@ -1928,66 +1860,66 @@ function Mn(e, t, n, o, r, i) {
         fontSize: "0px"
       })
     }, 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")
+    ((p = (c = e.builderBlock) == null ? void 0 : c.children) == null ? void 0 : p.length) && e.fitContent ? (d(), u("div", Nn, [
+      B(e.$slots, "default")
     ])) : 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")
+    ((b = (m = e.builderBlock) == null ? void 0 : m.children) == null ? void 0 : b.length) && !e.fitContent ? (d(), u("div", On, [
+      B(e.$slots, "default")
     ])) : k("v-if", !0)
   ]);
 }
-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,
+const Ln = /* @__PURE__ */ f(Vn, [["render", Hn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/video/video.vue"]]), ce = () => [{
+  component: Qe,
+  ...en
+}, {
+  component: xt,
   ...tn
 }, {
-  component: Pt,
+  component: an,
   ...nn
 }, {
-  component: ln,
-  ...on
+  component: hn,
+  ...ln
 }, {
-  component: fn,
-  ...cn
+  component: Bt,
+  ...fn
 }, {
-  component: Wt,
+  component: Ot,
   ...bn
 }, {
-  component: Ft,
+  component: Sn,
   ...gn
 }, {
-  component: Cn,
-  ...kn
-}, {
-  component: Ht,
-  ...wn
+  component: Mt,
+  ...Cn
 }, {
   component: Jo,
-  ...En
+  ...Tn
 }, {
-  component: An,
-  ...Pn
+  component: Wn,
+  ...xn
 }, {
   component: Ln,
-  ...Vn
+  ...An
 }, {
-  component: Tn,
-  ...In
-}], de = [], Hn = (e) => ({
+  component: Rn,
+  ...wn
+}], de = [], Mn = (e) => ({
   type: "builder.registerComponent",
   data: Z(e)
-}), Dn = (e) => {
+}), jn = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-}, Kn = (e) => typeof e == "function" ? Dn(e) : F(e), Z = ({
+}, Dn = (e) => typeof e == "function" ? jn(e) : H(e), Z = ({
   inputs: e,
   ...t
 }) => ({
-  ...F(t),
+  ...H(t),
   inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [r, i]) => ({
     ...o,
-    [r]: Kn(i)
+    [r]: Dn(i)
   }), {}))
-}), zn = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+}), Kn = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -2043,7 +1975,7 @@ const Ln = /* @__PURE__ */ f(_n, [["render", Mn], ["__file", "/home/runner/work/
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, qn = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, zn = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -2077,42 +2009,42 @@ const Ln = /* @__PURE__ */ f(_n, [["render", Mn], ["__file", "/home/runner/work/
     thisScriptEl?.remove();
   }
   return;
-}`, We = "builderIoAbTest", Ae = "builderIoRenderContent", H = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, We = "builderIoAbTest", Ae = "builderIoRenderContent", j = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), Gn = ({
+})), qn = ({
   canTrack: e,
   content: 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) => `
+}) => !(!(j(t).length > 0) || !e), Gn = (e) => e === "react" || e === "reactNative", Ve = Gn(P), Jn = () => `
+  window.${We} = ${Kn}
+  window.${Ae} = ${zn}
+  `, Yn = (e, t) => `
   window.${We}(
     "${t}",${JSON.stringify(e)}, ${Ve}
-  )`, Xn = ({
+  )`, Qn = ({
   contentId: e,
   variationId: t
 }) => `window.${Ae}(
     "${t}", "${e}", ${Ve}
-  )`, Zn = h({
+  )`, Xn = h({
   render() {
     return ye("script", { id: this.id, innerHTML: this.scriptStr });
   },
   name: "inlined-script",
   props: ["scriptStr", "id"]
-}), _e = /* @__PURE__ */ f(Zn, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/inlined-script.vue"]]);
-function eo() {
+}), _e = /* @__PURE__ */ f(Xn, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/inlined-script.vue"]]);
+function Zn() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function to() {
-  const e = eo().fetch;
+function eo() {
+  const e = Zn().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 = to();
+const Ue = eo();
 function D(e, t = null, n = ".") {
   return Object.keys(e).reduce((o, r) => {
     const i = e[r], s = [t, r].filter(Boolean).join(n);
@@ -2125,27 +2057,27 @@ function D(e, t = null, n = ".") {
     };
   }, {});
 }
-const no = "v3", ue = "builder.", oo = "options.", ro = (e) => {
+const to = "v3", ue = "builder.", no = "options.", oo = (e) => {
   const t = {};
   return e.forEach((n, o) => {
     t[o] = n;
   }), t;
-}, Ne = (e) => {
+}, Fe = (e) => {
   if (!e)
     return {};
-  const t = Ue(e), n = {};
+  const t = Ne(e), n = {};
   return Object.keys(t).forEach((o) => {
     if (o.startsWith(ue)) {
-      const r = o.replace(ue, "").replace(oo, "");
+      const r = o.replace(ue, "").replace(no, "");
       n[r] = t[o];
     }
   }), n;
-}, io = () => {
-  if (!v())
+}, ro = () => {
+  if (!y())
     return {};
   const e = new URLSearchParams(window.location.search);
-  return Ne(e);
-}, Ue = (e) => e instanceof URLSearchParams ? ro(e) : e, pe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, oe = (e) => {
+  return Fe(e);
+}, Ne = (e) => e instanceof URLSearchParams ? oo(e) : e, pe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, oe = (e) => {
   let {
     noTraverse: t = !1
   } = e;
@@ -2158,61 +2090,61 @@ const no = "v3", ue = "builder.", oo = "options.", ro = (e) => {
     includeRefs: a = !0,
     enrich: l,
     locale: c,
-    apiVersion: u = no,
+    apiVersion: p = to,
     fields: m,
     omit: b,
-    offset: C,
-    cacheSeconds: B,
+    offset: S,
+    cacheSeconds: R,
     staleCacheSeconds: W,
     sort: V,
     includeUnpublished: re
   } = e;
   if (!s)
     throw new Error("Missing API key");
-  if (!["v2", "v3"].includes(u))
-    throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${u}'`);
+  if (!["v2", "v3"].includes(p))
+    throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${p}'`);
   (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", 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({
+  const w = new URL(`https://cdn.builder.io/api/${p}/content/${i}?apiKey=${s}&limit=${n}&noTraverse=${t}&includeRefs=${a}${c ? `&locale=${c}` : ""}${l ? `&enrich=${l}` : ""}`);
+  if (w.searchParams.set("omit", b || "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)), R && pe(R) && w.searchParams.set("cacheSeconds", String(R)), W && pe(W) && w.searchParams.set("staleCacheSeconds", String(W)), V) {
+    const E = D({
       sort: V
     });
-    for (const _ in P)
-      w.searchParams.set(_, JSON.stringify(P[_]));
+    for (const _ in E)
+      w.searchParams.set(_, JSON.stringify(E[_]));
   }
-  const Ke = {
-    ...io(),
-    ...Ue(e.options || {})
-  }, ie = D(Ke);
-  for (const P in ie)
-    w.searchParams.set(P, String(ie[P]));
+  const ze = {
+    ...ro(),
+    ...Ne(e.options || {})
+  }, ie = D(ze);
+  for (const E in ie)
+    w.searchParams.set(E, String(ie[E]));
   if (o && w.searchParams.set("userAttributes", JSON.stringify(o)), r) {
-    const P = D({
+    const E = D({
       query: r
     });
-    for (const _ in P)
-      w.searchParams.set(_, JSON.stringify(P[_]));
+    for (const _ in E)
+      w.searchParams.set(_, JSON.stringify(E[_]));
   }
   return w;
-}, so = (e) => "results" in e;
+}, io = (e) => "results" in e;
 async function G(e) {
-  const t = await je({
+  const t = await Oe({
     ...e,
     limit: 1
   });
   return t && t[0] || null;
 }
-const er = G, ao = async (e) => {
+const er = G, so = async (e) => {
   const t = oe(e);
-  return await (await Oe(t.href)).json();
-}, lo = async (e, t, n = oe(e)) => {
-  const o = U(e.canTrack);
-  if (n.search.includes("preview="), !o || !(v() || E === "reactNative"))
+  return await (await Ue(t.href)).json();
+}, ao = async (e, t, n = oe(e)) => {
+  const o = N(e.canTrack);
+  if (n.search.includes("preview="), !o || !(y() || P === "reactNative"))
     return t.results;
   try {
     const r = [];
     for (const i of t.results)
-      r.push(await en({
+      r.push(await Zt({
         item: i,
         canTrack: o
       }));
@@ -2222,10 +2154,10 @@ const er = G, ao = async (e) => {
   }
   return t.results;
 };
-async function je(e) {
+async function Oe(e) {
   try {
-    const t = oe(e), n = await ao(e);
-    return so(n) ? lo(e, n) : (I.error("Error fetching data. ", {
+    const t = oe(e), n = await so(e);
+    return io(n) ? ao(e, n) : (I.error("Error fetching data. ", {
       url: t,
       content: n,
       options: e
@@ -2234,9 +2166,13 @@ async function je(e) {
     return I.error("Error fetching data. ", t), null;
   }
 }
-const tr = je;
+const tr = Oe, lo = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
+function He(e, t) {
+  const n = new URL(t.origin), o = n.hostname;
+  return (e || lo).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
+}
 function co() {
-  return !v() || T() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
+  return !y() || x() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
 }
 function uo() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
@@ -2244,7 +2180,7 @@ function uo() {
     return (e == "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function Fe() {
+function Le() {
   return uo().replace(/-/g, "");
 }
 const Me = "builderSessionId", po = async ({
@@ -2265,20 +2201,20 @@ const Me = "builderSessionId", po = async ({
       canTrack: e
     }), n;
   }
-}, mo = () => Fe(), ho = ({
+}, mo = () => Le(), ho = ({
   id: e,
   canTrack: t
-}) => Ee({
+}) => xe({
   name: Me,
   value: e,
   canTrack: t
-}), Le = () => v() && typeof localStorage < "u" ? localStorage : void 0, fo = ({
+}), je = () => y() && typeof localStorage < "u" ? localStorage : void 0, fo = ({
   key: e,
   canTrack: t
 }) => {
   var n;
   try {
-    return t ? (n = Le()) == null ? void 0 : n.getItem(e) : void 0;
+    return t ? (n = je()) == null ? void 0 : n.getItem(e) : void 0;
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
     return;
@@ -2290,17 +2226,17 @@ const Me = "builderSessionId", po = async ({
 }) => {
   var o;
   try {
-    t && ((o = Le()) == null || o.setItem(e, n));
+    t && ((o = je()) == null || o.setItem(e, n));
   } catch (r) {
     console.debug("[LocalStorage] SET error: ", r);
   }
-}, He = "builderVisitorId", go = ({
+}, De = "builderVisitorId", go = ({
   canTrack: e
 }) => {
   if (!e)
     return;
   const t = fo({
-    key: He,
+    key: De,
     canTrack: e
   });
   if (A(t))
@@ -2312,11 +2248,11 @@ const Me = "builderSessionId", po = async ({
       canTrack: e
     }), n;
   }
-}, ko = () => Fe(), yo = ({
+}, ko = () => Le(), yo = ({
   id: e,
   canTrack: t
 }) => bo({
-  key: He,
+  key: De,
   value: e,
   canTrack: t
 }), vo = async ({
@@ -2362,7 +2298,7 @@ async function ee(e) {
     I.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  if (!!e.canTrack && !T() && !!(v() || E === "reactNative"))
+  if (!!e.canTrack && !x() && !!(y() || P === "reactNative"))
     return fetch("https://cdn.builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
@@ -2422,10 +2358,10 @@ const Co = (e, t, n = !0) => {
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, $o = "0.12.1", fe = {};
+}, $o = "0.12.3", fe = {};
 function Ro(e, t) {
   let n = fe[e];
-  if (n || (n = fe[e] = []), n.push(t), v()) {
+  if (n || (n = fe[e] = []), n.push(t), y()) {
     const o = {
       type: "builder.register",
       data: {
@@ -2464,12 +2400,12 @@ const To = () => {
   });
 };
 let be = !1;
-const Eo = (e = {}) => {
+const xo = (e = {}) => {
   var t, n;
-  be || (be = !0, v() && ((t = window.parent) == null || t.postMessage({
+  be || (be = !0, y() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
-      target: E,
+      target: P,
       version: $o,
       supportsPatchUpdates: !1,
       supportsAddBlockScoping: !0,
@@ -2480,40 +2416,43 @@ const Eo = (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 (!He(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 || [], l = o.data.id, c = new Function(s);
-          let u, m = null;
+          const a = r.data.text, l = r.data.arguments || [], c = r.data.id, p = new Function(a);
+          let m, b = null;
           try {
-            u = c.apply(null, a);
-          } catch (b) {
-            m = b;
+            m = p.apply(null, l);
+          } catch (S) {
+            b = S;
           }
-          m ? (r = window.parent) == null || r.postMessage({
+          b ? (i = window.parent) == null || i.postMessage({
             type: "builder.evaluateError",
             data: {
-              id: l,
-              error: m.message
+              id: c,
+              error: b.message
             }
-          }, "*") : u && typeof u.then == "function" ? u.then((b) => {
-            var C;
-            (C = window.parent) == null || C.postMessage({
+          }, "*") : m && typeof m.then == "function" ? m.then((S) => {
+            var R;
+            (R = window.parent) == null || R.postMessage({
               type: "builder.evaluateResult",
               data: {
-                id: l,
-                result: b
+                id: c,
+                result: S
               }
             }, "*");
-          }).catch(console.error) : (i = window.parent) == null || i.postMessage({
+          }).catch(console.error) : (s = window.parent) == null || s.postMessage({
             type: "builder.evaluateResult",
             data: {
-              result: u,
-              id: l
+              result: m,
+              id: c
             }
           }, "*");
           break;
@@ -2525,6 +2464,7 @@ const Eo = (e = {}) => {
   props: [
     "builderContextSignal",
     "contentWrapper",
+    "trustedHosts",
     "model",
     "context",
     "canTrack",
@@ -2558,10 +2498,10 @@ const Eo = (e = {}) => {
   mounted() {
     (() => {
       var n, o;
-      if (v()) {
-        if (T() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+      if (y()) {
+        if (x() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initeditingbldr")
-        ), this.builderContextSignal.content && U(this.canTrack)) {
+        ), this.builderContextSignal.content && N(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;
           ee({
             type: "impression",
@@ -2624,7 +2564,7 @@ const Eo = (e = {}) => {
     }
   },
   unmounted() {
-    v() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
+    y() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       this.emitStateUpdate
     ));
@@ -2697,6 +2637,8 @@ const Eo = (e = {}) => {
     },
     processMessage(e) {
       var n;
+      if (!He(this.trustedHosts, e))
+        return;
       const { data: t } = e;
       if (t)
         switch (t.type) {
@@ -2735,7 +2677,7 @@ const Eo = (e = {}) => {
         const o = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId, r = (n = this.builderContextSignal.content) == null ? void 0 : n.id;
         ee({
           type: "click",
-          canTrack: U(this.canTrack),
+          canTrack: N(this.canTrack),
           contentId: r,
           apiKey: this.apiKey,
           variationId: o !== r ? o : void 0,
@@ -2758,7 +2700,7 @@ const Eo = (e = {}) => {
       );
     },
     handleRequest({ url: e, key: t }) {
-      Oe(e).then((n) => n.json()).then((n) => {
+      Ue(e).then((n) => n.json()).then((n) => {
         var r, i;
         const o = {
           ...this.builderContextSignal.rootState,
@@ -2773,7 +2715,7 @@ const Eo = (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] || T())) {
+        if (i && (!this.httpReqsData[r] || x())) {
           const s = this.evalExpression(i);
           this.handleRequest({
             url: s,
@@ -2783,12 +2725,12 @@ const Eo = (e = {}) => {
       });
     },
     emitStateUpdate() {
-      T() && window.dispatchEvent(
+      x() && window.dispatchEvent(
         new CustomEvent(
           "builder:component:stateChange",
           {
             detail: {
-              state: F(this.builderContextSignal.rootState),
+              state: H(this.builderContextSignal.rootState),
               ref: {
                 name: this.model
               }
@@ -2798,7 +2740,7 @@ const Eo = (e = {}) => {
       );
     },
     elementRef_onIniteditingbldr(e) {
-      this.forceReRenderCount = this.forceReRenderCount + 1, window.addEventListener("message", this.processMessage), To(), Eo({
+      this.forceReRenderCount = this.forceReRenderCount + 1, window.addEventListener("message", this.processMessage), To(), xo({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -2807,12 +2749,15 @@ const Eo = (e = {}) => {
         } : {},
         ...this.enrich ? {
           enrich: this.enrich
+        } : {},
+        ...this.trustedHosts ? {
+          trustedHosts: this.trustedHosts
         } : {}
       }), Object.values(
         this.builderContextSignal.componentInfos
       ).forEach((t) => {
         var o;
-        const n = Hn(t);
+        const n = Mn(t);
         (o = window.parent) == null || o.postMessage(n, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
@@ -2830,29 +2775,18 @@ const Eo = (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;
     }
   }
 });
-function xo(e, t, n, o, r, i) {
+function Eo(e, t, n, o, r, i) {
   var s, a, l;
-  return e.builderContextSignal.content ? (d(), y(ke(e.ContentWrapper), S({
+  return e.builderContextSignal.content ? (d(), v(ke(e.ContentWrapper), C({
     key: e.forceReRenderCount,
     ref: "elementRef",
     onClick: (c) => e.onClick(c),
     "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) || ((l = e.content) == null ? void 0 : l.id)}`
-    ),
+    class: `variant-${((a = e.content) == null ? void 0 : a.testVariationId) || ((l = e.content) == null ? void 0 : l.id)}`,
     onIniteditingbldr: (c) => e.elementRef_onIniteditingbldr(c),
     onInitpreviewingbldr: (c) => e.elementRef_onInitpreviewingbldr(c)
   }, {
@@ -2862,13 +2796,13 @@ function xo(e, t, n, o, r, i) {
     },
     ...e.contentWrapperProps
   }), {
-    default: j(() => [
-      x(e.$slots, "default")
+    default: O(() => [
+      B(e.$slots, "default")
     ]),
     _: 3
   }, 16, ["onClick", "builder-content-id", "builder-model", "class", "onIniteditingbldr", "onInitpreviewingbldr"])) : k("v-if", !0);
 }
-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) => {
+const Bo = /* @__PURE__ */ f(Po, [["render", Eo], ["__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 = "";
@@ -2917,6 +2851,10 @@ ${Ao({
         customFonts: this.customFonts
       })}
 
+.builder-button {
+  all: unset;
+}
+
 .builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
   margin: 0;
 }
@@ -2933,11 +2871,11 @@ ${Ao({
     };
   }
 });
-function Oo(e, t, n, o, r, i) {
+function Uo(e, t, n, o, r, i) {
   const s = g("inlined-styles");
-  return d(), y(s, { styles: e.injectedStyles }, null, 8, ["styles"]);
+  return d(), v(s, { styles: e.injectedStyles }, null, 8, ["styles"]);
 }
-const No = /* @__PURE__ */ f(_o, [["render", Oo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/components/styles.vue"]]), Uo = ({
+const Fo = /* @__PURE__ */ f(_o, [["render", Uo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/components/styles.vue"]]), No = ({
   content: e,
   data: t,
   locale: n
@@ -2954,7 +2892,7 @@ const No = /* @__PURE__ */ f(_o, [["render", Oo], ["__file", "/home/runner/work/
       locale: n
     } : {}
   };
-}, jo = ({
+}, Oo = ({
   content: e,
   data: t
 }) => e ? {
@@ -2964,12 +2902,12 @@ const No = /* @__PURE__ */ f(_o, [["render", Oo], ["__file", "/home/runner/work/
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, Fo = ze, Mo = h({
+} : void 0, Ho = qe, Lo = h({
   name: "content-component",
   components: {
     EnableEditor: Bo,
     InlinedScript: _e,
-    ContentStyles: No,
+    ContentStyles: Fo,
     Blocks: q
   },
   props: [
@@ -2989,12 +2927,13 @@ const No = /* @__PURE__ */ f(_o, [["render", Oo], ["__file", "/home/runner/work/
     "showContent",
     "contentWrapper",
     "contentWrapperProps",
+    "trustedHosts",
     "isSsrAbTest"
   ],
   data() {
     var e, t;
     return {
-      scriptStr: Xn({
+      scriptStr: Qn({
         variationId: (e = this.content) == null ? void 0 : e.testVariationId,
         contentId: (t = this.content) == null ? void 0 : t.id
       }),
@@ -3006,19 +2945,19 @@ const No = /* @__PURE__ */ f(_o, [["render", Oo], ["__file", "/home/runner/work/
         (n, { component: o, ...r }) => ({
           ...n,
           [r.name]: {
-            component: Fo(o),
+            component: Ho(o),
             ...Z(r)
           }
         }),
         {}
       ),
       builderContextSignal: {
-        content: jo({
+        content: Oo({
           content: this.content,
           data: this.data
         }),
         localState: void 0,
-        rootState: Uo({
+        rootState: No({
           content: this.content,
           data: this.data,
           locale: this.locale
@@ -3042,7 +2981,7 @@ const No = /* @__PURE__ */ f(_o, [["render", Oo], ["__file", "/home/runner/work/
         BlocksWrapper: this.blocksWrapper || "div",
         BlocksWrapperProps: this.blocksWrapperProps || {}
       },
-      TARGET: E
+      TARGET: P
     };
   },
   provide() {
@@ -3059,9 +2998,9 @@ const No = /* @__PURE__ */ f(_o, [["render", Oo], ["__file", "/home/runner/work/
     }
   }
 });
-function Lo(e, t, n, o, r, i) {
+function Mo(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({
+  return d(), v(c, C({
     content: e.content,
     data: e.data,
     model: e.model,
@@ -3074,22 +3013,23 @@ function Lo(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: j(() => {
-      var u, m, b, C, B, W, V;
+    default: O(() => {
+      var p, m, b, S, R, W, V;
       return [
-        e.isSsrAbTest ? (d(), y(s, {
+        e.isSsrAbTest ? (d(), v(s, {
           key: 0,
           scriptStr: e.scriptStr
         }, null, 8, ["scriptStr"])) : k("v-if", !0),
-        e.TARGET !== "reactNative" ? (d(), y(a, {
+        e.TARGET !== "reactNative" ? (d(), v(a, {
           key: 1,
-          contentId: (u = e.builderContextSignal.content) == null ? void 0 : u.id,
+          contentId: (p = e.builderContextSignal.content) == null ? void 0 : p.id,
           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
+          customFonts: (R = (S = e.builderContextSignal.content) == null ? void 0 : S.data) == null ? void 0 : R.customFonts
         }, null, 8, ["contentId", "cssCode", "customFonts"])) : k("v-if", !0),
-        R(l, {
+        T(l, {
           blocks: (V = (W = e.builderContextSignal.content) == null ? void 0 : W.data) == null ? void 0 : V.blocks,
           context: e.builderContextSignal,
           registeredComponents: e.registeredComponents
@@ -3097,14 +3037,14 @@ function Lo(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 Ho = /* @__PURE__ */ f(Mo, [["render", Lo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/content.vue"]]), Do = h({
+const jo = /* @__PURE__ */ f(Lo, [["render", Mo], ["__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: Ho
+    ContentComponent: jo
   },
   props: [
     "canTrack",
@@ -3122,17 +3062,18 @@ const Ho = /* @__PURE__ */ f(Mo, [["render", Lo], ["__file", "/home/runner/work/
     "blocksWrapper",
     "blocksWrapperProps",
     "contentWrapper",
-    "contentWrapperProps"
+    "contentWrapperProps",
+    "trustedHosts"
   ],
   data() {
     return {
-      shouldRenderVariants: Gn({
-        canTrack: U(this.canTrack),
+      shouldRenderVariants: qn({
+        canTrack: N(this.canTrack),
         content: this.content
       }),
-      TARGET: E,
-      getScriptString: Yn,
-      getVariants: H
+      TARGET: P,
+      getScriptString: Jn,
+      getVariants: j
     };
   },
   mounted() {
@@ -3141,8 +3082,8 @@ const Ho = /* @__PURE__ */ f(Mo, [["render", Lo], ["__file", "/home/runner/work/
   computed: {
     updateCookieAndStylesScriptStr() {
       var e;
-      return Qn(
-        H(this.content).map((t) => ({
+      return Yn(
+        j(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
         })),
@@ -3150,16 +3091,16 @@ const Ho = /* @__PURE__ */ f(Mo, [["render", Lo], ["__file", "/home/runner/work/
       );
     },
     hideVariantsStyleString() {
-      return H(this.content).map((e) => `.variant-${e.testVariationId} { display: none; } `).join("");
+      return j(this.content).map((e) => `.variant-${e.testVariationId} { display: none; } `).join("");
     },
     defaultContent() {
       var e;
       return this.shouldRenderVariants ? {
         ...this.content,
         testVariationId: (e = this.content) == null ? void 0 : e.id
-      } : Zt({
+      } : Xt({
         item: this.content,
-        canTrack: U(this.canTrack)
+        canTrack: N(this.canTrack)
       });
     }
   }
@@ -3167,20 +3108,20 @@ const Ho = /* @__PURE__ */ f(Mo, [["render", Lo], ["__file", "/home/runner/work/
 function Ko(e, t, n, o, r, i) {
   var c;
   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, {
+  return d(), u($, null, [
+    !e.__isNestedRender && e.TARGET !== "reactNative" ? (d(), v(s, {
       key: 0,
       scriptStr: e.getScriptString()
     }, null, 8, ["scriptStr"])) : k("v-if", !0),
-    e.shouldRenderVariants ? (d(), p($, { key: 1 }, [
-      R(a, {
+    e.shouldRenderVariants ? (d(), u($, { key: 1 }, [
+      T(a, {
         id: `variants-styles-${(c = e.content) == null ? void 0 : c.id}`,
         styles: e.hideVariantsStyleString
       }, null, 8, ["id", "styles"]),
-      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,
+      T(s, { scriptStr: e.updateCookieAndStylesScriptStr }, null, 8, ["scriptStr"]),
+      (d(!0), u($, null, F(e.getVariants(e.content), (p, m) => (d(), v(l, {
+        key: p.testVariationId,
+        content: p,
         showContent: !1,
         model: e.model,
         data: e.data,
@@ -3196,10 +3137,11 @@ function Ko(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)) : k("v-if", !0),
-    R(l, S({
+    T(l, C({
       content: e.defaultContent,
       showContent: !0,
       model: e.model,
@@ -3216,13 +3158,14 @@ function Ko(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 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 ({
+const Ke = /* @__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
 }) => {
@@ -3241,7 +3184,7 @@ const De = /* @__PURE__ */ f(Do, [["render", Ko], ["__file", "/home/runner/work/
     });
 }, qo = h({
   name: "builder-symbol",
-  components: { ContentVariants: De },
+  components: { ContentVariants: Ke },
   props: [
     "js",
     "attributes",
@@ -3270,7 +3213,7 @@ const De = /* @__PURE__ */ f(Do, [["render", Ko], ["__file", "/home/runner/work/
     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
@@ -3290,25 +3233,14 @@ const De = /* @__PURE__ */ f(Do, [["render", Ko], ["__file", "/home/runner/work/
       }).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 Go(e, t, n, o, r, i) {
-  var a, l, c, u, m;
+  var a, l, c, p, 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)), [
-    R(s, {
+  return d(), u("div", C({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    T(s, {
       __isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
       apiKey: e.builderContext.apiKey,
@@ -3320,16 +3252,16 @@ function Go(e, t, n, o, r, i) {
       data: {
         ...(l = e.symbol) == null ? void 0 : l.data,
         ...e.builderContext.localState,
-        ...(u = (c = e.contentToUse) == null ? void 0 : c.data) == null ? void 0 : u.state
+        ...(p = (c = e.contentToUse) == null ? void 0 : c.data) == null ? void 0 : p.state
       },
       model: (m = e.symbol) == null ? void 0 : m.model,
       content: e.contentToUse
     }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "model", "content"])
   ], 16);
 }
-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 = {};
+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 = Ke, ge = {};
 function ir(e) {
-  if (v()) {
+  if (y()) {
     Object.assign(ge, e);
     const t = {
       type: "builder.settingsChange",
@@ -3350,7 +3282,7 @@ const sr = async (e) => {
         urlPath: t
       } : {}
     },
-    options: Ne(e.searchParams || ((i = e.url) == null ? void 0 : i.searchParams) || e.options)
+    options: Fe(e.searchParams || ((i = e.url) == null ? void 0 : i.searchParams) || e.options)
   };
   return {
     apiKey: n.apiKey,
@@ -3361,16 +3293,16 @@ const sr = async (e) => {
 export {
   sr as A,
   Ie as B,
-  De as C,
+  Ke as C,
   Xo as D,
-  Wt as F,
+  Bt as F,
   te as I,
   or as R,
-  Ht as S,
-  E as T,
+  Mt as S,
+  P as T,
   Ln as V,
   f as _,
-  Rt as a,
+  $t as a,
   Zo as b,
   A as c,
   X as d,
@@ -3378,22 +3310,22 @@ export {
   q as f,
   we as g,
   rr as h,
-  Ye as i,
-  Pt as j,
-  Ft as k,
+  Qe as i,
+  xt as j,
+  Ot as k,
   Jo as l,
-  An as m,
-  T as n,
+  Wn as m,
+  x as n,
   co as o,
-  Hn as p,
-  lo as q,
+  Mn as p,
+  ao as q,
   Ro as r,
   ir as s,
-  je as t,
+  Oe as t,
   G as u,
   tr as v,
-  Fo as w,
+  Ho as w,
   er as x,
-  Ne as y,
+  Fe as y,
   nr as z
 };