@builder.io/sdk-vue 0.8.0 → 0.9.0

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

@@ -1,21 +1,21 @@
 import "./style.css";
-import { defineComponent as g, openBlock as d, createElementBlock as p, mergeProps as I, toHandlers as U, toDisplayString as ce, defineAsyncComponent as M, resolveComponent as k, Fragment as w, createBlock as v, createCommentVNode as b, renderList as B, withCtx as oe, createVNode as V, h as Se, renderSlot as P, createElementVNode as Q, normalizeStyle as X, normalizeClass as Ce, markRaw as tt } from "vue";
-import { createRequire as nt } from "node:module";
-function z(e = {}, t, n) {
+import { defineComponent, openBlock, createElementBlock, mergeProps, toHandlers, toDisplayString, defineAsyncComponent, resolveComponent, Fragment as Fragment$1, createBlock, createCommentVNode, renderList, withCtx, createVNode, h, resolveDynamicComponent, renderSlot, createElementVNode, normalizeStyle, normalizeClass, markRaw } from "vue";
+import { createRequire } from "node:module";
+function filterAttrs(e = {}, t, n) {
   const o = {};
   for (const r in e) {
     if (!e[r] || n && !r.startsWith(t))
       continue;
-    const i = n ? r.replace(t, "") : r;
-    o[i] = e[r];
+    const s = n ? r.replace(t, "") : r;
+    o[s] = e[r];
   }
   return o;
 }
-const ot = g({
+const _sfc_main$k = defineComponent({
   name: "builder-button",
   props: ["attributes", "text", "link", "openLinkInNewTab"],
   data() {
-    return { filterAttrs: z };
+    return { filterAttrs };
   },
   methods: {
     _classStringToObject(e) {
@@ -28,26 +28,25 @@ const ot = g({
       return t;
     }
   }
-});
-const y = (e, t) => {
+}), button_vue_vue_type_style_index_0_scoped_becdf225_lang = "", _export_sfc = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [o, r] of t)
     n[o] = r;
   return n;
-}, rt = ["href", "target"];
-function it(e, t, n, o, r, i) {
-  return e.link ? (d(), p("a", I({
+}, _hoisted_1$6 = ["href", "target"];
+function _sfc_render$i(e, t, n, o, r, s) {
+  return e.link ? (openBlock(), createElementBlock("a", mergeProps({
     key: 0,
     href: e.link,
     target: e.openLinkInNewTab ? "_blank" : void 0,
     role: "button"
-  }, e.filterAttrs(e.attributes, "v-on:", !1), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ce(e.text), 17, rt)) : (d(), p("button", 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")
-  }, e.filterAttrs(e.attributes, "v-on:", !1), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ce(e.text), 17));
+  }, e.filterAttrs(e.attributes, "v-on:", !1), toHandlers(e.filterAttrs(e.attributes, "v-on:", !0), !0)), toDisplayString(e.text), 17));
 }
-const st = /* @__PURE__ */ y(ot, [["render", it], ["__scopeId", "data-v-becdf225"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/button/button.vue"]]), at = Symbol(), Z = {
+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/vue3/src/blocks/button/button.vue"]]), key$1 = Symbol(), BuilderContext = {
   Builder: {
     content: null,
     context: {},
@@ -58,14 +57,16 @@ const st = /* @__PURE__ */ y(ot, [["render", it], ["__scopeId", "data-v-becdf225
     apiKey: null,
     apiVersion: void 0,
     componentInfos: {},
-    inheritedStyles: {}
+    inheritedStyles: {},
+    BlocksWrapper: "div",
+    BlocksWrapperProps: {}
   },
-  key: at
-}, lt = Symbol(), we = {
+  key: key$1
+}, key = Symbol(), ComponentsContext = {
   Components: { registeredComponents: {} },
-  key: lt
+  key
 };
-function ct(e) {
+function getBlockComponentOptions(e) {
   var t;
   return {
     ...(t = e.component) == null ? void 0 : t.options,
@@ -73,44 +74,44 @@ function ct(e) {
     builderBlock: e
   };
 }
-const R = "vue3", dt = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), E = (e) => e != null, ut = (e) => Object.entries(e).map(([n, o]) => {
+const TARGET = "vue3", camelToKebabCase = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), checkIsDefined = (e) => e != null, convertStyleMapToCSSArray = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
-    return `${dt(n)}: ${o};`;
-}).filter(E), pt = (e) => ut(e).join(`
-`), J = ({
+    return `${camelToKebabCase(n)}: ${o};`;
+}).filter(checkIsDefined), convertStyleMapToCSS = (e) => convertStyleMapToCSSArray(e).join(`
+`), createCssClass = ({
   mediaQuery: e,
   className: t,
   styles: n
 }) => {
   const o = `.${t} {
-    ${pt(n)}
+    ${convertStyleMapToCSS(n)}
   }`;
   return e ? `${e} {
       ${o}
     }` : o;
-}, L = "[Builder.io]: ", T = {
-  log: (...e) => console.log(L, ...e),
-  error: (...e) => console.error(L, ...e),
-  warn: (...e) => console.warn(L, ...e),
-  debug: (...e) => console.debug(L, ...e)
+}, MSG_PREFIX = "[Builder.io]: ", logger = {
+  log: (...e) => console.log(MSG_PREFIX, ...e),
+  error: (...e) => console.error(MSG_PREFIX, ...e),
+  warn: (...e) => console.warn(MSG_PREFIX, ...e),
+  debug: (...e) => console.debug(MSG_PREFIX, ...e)
 };
-function S() {
+function isBrowser() {
   return typeof window < "u" && typeof document < "u";
 }
-function mt() {
-  return S() && window.self !== window.top;
+function isIframe() {
+  return isBrowser() && window.self !== window.top;
 }
-function x() {
-  return mt() && (R === "reactNative" || window.location.search.indexOf("builder.frameEditing=") !== -1);
+function isEditing() {
+  return isIframe() && (TARGET === "reactNative" || window.location.search.indexOf("builder.frameEditing=") !== -1);
 }
-const ht = () => {
-  if (S()) {
+const getLocation = () => {
+  if (isBrowser()) {
     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;
-}, ft = () => typeof navigator == "object" && navigator.userAgent || "", Ie = () => {
-  const e = ft(), t = {
+}, getUserAgent = () => typeof navigator == "object" && navigator.userAgent || "", getUserAttributes = () => {
+  const e = getUserAgent(), t = {
     Android() {
       return e.match(/Android/i);
     },
@@ -127,15 +128,15 @@ const ht = () => {
       return e.match(/IEMobile/i) || e.match(/WPDesktop/i);
     },
     any() {
-      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || R === "reactNative";
+      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || TARGET === "reactNative";
     }
-  }, n = e.match(/Tablet|iPad/i), o = ht();
+  }, n = e.match(/Tablet|iPad/i), o = getLocation();
   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"
   };
-}, $e = ({
+}, getFunctionArguments = ({
   builder: e,
   context: t,
   event: n,
@@ -146,54 +147,59 @@ const ht = () => {
   builder: e,
   context: t,
   event: n
-}), bt = () => ({
-  isEditing: x(),
-  isBrowser: S(),
-  isServer: !S(),
-  getUserAttributes: () => Ie()
-}), gt = (e, {
+}), getBuilderGlobals = () => ({
+  isEditing: isEditing(),
+  isBrowser: isBrowser(),
+  isServer: !isBrowser(),
+  getUserAttributes: () => getUserAttributes()
+}), parseCode = (e, {
   isExpression: t = !0
-}) => t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e, yt = ({
+}) => t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e, runInBrowser = ({
   code: e,
   builder: t,
   context: n,
   event: o,
   localState: r,
-  rootSetState: i,
-  rootState: s
+  rootSetState: s,
+  rootState: i
 }) => {
-  const a = $e({
+  const a = getFunctionArguments({
     builder: t,
     context: n,
     event: o,
-    state: kt(s, r, i)
+    state: flattenState(i, r, s)
   });
-  return new Function(...a.map(([l]) => l), e)(...a.map(([, l]) => l));
+  return new Function(...a.map(([c]) => c), e)(...a.map(([, c]) => c));
 };
-function kt(e, t, n) {
+function flattenState(e, t, n) {
   if (e === t)
     throw new Error("rootState === localState");
   return new Proxy(e, {
     get: (o, r) => t && r in t ? t[r] : e[r],
-    set: (o, r, i) => {
+    set: (o, r, s) => {
       if (t && r in t)
         throw new Error("Writing to local state is not allowed as it is read-only.");
-      return e[r] = i, n == null || n(e), !0;
+      return e[r] = s, n == null || n(e), !0;
     }
   });
 }
-const O = (e) => JSON.parse(JSON.stringify(e)), Te = (e, t, n) => {
+const fastClone = (e) => JSON.parse(JSON.stringify(e)), set = (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;
-}, vt = () => null;
-let Re = vt;
+  return o.slice(0, -1).reduce((r, s, i) => Object(r[s]) === r[s] ? r[s] : r[s] = Math.abs(Number(o[i + 1])) >> 0 === +o[i + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
+}, noop = () => {
+};
+let safeDynamicRequire = noop;
 try {
-  Re = nt(import.meta.url);
-} catch {
+  safeDynamicRequire = createRequire(import.meta.url);
+} catch (error) {
+  try {
+    safeDynamicRequire = eval("require");
+  } catch (e) {
+  }
 }
-const ee = Re("isolated-vm"), xe = (e) => `bldr_${e}_sync`, Ee = "BUILDER_SET_STATE", _e = "BUILDER_IVM", St = `
+const ivm = safeDynamicRequire("isolated-vm"), getSyncValName = (e) => `bldr_${e}_sync`, BUILDER_SET_STATE_NAME = "BUILDER_SET_STATE", INJECTED_IVM_GLOBAL = "BUILDER_IVM", REF_TO_PROXY_FN = `
 var refToProxy = (obj) => {
   if (typeof obj !== 'object' || obj === null) {
     return obj;
@@ -210,22 +216,22 @@ var refToProxy = (obj) => {
         return val;
     },
     set(target, key, value) {
-        const v = typeof value === 'object' ? new ${_e}.Reference(value) : value;
+        const v = typeof value === 'object' ? new ${INJECTED_IVM_GLOBAL}.Reference(value) : value;
         obj.setSync(key, v);
-        ${Ee}(key, value)
+        ${BUILDER_SET_STATE_NAME}(key, value)
     },
     deleteProperty(target, key) {
         obj.deleteSync(key);
     }
   })
 }
-`, Ct = ({
+`, processCode = ({
   code: e,
   args: t
 }) => {
-  const n = t.map(([o]) => `var ${o} = refToProxy(${xe(o)}); `).join("");
+  const n = t.map(([o]) => `var ${o} = refToProxy(${getSyncValName(o)}); `).join("");
   return `
-${St}
+${REF_TO_PROXY_FN}
 ${n}
 function theFunction() {
   ${e}
@@ -239,83 +245,86 @@ if (typeof output === 'object' && output !== null) {
 
 output;
 `;
-}, wt = () => new ee.Isolate({
+}, getIsolateContext = () => new ivm.Isolate({
   memoryLimit: 128
-}).createContextSync(), It = ({
+}).createContextSync(), runInNode = ({
   code: e,
   builder: t,
   context: n,
   event: o,
   localState: r,
-  rootSetState: i,
-  rootState: s
+  rootSetState: s,
+  rootState: i
 }) => {
-  const a = O({
-    ...s,
+  const a = fastClone({
+    ...i,
     ...r
-  }), l = $e({
+  }), c = getFunctionArguments({
     builder: t,
     context: n,
     event: o,
     state: a
-  }), c = wt(), u = c.global;
-  u.setSync("global", u.derefInto()), u.setSync("log", function(...f) {
-    console.log(...f);
-  }), u.setSync(Ee, function(f, C) {
-    Te(s, f, C), i == null || i(s);
-  }), l.forEach(([f, C]) => {
-    const _ = typeof C == "object" ? new ee.Reference(
-      f === "builder" ? {
-        ...C,
-        getUserAttributes: () => C.getUserAttributes()
-      } : C
+  }), l = getIsolateContext(), d = l.global;
+  d.setSync("global", d.derefInto()), d.setSync("log", function(...m) {
+    console.log(...m);
+  }), d.setSync(BUILDER_SET_STATE_NAME, function(m, f) {
+    set(i, m, f), s == null || s(i);
+  }), c.forEach(([m, f]) => {
+    const b = typeof f == "object" ? new ivm.Reference(
+      m === "builder" ? {
+        ...f,
+        getUserAttributes: () => f.getUserAttributes()
+      } : f
     ) : null;
-    u.setSync(xe(f), _);
-  }), u.setSync(_e, ee);
-  const h = Ct({
+    d.setSync(getSyncValName(m), b);
+  }), d.setSync(INJECTED_IVM_GLOBAL, ivm);
+  const u = processCode({
     code: e,
-    args: l
-  }), m = c.evalSync(h);
+    args: c
+  }), p = l.evalSync(u);
   try {
-    return JSON.parse(m);
+    return JSON.parse(p);
   } catch {
-    return m;
+    return p;
   }
-}, $t = (e) => S() ? yt(e) : It(e);
-function H({
+}, chooseBrowserOrServerEval = (e) => isBrowser() ? runInBrowser(e) : runInNode(e);
+function evaluate({
   code: e,
   context: t,
   localState: n,
   rootState: o,
   rootSetState: r,
-  event: i,
-  isExpression: s = !0
+  event: s,
+  isExpression: i = !0
 }) {
   if (e === "") {
-    T.warn("Skipping evaluation of empty code block.");
+    logger.warn("Skipping evaluation of empty code block.");
     return;
   }
   const a = {
-    code: gt(e, {
-      isExpression: s
+    code: parseCode(e, {
+      isExpression: i
     }),
-    builder: bt(),
+    builder: getBuilderGlobals(),
     context: t,
-    event: i,
+    event: s,
     rootSetState: r,
     rootState: o,
     localState: n
   };
   try {
-    return $t(a);
-  } catch (l) {
-    T.error("Failed code evaluation: " + l.message, {
+    return chooseBrowserOrServerEval(a);
+  } catch (c) {
+    logger.error("Failed code evaluation: " + c.message, {
       code: e
     });
     return;
   }
 }
-const Tt = ({
+function transformBlock(e) {
+  return e;
+}
+const evaluateBindings = ({
   block: e,
   context: t,
   localState: n,
@@ -324,58 +333,58 @@ const Tt = ({
 }) => {
   if (!e.bindings)
     return e;
-  const i = O(e), s = {
-    ...i,
+  const s = fastClone(e), i = {
+    ...s,
     properties: {
-      ...i.properties
+      ...s.properties
     },
     actions: {
-      ...i.actions
+      ...s.actions
     }
   };
   for (const a in e.bindings) {
-    const l = e.bindings[a], c = H({
-      code: l,
+    const c = e.bindings[a], l = evaluate({
+      code: c,
       localState: n,
       rootState: o,
       rootSetState: r,
       context: t
     });
-    Te(s, a, c);
+    set(i, a, l);
   }
-  return s;
+  return i;
 };
-function K({
+function getProcessedBlock({
   block: e,
   context: t,
   shouldEvaluateBindings: n,
   localState: o,
   rootState: r,
-  rootSetState: i
+  rootSetState: s
 }) {
-  const s = e;
-  return n ? Tt({
-    block: s,
+  const i = e;
+  return n ? evaluateBindings({
+    block: i,
     localState: o,
     rootState: r,
-    rootSetState: i,
+    rootSetState: s,
     context: t
-  }) : s;
+  }) : i;
 }
-const Rt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"], xt = (e) => typeof e == "string" && Rt.includes(e.toLowerCase()), Et = ({
+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 = ({
   block: e,
   context: t,
   registeredComponents: n
 }) => {
-  var i;
-  const o = (i = K({
+  var s;
+  const o = (s = getProcessedBlock({
     block: e,
     localState: t.localState,
     rootState: t.rootState,
     rootSetState: t.rootSetState,
     context: t.context,
     shouldEvaluateBindings: !1
-  }).component) == null ? void 0 : i.name;
+  }).component) == null ? void 0 : s.name;
   if (!o)
     return null;
   const r = n[o];
@@ -384,7 +393,7 @@ const Rt = ["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?`);
-}, _t = ({
+}, getRepeatItemData = ({
   block: e,
   context: t
 }) => {
@@ -394,7 +403,7 @@ const Rt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
   } = e;
   if (!(n != null && n.collection))
     return;
-  const r = H({
+  const r = evaluate({
     code: n.collection,
     localState: t.localState,
     rootState: t.rootState,
@@ -403,69 +412,69 @@ const Rt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
   });
   if (!Array.isArray(r))
     return;
-  const i = n.collection.split(".").pop(), s = n.itemName || (i ? i + "Item" : "item");
-  return r.map((l, c) => ({
+  const s = n.collection.split(".").pop(), i = n.itemName || (s ? s + "Item" : "item");
+  return r.map((c, l) => ({
     context: {
       ...t,
       localState: {
         ...t.localState,
-        $index: c,
-        $item: l,
-        [s]: l,
-        [`$${s}Index`]: c
+        $index: l,
+        $item: c,
+        [i]: c,
+        [`$${i}Index`]: l
       }
     },
     block: o
   }));
-}, At = () => Promise.resolve().then(() => Mt).then((e) => e.default).catch((e) => {
+}, BlockStyles$1 = () => Promise.resolve().then(() => blockStyles).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
     e
   ), e;
-}), Pt = () => import("./block-wrapper.6198973e.js").then((e) => e.default).catch((e) => {
+}), BlockWrapper = () => import("./block-wrapper.728d47ca.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",
     e
   ), e;
-}), Bt = () => import("./component-ref.a11780f4.js").then((e) => e.default).catch((e) => {
+}), ComponentRef = () => import("./component-ref.f9faaca2.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component ComponentRef at ./components/component-ref/component-ref.vue",
     e
   ), e;
-}), Vt = () => import("./repeated-block.6106c352.js").then((e) => e.default).catch((e) => {
+}), RepeatedBlock = () => import("./repeated-block.38b9803d.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
   ), e;
-}), Ot = g({
+}), _sfc_main$j = defineComponent({
   name: "block",
   components: {
-    ComponentRef: M(Bt),
-    BlockWrapper: M(Pt),
-    RepeatedBlock: M(Vt),
-    BlockStyles: M(At)
+    ComponentRef: defineAsyncComponent(ComponentRef),
+    BlockWrapper: defineAsyncComponent(BlockWrapper),
+    RepeatedBlock: defineAsyncComponent(RepeatedBlock),
+    BlockStyles: defineAsyncComponent(BlockStyles$1)
   },
   props: ["block", "context", "registeredComponents"],
   data() {
-    return { childrenContext: this.context, isEmptyHtmlElement: xt };
+    return { childrenContext: this.context, isEmptyHtmlElement };
   },
   computed: {
     blockComponent() {
-      return Et({
+      return getComponent({
         block: this.block,
         context: this.context,
         registeredComponents: this.registeredComponents
       });
     },
     repeatItem() {
-      return _t({
+      return getRepeatItemData({
         block: this.block,
         context: this.context
       });
     },
     processedBlock() {
       var e;
-      return (e = this.block.repeat) != null && e.collection ? this.block : K({
+      return (e = this.block.repeat) != null && e.collection ? this.block : getProcessedBlock({
         block: this.block,
         localState: this.context.localState,
         rootState: this.context.rootState,
@@ -489,12 +498,12 @@ const Rt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
       return !((t = this.blockComponent) != null && t.component) && !this.repeatItem ? (n = this.processedBlock.children) != null ? n : [] : [];
     },
     componentRefProps() {
-      var e, t, n, o, r, i;
+      var e, t, n, o, r, s;
       return {
         blockChildren: (e = this.processedBlock.children) != null ? e : [],
         componentRef: (t = this.blockComponent) == null ? void 0 : t.component,
         componentOptions: {
-          ...ct(this.processedBlock),
+          ...getBlockComponentOptions(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
@@ -504,16 +513,16 @@ const Rt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
         registeredComponents: this.registeredComponents,
         builderBlock: this.processedBlock,
         includeBlockProps: ((r = this.blockComponent) == null ? void 0 : r.noWrap) === !0,
-        isInteractive: !((i = this.blockComponent) != null && i.isRSC)
+        isInteractive: !((s = this.blockComponent) != null && s.isRSC)
       };
     }
   }
 });
-function jt(e, t, n, o, r, i) {
-  var h;
-  const s = k("block-wrapper"), a = k("repeated-block"), l = k("component-ref"), c = k("block", !0), u = k("block-styles");
-  return e.canShowBlock ? (d(), p(w, { key: 0 }, [
-    (h = e.blockComponent) != null && h.noWrap ? (d(), v(l, {
+function _sfc_render$h(e, t, n, o, r, s) {
+  var u;
+  const i = resolveComponent("block-wrapper"), a = resolveComponent("repeated-block"), c = resolveComponent("component-ref"), l = resolveComponent("block", !0), d = resolveComponent("block-styles");
+  return e.canShowBlock ? (openBlock(), createElementBlock(Fragment$1, { key: 0 }, [
+    (u = e.blockComponent) != null && u.noWrap ? (openBlock(), createBlock(c, {
       key: 1,
       componentRef: e.componentRefProps.componentRef,
       componentOptions: e.componentRefProps.componentOptions,
@@ -523,29 +532,29 @@ function jt(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(w, { key: 0 }, [
-      e.isEmptyHtmlElement(e.Tag) ? (d(), v(s, {
+    }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "builderBlock", "includeBlockProps", "isInteractive"])) : (openBlock(), createElementBlock(Fragment$1, { key: 0 }, [
+      e.isEmptyHtmlElement(e.Tag) ? (openBlock(), createBlock(i, {
         key: 0,
         Wrapper: e.Tag,
         block: e.processedBlock,
         context: e.context,
         hasChildren: !1
-      }, null, 8, ["Wrapper", "block", "context"])) : b("v-if", !0),
-      !e.isEmptyHtmlElement(e.Tag) && e.repeatItem ? (d(!0), p(w, { key: 1 }, B(e.repeatItem, (m, f) => (d(), v(a, {
-        key: f,
-        repeatContext: m.context,
-        block: m.block,
+      }, 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(a, {
+        key: m,
+        repeatContext: p.context,
+        block: p.block,
         registeredComponents: e.registeredComponents
-      }, null, 8, ["repeatContext", "block", "registeredComponents"]))), 128)) : b("v-if", !0),
-      !e.isEmptyHtmlElement(e.Tag) && !e.repeatItem ? (d(), v(s, {
+      }, null, 8, ["repeatContext", "block", "registeredComponents"]))), 128)) : createCommentVNode("v-if", !0),
+      !e.isEmptyHtmlElement(e.Tag) && !e.repeatItem ? (openBlock(), createBlock(i, {
         key: 2,
         Wrapper: e.Tag,
         block: e.processedBlock,
         context: e.context,
         hasChildren: !0
       }, {
-        default: oe(() => [
-          V(l, {
+        default: withCtx(() => [
+          createVNode(c, {
             componentRef: e.componentRefProps.componentRef,
             componentOptions: e.componentRefProps.componentOptions,
             blockChildren: e.componentRefProps.blockChildren,
@@ -555,27 +564,27 @@ function jt(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(w, null, B(e.childrenWithoutParentComponent, (m, f) => (d(), v(c, {
-            key: "block-" + m.id,
-            block: m,
+          (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.childrenWithoutParentComponent, (p, m) => (openBlock(), createBlock(l, {
+            key: "block-" + p.id,
+            block: p,
             context: e.childrenContext,
             registeredComponents: e.registeredComponents
           }, null, 8, ["block", "context", "registeredComponents"]))), 128)),
-          (d(!0), p(w, null, B(e.childrenWithoutParentComponent, (m, f) => (d(), v(u, {
-            key: "block-style-" + m.id,
-            block: m,
+          (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.childrenWithoutParentComponent, (p, m) => (openBlock(), createBlock(d, {
+            key: "block-style-" + p.id,
+            block: p,
             context: e.childrenContext
           }, null, 8, ["block", "context"]))), 128))
         ]),
         _: 1
-      }, 8, ["Wrapper", "block", "context"])) : b("v-if", !0)
+      }, 8, ["Wrapper", "block", "context"])) : createCommentVNode("v-if", !0)
     ], 64))
-  ], 64)) : b("v-if", !0);
+  ], 64)) : createCommentVNode("v-if", !0);
 }
-const Ae = /* @__PURE__ */ y(Ot, [["render", jt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/block/block.vue"]]), br = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Block = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$h], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/block/block.vue"]]), block = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ae
-}, Symbol.toStringTag, { value: "Module" })), Pe = {
+  default: Block
+}, Symbol.toStringTag, { value: "Module" })), SIZES = {
   small: {
     min: 320,
     default: 321,
@@ -591,11 +600,11 @@ const Ae = /* @__PURE__ */ y(Ot, [["render", jt], ["__file", "/home/runner/work/
     default: 991,
     max: 1200
   }
-}, de = (e, t = Pe) => `@media (max-width: ${t[e].max}px)`, Be = ({
+}, getMaxWidthQueryForSize = (e, t = SIZES) => `@media (max-width: ${t[e].max}px)`, getSizesForBreakpoints = ({
   small: e,
   medium: t
 }) => {
-  const n = O(Pe);
+  const n = fastClone(SIZES);
   if (!e || !t)
     return n;
   const o = Math.floor(e / 2);
@@ -610,28 +619,28 @@ const Ae = /* @__PURE__ */ y(Ot, [["render", jt], ["__file", "/home/runner/work/
     min: r,
     default: r + 1
   };
-  const i = n.medium.max + 1;
+  const s = n.medium.max + 1;
   return n.large = {
     max: 2e3,
-    min: i,
-    default: i + 1
+    min: s,
+    default: s + 1
   }, n;
-}, Nt = g({
+}, _sfc_main$i = defineComponent({
   render() {
-    return Se("style", { id: this.id, innerHTML: this.styles });
+    return h("style", { id: this.id, innerHTML: this.styles });
   },
   name: "inlined-styles",
   props: ["styles", "id"]
-}), q = /* @__PURE__ */ y(Nt, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/inlined-styles.vue"]]), Ut = g({
+}), InlinedStyles = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/inlined-styles.vue"]]), _sfc_main$h = defineComponent({
   name: "block-styles",
-  components: { InlinedStyles: q },
+  components: { InlinedStyles },
   props: ["block", "context"],
   data() {
-    return { TARGET: R };
+    return { TARGET };
   },
   computed: {
     canShowBlock() {
-      const e = K({
+      const e = getProcessedBlock({
         block: this.block,
         localState: this.context.localState,
         rootState: this.context.rootState,
@@ -639,57 +648,64 @@ const Ae = /* @__PURE__ */ y(Ot, [["render", jt], ["__file", "/home/runner/work/
         context: this.context.context,
         shouldEvaluateBindings: !0
       });
-      return E(e.hide) ? !e.hide : E(e.show) ? e.show : !0;
+      return checkIsDefined(e.hide) ? !e.hide : checkIsDefined(e.show) ? e.show : !0;
     },
     css() {
-      var h;
-      const e = K({
+      var u;
+      const e = getProcessedBlock({
         block: this.block,
         localState: this.context.localState,
         rootState: this.context.rootState,
         rootSetState: this.context.rootSetState,
         context: this.context.context,
         shouldEvaluateBindings: !0
-      }), t = e.responsiveStyles, n = this.context.content, o = Be(
-        ((h = n == null ? void 0 : n.meta) == null ? void 0 : h.breakpoints) || {}
-      ), r = t == null ? void 0 : t.large, i = t == null ? void 0 : t.medium, s = t == null ? void 0 : t.small, a = e.id;
+      }), t = e.responsiveStyles, n = this.context.content, o = getSizesForBreakpoints(
+        ((u = n == null ? void 0 : n.meta) == null ? void 0 : u.breakpoints) || {}
+      ), r = t == null ? void 0 : t.large, s = t == null ? void 0 : t.medium, i = t == null ? void 0 : t.small, a = e.id;
       if (!a)
         return "";
-      const l = r ? J({
+      const c = r ? createCssClass({
         className: a,
         styles: r
-      }) : "", c = i ? J({
+      }) : "", l = s ? createCssClass({
         className: a,
-        styles: i,
-        mediaQuery: de(
+        styles: s,
+        mediaQuery: getMaxWidthQueryForSize(
           "medium",
           o
         )
-      }) : "", u = s ? J({
+      }) : "", d = i ? createCssClass({
         className: a,
-        styles: s,
-        mediaQuery: de(
+        styles: i,
+        mediaQuery: getMaxWidthQueryForSize(
           "small",
           o
         )
       }) : "";
-      return [l, c, u].join(" ");
+      return [c, l, d].join(" ");
     }
   }
 });
-function Ft(e, t, n, o, r, i) {
-  const s = k("inlined-styles");
-  return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? (d(), v(s, {
+function _sfc_render$g(e, t, n, o, r, s) {
+  const i = resolveComponent("inlined-styles");
+  return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? (openBlock(), createBlock(i, {
     key: 0,
     styles: e.css
-  }, null, 8, ["styles"])) : b("v-if", !0);
+  }, null, 8, ["styles"])) : createCommentVNode("v-if", !0);
 }
-const Ve = /* @__PURE__ */ y(Ut, [["render", Ft], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/block/components/block-styles.vue"]]), Mt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const BlockStyles = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$g], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/block/components/block-styles.vue"]]), blockStyles = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ve
-}, Symbol.toStringTag, { value: "Module" })), Lt = g({
+  default: BlockStyles
+}, Symbol.toStringTag, { value: "Module" })), _sfc_main$g = defineComponent({
   name: "builder-blocks-wrapper",
-  props: ["blocks", "parent", "path", "styleProp"],
+  props: [
+    "BlocksWrapper",
+    "blocks",
+    "parent",
+    "path",
+    "styleProp",
+    "BlocksWrapperProps"
+  ],
   computed: {
     className() {
       var e;
@@ -699,7 +715,7 @@ const Ve = /* @__PURE__ */ y(Ut, [["render", Ft], ["__file", "/home/runner/work/
   methods: {
     onClick() {
       var e, t;
-      x() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      isEditing() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.clickEmptyBlocks",
           data: {
@@ -712,7 +728,7 @@ const Ve = /* @__PURE__ */ y(Ut, [["render", Ft], ["__file", "/home/runner/work/
     },
     onMouseEnter() {
       var e, t;
-      x() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      isEditing() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.hoverEmptyBlocks",
           data: {
@@ -733,27 +749,29 @@ const Ve = /* @__PURE__ */ y(Ut, [["render", Ft], ["__file", "/home/runner/work/
       return t;
     }
   }
-});
-const Wt = ["builder-path", "builder-parent-id"];
-function Dt(e, t, n, o, r, i) {
-  return d(), p("div", I({
-    class: e._classStringToObject(e.className + " div-178o76acnws"),
+}), blocksWrapper_vue_vue_type_style_index_0_scoped_1f8aab9f_lang = "";
+function _sfc_render$f(e, t, n, o, r, s) {
+  return openBlock(), createBlock(resolveDynamicComponent(e.BlocksWrapper), mergeProps({
+    class: e._classStringToObject(e.className + " component-178o76acnws"),
     "builder-path": e.path,
     "builder-parent-id": e.parent,
     style: e.styleProp,
-    onClick: t[0] || (t[0] = (s) => e.onClick()),
-    onMouseenter: t[1] || (t[1] = (s) => e.onMouseEnter()),
-    onKeypress: t[2] || (t[2] = (s) => e.onClick())
-  }, {}), [
-    P(e.$slots, "default", {}, void 0, !0)
-  ], 16, Wt);
+    onClick: (i) => e.onClick(),
+    onMouseEnter: (i) => e.onMouseEnter(),
+    onKeyPress: (i) => e.onClick()
+  }, { ...e.BlocksWrapperProps }), {
+    default: withCtx(() => [
+      renderSlot(e.$slots, "default", {}, void 0, !0)
+    ]),
+    _: 3
+  }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const Ht = /* @__PURE__ */ y(Lt, [["render", Dt], ["__scopeId", "data-v-1f8aab9f"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/blocks/blocks-wrapper.vue"]]), Kt = g({
+const BlocksWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$f], ["__scopeId", "data-v-1f8aab9f"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/blocks/blocks-wrapper.vue"]]), _sfc_main$f = defineComponent({
   name: "builder-blocks",
   components: {
-    BlocksWrapper: Ht,
-    Block: Ae,
-    BlockStyles: Ve
+    BlocksWrapper,
+    Block,
+    BlockStyles
   },
   props: [
     "blocks",
@@ -764,37 +782,40 @@ const Ht = /* @__PURE__ */ y(Lt, [["render", Dt], ["__scopeId", "data-v-1f8aab9f
     "registeredComponents"
   ],
   inject: {
-    builderContext: Z.key,
-    componentsContext: we.key
+    builderContext: BuilderContext.key,
+    componentsContext: ComponentsContext.key
   }
 });
-function zt(e, t, n, o, r, i) {
-  const s = k("block"), a = k("block-styles"), l = k("blocks-wrapper");
-  return d(), v(l, {
+function _sfc_render$e(e, t, n, o, r, s) {
+  var l, d;
+  const i = resolveComponent("block"), a = resolveComponent("block-styles"), c = resolveComponent("blocks-wrapper");
+  return openBlock(), createBlock(c, {
     blocks: e.blocks,
     parent: e.parent,
     path: e.path,
-    styleProp: e.styleProp
+    styleProp: e.styleProp,
+    BlocksWrapper: (l = e.context) == null ? void 0 : l.BlocksWrapper,
+    BlocksWrapperProps: (d = e.context) == null ? void 0 : d.BlocksWrapperProps
   }, {
-    default: oe(() => [
-      e.blocks ? (d(!0), p(w, { key: 0 }, B(e.blocks, (c, u) => (d(), v(s, {
-        key: "render-block-" + c.id,
-        block: c,
+    default: withCtx(() => [
+      e.blocks ? (openBlock(!0), createElementBlock(Fragment$1, { key: 0 }, renderList(e.blocks, (u, p) => (openBlock(), createBlock(i, {
+        key: "render-block-" + u.id,
+        block: u,
         context: e.context || e.builderContext,
         registeredComponents: e.registeredComponents || e.componentsContext.registeredComponents
-      }, null, 8, ["block", "context", "registeredComponents"]))), 128)) : b("v-if", !0),
-      e.blocks ? (d(!0), p(w, { key: 1 }, B(e.blocks, (c, u) => (d(), v(a, {
-        key: "block-style-" + c.id,
-        block: c,
+      }, null, 8, ["block", "context", "registeredComponents"]))), 128)) : createCommentVNode("v-if", !0),
+      e.blocks ? (openBlock(!0), createElementBlock(Fragment$1, { key: 1 }, renderList(e.blocks, (u, p) => (openBlock(), createBlock(a, {
+        key: "block-style-" + u.id,
+        block: u,
         context: e.context || e.builderContext
-      }, null, 8, ["block", "context"]))), 128)) : b("v-if", !0)
+      }, null, 8, ["block", "context"]))), 128)) : createCommentVNode("v-if", !0)
     ]),
     _: 1
-  }, 8, ["blocks", "parent", "path", "styleProp"]);
+  }, 8, ["blocks", "parent", "path", "styleProp", "BlocksWrapper", "BlocksWrapperProps"]);
 }
-const re = /* @__PURE__ */ y(Kt, [["render", zt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/blocks/blocks.vue"]]), qt = g({
+const Blocks = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$e], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/blocks/blocks.vue"]]), _sfc_main$e = defineComponent({
   name: "builder-columns",
-  components: { InlinedStyles: q, Blocks: re },
+  components: { InlinedStyles, Blocks },
   props: [
     "js",
     "space",
@@ -811,7 +832,7 @@ const re = /* @__PURE__ */ y(Kt, [["render", zt], ["__file", "/home/runner/work/
       cols: this.columns || [],
       stackAt: this.stackColumnsAt || "tablet",
       flexDir: this.stackColumnsAt === "never" ? "row" : this.reverseColumnsWhenStacked ? "column-reverse" : "column",
-      TARGET: R
+      TARGET
     };
   },
   computed: {
@@ -874,7 +895,7 @@ const re = /* @__PURE__ */ y(Kt, [["render", zt], ["__file", "/home/runner/work/
       return this.stackAt === "never" ? t : e;
     },
     columnCssVars(e) {
-      const t = e === 0 ? 0 : this.gutterSize, n = this.getColumnCssWidth(e), o = `${t}px`, r = "100%", i = 0;
+      const t = e === 0 ? 0 : this.gutterSize, n = this.getColumnCssWidth(e), o = `${t}px`, r = "100%", s = 0;
       return {
         width: n,
         ["margin-left"]: o,
@@ -883,7 +904,7 @@ const re = /* @__PURE__ */ y(Kt, [["render", zt], ["__file", "/home/runner/work/
           desktopStyle: n
         }),
         "--column-margin-left-mobile": this.getMobileStyle({
-          stackedStyle: i,
+          stackedStyle: s,
           desktopStyle: o
         }),
         "--column-width-tablet": this.getTabletStyle({
@@ -891,14 +912,14 @@ const re = /* @__PURE__ */ y(Kt, [["render", zt], ["__file", "/home/runner/work/
           desktopStyle: n
         }),
         "--column-margin-left-tablet": this.getTabletStyle({
-          stackedStyle: i,
+          stackedStyle: s,
           desktopStyle: o
         })
       };
     },
     getWidthForBreakpointSize(e) {
       var n, o;
-      return Be(
+      return getSizesForBreakpoints(
         ((o = (n = this.builderContext.content) == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || {}
       )[e].max;
     },
@@ -912,78 +933,78 @@ const re = /* @__PURE__ */ y(Kt, [["render", zt], ["__file", "/home/runner/work/
       return t;
     }
   }
-});
-function Gt(e, t, n, o, r, i) {
-  const s = k("inlined-styles"), a = k("blocks");
-  return d(), p("div", I({
+}), columns_vue_vue_type_style_index_0_scoped_7be099dc_lang = "";
+function _sfc_render$d(e, t, n, o, r, s) {
+  const i = resolveComponent("inlined-styles"), a = resolveComponent("blocks");
+  return openBlock(), createElementBlock("div", mergeProps({
     class: e._classStringToObject(
       `builder-columns ${e.builderBlock.id}-breakpoints div-16nol0lwi20`
     ),
     style: e.columnsCssVars
   }, {}), [
-    e.TARGET !== "reactNative" ? (d(), v(s, {
+    e.TARGET !== "reactNative" ? (openBlock(), createBlock(i, {
       key: 0,
       styles: e.columnsStyles
-    }, null, 8, ["styles"])) : b("v-if", !0),
-    (d(!0), p(w, null, B(e.columns, (l, c) => (d(), p("div", I({
-      key: c,
+    }, null, 8, ["styles"])) : createCommentVNode("v-if", !0),
+    (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.columns, (c, l) => (openBlock(), createElementBlock("div", mergeProps({
+      key: l,
       class: "builder-column div-16nol0lwi20-2",
-      style: e.columnCssVars(c)
+      style: e.columnCssVars(l)
     }, {}), [
-      V(a, {
-        path: `component.options.columns.${c}.blocks`,
+      createVNode(a, {
+        path: `component.options.columns.${l}.blocks`,
         parent: e.builderBlock.id,
         styleProp: {
           flexGrow: "1"
         },
         context: e.builderContext,
         registeredComponents: e.builderComponents,
-        blocks: l.blocks
+        blocks: c.blocks
       }, null, 8, ["path", "parent", "context", "registeredComponents", "blocks"])
     ], 16))), 128))
   ], 16);
 }
-const Jt = /* @__PURE__ */ y(qt, [["render", Gt], ["__scopeId", "data-v-7be099dc"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/columns/columns.vue"]]), Yt = g({
+const Columns = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$d], ["__scopeId", "data-v-7be099dc"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/columns/columns.vue"]]), _sfc_main$d = defineComponent({
   name: "builder-fragment-component",
   props: []
 });
-function Qt(e, t, n, o, r, i) {
-  return d(), p("span", null, [
-    P(e.$slots, "default")
+function _sfc_render$c(e, t, n, o, r, s) {
+  return openBlock(), createElementBlock("span", null, [
+    renderSlot(e.$slots, "default")
   ]);
 }
-const Xt = /* @__PURE__ */ y(Yt, [["render", Qt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/fragment/fragment.vue"]]);
-function ue(e) {
+const Fragment = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$c], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/fragment/fragment.vue"]]);
+function removeProtocol(e) {
   return e.replace(/http(s)?:/, "");
 }
-function Zt(e = "", t, n) {
+function updateQueryParam(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 en(e, t) {
+function getShopifyImageUrl(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
-    return ue(e);
+    return removeProtocol(e);
   const n = e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
   if (n) {
-    const o = e.split(n[0]), r = n[3], i = t.match("x") ? t : `${t}x`;
-    return ue(`${o[0]}_${i}${r}`);
+    const o = e.split(n[0]), r = n[3], s = t.match("x") ? t : `${t}x`;
+    return removeProtocol(`${o[0]}_${s}${r}`);
   }
   return null;
 }
-function Y(e) {
+function getSrcSet(e) {
   if (!e)
     return e;
   const t = [100, 200, 400, 800, 1200, 1600, 2e3];
   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) => `${Zt(e, "width", r)} ${r}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), t.filter((r) => r !== o).map((r) => `${updateQueryParam(e, "width", r)} ${r}w`).concat([n]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [en(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) => [getShopifyImageUrl(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
-const tn = g({
+const _sfc_main$c = defineComponent({
   name: "builder-image",
   props: [
     "image",
@@ -1007,10 +1028,10 @@ const tn = g({
         return this.srcset;
       if (this.srcset && ((n = this.image) == null ? void 0 : n.includes("builder.io/api/v1/image"))) {
         if (!this.srcset.includes(this.image.split("?")[0]))
-          return console.debug("Removed given srcset"), Y(t);
+          return console.debug("Removed given srcset"), getSrcSet(t);
       } else if (this.image && !this.srcset)
-        return Y(t);
-      return Y(t);
+        return getSrcSet(t);
+      return getSrcSet(t);
     },
     webpSrcSet() {
       var e;
@@ -1038,30 +1059,29 @@ const tn = g({
       return t;
     }
   }
-});
-const nn = ["srcset"], on = ["alt", "role", "src", "srcset", "sizes"], rn = {
+}), image_vue_vue_type_style_index_0_scoped_58ca75d1_lang = "", _hoisted_1$5 = ["srcset"], _hoisted_2$1 = ["alt", "role", "src", "srcset", "sizes"], _hoisted_3$1 = {
   key: 2,
   class: "div-1be3j8m9ewb-2"
 };
-function sn(e, t, n, o, r, i) {
-  var s, a, l, c;
-  return d(), p(w, null, [
-    Q("picture", null, [
-      e.webpSrcSet ? (d(), p("source", {
+function _sfc_render$b(e, t, n, o, r, s) {
+  var i, a, c, l;
+  return openBlock(), createElementBlock(Fragment$1, null, [
+    createElementVNode("picture", null, [
+      e.webpSrcSet ? (openBlock(), createElementBlock("source", {
         key: 0,
         type: "image/webp",
         srcset: e.webpSrcSet
-      }, null, 8, nn)) : b("v-if", !0),
-      Q("img", {
+      }, null, 8, _hoisted_1$5)) : createCommentVNode("v-if", !0),
+      createElementVNode("img", {
         loading: "lazy",
         alt: e.altText,
         role: e.altText ? "presentation" : void 0,
-        style: X({
+        style: normalizeStyle({
           objectPosition: e.backgroundPosition || "center",
           objectFit: e.backgroundSize || "cover",
           ...e.aspectRatioCss
         }),
-        class: Ce(
+        class: normalizeClass(
           e._classStringToObject(
             "builder-image" + (e.className ? " " + e.className : "") + " img-1be3j8m9ewb"
           )
@@ -1069,30 +1089,30 @@ function sn(e, t, n, o, r, i) {
         src: e.image,
         srcset: e.srcSetToUse,
         sizes: e.sizes
-      }, null, 14, on)
+      }, null, 14, _hoisted_2$1)
     ]),
-    e.aspectRatio && !(((a = (s = e.builderBlock) == null ? void 0 : s.children) == null ? void 0 : a.length) && e.fitContent) ? (d(), p("div", {
+    e.aspectRatio && !(((a = (i = e.builderBlock) == null ? void 0 : i.children) == null ? void 0 : a.length) && e.fitContent) ? (openBlock(), createElementBlock("div", {
       key: 0,
       class: "builder-image-sizer div-1be3j8m9ewb",
-      style: X({
+      style: normalizeStyle({
         paddingTop: e.aspectRatio * 100 + "%"
       })
-    }, null, 4)) : b("v-if", !0),
-    ((c = (l = e.builderBlock) == null ? void 0 : l.children) == null ? void 0 : c.length) && e.fitContent ? P(e.$slots, "default", { key: 1 }, void 0, !0) : b("v-if", !0),
-    !e.fitContent && e.$slots.default ? (d(), p("div", rn, [
-      P(e.$slots, "default", {}, void 0, !0)
-    ])) : b("v-if", !0)
+    }, null, 4)) : createCommentVNode("v-if", !0),
+    ((l = (c = e.builderBlock) == null ? void 0 : c.children) == null ? void 0 : l.length) && e.fitContent ? renderSlot(e.$slots, "default", { key: 1 }, void 0, !0) : createCommentVNode("v-if", !0),
+    !e.fitContent && e.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
+      renderSlot(e.$slots, "default", {}, void 0, !0)
+    ])) : createCommentVNode("v-if", !0)
   ], 64);
 }
-const an = /* @__PURE__ */ y(tn, [["render", sn], ["__scopeId", "data-v-58ca75d1"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/image/image.vue"]]), ln = g({
+const Image = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$b], ["__scopeId", "data-v-58ca75d1"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/image/image.vue"]]), _sfc_main$b = defineComponent({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
-    return { filterAttrs: z };
+    return { filterAttrs };
   }
 });
-function cn(e, t, n, o, r, i) {
-  return d(), p("section", I({
+function _sfc_render$a(e, t, n, o, r, s) {
+  return openBlock(), createElementBlock("section", mergeProps({
     style: {
       width: "100%",
       alignSelf: "stretch",
@@ -1105,16 +1125,16 @@ function cn(e, t, n, o, r, i) {
       marginLeft: "auto",
       marginRight: "auto"
     }
-  }, e.filterAttrs(e.attributes, "v-on:", !1), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    P(e.$slots, "default")
+  }, e.filterAttrs(e.attributes, "v-on:", !1), toHandlers(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    renderSlot(e.$slots, "default")
   ], 16);
 }
-const dn = /* @__PURE__ */ y(ln, [["render", cn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/section/section.vue"]]), un = (e) => {
+const Section = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$a], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/section/section.vue"]]), getTopLevelDomain = (e) => {
   if (e === "localhost" || e === "127.0.0.1")
     return e;
   const t = e.split(".");
   return t.length > 2 ? t.slice(1).join(".") : e;
-}, Oe = ({
+}, getCookieSync = ({
   name: e,
   canTrack: t
 }) => {
@@ -1122,17 +1142,17 @@ const dn = /* @__PURE__ */ y(ln, [["render", cn], ["__file", "/home/runner/work/
   try {
     return t ? (n = document.cookie.split("; ").find((o) => o.startsWith(`${e}=`))) == null ? void 0 : n.split("=")[1] : void 0;
   } catch (o) {
-    T.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
+    logger.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, je = async (e) => Oe(e), pn = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(E).join("; "), mn = [["secure", ""], ["SameSite", "None"]], hn = ({
+}, getCookie = async (e) => getCookieSync(e), stringifyCookie = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(checkIsDefined).join("; "), SECURE_CONFIG = [["secure", ""], ["SameSite", "None"]], createCookieString = ({
   name: e,
   value: t,
   expires: n
 }) => {
-  const r = (S() ? location.protocol === "https:" : !0) ? mn : [[]], i = n ? [["expires", n.toUTCString()]] : [[]], s = [[e, t], ...i, ["path", "/"], ["domain", un(window.location.hostname)], ...r];
-  return pn(s);
-}, Ne = async ({
+  const r = (isBrowser() ? location.protocol === "https:" : !0) ? SECURE_CONFIG : [[]], s = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...s, ["path", "/"], ["domain", getTopLevelDomain(window.location.hostname)], ...r];
+  return stringifyCookie(i);
+}, setCookie = async ({
   name: e,
   value: t,
   expires: n,
@@ -1141,54 +1161,54 @@ const dn = /* @__PURE__ */ y(ln, [["render", cn], ["__file", "/home/runner/work/
   try {
     if (!o)
       return;
-    const r = hn({
+    const r = createCookieString({
       name: e,
       value: t,
       expires: n
     });
     document.cookie = r;
   } catch (r) {
-    T.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
+    logger.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
   }
-}, fn = "builder.tests", ie = (e) => `${fn}.${e}`, bn = ({
+}, BUILDER_STORE_PREFIX = "builder.tests", getContentTestKey = (e) => `${BUILDER_STORE_PREFIX}.${e}`, getContentVariationCookie = ({
   contentId: e
-}) => je({
-  name: ie(e),
+}) => getCookie({
+  name: getContentTestKey(e),
   canTrack: !0
-}), gn = ({
+}), getContentVariationCookieSync = ({
   contentId: e
-}) => Oe({
-  name: ie(e),
+}) => getCookieSync({
+  name: getContentTestKey(e),
   canTrack: !0
-}), yn = ({
+}), setContentVariationCookie = ({
   contentId: e,
   value: t
-}) => Ne({
-  name: ie(e),
+}) => setCookie({
+  name: getContentTestKey(e),
   value: t,
   canTrack: !0
-}), Ue = (e) => E(e.id) && E(e.variations) && Object.keys(e.variations).length > 0, kn = ({
+}), checkIsBuilderContentWithVariations = (e) => checkIsDefined(e.id) && checkIsDefined(e.variations) && Object.keys(e.variations).length > 0, getRandomVariationId = ({
   id: e,
   variations: t
 }) => {
   var r;
   let n = 0;
   const o = Math.random();
-  for (const i in t) {
-    const s = (r = t[i]) == null ? void 0 : r.testRatio;
-    if (n += s, o < n)
-      return i;
+  for (const s in t) {
+    const i = (r = t[s]) == null ? void 0 : r.testRatio;
+    if (n += i, o < n)
+      return s;
   }
   return e;
-}, Fe = (e) => {
-  const t = kn(e);
-  return yn({
+}, getAndSetVariantId = (e) => {
+  const t = getRandomVariationId(e);
+  return setContentVariationCookie({
     contentId: e.id,
     value: t
   }).catch((n) => {
-    T.error("could not store A/B test variation: ", n);
+    logger.error("could not store A/B test variation: ", n);
   }), t;
-}, Me = ({
+}, getTestFields = ({
   item: e,
   testGroupId: t
 }) => {
@@ -1201,7 +1221,7 @@ const dn = /* @__PURE__ */ y(ln, [["render", cn], ["__file", "/home/runner/work/
     testVariationId: n.id,
     testVariationName: n.name || (n.id === e.id ? "Default" : "")
   };
-}, vn = ({
+}, handleABTestingSync = ({
   item: e,
   canTrack: t
 }) => {
@@ -1209,14 +1229,14 @@ const dn = /* @__PURE__ */ y(ln, [["render", cn], ["__file", "/home/runner/work/
     return e;
   if (!e)
     return;
-  if (!Ue(e))
+  if (!checkIsBuilderContentWithVariations(e))
     return e;
-  const n = gn({
+  const n = getContentVariationCookieSync({
     contentId: e.id
-  }) || Fe({
+  }) || getAndSetVariantId({
     variations: e.variations,
     id: e.id
-  }), o = Me({
+  }), o = getTestFields({
     item: e,
     testGroupId: n
   });
@@ -1224,18 +1244,18 @@ const dn = /* @__PURE__ */ y(ln, [["render", cn], ["__file", "/home/runner/work/
     ...e,
     ...o
   };
-}, Sn = async ({
+}, handleABTesting = async ({
   item: e,
   canTrack: t
 }) => {
-  if (!t || !Ue(e))
+  if (!t || !checkIsBuilderContentWithVariations(e))
     return e;
-  const o = await bn({
+  const o = await getContentVariationCookie({
     contentId: e.id
-  }) || Fe({
+  }) || getAndSetVariantId({
     variations: e.variations,
     id: e.id
-  }), r = Me({
+  }), r = getTestFields({
     item: e,
     testGroupId: o
   });
@@ -1243,7 +1263,7 @@ const dn = /* @__PURE__ */ y(ln, [["render", cn], ["__file", "/home/runner/work/
     ...e,
     ...r
   };
-}, F = (e) => E(e) ? e : !0, Cn = {
+}, getDefaultCanTrack = (e) => checkIsDefined(e) ? e : !0, componentInfo$a = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1275,7 +1295,7 @@ const dn = /* @__PURE__ */ y(ln, [["render", cn], ["__file", "/home/runner/work/
   }],
   static: !0,
   noWrap: !0
-}, wn = {
+}, componentInfo$9 = {
   name: "Columns",
   isRSC: !0,
   inputs: [{
@@ -1453,7 +1473,7 @@ const dn = /* @__PURE__ */ y(ln, [["render", cn], ["__file", "/home/runner/work/
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && !!n.find((r) => r.get("width")) && (!!n.find((i) => !i.get("width")) || n.reduce((a, l) => a + l.get("width"), 0) !== 100) && t();
+      Array.isArray(n) && !!n.find((r) => r.get("width")) && (!!n.find((s) => !s.get("width")) || n.reduce((a, c) => a + c.get("width"), 0) !== 100) && t();
     }
   }, {
     name: "space",
@@ -1475,7 +1495,7 @@ const dn = /* @__PURE__ */ y(ln, [["render", cn], ["__file", "/home/runner/work/
     helperText: "When stacking columns for mobile devices, reverse the ordering",
     advanced: !0
   }]
-}, In = {
+}, componentInfo$8 = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -1497,7 +1517,7 @@ const dn = /* @__PURE__ */ y(ln, [["render", cn], ["__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
   }]
-}, $n = g({
+}, _sfc_main$a = defineComponent({
   name: "builder-custom-code",
   props: ["replaceNodes", "code"],
   data() {
@@ -1542,19 +1562,19 @@ const dn = /* @__PURE__ */ y(ln, [["render", cn], ["__file", "/home/runner/work/
       return t;
     }
   }
-}), Tn = ["innerHTML"];
-function Rn(e, t, n, o, r, i) {
-  return d(), p("div", {
+}), _hoisted_1$4 = ["innerHTML"];
+function _sfc_render$9(e, t, n, o, r, s) {
+  return openBlock(), createElementBlock("div", {
     ref: "elementRef",
-    class: Ce(
+    class: normalizeClass(
       e._classStringToObject(
         "builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")
       )
     ),
     innerHTML: e.code
-  }, null, 10, Tn);
+  }, null, 10, _hoisted_1$4);
 }
-const xn = /* @__PURE__ */ y($n, [["render", Rn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/custom-code/custom-code.vue"]]), En = {
+const customCode = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$9], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/custom-code/custom-code.vue"]]), componentInfo$7 = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -1579,7 +1599,7 @@ const xn = /* @__PURE__ */ y($n, [["render", Rn], ["__file", "/home/runner/work/
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, _n = ["text/javascript", "application/javascript", "application/ecmascript"], An = (e) => _n.includes(e.type), Pn = g({
+}, SCRIPT_MIME_TYPES = ["text/javascript", "application/javascript", "application/ecmascript"], isJsScript = (e) => SCRIPT_MIME_TYPES.includes(e.type), _sfc_main$9 = defineComponent({
   name: "builder-embed",
   props: ["content"],
   data() {
@@ -1612,7 +1632,7 @@ const xn = /* @__PURE__ */ y($n, [["render", Rn], ["__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 (An(n) && !this.scriptsRun.includes(n.innerText))
+        } else if (isJsScript(n) && !this.scriptsRun.includes(n.innerText))
           try {
             this.scriptsRun.push(n.innerText), new Function(n.innerText)();
           } catch (o) {
@@ -1621,21 +1641,21 @@ const xn = /* @__PURE__ */ y($n, [["render", Rn], ["__file", "/home/runner/work/
       }
     }
   }
-}), Bn = ["innerHTML"];
-function Vn(e, t, n, o, r, i) {
-  return d(), p("div", {
+}), _hoisted_1$3 = ["innerHTML"];
+function _sfc_render$8(e, t, n, o, r, s) {
+  return openBlock(), createElementBlock("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: e.content
-  }, null, 8, Bn);
+  }, null, 8, _hoisted_1$3);
 }
-const On = /* @__PURE__ */ y(Pn, [["render", Vn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/embed/embed.vue"]]), jn = {
+const embed = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$8], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/embed/embed.vue"]]), componentInfo$6 = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, Nn = {
+}, componentInfo$5 = {
   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",
@@ -1655,29 +1675,29 @@ const On = /* @__PURE__ */ y(Pn, [["render", Vn], ["__file", "/home/runner/work/
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
-      function n(s, a = 6e4) {
-        return new Promise((l, c) => {
-          const u = document.createElement("img");
-          let h = !1;
-          u.onload = () => {
-            h = !0, l(u);
-          }, u.addEventListener("error", (m) => {
-            console.warn("Image load failed", m.error), c(m.error);
-          }), u.src = s, setTimeout(() => {
-            h || c(new Error("Image load timed out"));
+      function n(i, a = 6e4) {
+        return new Promise((c, l) => {
+          const d = document.createElement("img");
+          let u = !1;
+          d.onload = () => {
+            u = !0, c(d);
+          }, d.addEventListener("error", (p) => {
+            console.warn("Image load failed", p.error), l(p.error);
+          }), d.src = i, setTimeout(() => {
+            u || l(new Error("Image load timed out"));
           }, a);
         });
       }
-      function o(s) {
-        return Math.round(s * 1e3) / 1e3;
+      function o(i) {
+        return Math.round(i * 1e3) / 1e3;
       }
-      const r = e.get("image"), i = e.get("aspectRatio");
-      if (fetch(r).then((s) => s.blob()).then((s) => {
-        s.type.includes("svg") && e.set("noWebp", !0);
-      }), r && (!i || i === 0.7041))
-        return n(r).then((s) => {
+      const r = e.get("image"), s = e.get("aspectRatio");
+      if (fetch(r).then((i) => i.blob()).then((i) => {
+        i.type.includes("svg") && e.set("noWebp", !0);
+      }), r && (!s || s === 0.7041))
+        return n(r).then((i) => {
           const a = e.get("aspectRatio");
-          e.get("image") === r && (!a || a === 0.7041) && s.width && s.height && (e.set("aspectRatio", o(s.height / s.width)), e.set("height", s.height), e.set("width", s.width));
+          e.get("image") === r && (!a || a === 0.7041) && i.width && i.height && (e.set("aspectRatio", o(i.height / i.width)), e.set("height", i.height), e.set("width", i.width));
         });
     }
   }, {
@@ -1735,7 +1755,7 @@ const On = /* @__PURE__ */ y(Pn, [["render", Vn], ["__file", "/home/runner/work/
     advanced: !0,
     defaultValue: 0.7041
   }]
-}, Un = {
+}, componentInfo$4 = {
   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",
@@ -1748,7 +1768,7 @@ const On = /* @__PURE__ */ y(Pn, [["render", Vn], ["__file", "/home/runner/work/
   }],
   noWrap: !0,
   static: !0
-}, Fn = g({
+}, _sfc_main$8 = defineComponent({
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -1759,11 +1779,11 @@ const On = /* @__PURE__ */ y(Pn, [["render", Vn], ["__file", "/home/runner/work/
     "attributes"
   ],
   data() {
-    return { isEditing: x, filterAttrs: z };
+    return { isEditing, filterAttrs };
   }
-}), Mn = ["alt", "src"];
-function Ln(e, t, n, o, r, i) {
-  return d(), p("img", I({
+}), _hoisted_1$2 = ["alt", "src"];
+function _sfc_render$7(e, t, n, o, r, s) {
+  return openBlock(), createElementBlock("img", mergeProps({
     style: {
       objectFit: e.backgroundSize || "cover",
       objectPosition: e.backgroundPosition || "center"
@@ -1771,9 +1791,9 @@ function Ln(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), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Mn);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), toHandlers(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, _hoisted_1$2);
 }
-const Wn = /* @__PURE__ */ y(Fn, [["render", Ln], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/img/img.vue"]]), Dn = {
+const Img = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$7], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/img/img.vue"]]), componentInfo$3 = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1812,7 +1832,7 @@ const Wn = /* @__PURE__ */ y(Fn, [["render", Ln], ["__file", "/home/runner/work/
       }
     }
   }]
-}, Hn = {
+}, componentInfo$2 = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1845,7 +1865,7 @@ const Wn = /* @__PURE__ */ y(Fn, [["render", Ln], ["__file", "/home/runner/work/
     hideFromUI: !0,
     type: "boolean"
   }]
-}, Kn = {
+}, componentInfo$1 = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -1863,21 +1883,21 @@ const Wn = /* @__PURE__ */ y(Fn, [["render", Ln], ["__file", "/home/runner/work/
     height: "auto",
     textAlign: "center"
   }
-}, zn = g({
+}, _sfc_main$7 = defineComponent({
   name: "builder-text",
   props: ["text"]
-}), qn = ["innerHTML"];
-function Gn(e, t, n, o, r, i) {
-  var s;
-  return d(), p("div", {
+}), _hoisted_1$1 = ["innerHTML"];
+function _sfc_render$6(e, t, n, o, r, s) {
+  var i;
+  return openBlock(), createElementBlock("div", {
     class: "builder-text",
-    innerHTML: ((s = e.text) == null ? void 0 : s.toString()) || "",
+    innerHTML: ((i = e.text) == null ? void 0 : i.toString()) || "",
     style: {
       outline: "none"
     }
-  }, null, 8, qn);
+  }, null, 8, _hoisted_1$1);
 }
-const Jn = /* @__PURE__ */ y(zn, [["render", Gn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/text/text.vue"]]), Yn = {
+const Text = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$6], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/text/text.vue"]]), componentInfo = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1958,7 +1978,7 @@ const Jn = /* @__PURE__ */ y(zn, [["render", Gn], ["__file", "/home/runner/work/
     defaultValue: !0,
     advanced: !0
   }]
-}, Qn = g({
+}, _sfc_main$6 = defineComponent({
   name: "builder-video",
   props: [
     "autoPlay",
@@ -2003,16 +2023,16 @@ const Jn = /* @__PURE__ */ y(zn, [["render", Gn], ["__file", "/home/runner/work/
       };
     }
   }
-}), Xn = { style: {
+}), _hoisted_1 = { style: {
   position: "relative"
-} }, Zn = ["preload", "src", "poster"], eo = ["src"], to = {
+} }, _hoisted_2 = ["preload", "src", "poster"], _hoisted_3 = ["src"], _hoisted_4 = {
   key: 1,
   style: {
     display: "flex",
     flexDirection: "column",
     alignItems: "stretch"
   }
-}, no = {
+}, _hoisted_5 = {
   key: 2,
   style: {
     pointerEvents: "none",
@@ -2026,16 +2046,16 @@ const Jn = /* @__PURE__ */ y(zn, [["render", Gn], ["__file", "/home/runner/work/
     height: "100%"
   }
 };
-function oo(e, t, n, o, r, i) {
-  var s, a, l, c, u, h, m;
-  return d(), p("div", Xn, [
-    Q("video", I({
+function _sfc_render$5(e, t, n, o, r, s) {
+  var i, a, c, l, d, u, p;
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("video", mergeProps({
       class: "builder-video",
       preload: e.preload || "metadata",
       style: {
         width: "100%",
         height: "100%",
-        ...(s = e.attributes) == null ? void 0 : s.style,
+        ...(i = e.attributes) == null ? void 0 : i.style,
         objectFit: e.fit,
         objectPosition: e.position,
         zIndex: 2,
@@ -2047,78 +2067,78 @@ function oo(e, t, n, o, r, i) {
       src: e.video || "no-src",
       poster: e.posterImage
     }, e.spreadProps), [
-      e.lazyLoad ? b("v-if", !0) : (d(), p("source", {
+      e.lazyLoad ? createCommentVNode("v-if", !0) : (openBlock(), createElementBlock("source", {
         key: 0,
         type: "video/mp4",
         src: e.video
-      }, null, 8, eo))
-    ], 16, Zn),
-    e.aspectRatio && !(e.fitContent && ((l = (a = e.builderBlock) == null ? void 0 : a.children) == null ? void 0 : l.length)) ? (d(), p("div", {
+      }, null, 8, _hoisted_3))
+    ], 16, _hoisted_2),
+    e.aspectRatio && !(e.fitContent && ((c = (a = e.builderBlock) == null ? void 0 : a.children) == null ? void 0 : c.length)) ? (openBlock(), createElementBlock("div", {
       key: 0,
-      style: X({
+      style: normalizeStyle({
         width: "100%",
         paddingTop: e.aspectRatio * 100 + "%",
         pointerEvents: "none",
         fontSize: "0px"
       })
-    }, null, 4)) : b("v-if", !0),
-    ((u = (c = e.builderBlock) == null ? void 0 : c.children) == null ? void 0 : u.length) && e.fitContent ? (d(), p("div", to, [
-      P(e.$slots, "default")
-    ])) : b("v-if", !0),
-    ((m = (h = e.builderBlock) == null ? void 0 : h.children) == null ? void 0 : m.length) && !e.fitContent ? (d(), p("div", no, [
-      P(e.$slots, "default")
-    ])) : b("v-if", !0)
+    }, null, 4)) : createCommentVNode("v-if", !0),
+    ((d = (l = e.builderBlock) == null ? void 0 : l.children) == null ? void 0 : d.length) && e.fitContent ? (openBlock(), createElementBlock("div", _hoisted_4, [
+      renderSlot(e.$slots, "default")
+    ])) : createCommentVNode("v-if", !0),
+    ((p = (u = e.builderBlock) == null ? void 0 : u.children) == null ? void 0 : p.length) && !e.fitContent ? (openBlock(), createElementBlock("div", _hoisted_5, [
+      renderSlot(e.$slots, "default")
+    ])) : createCommentVNode("v-if", !0)
   ]);
 }
-const ro = /* @__PURE__ */ y(Qn, [["render", oo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/video/video.vue"]]), pe = () => [{
-  component: st,
-  ...Cn
+const Video = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$5], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/video/video.vue"]]), getDefaultRegisteredComponents = () => [{
+  component: Button,
+  ...componentInfo$a
 }, {
-  component: Jt,
-  ...wn
+  component: Columns,
+  ...componentInfo$9
 }, {
-  component: xn,
-  ...In
+  component: customCode,
+  ...componentInfo$8
 }, {
-  component: On,
-  ...En
+  component: embed,
+  ...componentInfo$7
 }, {
-  component: Xt,
-  ...jn
+  component: Fragment,
+  ...componentInfo$6
 }, {
-  component: an,
-  ...Nn
+  component: Image,
+  ...componentInfo$5
 }, {
-  component: Wn,
-  ...Un
+  component: Img,
+  ...componentInfo$4
 }, {
-  component: dn,
-  ...Dn
+  component: Section,
+  ...componentInfo$3
 }, {
-  component: pr,
-  ...Hn
+  component: Symbol$1,
+  ...componentInfo$2
 }, {
-  component: Jn,
-  ...Kn
+  component: Text,
+  ...componentInfo$1
 }, {
-  component: ro,
-  ...Yn
-}], me = [], io = (e) => ({
+  component: Video,
+  ...componentInfo
+}], components = [], createRegisterComponentMessage = (e) => ({
   type: "builder.registerComponent",
-  data: te(e)
-}), so = (e) => {
+  data: serializeComponentInfo(e)
+}), serializeFn = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-}, ao = (e) => typeof e == "function" ? so(e) : O(e), te = ({
+}, serializeValue = (e) => typeof e == "function" ? serializeFn(e) : fastClone(e), serializeComponentInfo = ({
   inputs: e,
   ...t
 }) => ({
-  ...O(t),
-  inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [r, i]) => ({
+  ...fastClone(t),
+  inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [r, s]) => ({
     ...o,
-    [r]: ao(i)
+    [r]: serializeValue(s)
   }), {}))
-}), lo = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+}), UPDATE_COOKIES_AND_STYLES_SCRIPT = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -2174,7 +2194,7 @@ const ro = /* @__PURE__ */ y(Qn, [["render", oo], ["__file", "/home/runner/work/
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, co = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, UPDATE_VARIANT_VISIBILITY_SCRIPT = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -2208,75 +2228,75 @@ const ro = /* @__PURE__ */ y(Qn, [["render", oo], ["__file", "/home/runner/work/
     thisScriptEl?.remove();
   }
   return;
-}`, Le = "builderIoAbTest", We = "builderIoRenderContent", W = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME = "builderIoAbTest", UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME = "builderIoRenderContent", getVariants = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), uo = ({
+})), checkShouldRenderVariants = ({
   canTrack: e,
   content: t
-}) => !(!(W(t).length > 0) || !e), po = (e) => e === "react" || e === "reactNative", De = po(R), mo = () => `
-  window.${Le} = ${lo}
-  window.${We} = ${co}
-  `, ho = (e, t) => `
-  window.${Le}(
-    "${t}",${JSON.stringify(e)}, ${De}
-  )`, fo = ({
+}) => !(!(getVariants(t).length > 0) || !e), getIsHydrationTarget = (e) => e === "react" || e === "reactNative", isHydrationTarget = getIsHydrationTarget(TARGET), getScriptString = () => `
+  window.${UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME} = ${UPDATE_COOKIES_AND_STYLES_SCRIPT}
+  window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME} = ${UPDATE_VARIANT_VISIBILITY_SCRIPT}
+  `, getUpdateCookieAndStylesScript = (e, t) => `
+  window.${UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME}(
+    "${t}",${JSON.stringify(e)}, ${isHydrationTarget}
+  )`, getUpdateVariantVisibilityScript = ({
   contentId: e,
   variationId: t
-}) => `window.${We}(
-    "${t}", "${e}", ${De}
-  )`, bo = g({
+}) => `window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME}(
+    "${t}", "${e}", ${isHydrationTarget}
+  )`, _sfc_main$5 = defineComponent({
   render() {
-    return Se("script", { id: this.id, innerHTML: this.scriptStr });
+    return h("script", { id: this.id, innerHTML: this.scriptStr });
   },
   name: "inlined-script",
   props: ["scriptStr", "id"]
-}), He = /* @__PURE__ */ y(bo, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/inlined-script.vue"]]);
-function go() {
+}), InlinedScript = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/inlined-script.vue"]]);
+function getGlobalThis() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function yo() {
-  const e = go().fetch;
+function getFetch() {
+  const e = getGlobalThis().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 Ke = yo();
-function D(e, t = null, n = ".") {
+const fetch$1 = getFetch();
+function flatten(e, t = null, n = ".") {
   return Object.keys(e).reduce((o, r) => {
-    const i = e[r], s = [t, r].filter(Boolean).join(n);
-    return [typeof i == "object", i !== null, !(Array.isArray(i) && i.length === 0)].every(Boolean) ? {
+    const s = e[r], i = [t, r].filter(Boolean).join(n);
+    return [typeof s == "object", s !== null, !(Array.isArray(s) && s.length === 0)].every(Boolean) ? {
       ...o,
-      ...D(i, s, n)
+      ...flatten(s, i, n)
     } : {
       ...o,
-      [s]: i
+      [i]: s
     };
   }, {});
 }
-const ko = "v3", he = "builder.", vo = "options.", So = (e) => {
+const DEFAULT_API_VERSION = "v3", BUILDER_SEARCHPARAMS_PREFIX = "builder.", BUILDER_OPTIONS_PREFIX = "options.", convertSearchParamsToQueryObject = (e) => {
   const t = {};
   return e.forEach((n, o) => {
     t[o] = n;
   }), t;
-}, ze = (e) => {
+}, getBuilderSearchParams = (e) => {
   if (!e)
     return {};
-  const t = qe(e), n = {};
+  const t = normalizeSearchParams(e), n = {};
   return Object.keys(t).forEach((o) => {
-    if (o.startsWith(he)) {
-      const r = o.replace(he, "").replace(vo, "");
+    if (o.startsWith(BUILDER_SEARCHPARAMS_PREFIX)) {
+      const r = o.replace(BUILDER_SEARCHPARAMS_PREFIX, "").replace(BUILDER_OPTIONS_PREFIX, "");
       n[r] = t[o];
     }
   }), n;
-}, Co = () => {
-  if (!S())
+}, getBuilderSearchParamsFromWindow = () => {
+  if (!isBrowser())
     return {};
   const e = new URLSearchParams(window.location.search);
-  return ze(e);
-}, qe = (e) => e instanceof URLSearchParams ? So(e) : e, fe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, se = (e) => {
+  return getBuilderSearchParams(e);
+}, normalizeSearchParams = (e) => e instanceof URLSearchParams ? convertSearchParamsToQueryObject(e) : e, isPositiveNumber = (e) => typeof e == "number" && !isNaN(e) && e >= 0, generateContentUrl = (e) => {
   let {
     noTraverse: t = !1
   } = e;
@@ -2284,173 +2304,173 @@ const ko = "v3", he = "builder.", vo = "options.", So = (e) => {
     limit: n = 30,
     userAttributes: o,
     query: r,
-    model: i,
-    apiKey: s,
+    model: s,
+    apiKey: i,
     includeRefs: a = !0,
-    enrich: l,
-    locale: c,
-    apiVersion: u = ko,
-    fields: h,
-    omit: m,
-    offset: f,
-    cacheSeconds: C,
-    staleCacheSeconds: _,
-    sort: j,
-    includeUnpublished: ae
+    enrich: c,
+    locale: l,
+    apiVersion: d = DEFAULT_API_VERSION,
+    fields: u,
+    omit: p,
+    offset: m,
+    cacheSeconds: f,
+    staleCacheSeconds: b,
+    sort: y,
+    includeUnpublished: C
   } = e;
-  if (!s)
+  if (!i)
     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(d))
+    throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${d}'`);
   (e.limit === void 0 || e.limit > 1) && !("noTraverse" in e) && (t = !0);
-  const $ = 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 ($.searchParams.set("omit", m || "meta.componentsUsed"), h && $.searchParams.set("fields", h), Number.isFinite(f) && f > -1 && $.searchParams.set("offset", String(Math.floor(f))), typeof ae == "boolean" && $.searchParams.set("includeUnpublished", String(ae)), C && fe(C) && $.searchParams.set("cacheSeconds", String(C)), _ && fe(_) && $.searchParams.set("staleCacheSeconds", String(_)), j) {
-    const A = D({
-      sort: j
+  const g = new URL(`https://cdn.builder.io/api/${d}/content/${s}?apiKey=${i}&limit=${n}&noTraverse=${t}&includeRefs=${a}${l ? `&locale=${l}` : ""}${c ? `&enrich=${c}` : ""}`);
+  if (g.searchParams.set("omit", p || "meta.componentsUsed"), u && g.searchParams.set("fields", u), Number.isFinite(m) && m > -1 && g.searchParams.set("offset", String(Math.floor(m))), typeof C == "boolean" && g.searchParams.set("includeUnpublished", String(C)), f && isPositiveNumber(f) && g.searchParams.set("cacheSeconds", String(f)), b && isPositiveNumber(b) && g.searchParams.set("staleCacheSeconds", String(b)), y) {
+    const k = flatten({
+      sort: y
     });
-    for (const N in A)
-      $.searchParams.set(N, JSON.stringify(A[N]));
+    for (const S in k)
+      g.searchParams.set(S, JSON.stringify(k[S]));
   }
-  const et = {
-    ...Co(),
-    ...qe(e.options || {})
-  }, le = D(et);
-  for (const A in le)
-    $.searchParams.set(A, String(le[A]));
-  if (o && $.searchParams.set("userAttributes", JSON.stringify(o)), r) {
-    const A = D({
+  const I = {
+    ...getBuilderSearchParamsFromWindow(),
+    ...normalizeSearchParams(e.options || {})
+  }, v = flatten(I);
+  for (const k in v)
+    g.searchParams.set(k, String(v[k]));
+  if (o && g.searchParams.set("userAttributes", JSON.stringify(o)), r) {
+    const k = flatten({
       query: r
     });
-    for (const N in A)
-      $.searchParams.set(N, JSON.stringify(A[N]));
+    for (const S in k)
+      g.searchParams.set(S, JSON.stringify(k[S]));
   }
-  return $;
-}, wo = (e) => "results" in e;
-async function G(e) {
-  const t = await Ge({
+  return g;
+}, checkContentHasResults = (e) => "results" in e;
+async function fetchOneEntry(e) {
+  const t = await fetchEntries({
     ...e,
     limit: 1
   });
   return t && t.results[0] || null;
 }
-const gr = G, Io = async (e) => {
-  const t = se(e);
-  return await (await Ke(t.href)).json();
-}, $o = async (e, t, n = se(e)) => {
-  const o = F(e.canTrack);
-  if (n.search.includes("preview="), !o || !(S() || R === "reactNative"))
+const getContent = fetchOneEntry, _fetchContent = async (e) => {
+  const t = generateContentUrl(e);
+  return await (await fetch$1(t.href)).json();
+}, _processContentResult = async (e, t, n = generateContentUrl(e)) => {
+  const o = getDefaultCanTrack(e.canTrack);
+  if (n.search.includes("preview="), !o || !(isBrowser() || TARGET === "reactNative"))
     return t;
   try {
     const r = [];
-    for (const i of t.results)
-      r.push(await Sn({
-        item: i,
+    for (const s of t.results)
+      r.push(await handleABTesting({
+        item: s,
         canTrack: o
       }));
     t.results = r;
   } catch (r) {
-    T.error("Could not process A/B tests. ", r);
+    logger.error("Could not process A/B tests. ", r);
   }
   return t;
 };
-async function Ge(e) {
+async function fetchEntries(e) {
   try {
-    const t = se(e), n = await Io(e);
-    return wo(n) ? $o(e, n) : (T.error("Error fetching data. ", {
+    const t = generateContentUrl(e), n = await _fetchContent(e);
+    return checkContentHasResults(n) ? _processContentResult(e, n) : (logger.error("Error fetching data. ", {
       url: t,
       content: n,
       options: e
     }), null);
   } catch (t) {
-    return T.error("Error fetching data. ", t), null;
+    return logger.error("Error fetching data. ", t), null;
   }
 }
-const yr = Ge;
-function To() {
-  return !S() || x() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
+const getAllContent = fetchEntries;
+function isPreviewing() {
+  return !isBrowser() || isEditing() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
 }
-function Ro() {
+function uuidv4() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
     const t = Math.random() * 16 | 0;
     return (e == "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function Je() {
-  return Ro().replace(/-/g, "");
+function uuid() {
+  return uuidv4().replace(/-/g, "");
 }
-const Ye = "builderSessionId", xo = async ({
+const SESSION_LOCAL_STORAGE_KEY = "builderSessionId", getSessionId = async ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = await je({
-    name: Ye,
+  const t = await getCookie({
+    name: SESSION_LOCAL_STORAGE_KEY,
     canTrack: e
   });
-  if (E(t))
+  if (checkIsDefined(t))
     return t;
   {
-    const n = Eo();
-    return _o({
+    const n = createSessionId();
+    return setSessionId({
       id: n,
       canTrack: e
     }), n;
   }
-}, Eo = () => Je(), _o = ({
+}, createSessionId = () => uuid(), setSessionId = ({
   id: e,
   canTrack: t
-}) => Ne({
-  name: Ye,
+}) => setCookie({
+  name: SESSION_LOCAL_STORAGE_KEY,
   value: e,
   canTrack: t
-}), Qe = () => S() && typeof localStorage < "u" ? localStorage : void 0, Ao = ({
+}), getLocalStorage = () => isBrowser() && typeof localStorage < "u" ? localStorage : void 0, getLocalStorageItem = ({
   key: e,
   canTrack: t
 }) => {
   var n;
   try {
-    return t ? (n = Qe()) == null ? void 0 : n.getItem(e) : void 0;
+    return t ? (n = getLocalStorage()) == null ? void 0 : n.getItem(e) : void 0;
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, Po = ({
+}, setLocalStorageItem = ({
   key: e,
   canTrack: t,
   value: n
 }) => {
   var o;
   try {
-    t && ((o = Qe()) == null || o.setItem(e, n));
+    t && ((o = getLocalStorage()) == null || o.setItem(e, n));
   } catch (r) {
     console.debug("[LocalStorage] SET error: ", r);
   }
-}, Xe = "builderVisitorId", Bo = ({
+}, VISITOR_LOCAL_STORAGE_KEY = "builderVisitorId", getVisitorId = ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = Ao({
-    key: Xe,
+  const t = getLocalStorageItem({
+    key: VISITOR_LOCAL_STORAGE_KEY,
     canTrack: e
   });
-  if (E(t))
+  if (checkIsDefined(t))
     return t;
   {
-    const n = Vo();
-    return Oo({
+    const n = createVisitorId();
+    return setVisitorId({
       id: n,
       canTrack: e
     }), n;
   }
-}, Vo = () => Je(), Oo = ({
+}, createVisitorId = () => uuid(), setVisitorId = ({
   id: e,
   canTrack: t
-}) => Po({
-  key: Xe,
+}) => setLocalStorageItem({
+  key: VISITOR_LOCAL_STORAGE_KEY,
   value: e,
   canTrack: t
-}), jo = async ({
+}), getTrackingEventData = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -2458,16 +2478,16 @@ const Ye = "builderSessionId", xo = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const t = await xo({
+  const t = await getSessionId({
     canTrack: e
-  }), n = Bo({
+  }), n = getVisitorId({
     canTrack: e
   });
   return {
     sessionId: t,
     visitorId: n
   };
-}, No = async ({
+}, createEvent = async ({
   type: e,
   canTrack: t,
   apiKey: n,
@@ -2481,23 +2501,23 @@ const Ye = "builderSessionId", xo = async ({
       url: location.href,
       ...o
     },
-    ...await jo({
+    ...await getTrackingEventData({
       canTrack: t
     }),
-    userAttributes: Ie(),
+    userAttributes: getUserAttributes(),
     ownerId: n
   }
 });
-async function ne(e) {
+async function _track(e) {
   if (!e.apiKey) {
-    T.error("Missing API key for track call. Please provide your API key.");
+    logger.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  if (!!e.canTrack && !x() && !!(S() || R === "reactNative"))
+  if (!!e.canTrack && !isEditing() && !!(isBrowser() || TARGET === "reactNative"))
     return fetch("https://cdn.builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await No(e)]
+        events: [await createEvent(e)]
       }),
       headers: {
         "content-type": "application/json"
@@ -2507,14 +2527,14 @@ async function ne(e) {
       console.error("Failed to track: ", t);
     });
 }
-const kr = (e) => ne({
+const track = (e) => _track({
   ...e,
   canTrack: !0
 });
-function be(e) {
+function round(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const Uo = (e, t, n = !0) => {
+const findParentElement = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = n ? e : e.parentElement;
@@ -2525,38 +2545,38 @@ const Uo = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, Fo = (e) => Uo(e, (t) => {
+}, findBuilderParent = (e) => findParentElement(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return Boolean((n == null ? void 0 : n.indexOf("builder-")) === 0);
-}), ge = ({
+}), computeOffset = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, i = be(o / n.width), s = be(r / n.height);
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, s = round(o / n.width), i = round(r / n.height);
   return {
-    x: i,
-    y: s
+    x: s,
+    y: i
   };
-}, Mo = (e) => {
-  const t = e.target, n = t && Fo(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, getInteractionPropertiesForEvent = (e) => {
+  const t = e.target, n = t && findBuilderParent(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
-      targetOffset: t ? ge({
+      targetOffset: t ? computeOffset({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? ge({
+      builderTargetOffset: n ? computeOffset({
         event: e,
         target: n
       }) : void 0,
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, Lo = "0.8.0", ye = {};
-function Wo(e, t) {
-  let n = ye[e];
-  if (n || (n = ye[e] = []), n.push(t), S()) {
+}, SDK_VERSION = "0.9.0", registry = {};
+function register(e, t) {
+  let n = registry[e];
+  if (n || (n = registry[e] = []), n.push(t), isBrowser()) {
     const o = {
       type: "builder.register",
       data: {
@@ -2571,8 +2591,8 @@ function Wo(e, t) {
     }
   }
 }
-const Do = () => {
-  Wo("insertMenu", {
+const registerInsertMenu = () => {
+  register("insertMenu", {
     name: "_default",
     default: !0,
     items: [{
@@ -2594,14 +2614,14 @@ const Do = () => {
     }]
   });
 };
-let ke = !1;
-const Ho = (e = {}) => {
+let isSetupForEditing = !1;
+const setupBrowserForEditing = (e = {}) => {
   var t, n;
-  ke || (ke = !0, S() && ((t = window.parent) == null || t.postMessage({
+  isSetupForEditing || (isSetupForEditing = !0, isBrowser() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
-      target: R,
-      version: Lo,
+      target: TARGET,
+      version: SDK_VERSION,
       supportsPatchUpdates: !1,
       supportsAddBlockScoping: !0,
       supportsCustomBreakpoints: !0
@@ -2614,47 +2634,48 @@ const Ho = (e = {}) => {
   }, "*"), window.addEventListener("message", ({
     data: o
   }) => {
-    var r, i;
+    var r, s;
     if (!!(o != null && o.type))
       switch (o.type) {
         case "builder.evaluate": {
-          const s = o.data.text, a = o.data.arguments || [], l = o.data.id, c = new Function(s);
-          let u, h = null;
+          const i = o.data.text, a = o.data.arguments || [], c = o.data.id, l = new Function(i);
+          let d, u = null;
           try {
-            u = c.apply(null, a);
-          } catch (m) {
-            h = m;
+            d = l.apply(null, a);
+          } catch (p) {
+            u = p;
           }
-          h ? (r = window.parent) == null || r.postMessage({
+          u ? (r = window.parent) == null || r.postMessage({
             type: "builder.evaluateError",
             data: {
-              id: l,
-              error: h.message
+              id: c,
+              error: u.message
             }
-          }, "*") : u && typeof u.then == "function" ? u.then((m) => {
-            var f;
-            (f = window.parent) == null || f.postMessage({
+          }, "*") : d && typeof d.then == "function" ? d.then((p) => {
+            var m;
+            (m = window.parent) == null || m.postMessage({
               type: "builder.evaluateResult",
               data: {
-                id: l,
-                result: m
+                id: c,
+                result: p
               }
             }, "*");
-          }).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: d,
+              id: c
             }
           }, "*");
           break;
         }
       }
   })));
-}, Ko = g({
+}, _sfc_main$4 = defineComponent({
   name: "enable-editor",
   props: [
     "builderContextSignal",
+    "contentWrapper",
     "model",
     "context",
     "canTrack",
@@ -2663,46 +2684,48 @@ const Ho = (e = {}) => {
     "includeRefs",
     "enrich",
     "content",
-    "showContent"
+    "showContent",
+    "contentWrapperProps"
   ],
   data() {
     return {
       forceReRenderCount: 0,
       lastUpdated: 0,
       shouldSendResetCookie: !1,
+      ContentWrapper: this.contentWrapper || "div",
       httpReqsData: {},
       clicked: !1,
-      builderContext: Z
+      builderContext: BuilderContext
     };
   },
   provide() {
     const e = this;
     return {
-      [Z.key]: e.builderContextSignal
+      [BuilderContext.key]: e.builderContextSignal
     };
   },
   mounted() {
     (() => {
       var n, o;
-      if (S()) {
-        if (x() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+      if (isBrowser()) {
+        if (isEditing() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initeditingbldr")
-        ), this.builderContextSignal.content && F(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;
-          ne({
+        ), this.builderContextSignal.content && getDefaultCanTrack(this.canTrack)) {
+          const s = (n = this.builderContextSignal.content) == null ? void 0 : n.testVariationId, i = (o = this.builderContextSignal.content) == null ? void 0 : o.id, a = this.apiKey;
+          _track({
             type: "impression",
             canTrack: !0,
-            contentId: s,
+            contentId: i,
             apiKey: a,
-            variationId: i !== s ? i : void 0
+            variationId: s !== i ? s : void 0
           });
         }
-        To() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+        isPreviewing() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initpreviewingbldr")
         );
       }
     })(), (() => {
-      this.apiKey || T.error(
+      this.apiKey || logger.error(
         "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
       ), this.evaluateJsCode(), this.runHttpRequests(), this.emitStateUpdate();
     })();
@@ -2736,7 +2759,7 @@ const Ho = (e = {}) => {
     }
   },
   unmounted() {
-    S() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
+    isBrowser() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       this.emitStateUpdate
     ));
@@ -2773,7 +2796,7 @@ const Ho = (e = {}) => {
   },
   methods: {
     mergeNewContent(e) {
-      var n, o, r, i, s;
+      var n, o, r, s, i;
       const t = {
         ...this.builderContextSignal.content,
         ...e,
@@ -2784,7 +2807,7 @@ const Ho = (e = {}) => {
         meta: {
           ...(o = this.builderContextSignal.content) == null ? void 0 : o.meta,
           ...e == null ? void 0 : e.meta,
-          breakpoints: ((r = e == null ? void 0 : e.meta) == null ? void 0 : r.breakpoints) || ((s = (i = this.builderContextSignal.content) == null ? void 0 : i.meta) == null ? void 0 : s.breakpoints)
+          breakpoints: ((r = e == null ? void 0 : e.meta) == null ? void 0 : r.breakpoints) || ((i = (s = this.builderContextSignal.content) == null ? void 0 : s.meta) == null ? void 0 : i.breakpoints)
         }
       };
       this.builderContextSignal.content = t;
@@ -2795,8 +2818,8 @@ const Ho = (e = {}) => {
       if (t)
         switch (t.type) {
           case "builder.configureSdk": {
-            const o = t.data, { breakpoints: r, contentId: i } = o;
-            if (!i || i !== ((n = this.builderContextSignal.content) == null ? void 0 : n.id))
+            const o = t.data, { breakpoints: r, contentId: s } = o;
+            if (!s || s !== ((n = this.builderContextSignal.content) == null ? void 0 : n.id))
               return;
             r && this.mergeNewContent({
               meta: {
@@ -2806,8 +2829,8 @@ const Ho = (e = {}) => {
             break;
           }
           case "builder.contentUpdate": {
-            const o = t.data, r = o.key || o.alias || o.entry || o.modelName, i = o.data;
-            r === this.model && (this.mergeNewContent(i), this.forceReRenderCount = this.forceReRenderCount + 1);
+            const o = t.data, r = o.key || o.alias || o.entry || o.modelName, s = o.data;
+            r === this.model && (this.mergeNewContent(s), this.forceReRenderCount = this.forceReRenderCount + 1);
             break;
           }
         }
@@ -2815,7 +2838,7 @@ const Ho = (e = {}) => {
     evaluateJsCode() {
       var t, n;
       const e = (n = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : n.jsCode;
-      e && H({
+      e && evaluate({
         code: e,
         context: this.context || {},
         localState: void 0,
@@ -2827,13 +2850,13 @@ const Ho = (e = {}) => {
       var t, n;
       if (this.builderContextSignal.content) {
         const o = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId, r = (n = this.builderContextSignal.content) == null ? void 0 : n.id;
-        ne({
+        _track({
           type: "click",
-          canTrack: F(this.canTrack),
+          canTrack: getDefaultCanTrack(this.canTrack),
           contentId: r,
           apiKey: this.apiKey,
           variationId: o !== r ? o : void 0,
-          ...Mo(e),
+          ...getInteractionPropertiesForEvent(e),
           unique: !this.clicked
         });
       }
@@ -2842,7 +2865,7 @@ const Ho = (e = {}) => {
     evalExpression(e) {
       return e.replace(
         /{{([^}]+)}}/g,
-        (t, n) => H({
+        (t, n) => evaluate({
           code: n,
           context: this.context || {},
           localState: void 0,
@@ -2852,13 +2875,13 @@ const Ho = (e = {}) => {
       );
     },
     handleRequest({ url: e, key: t }) {
-      Ke(e).then((n) => n.json()).then((n) => {
-        var r, i;
+      fetch$1(e).then((n) => n.json()).then((n) => {
+        var r, s;
         const o = {
           ...this.builderContextSignal.rootState,
           [t]: n
         };
-        (i = (r = this.builderContextSignal).rootSetState) == null || i.call(r, o), this.httpReqsData[t] = !0;
+        (s = (r = this.builderContextSignal).rootSetState) == null || s.call(r, o), this.httpReqsData[t] = !0;
       }).catch((n) => {
         console.error("error fetching dynamic data", e, n);
       });
@@ -2866,23 +2889,23 @@ const Ho = (e = {}) => {
     runHttpRequests() {
       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] || x())) {
-          const s = this.evalExpression(i);
+      Object.entries(e).forEach(([r, s]) => {
+        if (s && (!this.httpReqsData[r] || isEditing())) {
+          const i = this.evalExpression(s);
           this.handleRequest({
-            url: s,
+            url: i,
             key: r
           });
         }
       });
     },
     emitStateUpdate() {
-      x() && window.dispatchEvent(
+      isEditing() && window.dispatchEvent(
         new CustomEvent(
           "builder:component:stateChange",
           {
             detail: {
-              state: O(this.builderContextSignal.rootState),
+              state: fastClone(this.builderContextSignal.rootState),
               ref: {
                 name: this.model
               }
@@ -2892,7 +2915,7 @@ const Ho = (e = {}) => {
       );
     },
     elementRef_onIniteditingbldr(e) {
-      this.forceReRenderCount = this.forceReRenderCount + 1, window.addEventListener("message", this.processMessage), Do(), Ho({
+      this.forceReRenderCount = this.forceReRenderCount + 1, window.addEventListener("message", this.processMessage), registerInsertMenu(), setupBrowserForEditing({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -2906,7 +2929,7 @@ const Ho = (e = {}) => {
         this.builderContextSignal.componentInfos
       ).forEach((t) => {
         var o;
-        const n = io(t);
+        const n = createRegisterComponentMessage(t);
         (o = window.parent) == null || o.postMessage(n, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
@@ -2917,12 +2940,12 @@ const Ho = (e = {}) => {
       const t = new URL(location.href).searchParams, n = t.get("builder.preview"), o = t.get(
         `builder.preview.${n}`
       ), r = t.get("apiKey") || t.get("builder.space");
-      n === this.model && r === this.apiKey && (!this.content || o === this.content.id) && G({
+      n === this.model && r === this.apiKey && (!this.content || o === this.content.id) && fetchOneEntry({
         model: this.model,
         apiKey: this.apiKey,
         apiVersion: this.builderContextSignal.apiVersion
-      }).then((i) => {
-        i && this.mergeNewContent(i);
+      }).then((s) => {
+        s && this.mergeNewContent(s);
       });
     },
     _classStringToObject(e) {
@@ -2935,32 +2958,36 @@ const Ho = (e = {}) => {
       return t;
     }
   }
-}), zo = ["builder-content-id", "builder-model"];
-function qo(e, t, n, o, r, i) {
-  var s, a, l;
-  return e.builderContextSignal.content ? (d(), p("div", I({
+});
+function _sfc_render$4(e, t, n, o, r, s) {
+  var i, a, c;
+  return e.builderContextSignal.content ? (openBlock(), createBlock(resolveDynamicComponent(e.ContentWrapper), mergeProps({
     key: e.forceReRenderCount,
     ref: "elementRef",
-    onClick: t[0] || (t[0] = (c) => e.onClick(c)),
-    "builder-content-id": (s = e.builderContextSignal.content) == null ? void 0 : s.id,
+    onClick: (l) => e.onClick(l),
+    "builder-content-id": (i = e.builderContextSignal.content) == null ? void 0 : i.id,
     "builder-model": e.model,
     class: e._classStringToObject(
-      `variant-${((a = e.content) == null ? void 0 : a.testVariationId) || ((l = e.content) == null ? void 0 : l.id)}`
+      `variant-${((a = e.content) == null ? void 0 : a.testVariationId) || ((c = e.content) == null ? void 0 : c.id)}`
     ),
-    onIniteditingbldr: t[1] || (t[1] = (c) => e.elementRef_onIniteditingbldr(c)),
-    onInitpreviewingbldr: t[2] || (t[2] = (c) => e.elementRef_onInitpreviewingbldr(c))
+    onIniteditingbldr: (l) => e.elementRef_onIniteditingbldr(l),
+    onInitpreviewingbldr: (l) => e.elementRef_onInitpreviewingbldr(l)
   }, {
     ...e.showContent ? {} : {
       hidden: !0,
       "aria-hidden": !0
-    }
-  }), [
-    P(e.$slots, "default")
-  ], 16, zo)) : b("v-if", !0);
+    },
+    ...e.contentWrapperProps
+  }), {
+    default: withCtx(() => [
+      renderSlot(e.$slots, "default")
+    ]),
+    _: 3
+  }, 16, ["onClick", "builder-content-id", "builder-model", "class", "onIniteditingbldr", "onInitpreviewingbldr"])) : createCommentVNode("v-if", !0);
 }
-const Go = /* @__PURE__ */ y(Ko, [["render", qo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content/components/enable-editor.vue"]]), Jo = (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;
+const EnableEditor = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content/components/enable-editor.vue"]]), getCssFromFont = (e) => {
+  var s, i;
+  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = (i = e.fileUrl) != null ? i : (s = e == null ? void 0 : e.files) == null ? void 0 : s.regular;
   let r = "";
   if (o && t && n && (r += `
 @font-face {
@@ -2973,37 +3000,37 @@ font-weight: 400;
     for (const a in e.files) {
       if (!(String(Number(a)) === a))
         continue;
-      const c = e.files[a];
-      c && c !== o && (r += `
+      const l = e.files[a];
+      l && l !== o && (r += `
 @font-face {
 font-family: "${t}";
-src: url('${c}') format('woff2');
+src: url('${l}') format('woff2');
 font-display: fallback;
 font-weight: ${a};
 }
         `.trim());
     }
   return r;
-}, Yo = ({
+}, getFontCss = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => Jo(n))) == null ? void 0 : t.join(" ")) || "";
-}, Qo = ({
+  return ((t = e == null ? void 0 : e.map((n) => getCssFromFont(n))) == null ? void 0 : t.join(" ")) || "";
+}, getCss = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Xo = g({
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", _sfc_main$3 = defineComponent({
   name: "content-styles",
-  components: { InlinedStyles: q },
+  components: { InlinedStyles },
   props: ["cssCode", "contentId", "customFonts"],
   data() {
     return {
       injectedStyles: `
-${Qo({
+${getCss({
         cssCode: this.cssCode,
         contentId: this.contentId
       })}
-${Yo({
+${getFontCss({
         customFonts: this.customFonts
       })}
 
@@ -3023,19 +3050,19 @@ ${Yo({
     };
   }
 });
-function Zo(e, t, n, o, r, i) {
-  const s = k("inlined-styles");
-  return d(), v(s, { styles: e.injectedStyles }, null, 8, ["styles"]);
+function _sfc_render$3(e, t, n, o, r, s) {
+  const i = resolveComponent("inlined-styles");
+  return openBlock(), createBlock(i, { styles: e.injectedStyles }, null, 8, ["styles"]);
 }
-const er = /* @__PURE__ */ y(Xo, [["render", Zo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content/components/styles.vue"]]), tr = ({
+const ContentStyles = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content/components/styles.vue"]]), getContextStateInitialValue = ({
   content: e,
   data: t,
   locale: n
 }) => {
-  var i, s, a;
-  const o = {}, r = ((i = e == null ? void 0 : e.data) == null ? void 0 : i.state) || {};
-  return (a = (s = e == null ? void 0 : e.data) == null ? void 0 : s.inputs) == null || a.forEach((l) => {
-    l.name && l.defaultValue !== void 0 && (o[l.name] = l.defaultValue);
+  var s, i, a;
+  const o = {}, r = ((s = e == null ? void 0 : e.data) == null ? void 0 : s.state) || {};
+  return (a = (i = e == null ? void 0 : e.data) == null ? void 0 : i.inputs) == null || a.forEach((c) => {
+    c.name && c.defaultValue !== void 0 && (o[c.name] = c.defaultValue);
   }), {
     ...o,
     ...r,
@@ -3044,7 +3071,7 @@ const er = /* @__PURE__ */ y(Xo, [["render", Zo], ["__file", "/home/runner/work/
       locale: n
     } : {}
   };
-}, nr = ({
+}, getContentInitialValue = ({
   content: e,
   data: t
 }) => e ? {
@@ -3054,13 +3081,13 @@ const er = /* @__PURE__ */ y(Xo, [["render", Zo], ["__file", "/home/runner/work/
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, or = tt, rr = g({
+} : void 0, wrapComponentRef = markRaw, _sfc_main$2 = defineComponent({
   name: "content-component",
   components: {
-    EnableEditor: Go,
-    InlinedScript: He,
-    ContentStyles: er,
-    Blocks: re
+    EnableEditor,
+    InlinedScript,
+    ContentStyles,
+    Blocks
   },
   props: [
     "content",
@@ -3070,41 +3097,45 @@ const er = /* @__PURE__ */ y(Xo, [["render", Zo], ["__file", "/home/runner/work/
     "context",
     "apiKey",
     "apiVersion",
+    "blocksWrapper",
+    "blocksWrapperProps",
     "model",
     "canTrack",
     "includeRefs",
     "enrich",
     "showContent",
+    "contentWrapper",
+    "contentWrapperProps",
     "isSsrAbTest"
   ],
   data() {
     var e, t;
     return {
-      scriptStr: fo({
+      scriptStr: getUpdateVariantVisibilityScript({
         variationId: (e = this.content) == null ? void 0 : e.testVariationId,
         contentId: (t = this.content) == null ? void 0 : t.id
       }),
       registeredComponents: [
-        ...pe(),
-        ...me,
+        ...getDefaultRegisteredComponents(),
+        ...components,
         ...this.customComponents || []
       ].reduce(
         (n, { component: o, ...r }) => ({
           ...n,
           [r.name]: {
-            component: or(o),
-            ...te(r)
+            component: wrapComponentRef(o),
+            ...serializeComponentInfo(r)
           }
         }),
         {}
       ),
       builderContextSignal: {
-        content: nr({
+        content: getContentInitialValue({
           content: this.content,
           data: this.data
         }),
         localState: void 0,
-        rootState: tr({
+        rootState: getContextStateInitialValue({
           content: this.content,
           data: this.data,
           locale: this.locale
@@ -3114,25 +3145,27 @@ const er = /* @__PURE__ */ y(Xo, [["render", Zo], ["__file", "/home/runner/work/
         apiKey: this.apiKey,
         apiVersion: this.apiVersion,
         componentInfos: [
-          ...pe(),
-          ...me,
+          ...getDefaultRegisteredComponents(),
+          ...components,
           ...this.customComponents || []
         ].reduce(
           (n, { component: o, ...r }) => ({
             ...n,
-            [r.name]: te(r)
+            [r.name]: serializeComponentInfo(r)
           }),
           {}
         ),
-        inheritedStyles: {}
+        inheritedStyles: {},
+        BlocksWrapper: this.blocksWrapper || "div",
+        BlocksWrapperProps: this.blocksWrapperProps || {}
       },
-      TARGET: R
+      TARGET
     };
   },
   provide() {
     const e = this;
     return {
-      [we.key]: {
+      [ComponentsContext.key]: {
         registeredComponents: e.registeredComponents
       }
     };
@@ -3143,9 +3176,9 @@ const er = /* @__PURE__ */ y(Xo, [["render", Zo], ["__file", "/home/runner/work/
     }
   }
 });
-function ir(e, t, n, o, r, i) {
-  const s = k("inlined-script"), a = k("content-styles"), l = k("blocks"), c = k("enable-editor");
-  return d(), v(c, I({
+function _sfc_render$2(e, t, n, o, r, s) {
+  const i = resolveComponent("inlined-script"), a = resolveComponent("content-styles"), c = resolveComponent("blocks"), l = resolveComponent("enable-editor");
+  return openBlock(), createBlock(l, mergeProps({
     content: e.content,
     model: e.model,
     context: e.context,
@@ -3155,37 +3188,39 @@ function ir(e, t, n, o, r, i) {
     includeRefs: e.includeRefs,
     enrich: e.enrich,
     showContent: e.showContent,
-    builderContextSignal: e.builderContextSignal
+    builderContextSignal: e.builderContextSignal,
+    contentWrapper: e.contentWrapper,
+    contentWrapperProps: e.contentWrapperProps
   }, {}), {
-    default: oe(() => {
-      var u, h, m, f, C, _, j;
+    default: withCtx(() => {
+      var d, u, p, m, f, b, y;
       return [
-        e.isSsrAbTest ? (d(), v(s, {
+        e.isSsrAbTest ? (openBlock(), createBlock(i, {
           key: 0,
           scriptStr: e.scriptStr
-        }, null, 8, ["scriptStr"])) : b("v-if", !0),
-        e.TARGET !== "reactNative" ? (d(), v(a, {
+        }, null, 8, ["scriptStr"])) : createCommentVNode("v-if", !0),
+        e.TARGET !== "reactNative" ? (openBlock(), createBlock(a, {
           key: 1,
-          contentId: (u = e.builderContextSignal.content) == null ? void 0 : u.id,
-          cssCode: (m = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : m.cssCode,
-          customFonts: (C = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : C.customFonts
-        }, null, 8, ["contentId", "cssCode", "customFonts"])) : b("v-if", !0),
-        V(l, {
-          blocks: (j = (_ = e.builderContextSignal.content) == null ? void 0 : _.data) == null ? void 0 : j.blocks,
+          contentId: (d = e.builderContextSignal.content) == null ? void 0 : d.id,
+          cssCode: (p = (u = e.builderContextSignal.content) == null ? void 0 : u.data) == null ? void 0 : p.cssCode,
+          customFonts: (f = (m = e.builderContextSignal.content) == null ? void 0 : m.data) == null ? void 0 : f.customFonts
+        }, null, 8, ["contentId", "cssCode", "customFonts"])) : createCommentVNode("v-if", !0),
+        createVNode(c, {
+          blocks: (y = (b = e.builderContextSignal.content) == null ? void 0 : b.data) == null ? void 0 : y.blocks,
           context: e.builderContextSignal,
           registeredComponents: e.registeredComponents
         }, null, 8, ["blocks", "context", "registeredComponents"])
       ];
     }),
     _: 1
-  }, 16, ["content", "model", "context", "apiKey", "canTrack", "locale", "includeRefs", "enrich", "showContent", "builderContextSignal"]);
+  }, 16, ["content", "model", "context", "apiKey", "canTrack", "locale", "includeRefs", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps"]);
 }
-const sr = /* @__PURE__ */ y(rr, [["render", ir], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content/content.vue"]]), ar = g({
+const ContentComponent = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content/content.vue"]]), _sfc_main$1 = defineComponent({
   name: "content-variants",
   components: {
-    InlinedScript: He,
-    InlinedStyles: q,
-    ContentComponent: sr
+    InlinedScript,
+    InlinedStyles,
+    ContentComponent
   },
   props: [
     "canTrack",
@@ -3199,17 +3234,21 @@ const sr = /* @__PURE__ */ y(rr, [["render", ir], ["__file", "/home/runner/work/
     "customComponents",
     "locale",
     "includeRefs",
-    "enrich"
+    "enrich",
+    "blocksWrapper",
+    "blocksWrapperProps",
+    "contentWrapper",
+    "contentWrapperProps"
   ],
   data() {
     return {
-      shouldRenderVariants: uo({
-        canTrack: F(this.canTrack),
+      shouldRenderVariants: checkShouldRenderVariants({
+        canTrack: getDefaultCanTrack(this.canTrack),
         content: this.content
       }),
-      TARGET: R,
-      getScriptString: mo,
-      getVariants: W
+      TARGET,
+      getScriptString,
+      getVariants
     };
   },
   mounted() {
@@ -3218,8 +3257,8 @@ const sr = /* @__PURE__ */ y(rr, [["render", ir], ["__file", "/home/runner/work/
   computed: {
     updateCookieAndStylesScriptStr() {
       var e;
-      return ho(
-        W(this.content).map((t) => ({
+      return getUpdateCookieAndStylesScript(
+        getVariants(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
         })),
@@ -3227,37 +3266,37 @@ const sr = /* @__PURE__ */ y(rr, [["render", ir], ["__file", "/home/runner/work/
       );
     },
     hideVariantsStyleString() {
-      return W(this.content).map((e) => `.variant-${e.testVariationId} { display: none; } `).join("");
+      return getVariants(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
-      } : vn({
+      } : handleABTestingSync({
         item: this.content,
-        canTrack: F(this.canTrack)
+        canTrack: getDefaultCanTrack(this.canTrack)
       });
     }
   }
 });
-function lr(e, t, n, o, r, i) {
-  var c;
-  const s = k("inlined-script"), a = k("inlined-styles"), l = k("content-component");
-  return d(), p(w, null, [
-    !e.__isNestedRender && e.TARGET !== "reactNative" ? (d(), v(s, {
+function _sfc_render$1(e, t, n, o, r, s) {
+  var l;
+  const i = resolveComponent("inlined-script"), a = resolveComponent("inlined-styles"), c = resolveComponent("content-component");
+  return openBlock(), createElementBlock(Fragment$1, null, [
+    !e.__isNestedRender && e.TARGET !== "reactNative" ? (openBlock(), createBlock(i, {
       key: 0,
       scriptStr: e.getScriptString()
-    }, null, 8, ["scriptStr"])) : b("v-if", !0),
-    e.shouldRenderVariants ? (d(), p(w, { key: 1 }, [
-      V(a, {
-        id: `variants-styles-${(c = e.content) == null ? void 0 : c.id}`,
+    }, null, 8, ["scriptStr"])) : createCommentVNode("v-if", !0),
+    e.shouldRenderVariants ? (openBlock(), createElementBlock(Fragment$1, { key: 1 }, [
+      createVNode(a, {
+        id: `variants-styles-${(l = e.content) == null ? void 0 : l.id}`,
         styles: e.hideVariantsStyleString
       }, null, 8, ["id", "styles"]),
-      V(s, { scriptStr: e.updateCookieAndStylesScriptStr }, null, 8, ["scriptStr"]),
-      (d(!0), p(w, null, B(e.getVariants(e.content), (u, h) => (d(), v(l, {
-        key: u.testVariationId,
-        content: u,
+      createVNode(i, { scriptStr: e.updateCookieAndStylesScriptStr }, null, 8, ["scriptStr"]),
+      (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.getVariants(e.content), (d, u) => (openBlock(), createBlock(c, {
+        key: d.testVariationId,
+        content: d,
         showContent: !1,
         model: e.model,
         data: e.data,
@@ -3269,10 +3308,14 @@ function lr(e, t, n, o, r, i) {
         locale: e.locale,
         includeRefs: e.includeRefs,
         enrich: e.enrich,
-        isSsrAbTest: e.shouldRenderVariants
-      }, null, 8, ["content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest"]))), 128))
-    ], 64)) : b("v-if", !0),
-    V(l, I({
+        isSsrAbTest: e.shouldRenderVariants,
+        blocksWrapper: e.blocksWrapper,
+        blocksWrapperProps: e.blocksWrapperProps,
+        contentWrapper: e.contentWrapper,
+        contentWrapperProps: e.contentWrapperProps
+      }, null, 8, ["content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps"]))), 128))
+    ], 64)) : createCommentVNode("v-if", !0),
+    createVNode(c, mergeProps({
       content: e.defaultContent,
       showContent: !0,
       model: e.model,
@@ -3285,18 +3328,22 @@ function lr(e, t, n, o, r, i) {
       locale: e.locale,
       includeRefs: e.includeRefs,
       enrich: e.enrich,
-      isSsrAbTest: e.shouldRenderVariants
+      isSsrAbTest: e.shouldRenderVariants,
+      blocksWrapper: e.blocksWrapper,
+      blocksWrapperProps: e.blocksWrapperProps,
+      contentWrapper: e.contentWrapper,
+      contentWrapperProps: e.contentWrapperProps
     }, {
       key: e.shouldRenderVariants.toString()
-    }), null, 16, ["content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest"])
+    }), null, 16, ["content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps"])
   ], 64);
 }
-const Ze = /* @__PURE__ */ y(ar, [["render", lr], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content-variants/content-variants.vue"]]), cr = async ({
+const Content = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/content-variants/content-variants.vue"]]), fetchSymbolContent = async ({
   builderContextValue: e,
   symbol: t
 }) => {
   if ((t == null ? void 0 : t.model) && (e == null ? void 0 : e.apiKey))
-    return G({
+    return fetchOneEntry({
       model: t.model,
       apiKey: e.apiKey,
       apiVersion: e.apiVersion,
@@ -3306,11 +3353,11 @@ const Ze = /* @__PURE__ */ y(ar, [["render", lr], ["__file", "/home/runner/work/
         }
       }
     }).catch((n) => {
-      T.error("Could not fetch symbol content: ", n);
+      logger.error("Could not fetch symbol content: ", n);
     });
-}, dr = g({
+}, _sfc_main = defineComponent({
   name: "builder-symbol",
-  components: { ContentVariants: Ze },
+  components: { ContentVariants: Content },
   props: [
     "js",
     "attributes",
@@ -3321,7 +3368,7 @@ const Ze = /* @__PURE__ */ y(ar, [["render", lr], ["__file", "/home/runner/work/
   ],
   data() {
     var e;
-    return { contentToUse: (e = this.symbol) == null ? void 0 : e.content, filterAttrs: z };
+    return { contentToUse: (e = this.symbol) == null ? void 0 : e.content, filterAttrs };
   },
   mounted() {
     this.setContent();
@@ -3352,7 +3399,7 @@ const Ze = /* @__PURE__ */ y(ar, [["render", lr], ["__file", "/home/runner/work/
   },
   methods: {
     setContent() {
-      this.contentToUse || cr({
+      this.contentToUse || fetchSymbolContent({
         symbol: this.symbol,
         builderContextValue: this.builderContext
       }).then((e) => {
@@ -3370,13 +3417,13 @@ const Ze = /* @__PURE__ */ y(ar, [["render", lr], ["__file", "/home/runner/work/
     }
   }
 });
-function ur(e, t, n, o, r, i) {
-  var a, l, c, u;
-  const s = k("content-variants");
-  return d(), p("div", I({
+function _sfc_render(e, t, n, o, r, s) {
+  var a, c, l, d;
+  const i = resolveComponent("content-variants");
+  return openBlock(), createElementBlock("div", mergeProps({
     class: e._classStringToObject(e.className)
-  }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    V(s, {
+  }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, toHandlers(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    createVNode(i, {
       __isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
       apiKey: e.builderContext.apiKey,
@@ -3385,26 +3432,26 @@ function ur(e, t, n, o, r, i) {
       data: {
         ...(a = e.symbol) == null ? void 0 : a.data,
         ...e.builderContext.localState,
-        ...(c = (l = e.contentToUse) == null ? void 0 : l.data) == null ? void 0 : c.state
+        ...(l = (c = e.contentToUse) == null ? void 0 : c.data) == null ? void 0 : l.state
       },
-      model: (u = e.symbol) == null ? void 0 : u.model,
+      model: (d = e.symbol) == null ? void 0 : d.model,
       content: e.contentToUse
     }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "model", "content"])
   ], 16);
 }
-const pr = /* @__PURE__ */ y(dr, [["render", ur], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/symbol/symbol.vue"]]), vr = re, Sr = Ze, ve = {};
-function Cr(e) {
-  if (S()) {
-    Object.assign(ve, e);
+const Symbol$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/blocks/symbol/symbol.vue"]]), RenderBlocks = Blocks, RenderContent = Content, settings = {};
+function setEditorSettings(e) {
+  if (isBrowser()) {
+    Object.assign(settings, e);
     const t = {
       type: "builder.settingsChange",
-      data: ve
+      data: settings
     };
     parent.postMessage(t, "*");
   }
 }
-const wr = async (e) => {
-  var o, r, i;
+const fetchBuilderProps = async (e) => {
+  var o, r, s;
   const t = e.path || ((o = e.url) == null ? void 0 : o.pathname) || ((r = e.userAttributes) == null ? void 0 : r.urlPath), n = {
     ...e,
     apiKey: e.apiKey,
@@ -3415,47 +3462,47 @@ const wr = async (e) => {
         urlPath: t
       } : {}
     },
-    options: ze(e.searchParams || ((i = e.url) == null ? void 0 : i.searchParams) || e.options)
+    options: getBuilderSearchParams(e.searchParams || ((s = e.url) == null ? void 0 : s.searchParams) || e.options)
   };
   return {
     apiKey: n.apiKey,
     model: n.model,
-    content: await G(n)
+    content: await fetchOneEntry(n)
   };
 };
 export {
-  Ae as B,
-  Ze as C,
-  Xt as F,
-  an as I,
-  vr as R,
-  dn as S,
-  R as T,
-  ro as V,
-  y as _,
-  Ve as a,
-  Z as b,
-  ut as c,
-  re as d,
-  H as e,
-  Sr as f,
-  st as g,
-  Jt as h,
-  pr as i,
-  Jn as j,
-  x as k,
-  To as l,
-  io as m,
-  $o as n,
-  Ge as o,
-  G as p,
-  yr as q,
-  Wo as r,
-  Cr as s,
-  gr as t,
-  ze as u,
-  kr as v,
-  or as w,
-  wr as x,
-  br as y
+  Block as B,
+  Content as C,
+  Fragment as F,
+  Image as I,
+  RenderBlocks as R,
+  Section as S,
+  TARGET as T,
+  Video as V,
+  _export_sfc as _,
+  BlockStyles as a,
+  BuilderContext as b,
+  convertStyleMapToCSSArray as c,
+  Blocks as d,
+  evaluate as e,
+  RenderContent as f,
+  Button as g,
+  Columns as h,
+  Symbol$1 as i,
+  Text as j,
+  isEditing as k,
+  isPreviewing as l,
+  createRegisterComponentMessage as m,
+  _processContentResult as n,
+  fetchEntries as o,
+  fetchOneEntry as p,
+  getAllContent as q,
+  register as r,
+  setEditorSettings as s,
+  getContent as t,
+  getBuilderSearchParams as u,
+  track as v,
+  wrapComponentRef as w,
+  fetchBuilderProps as x,
+  block as y
 };