@builder.io/sdk-vue 0.11.2 → 0.11.3

package/lib/browser/{index.523c82d0.js → index.cf8f3cf0.js}

@@ -1,20 +1,20 @@
 import "./style.css";
-import { defineComponent as b, openBlock as c, createElementBlock as p, mergeProps as w, toHandlers as N, toDisplayString as le, defineAsyncComponent as M, resolveComponent as k, Fragment as C, createBlock as y, createCommentVNode as f, renderList as B, withCtx as U, createVNode as W, h as Se, resolveDynamicComponent as Ce, renderSlot as x, createElementVNode as X, normalizeStyle as Z, normalizeClass as we, markRaw as Ye } from "vue";
-function q(e = {}, t, n) {
+import { defineComponent as f, openBlock as d, createElementBlock as p, mergeProps as C, toHandlers as O, toDisplayString as se, defineAsyncComponent as M, resolveComponent as k, Fragment as $, createVNode as P, createBlock as y, createCommentVNode as g, renderList as N, withCtx as U, resolveDynamicComponent as ke, renderSlot as x, h as ye, createElementVNode as J, normalizeStyle as Y, normalizeClass as ve, markRaw as ze } from "vue";
+function z(e = {}, t, n) {
   const o = {};
   for (const r in e) {
     if (!e[r] || n && !r.startsWith(t))
       continue;
-    const s = n ? r.replace(t, "") : r;
-    o[s] = e[r];
+    const i = n ? r.replace(t, "") : r;
+    o[i] = e[r];
   }
   return o;
 }
-const Qe = b({
+const qe = f({
   name: "builder-button",
   props: ["attributes", "text", "link", "openLinkInNewTab"],
   data() {
-    return { filterAttrs: q };
+    return { filterAttrs: z };
   },
   methods: {
     _classStringToObject(e) {
@@ -28,25 +28,25 @@ const Qe = b({
     }
   }
 });
-const g = (e, t) => {
+const b = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [o, r] of t)
     n[o] = r;
   return n;
-}, Xe = ["href", "target"];
-function Ze(e, t, n, o, r, s) {
-  return e.link ? (c(), p("a", w({
+}, Ge = ["href", "target"];
+function Je(e, t, n, o, r, i) {
+  return e.link ? (d(), p("a", C({
     key: 0,
     href: e.link,
     target: e.openLinkInNewTab ? "_blank" : void 0,
     role: "button"
-  }, e.filterAttrs(e.attributes, "v-on:", !1), N(e.filterAttrs(e.attributes, "v-on:", !0), !0)), le(e.text), 17, Xe)) : (c(), p("button", w({
+  }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), se(e.text), 17, Ge)) : (d(), p("button", C({
     key: 1,
     style: e.attributes.style,
     class: e._classStringToObject(e.attributes.class + " button-21azgz5avex")
-  }, e.filterAttrs(e.attributes, "v-on:", !1), N(e.filterAttrs(e.attributes, "v-on:", !0), !0)), le(e.text), 17));
+  }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), se(e.text), 17));
 }
-const et = /* @__PURE__ */ g(Qe, [["render", Ze], ["__scopeId", "data-v-becdf225"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/button/button.vue"]]), tt = Symbol(), ee = {
+const Ye = /* @__PURE__ */ b(qe, [["render", Je], ["__scopeId", "data-v-becdf225"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/button/button.vue"]]), Qe = Symbol(), Q = {
   Builder: {
     content: null,
     context: {},
@@ -61,12 +61,12 @@ const et = /* @__PURE__ */ g(Qe, [["render", Ze], ["__scopeId", "data-v-becdf225
     BlocksWrapper: "div",
     BlocksWrapperProps: {}
   },
-  key: tt
-}, nt = Symbol(), Ie = {
+  key: Qe
+}, Xe = Symbol(), Se = {
   Components: { registeredComponents: {} },
-  key: nt
+  key: Xe
 };
-function ot(e) {
+function Ze(e) {
   var t;
   return {
     ...(t = e.component) == null ? void 0 : t.options,
@@ -74,22 +74,7 @@ function ot(e) {
     builderBlock: e
   };
 }
-const R = "vue", rt = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), P = (e) => e != null, st = (e) => Object.entries(e).map(([n, o]) => {
-  if (typeof o == "string")
-    return `${rt(n)}: ${o};`;
-}).filter(P), it = (e) => st(e).join(`
-`), Y = ({
-  mediaQuery: e,
-  className: t,
-  styles: n
-}) => {
-  const o = `.${t} {
-    ${it(n)}
-  }`;
-  return e ? `${e} {
-      ${o}
-    }` : o;
-}, L = "[Builder.io]: ", $ = {
+const T = "vue", A = (e) => e != null, L = "[Builder.io]: ", I = {
   log: (...e) => console.log(L, ...e),
   error: (...e) => console.error(L, ...e),
   warn: (...e) => console.warn(L, ...e),
@@ -98,20 +83,20 @@ const R = "vue", rt = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").
 function v() {
   return typeof window < "u" && typeof document < "u";
 }
-function at() {
+function et() {
   return v() && window.self !== window.top;
 }
-function T() {
-  return at() && (R === "reactNative" || window.location.search.indexOf("builder.frameEditing=") !== -1);
+function R() {
+  return et() && (T === "reactNative" || window.location.search.indexOf("builder.frameEditing=") !== -1);
 }
-const lt = () => {
+const tt = () => {
   if (v()) {
     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;
-}, ct = () => typeof navigator == "object" && navigator.userAgent || "", $e = () => {
-  const e = ct(), t = {
+}, nt = () => typeof navigator == "object" && navigator.userAgent || "", Ce = () => {
+  const e = nt(), t = {
     Android() {
       return e.match(/Android/i);
     },
@@ -128,15 +113,15 @@ const lt = () => {
       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() || T === "reactNative";
     }
-  }, n = e.match(/Tablet|iPad/i), o = lt();
+  }, n = e.match(/Tablet|iPad/i), o = tt();
   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"
   };
-}, dt = ({
+}, ot = ({
   builder: e,
   context: t,
   event: n,
@@ -147,83 +132,83 @@ const lt = () => {
   builder: e,
   context: t,
   event: n
-}), ut = () => ({
-  isEditing: T(),
+}), rt = () => ({
+  isEditing: R(),
   isBrowser: v(),
   isServer: !v(),
-  getUserAttributes: () => $e()
-}), pt = (e, {
+  getUserAttributes: () => Ce()
+}), it = (e, {
   isExpression: t = !0
-}) => t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e, ce = ({
+}) => t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e, ae = ({
   code: e,
   builder: t,
   context: n,
   event: o,
   localState: r,
-  rootSetState: s,
-  rootState: i
+  rootSetState: i,
+  rootState: s
 }) => {
-  const a = dt({
+  const a = ot({
     builder: t,
     context: n,
     event: o,
-    state: mt(i, r, s)
+    state: st(s, r, i)
   });
   return new Function(...a.map(([l]) => l), e)(...a.map(([, l]) => l));
 };
-function mt(e, t, n) {
+function st(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, s) => {
+    set: (o, r, i) => {
       if (t && r in t)
         throw new Error("Writing to local state is not allowed as it is read-only.");
-      return e[r] = s, n == null || n(e), !0;
+      return e[r] = i, n == null || n(e), !0;
     }
   });
 }
-const ht = (e) => (v(), ce(e));
-function D({
+const at = (e) => (v(), ae(e));
+function K({
   code: e,
   context: t,
   localState: n,
   rootState: o,
   rootSetState: r,
-  event: s,
-  isExpression: i = !0
+  event: i,
+  isExpression: s = !0
 }) {
   if (e === "") {
-    $.warn("Skipping evaluation of empty code block.");
+    I.warn("Skipping evaluation of empty code block.");
     return;
   }
   const a = {
-    code: pt(e, {
-      isExpression: i
+    code: it(e, {
+      isExpression: s
     }),
-    builder: ut(),
+    builder: rt(),
     context: t,
-    event: s,
+    event: i,
     rootSetState: r,
     rootState: o,
     localState: n
   };
   try {
-    return ht(a);
+    return at(a);
   } catch (l) {
-    $.error("Failed code evaluation: " + l.message, {
+    I.error("Failed code evaluation: " + l.message, {
       code: e
     });
     return;
   }
 }
-const F = (e) => JSON.parse(JSON.stringify(e)), ft = (e, t, n) => {
+const F = (e) => JSON.parse(JSON.stringify(e)), lt = (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, 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;
+  return o.slice(0, -1).reduce((r, i, s) => Object(r[i]) === r[i] ? r[i] : r[i] = Math.abs(Number(o[s + 1])) >> 0 === +o[s + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
 };
-const bt = ({
+const ct = ({
   block: e,
   context: t,
   localState: n,
@@ -232,58 +217,58 @@ const bt = ({
 }) => {
   if (!e.bindings)
     return e;
-  const s = F(e), i = {
-    ...s,
+  const i = F(e), s = {
+    ...i,
     properties: {
-      ...s.properties
+      ...i.properties
     },
     actions: {
-      ...s.actions
+      ...i.actions
     }
   };
   for (const a in e.bindings) {
-    const l = e.bindings[a], d = D({
+    const l = e.bindings[a], c = K({
       code: l,
       localState: n,
       rootState: o,
       rootSetState: r,
       context: t
     });
-    ft(i, a, d);
+    lt(s, a, c);
   }
-  return i;
+  return s;
 };
-function z({
+function we({
   block: e,
   context: t,
   shouldEvaluateBindings: n,
   localState: o,
   rootState: r,
-  rootSetState: s
+  rootSetState: i
 }) {
-  const i = e;
-  return n ? bt({
-    block: i,
+  const s = e;
+  return n ? ct({
+    block: s,
     localState: o,
     rootState: r,
-    rootSetState: s,
+    rootSetState: i,
     context: t
-  }) : i;
+  }) : s;
 }
-const gt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"], kt = (e) => typeof e == "string" && gt.includes(e.toLowerCase()), yt = ({
+const dt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"], ut = (e) => typeof e == "string" && dt.includes(e.toLowerCase()), pt = ({
   block: e,
   context: t,
   registeredComponents: n
 }) => {
-  var s;
-  const o = (s = z({
+  var i;
+  const o = (i = we({
     block: e,
     localState: t.localState,
     rootState: t.rootState,
     rootSetState: t.rootSetState,
     context: t.context,
     shouldEvaluateBindings: !1
-  }).component) == null ? void 0 : s.name;
+  }).component) == null ? void 0 : i.name;
   if (!o)
     return null;
   const r = n[o];
@@ -292,7 +277,7 @@ const gt = ["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?`);
-}, vt = ({
+}, mt = ({
   block: e,
   context: t
 }) => {
@@ -302,7 +287,7 @@ const gt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
   } = e;
   if (!(n != null && n.collection))
     return;
-  const r = D({
+  const r = K({
     code: n.collection,
     localState: t.localState,
     rootState: t.rootState,
@@ -311,69 +296,69 @@ const gt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
   });
   if (!Array.isArray(r))
     return;
-  const s = n.collection.split(".").pop(), i = n.itemName || (s ? s + "Item" : "item");
-  return r.map((l, d) => ({
+  const i = n.collection.split(".").pop(), s = n.itemName || (i ? i + "Item" : "item");
+  return r.map((l, c) => ({
     context: {
       ...t,
       localState: {
         ...t.localState,
-        $index: d,
+        $index: c,
         $item: l,
-        [i]: l,
-        [`$${i}Index`]: d
+        [s]: l,
+        [`$${s}Index`]: c
       }
     },
     block: o
   }));
-}, St = () => Promise.resolve().then(() => xt).then((e) => e.default).catch((e) => {
+}, ht = () => import("./block-styles.4dd5487a.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
     e
   ), e;
-}), Ct = () => import("./block-wrapper.166db2f3.js").then((e) => e.default).catch((e) => {
+}), ft = () => import("./block-wrapper.56a0b862.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;
-}), wt = () => import("./component-ref.10189e21.js").then((e) => e.default).catch((e) => {
+}), bt = () => import("./component-ref.6b764356.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;
-}), It = () => import("./repeated-block.b8d63262.js").then((e) => e.default).catch((e) => {
+}), gt = () => import("./repeated-block.a2b6e71d.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;
-}), $t = b({
+}), kt = f({
   name: "block",
   components: {
-    ComponentRef: M(wt),
-    BlockWrapper: M(Ct),
-    RepeatedBlock: M(It),
-    BlockStyles: M(St)
+    BlockStyles: M(ht),
+    ComponentRef: M(bt),
+    BlockWrapper: M(ft),
+    RepeatedBlock: M(gt)
   },
   props: ["block", "context", "registeredComponents"],
   data() {
-    return { childrenContext: this.context, isEmptyHtmlElement: kt };
+    return { childrenContext: this.context, isEmptyHtmlElement: ut };
   },
   computed: {
     blockComponent() {
-      return yt({
+      return pt({
         block: this.block,
         context: this.context,
         registeredComponents: this.registeredComponents
       });
     },
     repeatItem() {
-      return vt({
+      return mt({
         block: this.block,
         context: this.context
       });
     },
     processedBlock() {
       var e;
-      return (e = this.block.repeat) != null && e.collection ? this.block : z({
+      return (e = this.block.repeat) != null && e.collection ? this.block : we({
         block: this.block,
         localState: this.context.localState,
         rootState: this.context.rootState,
@@ -397,12 +382,12 @@ const gt = ["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, s;
+      var e, t, n, o, r, i;
       return {
         blockChildren: (e = this.processedBlock.children) != null ? e : [],
         componentRef: (t = this.blockComponent) == null ? void 0 : t.component,
         componentOptions: {
-          ...ot(this.processedBlock),
+          ...Ze(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
@@ -412,16 +397,20 @@ const gt = ["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: !((s = this.blockComponent) != null && s.isRSC)
+        isInteractive: !((i = this.blockComponent) != null && i.isRSC)
       };
     }
   }
 });
-function Rt(e, t, n, o, r, s) {
+function yt(e, t, n, o, r, i) {
   var m;
-  const i = k("block-wrapper"), a = k("repeated-block"), l = k("component-ref"), d = k("block", !0), u = k("block-styles");
-  return e.canShowBlock ? (c(), p(C, { key: 0 }, [
-    (m = e.blockComponent) != null && m.noWrap ? (c(), y(l, {
+  const s = k("block-styles"), a = k("block-wrapper"), l = k("repeated-block"), c = k("component-ref"), u = k("block", !0);
+  return e.canShowBlock ? (d(), p($, { key: 0 }, [
+    P(s, {
+      block: e.block,
+      context: e.context
+    }, null, 8, ["block", "context"]),
+    (m = e.blockComponent) != null && m.noWrap ? (d(), y(c, {
       key: 1,
       componentRef: e.componentRefProps.componentRef,
       componentOptions: e.componentRefProps.componentOptions,
@@ -431,21 +420,21 @@ function Rt(e, t, n, o, r, s) {
       builderBlock: e.componentRefProps.builderBlock,
       includeBlockProps: e.componentRefProps.includeBlockProps,
       isInteractive: e.componentRefProps.isInteractive
-    }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "builderBlock", "includeBlockProps", "isInteractive"])) : (c(), p(C, { key: 0 }, [
-      e.isEmptyHtmlElement(e.Tag) ? (c(), y(i, {
+    }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "builderBlock", "includeBlockProps", "isInteractive"])) : (d(), p($, { key: 0 }, [
+      e.isEmptyHtmlElement(e.Tag) ? (d(), y(a, {
         key: 0,
         Wrapper: e.Tag,
         block: e.processedBlock,
         context: e.context,
         hasChildren: !1
-      }, null, 8, ["Wrapper", "block", "context"])) : f("v-if", !0),
-      !e.isEmptyHtmlElement(e.Tag) && e.repeatItem ? (c(!0), p(C, { key: 1 }, B(e.repeatItem, (h, S) => (c(), y(a, {
+      }, null, 8, ["Wrapper", "block", "context"])) : g("v-if", !0),
+      !e.isEmptyHtmlElement(e.Tag) && e.repeatItem ? (d(!0), p($, { key: 1 }, N(e.repeatItem, (h, S) => (d(), y(l, {
         key: S,
         repeatContext: h.context,
         block: h.block,
         registeredComponents: e.registeredComponents
-      }, null, 8, ["repeatContext", "block", "registeredComponents"]))), 128)) : f("v-if", !0),
-      !e.isEmptyHtmlElement(e.Tag) && !e.repeatItem ? (c(), y(i, {
+      }, null, 8, ["repeatContext", "block", "registeredComponents"]))), 128)) : g("v-if", !0),
+      !e.isEmptyHtmlElement(e.Tag) && !e.repeatItem ? (d(), y(a, {
         key: 2,
         Wrapper: e.Tag,
         block: e.processedBlock,
@@ -453,7 +442,7 @@ function Rt(e, t, n, o, r, s) {
         hasChildren: !0
       }, {
         default: U(() => [
-          W(l, {
+          P(c, {
             componentRef: e.componentRefProps.componentRef,
             componentOptions: e.componentRefProps.componentOptions,
             blockChildren: e.componentRefProps.blockChildren,
@@ -463,139 +452,22 @@ function Rt(e, t, n, o, r, s) {
             includeBlockProps: e.componentRefProps.includeBlockProps,
             isInteractive: e.componentRefProps.isInteractive
           }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "builderBlock", "includeBlockProps", "isInteractive"]),
-          (c(!0), p(C, null, B(e.childrenWithoutParentComponent, (h, S) => (c(), y(d, {
-            key: "block-" + h.id,
+          (d(!0), p($, null, N(e.childrenWithoutParentComponent, (h, S) => (d(), y(u, {
+            key: h.id,
             block: h,
             context: e.childrenContext,
             registeredComponents: e.registeredComponents
-          }, null, 8, ["block", "context", "registeredComponents"]))), 128)),
-          (c(!0), p(C, null, B(e.childrenWithoutParentComponent, (h, S) => (c(), y(u, {
-            key: "block-style-" + h.id,
-            block: h,
-            context: e.childrenContext
-          }, null, 8, ["block", "context"]))), 128))
+          }, null, 8, ["block", "context", "registeredComponents"]))), 128))
         ]),
         _: 1
-      }, 8, ["Wrapper", "block", "context"])) : f("v-if", !0)
+      }, 8, ["Wrapper", "block", "context"])) : g("v-if", !0)
     ], 64))
-  ], 64)) : f("v-if", !0);
-}
-const Re = /* @__PURE__ */ g($t, [["render", Rt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/block.vue"]]), or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: Re
-}, Symbol.toStringTag, { value: "Module" })), Te = {
-  small: {
-    min: 320,
-    default: 321,
-    max: 640
-  },
-  medium: {
-    min: 641,
-    default: 642,
-    max: 991
-  },
-  large: {
-    min: 990,
-    default: 991,
-    max: 1200
-  }
-}, de = (e, t = Te) => `@media (max-width: ${t[e].max}px)`, Pe = ({
-  small: e,
-  medium: t
-}) => {
-  const n = F(Te);
-  if (!e || !t)
-    return n;
-  const o = Math.floor(e / 2);
-  n.small = {
-    max: e,
-    min: o,
-    default: o + 1
-  };
-  const r = n.small.max + 1;
-  n.medium = {
-    max: t,
-    min: r,
-    default: r + 1
-  };
-  const s = n.medium.max + 1;
-  return n.large = {
-    max: 2e3,
-    min: s,
-    default: s + 1
-  }, n;
-}, Tt = b({
-  render() {
-    return Se("style", { id: this.id, innerHTML: this.styles });
-  },
-  name: "inlined-styles",
-  props: ["styles", "id"]
-}), G = /* @__PURE__ */ g(Tt, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/inlined-styles.vue"]]), Pt = b({
-  name: "block-styles",
-  components: { InlinedStyles: G },
-  props: ["block", "context"],
-  data() {
-    return { TARGET: R };
-  },
-  computed: {
-    canShowBlock() {
-      const e = z({
-        block: this.block,
-        localState: this.context.localState,
-        rootState: this.context.rootState,
-        rootSetState: this.context.rootSetState,
-        context: this.context.context,
-        shouldEvaluateBindings: !0
-      });
-      return P(e.hide) ? !e.hide : P(e.show) ? e.show : !0;
-    },
-    css() {
-      var m;
-      const e = z({
-        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 = Pe(
-        ((m = n == null ? void 0 : n.meta) == null ? void 0 : m.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 ? Y({
-        className: a,
-        styles: r
-      }) : "", d = s ? Y({
-        className: a,
-        styles: s,
-        mediaQuery: de(
-          "medium",
-          o
-        )
-      }) : "", u = i ? Y({
-        className: a,
-        styles: i,
-        mediaQuery: de(
-          "small",
-          o
-        )
-      }) : "";
-      return [l, d, u].join(" ");
-    }
-  }
-});
-function Et(e, t, n, o, r, s) {
-  const i = k("inlined-styles");
-  return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? (c(), y(i, {
-    key: 0,
-    styles: e.css
-  }, null, 8, ["styles"])) : f("v-if", !0);
+  ], 64)) : g("v-if", !0);
 }
-const Ee = /* @__PURE__ */ g(Pt, [["render", Et], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/block-styles.vue"]]), xt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ie = /* @__PURE__ */ b(kt, [["render", yt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/block.vue"]]), Go = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ee
-}, Symbol.toStringTag, { value: "Module" })), Bt = b({
+  default: Ie
+}, Symbol.toStringTag, { value: "Module" })), vt = f({
   name: "builder-blocks-wrapper",
   props: [
     "BlocksWrapper",
@@ -614,7 +486,7 @@ const Ee = /* @__PURE__ */ g(Pt, [["render", Et], ["__file", "/home/runner/work/
   methods: {
     onClick() {
       var e, t;
-      T() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      R() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.clickEmptyBlocks",
           data: {
@@ -627,7 +499,7 @@ const Ee = /* @__PURE__ */ g(Pt, [["render", Et], ["__file", "/home/runner/work/
     },
     onMouseEnter() {
       var e, t;
-      T() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      R() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.hoverEmptyBlocks",
           data: {
@@ -649,15 +521,15 @@ const Ee = /* @__PURE__ */ g(Pt, [["render", Et], ["__file", "/home/runner/work/
     }
   }
 });
-function Wt(e, t, n, o, r, s) {
-  return c(), y(Ce(e.BlocksWrapper), w({
+function St(e, t, n, o, r, i) {
+  return d(), y(ke(e.BlocksWrapper), C({
     class: e._classStringToObject(e.className + " component-178o76acnws"),
     "builder-path": e.path,
     "builder-parent-id": e.parent,
     style: e.styleProp,
-    onClick: (i) => e.onClick(),
-    onMouseEnter: (i) => e.onMouseEnter(),
-    onKeyPress: (i) => e.onClick()
+    onClick: (s) => e.onClick(),
+    onMouseEnter: (s) => e.onMouseEnter(),
+    onKeyPress: (s) => e.onClick()
   }, { ...e.BlocksWrapperProps }), {
     default: U(() => [
       x(e.$slots, "default", {}, void 0, !0)
@@ -665,13 +537,9 @@ function Wt(e, t, n, o, r, s) {
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const At = /* @__PURE__ */ g(Bt, [["render", Wt], ["__scopeId", "data-v-1f8aab9f"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks-wrapper.vue"]]), Vt = b({
+const Ct = /* @__PURE__ */ b(vt, [["render", St], ["__scopeId", "data-v-1f8aab9f"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks-wrapper.vue"]]), wt = f({
   name: "builder-blocks",
-  components: {
-    BlocksWrapper: At,
-    Block: Re,
-    BlockStyles: Ee
-  },
+  components: { BlocksWrapper: Ct, Block: Ie },
   props: [
     "blocks",
     "parent",
@@ -681,40 +549,82 @@ const At = /* @__PURE__ */ g(Bt, [["render", Wt], ["__scopeId", "data-v-1f8aab9f
     "registeredComponents"
   ],
   inject: {
-    builderContext: ee.key,
-    componentsContext: Ie.key
+    builderContext: Q.key,
+    componentsContext: Se.key
   }
 });
-function _t(e, t, n, o, r, s) {
-  var d, u;
-  const i = k("block"), a = k("block-styles"), l = k("blocks-wrapper");
-  return c(), y(l, {
+function It(e, t, n, o, r, i) {
+  var l, c;
+  const s = k("block"), a = k("blocks-wrapper");
+  return d(), y(a, {
     blocks: e.blocks,
     parent: e.parent,
     path: e.path,
     styleProp: e.styleProp,
-    BlocksWrapper: (d = e.context) == null ? void 0 : d.BlocksWrapper,
-    BlocksWrapperProps: (u = e.context) == null ? void 0 : u.BlocksWrapperProps
+    BlocksWrapper: (l = e.context) == null ? void 0 : l.BlocksWrapper,
+    BlocksWrapperProps: (c = e.context) == null ? void 0 : c.BlocksWrapperProps
   }, {
     default: U(() => [
-      e.blocks ? (c(!0), p(C, { key: 0 }, B(e.blocks, (m, h) => (c(), y(i, {
-        key: "render-block-" + m.id,
-        block: m,
+      e.blocks ? (d(!0), p($, { key: 0 }, N(e.blocks, (u, m) => (d(), y(s, {
+        key: u.id,
+        block: u,
         context: e.context || e.builderContext,
         registeredComponents: e.registeredComponents || e.componentsContext.registeredComponents
-      }, null, 8, ["block", "context", "registeredComponents"]))), 128)) : f("v-if", !0),
-      e.blocks ? (c(!0), p(C, { key: 1 }, B(e.blocks, (m, h) => (c(), y(a, {
-        key: "block-style-" + m.id,
-        block: m,
-        context: e.context || e.builderContext
-      }, null, 8, ["block", "context"]))), 128)) : f("v-if", !0)
+      }, null, 8, ["block", "context", "registeredComponents"]))), 128)) : g("v-if", !0)
     ]),
     _: 1
   }, 8, ["blocks", "parent", "path", "styleProp", "BlocksWrapper", "BlocksWrapperProps"]);
 }
-const oe = /* @__PURE__ */ g(Vt, [["render", _t], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks.vue"]]), Ot = b({
+const ee = /* @__PURE__ */ b(wt, [["render", It], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks.vue"]]), $t = f({
+  render() {
+    return ye("style", { id: this.id, innerHTML: this.styles });
+  },
+  name: "inlined-styles",
+  props: ["styles", "id"]
+}), te = /* @__PURE__ */ b($t, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/inlined-styles.vue"]]), $e = {
+  small: {
+    min: 320,
+    default: 321,
+    max: 640
+  },
+  medium: {
+    min: 641,
+    default: 642,
+    max: 991
+  },
+  large: {
+    min: 990,
+    default: 991,
+    max: 1200
+  }
+}, Jo = (e, t = $e) => `@media (max-width: ${t[e].max}px)`, Rt = ({
+  small: e,
+  medium: t
+}) => {
+  const n = F($e);
+  if (!e || !t)
+    return n;
+  const o = Math.floor(e / 2);
+  n.small = {
+    max: e,
+    min: o,
+    default: o + 1
+  };
+  const r = n.small.max + 1;
+  n.medium = {
+    max: t,
+    min: r,
+    default: r + 1
+  };
+  const i = n.medium.max + 1;
+  return n.large = {
+    max: 2e3,
+    min: i,
+    default: i + 1
+  }, n;
+}, Tt = f({
   name: "builder-columns",
-  components: { InlinedStyles: G, Blocks: oe },
+  components: { InlinedStyles: te, Blocks: ee },
   props: [
     "js",
     "space",
@@ -731,7 +641,7 @@ const oe = /* @__PURE__ */ g(Vt, [["render", _t], ["__file", "/home/runner/work/
       cols: this.columns || [],
       stackAt: this.stackColumnsAt || "tablet",
       flexDir: this.stackColumnsAt === "never" ? "row" : this.reverseColumnsWhenStacked ? "column-reverse" : "column",
-      TARGET: R
+      TARGET: T
     };
   },
   computed: {
@@ -794,7 +704,7 @@ const oe = /* @__PURE__ */ g(Vt, [["render", _t], ["__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%", s = 0;
+      const t = e === 0 ? 0 : this.gutterSize, n = this.getColumnCssWidth(e), o = `${t}px`, r = "100%", i = 0;
       return {
         width: n,
         ["margin-left"]: o,
@@ -803,7 +713,7 @@ const oe = /* @__PURE__ */ g(Vt, [["render", _t], ["__file", "/home/runner/work/
           desktopStyle: n
         }),
         "--column-margin-left-mobile": this.getMobileStyle({
-          stackedStyle: s,
+          stackedStyle: i,
           desktopStyle: o
         }),
         "--column-width-tablet": this.getTabletStyle({
@@ -811,14 +721,14 @@ const oe = /* @__PURE__ */ g(Vt, [["render", _t], ["__file", "/home/runner/work/
           desktopStyle: n
         }),
         "--column-margin-left-tablet": this.getTabletStyle({
-          stackedStyle: s,
+          stackedStyle: i,
           desktopStyle: o
         })
       };
     },
     getWidthForBreakpointSize(e) {
       var n, o;
-      return Pe(
+      return Rt(
         ((o = (n = this.builderContext.content) == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || {}
       )[e].max;
     },
@@ -833,25 +743,25 @@ const oe = /* @__PURE__ */ g(Vt, [["render", _t], ["__file", "/home/runner/work/
     }
   }
 });
-function Nt(e, t, n, o, r, s) {
-  const i = k("inlined-styles"), a = k("blocks");
-  return c(), p("div", w({
+function Et(e, t, n, o, r, i) {
+  const s = k("inlined-styles"), a = k("blocks");
+  return d(), p("div", C({
     class: e._classStringToObject(
       `builder-columns ${e.builderBlock.id}-breakpoints div-16nol0lwi20`
     ),
     style: e.columnsCssVars
   }, {}), [
-    e.TARGET !== "reactNative" ? (c(), y(i, {
+    e.TARGET !== "reactNative" ? (d(), y(s, {
       key: 0,
       styles: e.columnsStyles
-    }, null, 8, ["styles"])) : f("v-if", !0),
-    (c(!0), p(C, null, B(e.columns, (l, d) => (c(), p("div", w({
-      key: d,
+    }, null, 8, ["styles"])) : g("v-if", !0),
+    (d(!0), p($, null, N(e.columns, (l, c) => (d(), p("div", C({
+      key: c,
       class: "builder-column div-16nol0lwi20-2",
-      style: e.columnCssVars(d)
+      style: e.columnCssVars(c)
     }, {}), [
-      W(a, {
-        path: `component.options.columns.${d}.blocks`,
+      P(a, {
+        path: `component.options.columns.${c}.blocks`,
         parent: e.builderBlock.id,
         styleProp: {
           flexGrow: "1"
@@ -863,47 +773,47 @@ function Nt(e, t, n, o, r, s) {
     ], 16))), 128))
   ], 16);
 }
-const jt = /* @__PURE__ */ g(Ot, [["render", Nt], ["__scopeId", "data-v-7be099dc"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/columns/columns.vue"]]), Ut = b({
+const Pt = /* @__PURE__ */ b(Tt, [["render", Et], ["__scopeId", "data-v-7be099dc"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/columns/columns.vue"]]), xt = f({
   name: "builder-fragment-component",
   props: []
 });
-function Ft(e, t, n, o, r, s) {
-  return c(), p("span", null, [
+function Bt(e, t, n, o, r, i) {
+  return d(), p("span", null, [
     x(e.$slots, "default")
   ]);
 }
-const Mt = /* @__PURE__ */ g(Ut, [["render", Ft], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/fragment/fragment.vue"]]);
-function ue(e) {
+const Wt = /* @__PURE__ */ b(xt, [["render", Bt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/fragment/fragment.vue"]]);
+function le(e) {
   return e.replace(/http(s)?:/, "");
 }
-function Lt(e = "", t, n) {
+function At(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 Ht(e, t) {
+function Vt(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
-    return ue(e);
+    return le(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], s = t.match("x") ? t : `${t}x`;
-    return ue(`${o[0]}_${s}${r}`);
+    const o = e.split(n[0]), r = n[3], i = t.match("x") ? t : `${t}x`;
+    return le(`${o[0]}_${i}${r}`);
   }
   return null;
 }
-function Q(e) {
+function G(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) => `${Lt(e, "width", r)} ${r}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), t.filter((r) => r !== o).map((r) => `${At(e, "width", r)} ${r}w`).concat([n]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [Ht(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) => [Vt(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
-const Kt = b({
+const _t = f({
   name: "builder-image",
   props: [
     "image",
@@ -927,10 +837,10 @@ const Kt = b({
         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"), Q(t);
+          return console.debug("Removed given srcset"), G(t);
       } else if (this.image && !this.srcset)
-        return Q(t);
-      return Q(t);
+        return G(t);
+      return G(t);
     },
     webpSrcSet() {
       var e;
@@ -959,29 +869,29 @@ const Kt = b({
     }
   }
 });
-const Dt = ["srcset"], zt = ["alt", "role", "src", "srcset", "sizes"], qt = {
+const Ot = ["srcset"], Nt = ["alt", "role", "src", "srcset", "sizes"], jt = {
   key: 2,
   class: "div-1be3j8m9ewb-2"
 };
-function Gt(e, t, n, o, r, s) {
-  var i, a, l, d;
-  return c(), p(C, null, [
-    X("picture", null, [
-      e.webpSrcSet ? (c(), p("source", {
+function Ut(e, t, n, o, r, i) {
+  var s, a, l, c;
+  return d(), p($, null, [
+    J("picture", null, [
+      e.webpSrcSet ? (d(), p("source", {
         key: 0,
         type: "image/webp",
         srcset: e.webpSrcSet
-      }, null, 8, Dt)) : f("v-if", !0),
-      X("img", {
+      }, null, 8, Ot)) : g("v-if", !0),
+      J("img", {
         loading: "lazy",
         alt: e.altText,
         role: e.altText ? "presentation" : void 0,
-        style: Z({
+        style: Y({
           objectPosition: e.backgroundPosition || "center",
           objectFit: e.backgroundSize || "cover",
           ...e.aspectRatioCss
         }),
-        class: we(
+        class: ve(
           e._classStringToObject(
             "builder-image" + (e.className ? " " + e.className : "") + " img-1be3j8m9ewb"
           )
@@ -989,30 +899,30 @@ function Gt(e, t, n, o, r, s) {
         src: e.image,
         srcset: e.srcSetToUse,
         sizes: e.sizes
-      }, null, 14, zt)
+      }, null, 14, Nt)
     ]),
-    e.aspectRatio && !(((a = (i = e.builderBlock) == null ? void 0 : i.children) == null ? void 0 : a.length) && e.fitContent) ? (c(), p("div", {
+    e.aspectRatio && !(((a = (s = e.builderBlock) == null ? void 0 : s.children) == null ? void 0 : a.length) && e.fitContent) ? (d(), p("div", {
       key: 0,
       class: "builder-image-sizer div-1be3j8m9ewb",
-      style: Z({
+      style: Y({
         paddingTop: e.aspectRatio * 100 + "%"
       })
-    }, null, 4)) : f("v-if", !0),
-    ((d = (l = e.builderBlock) == null ? void 0 : l.children) == null ? void 0 : d.length) && e.fitContent ? x(e.$slots, "default", { key: 1 }, void 0, !0) : f("v-if", !0),
-    !e.fitContent && e.$slots.default ? (c(), p("div", qt, [
+    }, null, 4)) : g("v-if", !0),
+    ((c = (l = e.builderBlock) == null ? void 0 : l.children) == null ? void 0 : c.length) && e.fitContent ? x(e.$slots, "default", { key: 1 }, void 0, !0) : g("v-if", !0),
+    !e.fitContent && e.$slots.default ? (d(), p("div", jt, [
       x(e.$slots, "default", {}, void 0, !0)
-    ])) : f("v-if", !0)
+    ])) : g("v-if", !0)
   ], 64);
 }
-const Jt = /* @__PURE__ */ g(Kt, [["render", Gt], ["__scopeId", "data-v-58ca75d1"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/image/image.vue"]]), Yt = b({
+const Ft = /* @__PURE__ */ b(_t, [["render", Ut], ["__scopeId", "data-v-58ca75d1"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/image/image.vue"]]), Mt = f({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
-    return { filterAttrs: q };
+    return { filterAttrs: z };
   }
 });
-function Qt(e, t, n, o, r, s) {
-  return c(), p("section", w({
+function Lt(e, t, n, o, r, i) {
+  return d(), p("section", C({
     style: {
       width: "100%",
       alignSelf: "stretch",
@@ -1025,16 +935,16 @@ function Qt(e, t, n, o, r, s) {
       marginLeft: "auto",
       marginRight: "auto"
     }
-  }, e.filterAttrs(e.attributes, "v-on:", !1), N(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+  }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     x(e.$slots, "default")
   ], 16);
 }
-const Xt = /* @__PURE__ */ g(Yt, [["render", Qt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/section/section.vue"]]), Zt = (e) => {
+const Ht = /* @__PURE__ */ b(Mt, [["render", Lt], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/section/section.vue"]]), Dt = (e) => {
   if (e === "localhost" || e === "127.0.0.1")
     return e;
   const t = e.split(".");
   return t.length > 2 ? t.slice(1).join(".") : e;
-}, xe = ({
+}, Re = ({
   name: e,
   canTrack: t
 }) => {
@@ -1042,17 +952,17 @@ const Xt = /* @__PURE__ */ g(Yt, [["render", Qt], ["__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) {
-    $.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
+    I.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, Be = async (e) => xe(e), en = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(P).join("; "), tn = [["secure", ""], ["SameSite", "None"]], nn = ({
+}, Te = async (e) => Re(e), Kt = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(A).join("; "), zt = [["secure", ""], ["SameSite", "None"]], qt = ({
   name: e,
   value: t,
   expires: n
 }) => {
-  const r = (v() ? location.protocol === "https:" : !0) ? tn : [[]], s = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...s, ["path", "/"], ["domain", Zt(window.location.hostname)], ...r];
-  return en(i);
-}, We = async ({
+  const r = (v() ? location.protocol === "https:" : !0) ? zt : [[]], i = n ? [["expires", n.toUTCString()]] : [[]], s = [[e, t], ...i, ["path", "/"], ["domain", Dt(window.location.hostname)], ...r];
+  return Kt(s);
+}, Ee = async ({
   name: e,
   value: t,
   expires: n,
@@ -1061,54 +971,54 @@ const Xt = /* @__PURE__ */ g(Yt, [["render", Qt], ["__file", "/home/runner/work/
   try {
     if (!o)
       return;
-    const r = nn({
+    const r = qt({
       name: e,
       value: t,
       expires: n
     });
     document.cookie = r;
   } catch (r) {
-    $.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
+    I.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
   }
-}, on = "builder.tests", re = (e) => `${on}.${e}`, rn = ({
+}, Gt = "builder.tests", ne = (e) => `${Gt}.${e}`, Jt = ({
   contentId: e
-}) => Be({
-  name: re(e),
+}) => Te({
+  name: ne(e),
   canTrack: !0
-}), sn = ({
+}), Yt = ({
   contentId: e
-}) => xe({
-  name: re(e),
+}) => Re({
+  name: ne(e),
   canTrack: !0
-}), an = ({
+}), Qt = ({
   contentId: e,
   value: t
-}) => We({
-  name: re(e),
+}) => Ee({
+  name: ne(e),
   value: t,
   canTrack: !0
-}), Ae = (e) => P(e.id) && P(e.variations) && Object.keys(e.variations).length > 0, ln = ({
+}), Pe = (e) => A(e.id) && A(e.variations) && Object.keys(e.variations).length > 0, Xt = ({
   id: e,
   variations: t
 }) => {
   var r;
   let n = 0;
   const o = Math.random();
-  for (const s in t) {
-    const i = (r = t[s]) == null ? void 0 : r.testRatio;
-    if (n += i, o < n)
-      return s;
+  for (const i in t) {
+    const s = (r = t[i]) == null ? void 0 : r.testRatio;
+    if (n += s, o < n)
+      return i;
   }
   return e;
-}, Ve = (e) => {
-  const t = ln(e);
-  return an({
+}, xe = (e) => {
+  const t = Xt(e);
+  return Qt({
     contentId: e.id,
     value: t
   }).catch((n) => {
-    $.error("could not store A/B test variation: ", n);
+    I.error("could not store A/B test variation: ", n);
   }), t;
-}, _e = ({
+}, Be = ({
   item: e,
   testGroupId: t
 }) => {
@@ -1121,7 +1031,7 @@ const Xt = /* @__PURE__ */ g(Yt, [["render", Qt], ["__file", "/home/runner/work/
     testVariationId: n.id,
     testVariationName: n.name || (n.id === e.id ? "Default" : "")
   };
-}, cn = ({
+}, Zt = ({
   item: e,
   canTrack: t
 }) => {
@@ -1129,14 +1039,14 @@ const Xt = /* @__PURE__ */ g(Yt, [["render", Qt], ["__file", "/home/runner/work/
     return e;
   if (!e)
     return;
-  if (!Ae(e))
+  if (!Pe(e))
     return e;
-  const n = sn({
+  const n = Yt({
     contentId: e.id
-  }) || Ve({
+  }) || xe({
     variations: e.variations,
     id: e.id
-  }), o = _e({
+  }), o = Be({
     item: e,
     testGroupId: n
   });
@@ -1144,18 +1054,18 @@ const Xt = /* @__PURE__ */ g(Yt, [["render", Qt], ["__file", "/home/runner/work/
     ...e,
     ...o
   };
-}, dn = async ({
+}, en = async ({
   item: e,
   canTrack: t
 }) => {
-  if (!t || !Ae(e))
+  if (!t || !Pe(e))
     return e;
-  const o = await rn({
+  const o = await Jt({
     contentId: e.id
-  }) || Ve({
+  }) || xe({
     variations: e.variations,
     id: e.id
-  }), r = _e({
+  }), r = Be({
     item: e,
     testGroupId: o
   });
@@ -1163,7 +1073,7 @@ const Xt = /* @__PURE__ */ g(Yt, [["render", Qt], ["__file", "/home/runner/work/
     ...e,
     ...r
   };
-}, j = (e) => P(e) ? e : !0, un = {
+}, j = (e) => A(e) ? e : !0, tn = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1195,7 +1105,7 @@ const Xt = /* @__PURE__ */ g(Yt, [["render", Qt], ["__file", "/home/runner/work/
   }],
   static: !0,
   noWrap: !0
-}, pn = {
+}, nn = {
   name: "Columns",
   isRSC: !0,
   inputs: [{
@@ -1373,7 +1283,7 @@ const Xt = /* @__PURE__ */ g(Yt, [["render", Qt], ["__file", "/home/runner/work/
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && !!n.find((r) => r.get("width")) && (!!n.find((s) => !s.get("width")) || n.reduce((a, l) => a + l.get("width"), 0) !== 100) && t();
+      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();
     }
   }, {
     name: "space",
@@ -1395,7 +1305,7 @@ const Xt = /* @__PURE__ */ g(Yt, [["render", Qt], ["__file", "/home/runner/work/
     helperText: "When stacking columns for mobile devices, reverse the ordering",
     advanced: !0
   }]
-}, mn = {
+}, on = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -1417,7 +1327,7 @@ const Xt = /* @__PURE__ */ g(Yt, [["render", Qt], ["__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
   }]
-}, hn = b({
+}, rn = f({
   name: "builder-custom-code",
   props: ["replaceNodes", "code"],
   data() {
@@ -1462,19 +1372,19 @@ const Xt = /* @__PURE__ */ g(Yt, [["render", Qt], ["__file", "/home/runner/work/
       return t;
     }
   }
-}), fn = ["innerHTML"];
-function bn(e, t, n, o, r, s) {
-  return c(), p("div", {
+}), sn = ["innerHTML"];
+function an(e, t, n, o, r, i) {
+  return d(), p("div", {
     ref: "elementRef",
-    class: we(
+    class: ve(
       e._classStringToObject(
         "builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")
       )
     ),
     innerHTML: e.code
-  }, null, 10, fn);
+  }, null, 10, sn);
 }
-const gn = /* @__PURE__ */ g(hn, [["render", bn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/custom-code/custom-code.vue"]]), kn = {
+const ln = /* @__PURE__ */ b(rn, [["render", an], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/custom-code/custom-code.vue"]]), cn = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -1499,7 +1409,7 @@ const gn = /* @__PURE__ */ g(hn, [["render", bn], ["__file", "/home/runner/work/
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, yn = ["text/javascript", "application/javascript", "application/ecmascript"], vn = (e) => yn.includes(e.type), Sn = b({
+}, dn = ["text/javascript", "application/javascript", "application/ecmascript"], un = (e) => dn.includes(e.type), pn = f({
   name: "builder-embed",
   props: ["content"],
   data() {
@@ -1532,7 +1442,7 @@ const gn = /* @__PURE__ */ g(hn, [["render", bn], ["__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 (vn(n) && !this.scriptsRun.includes(n.innerText))
+        } else if (un(n) && !this.scriptsRun.includes(n.innerText))
           try {
             this.scriptsRun.push(n.innerText), new Function(n.innerText)();
           } catch (o) {
@@ -1541,21 +1451,21 @@ const gn = /* @__PURE__ */ g(hn, [["render", bn], ["__file", "/home/runner/work/
       }
     }
   }
-}), Cn = ["innerHTML"];
-function wn(e, t, n, o, r, s) {
-  return c(), p("div", {
+}), mn = ["innerHTML"];
+function hn(e, t, n, o, r, i) {
+  return d(), p("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: e.content
-  }, null, 8, Cn);
+  }, null, 8, mn);
 }
-const In = /* @__PURE__ */ g(Sn, [["render", wn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/embed/embed.vue"]]), $n = {
+const fn = /* @__PURE__ */ b(pn, [["render", hn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/embed/embed.vue"]]), bn = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, Rn = {
+}, gn = {
   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",
@@ -1575,29 +1485,29 @@ const In = /* @__PURE__ */ g(Sn, [["render", wn], ["__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(i, a = 6e4) {
-        return new Promise((l, d) => {
+      function n(s, a = 6e4) {
+        return new Promise((l, c) => {
           const u = document.createElement("img");
           let m = !1;
           u.onload = () => {
             m = !0, l(u);
           }, u.addEventListener("error", (h) => {
-            console.warn("Image load failed", h.error), d(h.error);
-          }), u.src = i, setTimeout(() => {
-            m || d(new Error("Image load timed out"));
+            console.warn("Image load failed", h.error), c(h.error);
+          }), u.src = s, setTimeout(() => {
+            m || c(new Error("Image load timed out"));
           }, a);
         });
       }
-      function o(i) {
-        return Math.round(i * 1e3) / 1e3;
+      function o(s) {
+        return Math.round(s * 1e3) / 1e3;
       }
-      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 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 a = e.get("aspectRatio");
-          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));
+          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));
         });
     }
   }, {
@@ -1655,7 +1565,7 @@ const In = /* @__PURE__ */ g(Sn, [["render", wn], ["__file", "/home/runner/work/
     advanced: !0,
     defaultValue: 0.7041
   }]
-}, Tn = {
+}, kn = {
   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",
@@ -1668,7 +1578,7 @@ const In = /* @__PURE__ */ g(Sn, [["render", wn], ["__file", "/home/runner/work/
   }],
   noWrap: !0,
   static: !0
-}, Pn = b({
+}, yn = f({
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -1679,11 +1589,11 @@ const In = /* @__PURE__ */ g(Sn, [["render", wn], ["__file", "/home/runner/work/
     "attributes"
   ],
   data() {
-    return { isEditing: T, filterAttrs: q };
+    return { isEditing: R, filterAttrs: z };
   }
-}), En = ["alt", "src"];
-function xn(e, t, n, o, r, s) {
-  return c(), p("img", w({
+}), vn = ["alt", "src"];
+function Sn(e, t, n, o, r, i) {
+  return d(), p("img", C({
     style: {
       objectFit: e.backgroundSize || "cover",
       objectPosition: e.backgroundPosition || "center"
@@ -1691,9 +1601,9 @@ function xn(e, t, n, o, r, s) {
     key: e.isEditing() && e.imgSrc || "default-key",
     alt: e.altText,
     src: e.imgSrc || e.image
-  }, e.filterAttrs(e.attributes, "v-on:", !1), N(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, En);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, vn);
 }
-const Bn = /* @__PURE__ */ g(Pn, [["render", xn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/img/img.vue"]]), Wn = {
+const Cn = /* @__PURE__ */ b(yn, [["render", Sn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/img/img.vue"]]), wn = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1732,7 +1642,7 @@ const Bn = /* @__PURE__ */ g(Pn, [["render", xn], ["__file", "/home/runner/work/
       }
     }
   }]
-}, An = {
+}, In = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1765,7 +1675,7 @@ const Bn = /* @__PURE__ */ g(Pn, [["render", xn], ["__file", "/home/runner/work/
     hideFromUI: !0,
     type: "boolean"
   }]
-}, Vn = {
+}, $n = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -1783,21 +1693,21 @@ const Bn = /* @__PURE__ */ g(Pn, [["render", xn], ["__file", "/home/runner/work/
     height: "auto",
     textAlign: "center"
   }
-}, _n = b({
+}, Rn = f({
   name: "builder-text",
   props: ["text"]
-}), On = ["innerHTML"];
-function Nn(e, t, n, o, r, s) {
-  var i;
-  return c(), p("div", {
+}), Tn = ["innerHTML"];
+function En(e, t, n, o, r, i) {
+  var s;
+  return d(), p("div", {
     class: "builder-text",
-    innerHTML: ((i = e.text) == null ? void 0 : i.toString()) || "",
+    innerHTML: ((s = e.text) == null ? void 0 : s.toString()) || "",
     style: {
       outline: "none"
     }
-  }, null, 8, On);
+  }, null, 8, Tn);
 }
-const jn = /* @__PURE__ */ g(_n, [["render", Nn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/text/text.vue"]]), Un = {
+const Pn = /* @__PURE__ */ b(Rn, [["render", En], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/text/text.vue"]]), xn = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1878,7 +1788,7 @@ const jn = /* @__PURE__ */ g(_n, [["render", Nn], ["__file", "/home/runner/work/
     defaultValue: !0,
     advanced: !0
   }]
-}, Fn = b({
+}, Bn = f({
   name: "builder-video",
   props: [
     "autoPlay",
@@ -1923,16 +1833,16 @@ const jn = /* @__PURE__ */ g(_n, [["render", Nn], ["__file", "/home/runner/work/
       };
     }
   }
-}), Mn = { style: {
+}), Wn = { style: {
   position: "relative"
-} }, Ln = ["preload", "src", "poster"], Hn = ["src"], Kn = {
+} }, An = ["preload", "src", "poster"], Vn = ["src"], _n = {
   key: 1,
   style: {
     display: "flex",
     flexDirection: "column",
     alignItems: "stretch"
   }
-}, Dn = {
+}, On = {
   key: 2,
   style: {
     pointerEvents: "none",
@@ -1946,16 +1856,16 @@ const jn = /* @__PURE__ */ g(_n, [["render", Nn], ["__file", "/home/runner/work/
     height: "100%"
   }
 };
-function zn(e, t, n, o, r, s) {
-  var i, a, l, d, u, m, h;
-  return c(), p("div", Mn, [
-    X("video", w({
+function Nn(e, t, n, o, r, i) {
+  var s, a, l, c, u, m, h;
+  return d(), p("div", Wn, [
+    J("video", C({
       class: "builder-video",
       preload: e.preload || "metadata",
       style: {
         width: "100%",
         height: "100%",
-        ...(i = e.attributes) == null ? void 0 : i.style,
+        ...(s = e.attributes) == null ? void 0 : s.style,
         objectFit: e.fit,
         objectPosition: e.position,
         zIndex: 2,
@@ -1967,78 +1877,78 @@ function zn(e, t, n, o, r, s) {
       src: e.video || "no-src",
       poster: e.posterImage
     }, e.spreadProps), [
-      e.lazyLoad ? f("v-if", !0) : (c(), p("source", {
+      e.lazyLoad ? g("v-if", !0) : (d(), p("source", {
         key: 0,
         type: "video/mp4",
         src: e.video
-      }, null, 8, Hn))
-    ], 16, Ln),
-    e.aspectRatio && !(e.fitContent && ((l = (a = e.builderBlock) == null ? void 0 : a.children) == null ? void 0 : l.length)) ? (c(), p("div", {
+      }, null, 8, Vn))
+    ], 16, An),
+    e.aspectRatio && !(e.fitContent && ((l = (a = e.builderBlock) == null ? void 0 : a.children) == null ? void 0 : l.length)) ? (d(), p("div", {
       key: 0,
-      style: Z({
+      style: Y({
         width: "100%",
         paddingTop: e.aspectRatio * 100 + "%",
         pointerEvents: "none",
         fontSize: "0px"
       })
-    }, null, 4)) : f("v-if", !0),
-    ((u = (d = e.builderBlock) == null ? void 0 : d.children) == null ? void 0 : u.length) && e.fitContent ? (c(), p("div", Kn, [
+    }, null, 4)) : g("v-if", !0),
+    ((u = (c = e.builderBlock) == null ? void 0 : c.children) == null ? void 0 : u.length) && e.fitContent ? (d(), p("div", _n, [
       x(e.$slots, "default")
-    ])) : f("v-if", !0),
-    ((h = (m = e.builderBlock) == null ? void 0 : m.children) == null ? void 0 : h.length) && !e.fitContent ? (c(), p("div", Dn, [
+    ])) : g("v-if", !0),
+    ((h = (m = e.builderBlock) == null ? void 0 : m.children) == null ? void 0 : h.length) && !e.fitContent ? (d(), p("div", On, [
       x(e.$slots, "default")
-    ])) : f("v-if", !0)
+    ])) : g("v-if", !0)
   ]);
 }
-const qn = /* @__PURE__ */ g(Fn, [["render", zn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/video/video.vue"]]), pe = () => [{
-  component: et,
-  ...un
+const jn = /* @__PURE__ */ b(Bn, [["render", Nn], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/video/video.vue"]]), ce = () => [{
+  component: Ye,
+  ...tn
 }, {
-  component: jt,
-  ...pn
+  component: Pt,
+  ...nn
 }, {
-  component: gn,
-  ...mn
+  component: ln,
+  ...on
 }, {
-  component: In,
-  ...kn
+  component: fn,
+  ...cn
 }, {
-  component: Mt,
-  ...$n
+  component: Wt,
+  ...bn
 }, {
-  component: Jt,
-  ...Rn
+  component: Ft,
+  ...gn
 }, {
-  component: Bn,
-  ...Tn
+  component: Cn,
+  ...kn
 }, {
-  component: Xt,
-  ...Wn
+  component: Ht,
+  ...wn
 }, {
-  component: er,
-  ...An
+  component: Ko,
+  ...In
 }, {
-  component: jn,
-  ...Vn
+  component: Pn,
+  ...$n
 }, {
-  component: qn,
-  ...Un
-}], me = [], Gn = (e) => ({
+  component: jn,
+  ...xn
+}], de = [], Un = (e) => ({
   type: "builder.registerComponent",
-  data: te(e)
-}), Jn = (e) => {
+  data: X(e)
+}), Fn = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-}, Yn = (e) => typeof e == "function" ? Jn(e) : F(e), te = ({
+}, Mn = (e) => typeof e == "function" ? Fn(e) : F(e), X = ({
   inputs: e,
   ...t
 }) => ({
   ...F(t),
-  inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [r, s]) => ({
+  inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [r, i]) => ({
     ...o,
-    [r]: Yn(s)
+    [r]: Mn(i)
   }), {}))
-}), Qn = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+}), Ln = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -2094,7 +2004,7 @@ const qn = /* @__PURE__ */ g(Fn, [["render", zn], ["__file", "/home/runner/work/
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, Xn = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, Hn = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -2128,75 +2038,75 @@ const qn = /* @__PURE__ */ g(Fn, [["render", zn], ["__file", "/home/runner/work/
     thisScriptEl?.remove();
   }
   return;
-}`, Oe = "builderIoAbTest", Ne = "builderIoRenderContent", H = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, We = "builderIoAbTest", Ae = "builderIoRenderContent", H = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), Zn = ({
+})), Dn = ({
   canTrack: e,
   content: t
-}) => !(!(H(t).length > 0) || !e), eo = (e) => e === "react" || e === "reactNative", je = eo(R), to = () => `
-  window.${Oe} = ${Qn}
-  window.${Ne} = ${Xn}
-  `, no = (e, t) => `
-  window.${Oe}(
-    "${t}",${JSON.stringify(e)}, ${je}
-  )`, oo = ({
+}) => !(!(H(t).length > 0) || !e), Kn = (e) => e === "react" || e === "reactNative", Ve = Kn(T), zn = () => `
+  window.${We} = ${Ln}
+  window.${Ae} = ${Hn}
+  `, qn = (e, t) => `
+  window.${We}(
+    "${t}",${JSON.stringify(e)}, ${Ve}
+  )`, Gn = ({
   contentId: e,
   variationId: t
-}) => `window.${Ne}(
-    "${t}", "${e}", ${je}
-  )`, ro = b({
+}) => `window.${Ae}(
+    "${t}", "${e}", ${Ve}
+  )`, Jn = f({
   render() {
-    return Se("script", { id: this.id, innerHTML: this.scriptStr });
+    return ye("script", { id: this.id, innerHTML: this.scriptStr });
   },
   name: "inlined-script",
   props: ["scriptStr", "id"]
-}), Ue = /* @__PURE__ */ g(ro, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/inlined-script.vue"]]);
-function so() {
+}), _e = /* @__PURE__ */ b(Jn, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/inlined-script.vue"]]);
+function Yn() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function io() {
-  const e = so().fetch;
+function Qn() {
+  const e = Yn().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 Fe = io();
-function K(e, t = null, n = ".") {
+const Oe = Qn();
+function D(e, t = null, n = ".") {
   return Object.keys(e).reduce((o, r) => {
-    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) ? {
+    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) ? {
       ...o,
-      ...K(s, i, n)
+      ...D(i, s, n)
     } : {
       ...o,
-      [i]: s
+      [s]: i
     };
   }, {});
 }
-const ao = "v3", he = "builder.", lo = "options.", co = (e) => {
+const Xn = "v3", ue = "builder.", Zn = "options.", eo = (e) => {
   const t = {};
   return e.forEach((n, o) => {
     t[o] = n;
   }), t;
-}, Me = (e) => {
+}, Ne = (e) => {
   if (!e)
     return {};
-  const t = Le(e), n = {};
+  const t = je(e), n = {};
   return Object.keys(t).forEach((o) => {
-    if (o.startsWith(he)) {
-      const r = o.replace(he, "").replace(lo, "");
+    if (o.startsWith(ue)) {
+      const r = o.replace(ue, "").replace(Zn, "");
       n[r] = t[o];
     }
   }), n;
-}, uo = () => {
+}, to = () => {
   if (!v())
     return {};
   const e = new URLSearchParams(window.location.search);
-  return Me(e);
-}, Le = (e) => e instanceof URLSearchParams ? co(e) : e, fe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, se = (e) => {
+  return Ne(e);
+}, je = (e) => e instanceof URLSearchParams ? eo(e) : e, pe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, oe = (e) => {
   let {
     noTraverse: t = !1
   } = e;
@@ -2204,173 +2114,173 @@ const ao = "v3", he = "builder.", lo = "options.", co = (e) => {
     limit: n = 30,
     userAttributes: o,
     query: r,
-    model: s,
-    apiKey: i,
+    model: i,
+    apiKey: s,
     includeRefs: a = !0,
     enrich: l,
-    locale: d,
-    apiVersion: u = ao,
+    locale: c,
+    apiVersion: u = Xn,
     fields: m,
     omit: h,
     offset: S,
-    cacheSeconds: A,
-    staleCacheSeconds: V,
-    sort: _,
-    includeUnpublished: ie
+    cacheSeconds: B,
+    staleCacheSeconds: W,
+    sort: V,
+    includeUnpublished: re
   } = e;
-  if (!i)
+  if (!s)
     throw new Error("Missing API key");
   if (!["v2", "v3"].includes(u))
     throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${u}'`);
   (e.limit === void 0 || e.limit > 1) && !("noTraverse" in e) && (t = !0);
-  const I = new URL(`https://cdn.builder.io/api/${u}/content/${s}?apiKey=${i}&limit=${n}&noTraverse=${t}&includeRefs=${a}${d ? `&locale=${d}` : ""}${l ? `&enrich=${l}` : ""}`);
-  if (I.searchParams.set("omit", h || "meta.componentsUsed"), m && I.searchParams.set("fields", m), Number.isFinite(S) && S > -1 && I.searchParams.set("offset", String(Math.floor(S))), typeof ie == "boolean" && I.searchParams.set("includeUnpublished", String(ie)), A && fe(A) && I.searchParams.set("cacheSeconds", String(A)), V && fe(V) && I.searchParams.set("staleCacheSeconds", String(V)), _) {
-    const E = K({
-      sort: _
+  const w = new URL(`https://cdn.builder.io/api/${u}/content/${i}?apiKey=${s}&limit=${n}&noTraverse=${t}&includeRefs=${a}${c ? `&locale=${c}` : ""}${l ? `&enrich=${l}` : ""}`);
+  if (w.searchParams.set("omit", h || "meta.componentsUsed"), m && w.searchParams.set("fields", m), Number.isFinite(S) && S > -1 && w.searchParams.set("offset", String(Math.floor(S))), typeof re == "boolean" && w.searchParams.set("includeUnpublished", String(re)), B && pe(B) && w.searchParams.set("cacheSeconds", String(B)), W && pe(W) && w.searchParams.set("staleCacheSeconds", String(W)), V) {
+    const E = D({
+      sort: V
     });
-    for (const O in E)
-      I.searchParams.set(O, JSON.stringify(E[O]));
+    for (const _ in E)
+      w.searchParams.set(_, JSON.stringify(E[_]));
   }
-  const Je = {
-    ...uo(),
-    ...Le(e.options || {})
-  }, ae = K(Je);
-  for (const E in ae)
-    I.searchParams.set(E, String(ae[E]));
-  if (o && I.searchParams.set("userAttributes", JSON.stringify(o)), r) {
-    const E = K({
+  const Ke = {
+    ...to(),
+    ...je(e.options || {})
+  }, ie = D(Ke);
+  for (const E in ie)
+    w.searchParams.set(E, String(ie[E]));
+  if (o && w.searchParams.set("userAttributes", JSON.stringify(o)), r) {
+    const E = D({
       query: r
     });
-    for (const O in E)
-      I.searchParams.set(O, JSON.stringify(E[O]));
+    for (const _ in E)
+      w.searchParams.set(_, JSON.stringify(E[_]));
   }
-  return I;
-}, po = (e) => "results" in e;
-async function J(e) {
-  const t = await He({
+  return w;
+}, no = (e) => "results" in e;
+async function q(e) {
+  const t = await Ue({
     ...e,
     limit: 1
   });
   return t && t[0] || null;
 }
-const rr = J, mo = async (e) => {
-  const t = se(e);
-  return await (await Fe(t.href)).json();
-}, ho = async (e, t, n = se(e)) => {
+const Yo = q, oo = async (e) => {
+  const t = oe(e);
+  return await (await Oe(t.href)).json();
+}, ro = async (e, t, n = oe(e)) => {
   const o = j(e.canTrack);
-  if (n.search.includes("preview="), !o || !(v() || R === "reactNative"))
+  if (n.search.includes("preview="), !o || !(v() || T === "reactNative"))
     return t.results;
   try {
     const r = [];
-    for (const s of t.results)
-      r.push(await dn({
-        item: s,
+    for (const i of t.results)
+      r.push(await en({
+        item: i,
         canTrack: o
       }));
     t.results = r;
   } catch (r) {
-    $.error("Could not process A/B tests. ", r);
+    I.error("Could not process A/B tests. ", r);
   }
   return t.results;
 };
-async function He(e) {
+async function Ue(e) {
   try {
-    const t = se(e), n = await mo(e);
-    return po(n) ? ho(e, n) : ($.error("Error fetching data. ", {
+    const t = oe(e), n = await oo(e);
+    return no(n) ? ro(e, n) : (I.error("Error fetching data. ", {
       url: t,
       content: n,
       options: e
     }), null);
   } catch (t) {
-    return $.error("Error fetching data. ", t), null;
+    return I.error("Error fetching data. ", t), null;
   }
 }
-const sr = He;
-function fo() {
-  return !v() || T() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
+const Qo = Ue;
+function io() {
+  return !v() || R() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
 }
-function bo() {
+function so() {
   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 Ke() {
-  return bo().replace(/-/g, "");
+function Fe() {
+  return so().replace(/-/g, "");
 }
-const De = "builderSessionId", go = async ({
+const Me = "builderSessionId", ao = async ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = await Be({
-    name: De,
+  const t = await Te({
+    name: Me,
     canTrack: e
   });
-  if (P(t))
+  if (A(t))
     return t;
   {
-    const n = ko();
-    return yo({
+    const n = lo();
+    return co({
       id: n,
       canTrack: e
     }), n;
   }
-}, ko = () => Ke(), yo = ({
+}, lo = () => Fe(), co = ({
   id: e,
   canTrack: t
-}) => We({
-  name: De,
+}) => Ee({
+  name: Me,
   value: e,
   canTrack: t
-}), ze = () => v() && typeof localStorage < "u" ? localStorage : void 0, vo = ({
+}), Le = () => v() && typeof localStorage < "u" ? localStorage : void 0, uo = ({
   key: e,
   canTrack: t
 }) => {
   var n;
   try {
-    return t ? (n = ze()) == null ? void 0 : n.getItem(e) : void 0;
+    return t ? (n = Le()) == null ? void 0 : n.getItem(e) : void 0;
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, So = ({
+}, po = ({
   key: e,
   canTrack: t,
   value: n
 }) => {
   var o;
   try {
-    t && ((o = ze()) == null || o.setItem(e, n));
+    t && ((o = Le()) == null || o.setItem(e, n));
   } catch (r) {
     console.debug("[LocalStorage] SET error: ", r);
   }
-}, qe = "builderVisitorId", Co = ({
+}, He = "builderVisitorId", mo = ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = vo({
-    key: qe,
+  const t = uo({
+    key: He,
     canTrack: e
   });
-  if (P(t))
+  if (A(t))
     return t;
   {
-    const n = wo();
-    return Io({
+    const n = ho();
+    return fo({
       id: n,
       canTrack: e
     }), n;
   }
-}, wo = () => Ke(), Io = ({
+}, ho = () => Fe(), fo = ({
   id: e,
   canTrack: t
-}) => So({
-  key: qe,
+}) => po({
+  key: He,
   value: e,
   canTrack: t
-}), $o = async ({
+}), bo = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -2378,16 +2288,16 @@ const De = "builderSessionId", go = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const t = await go({
+  const t = await ao({
     canTrack: e
-  }), n = Co({
+  }), n = mo({
     canTrack: e
   });
   return {
     sessionId: t,
     visitorId: n
   };
-}, Ro = async ({
+}, go = async ({
   type: e,
   canTrack: t,
   apiKey: n,
@@ -2401,23 +2311,23 @@ const De = "builderSessionId", go = async ({
       url: location.href,
       ...o
     },
-    ...await $o({
+    ...await bo({
       canTrack: t
     }),
-    userAttributes: $e(),
+    userAttributes: Ce(),
     ownerId: n
   }
 });
-async function ne(e) {
+async function Z(e) {
   if (!e.apiKey) {
-    $.error("Missing API key for track call. Please provide your API key.");
+    I.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  if (!!e.canTrack && !T() && !!(v() || R === "reactNative"))
+  if (!!e.canTrack && !R() && !!(v() || T === "reactNative"))
     return fetch("https://cdn.builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await Ro(e)]
+        events: [await go(e)]
       }),
       headers: {
         "content-type": "application/json"
@@ -2427,14 +2337,14 @@ async function ne(e) {
       console.error("Failed to track: ", t);
     });
 }
-const ir = (e) => ne({
+const Xo = (e) => Z({
   ...e,
   canTrack: !0
 });
-function be(e) {
+function me(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const To = (e, t, n = !0) => {
+const ko = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = n ? e : e.parentElement;
@@ -2445,38 +2355,38 @@ const To = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, Po = (e) => To(e, (t) => {
+}, yo = (e) => ko(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return Boolean((n == null ? void 0 : n.indexOf("builder-")) === 0);
-}), ge = ({
+}), he = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, s = be(o / n.width), i = be(r / n.height);
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, i = me(o / n.width), s = me(r / n.height);
   return {
-    x: s,
-    y: i
+    x: i,
+    y: s
   };
-}, Eo = (e) => {
-  const t = e.target, n = t && Po(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, vo = (e) => {
+  const t = e.target, n = t && yo(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
-      targetOffset: t ? ge({
+      targetOffset: t ? he({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? ge({
+      builderTargetOffset: n ? he({
         event: e,
         target: n
       }) : void 0,
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, xo = "0.11.2", ke = {};
-function Bo(e, t) {
-  let n = ke[e];
-  if (n || (n = ke[e] = []), n.push(t), v()) {
+}, So = "0.11.3", fe = {};
+function Co(e, t) {
+  let n = fe[e];
+  if (n || (n = fe[e] = []), n.push(t), v()) {
     const o = {
       type: "builder.register",
       data: {
@@ -2491,8 +2401,8 @@ function Bo(e, t) {
     }
   }
 }
-const Wo = () => {
-  Bo("insertMenu", {
+const wo = () => {
+  Co("insertMenu", {
     name: "_default",
     default: !0,
     items: [{
@@ -2514,14 +2424,14 @@ const Wo = () => {
     }]
   });
 };
-let ye = !1;
-const Ao = (e = {}) => {
+let be = !1;
+const Io = (e = {}) => {
   var t, n;
-  ye || (ye = !0, v() && ((t = window.parent) == null || t.postMessage({
+  be || (be = !0, v() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
-      target: R,
-      version: xo,
+      target: T,
+      version: So,
       supportsPatchUpdates: !1,
       supportsAddBlockScoping: !0,
       supportsCustomBreakpoints: !0
@@ -2534,14 +2444,14 @@ const Ao = (e = {}) => {
   }, "*"), window.addEventListener("message", ({
     data: o
   }) => {
-    var r, s;
+    var r, i;
     if (!!(o != null && o.type))
       switch (o.type) {
         case "builder.evaluate": {
-          const i = o.data.text, a = o.data.arguments || [], l = o.data.id, d = new Function(i);
+          const s = o.data.text, a = o.data.arguments || [], l = o.data.id, c = new Function(s);
           let u, m = null;
           try {
-            u = d.apply(null, a);
+            u = c.apply(null, a);
           } catch (h) {
             m = h;
           }
@@ -2560,7 +2470,7 @@ const Ao = (e = {}) => {
                 result: h
               }
             }, "*");
-          }).catch(console.error) : (s = window.parent) == null || s.postMessage({
+          }).catch(console.error) : (i = window.parent) == null || i.postMessage({
             type: "builder.evaluateResult",
             data: {
               result: u,
@@ -2571,7 +2481,7 @@ const Ao = (e = {}) => {
         }
       }
   })));
-}, Vo = b({
+}, $o = f({
   name: "enable-editor",
   props: [
     "builderContextSignal",
@@ -2595,37 +2505,37 @@ const Ao = (e = {}) => {
       ContentWrapper: this.contentWrapper || "div",
       httpReqsData: {},
       clicked: !1,
-      builderContext: ee
+      builderContext: Q
     };
   },
   provide() {
     const e = this;
     return {
-      [ee.key]: e.builderContextSignal
+      [Q.key]: e.builderContextSignal
     };
   },
   mounted() {
     (() => {
       var n, o;
       if (v()) {
-        if (T() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+        if (R() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initeditingbldr")
         ), this.builderContextSignal.content && j(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;
-          ne({
+          const i = (n = this.builderContextSignal.content) == null ? void 0 : n.testVariationId, s = (o = this.builderContextSignal.content) == null ? void 0 : o.id, a = this.apiKey;
+          Z({
             type: "impression",
             canTrack: !0,
-            contentId: i,
+            contentId: s,
             apiKey: a,
-            variationId: s !== i ? s : void 0
+            variationId: i !== s ? i : void 0
           });
         }
-        fo() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+        io() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initpreviewingbldr")
         );
       }
     })(), (() => {
-      this.apiKey || $.error(
+      this.apiKey || I.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();
     })();
@@ -2696,7 +2606,7 @@ const Ao = (e = {}) => {
   },
   methods: {
     mergeNewContent(e) {
-      var n, o, r, s, i;
+      var n, o, r, i, s;
       const t = {
         ...this.builderContextSignal.content,
         ...e,
@@ -2707,7 +2617,7 @@ const Ao = (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) || ((i = (s = this.builderContextSignal.content) == null ? void 0 : s.meta) == null ? void 0 : i.breakpoints)
+          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)
         }
       };
       this.builderContextSignal.content = t;
@@ -2718,8 +2628,8 @@ const Ao = (e = {}) => {
       if (t)
         switch (t.type) {
           case "builder.configureSdk": {
-            const o = t.data, { breakpoints: r, contentId: s } = o;
-            if (!s || s !== ((n = this.builderContextSignal.content) == null ? void 0 : n.id))
+            const o = t.data, { breakpoints: r, contentId: i } = o;
+            if (!i || i !== ((n = this.builderContextSignal.content) == null ? void 0 : n.id))
               return;
             r && this.mergeNewContent({
               meta: {
@@ -2729,8 +2639,8 @@ const Ao = (e = {}) => {
             break;
           }
           case "builder.contentUpdate": {
-            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);
+            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);
             break;
           }
         }
@@ -2738,7 +2648,7 @@ const Ao = (e = {}) => {
     evaluateJsCode() {
       var t, n;
       const e = (n = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : n.jsCode;
-      e && D({
+      e && K({
         code: e,
         context: this.context || {},
         localState: void 0,
@@ -2750,13 +2660,13 @@ const Ao = (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({
+        Z({
           type: "click",
           canTrack: j(this.canTrack),
           contentId: r,
           apiKey: this.apiKey,
           variationId: o !== r ? o : void 0,
-          ...Eo(e),
+          ...vo(e),
           unique: !this.clicked
         });
       }
@@ -2765,7 +2675,7 @@ const Ao = (e = {}) => {
     evalExpression(e) {
       return e.replace(
         /{{([^}]+)}}/g,
-        (t, n) => D({
+        (t, n) => K({
           code: n,
           context: this.context || {},
           localState: void 0,
@@ -2775,13 +2685,13 @@ const Ao = (e = {}) => {
       );
     },
     handleRequest({ url: e, key: t }) {
-      Fe(e).then((n) => n.json()).then((n) => {
-        var r, s;
+      Oe(e).then((n) => n.json()).then((n) => {
+        var r, i;
         const o = {
           ...this.builderContextSignal.rootState,
           [t]: n
         };
-        (s = (r = this.builderContextSignal).rootSetState) == null || s.call(r, o), this.httpReqsData[t] = !0;
+        (i = (r = this.builderContextSignal).rootSetState) == null || i.call(r, o), this.httpReqsData[t] = !0;
       }).catch((n) => {
         console.error("error fetching dynamic data", e, n);
       });
@@ -2789,18 +2699,18 @@ const Ao = (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, s]) => {
-        if (s && (!this.httpReqsData[r] || T())) {
-          const i = this.evalExpression(s);
+      Object.entries(e).forEach(([r, i]) => {
+        if (i && (!this.httpReqsData[r] || R())) {
+          const s = this.evalExpression(i);
           this.handleRequest({
-            url: i,
+            url: s,
             key: r
           });
         }
       });
     },
     emitStateUpdate() {
-      T() && window.dispatchEvent(
+      R() && window.dispatchEvent(
         new CustomEvent(
           "builder:component:stateChange",
           {
@@ -2815,7 +2725,7 @@ const Ao = (e = {}) => {
       );
     },
     elementRef_onIniteditingbldr(e) {
-      this.forceReRenderCount = this.forceReRenderCount + 1, window.addEventListener("message", this.processMessage), Wo(), Ao({
+      this.forceReRenderCount = this.forceReRenderCount + 1, window.addEventListener("message", this.processMessage), wo(), Io({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -2829,7 +2739,7 @@ const Ao = (e = {}) => {
         this.builderContextSignal.componentInfos
       ).forEach((t) => {
         var o;
-        const n = Gn(t);
+        const n = Un(t);
         (o = window.parent) == null || o.postMessage(n, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
@@ -2840,12 +2750,12 @@ const Ao = (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) && J({
+      n === this.model && r === this.apiKey && (!this.content || o === this.content.id) && q({
         model: this.model,
         apiKey: this.apiKey,
         apiVersion: this.builderContextSignal.apiVersion
-      }).then((s) => {
-        s && this.mergeNewContent(s);
+      }).then((i) => {
+        i && this.mergeNewContent(i);
       });
     },
     _classStringToObject(e) {
@@ -2859,19 +2769,19 @@ const Ao = (e = {}) => {
     }
   }
 });
-function _o(e, t, n, o, r, s) {
-  var i, a, l;
-  return e.builderContextSignal.content ? (c(), y(Ce(e.ContentWrapper), w({
+function Ro(e, t, n, o, r, i) {
+  var s, a, l;
+  return e.builderContextSignal.content ? (d(), y(ke(e.ContentWrapper), C({
     key: e.forceReRenderCount,
     ref: "elementRef",
-    onClick: (d) => e.onClick(d),
-    "builder-content-id": (i = e.builderContextSignal.content) == null ? void 0 : i.id,
+    onClick: (c) => e.onClick(c),
+    "builder-content-id": (s = e.builderContextSignal.content) == null ? void 0 : s.id,
     "builder-model": e.model,
     class: e._classStringToObject(
       `variant-${((a = e.content) == null ? void 0 : a.testVariationId) || ((l = e.content) == null ? void 0 : l.id)}`
     ),
-    onIniteditingbldr: (d) => e.elementRef_onIniteditingbldr(d),
-    onInitpreviewingbldr: (d) => e.elementRef_onInitpreviewingbldr(d)
+    onIniteditingbldr: (c) => e.elementRef_onIniteditingbldr(c),
+    onInitpreviewingbldr: (c) => e.elementRef_onInitpreviewingbldr(c)
   }, {
     ...e.showContent ? {} : {
       hidden: !0,
@@ -2883,11 +2793,11 @@ function _o(e, t, n, o, r, s) {
       x(e.$slots, "default")
     ]),
     _: 3
-  }, 16, ["onClick", "builder-content-id", "builder-model", "class", "onIniteditingbldr", "onInitpreviewingbldr"])) : f("v-if", !0);
+  }, 16, ["onClick", "builder-content-id", "builder-model", "class", "onIniteditingbldr", "onInitpreviewingbldr"])) : g("v-if", !0);
 }
-const Oo = /* @__PURE__ */ g(Vo, [["render", _o], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/components/enable-editor.vue"]]), No = (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;
+const To = /* @__PURE__ */ b($o, [["render", Ro], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/components/enable-editor.vue"]]), Eo = (e) => {
+  var i, s;
+  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = (s = e.fileUrl) != null ? s : (i = e == null ? void 0 : e.files) == null ? void 0 : i.regular;
   let r = "";
   if (o && t && n && (r += `
 @font-face {
@@ -2900,37 +2810,37 @@ font-weight: 400;
     for (const a in e.files) {
       if (!(String(Number(a)) === a))
         continue;
-      const d = e.files[a];
-      d && d !== o && (r += `
+      const c = e.files[a];
+      c && c !== o && (r += `
 @font-face {
 font-family: "${t}";
-src: url('${d}') format('woff2');
+src: url('${c}') format('woff2');
 font-display: fallback;
 font-weight: ${a};
 }
         `.trim());
     }
   return r;
-}, jo = ({
+}, Po = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => No(n))) == null ? void 0 : t.join(" ")) || "";
-}, Uo = ({
+  return ((t = e == null ? void 0 : e.map((n) => Eo(n))) == null ? void 0 : t.join(" ")) || "";
+}, xo = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Fo = b({
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Bo = f({
   name: "content-styles",
-  components: { InlinedStyles: G },
+  components: { InlinedStyles: te },
   props: ["cssCode", "contentId", "customFonts"],
   data() {
     return {
       injectedStyles: `
-${Uo({
+${xo({
         cssCode: this.cssCode,
         contentId: this.contentId
       })}
-${jo({
+${Po({
         customFonts: this.customFonts
       })}
 
@@ -2950,18 +2860,18 @@ ${jo({
     };
   }
 });
-function Mo(e, t, n, o, r, s) {
-  const i = k("inlined-styles");
-  return c(), y(i, { styles: e.injectedStyles }, null, 8, ["styles"]);
+function Wo(e, t, n, o, r, i) {
+  const s = k("inlined-styles");
+  return d(), y(s, { styles: e.injectedStyles }, null, 8, ["styles"]);
 }
-const Lo = /* @__PURE__ */ g(Fo, [["render", Mo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/components/styles.vue"]]), Ho = ({
+const Ao = /* @__PURE__ */ b(Bo, [["render", Wo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/components/styles.vue"]]), Vo = ({
   content: e,
   data: t,
   locale: n
 }) => {
-  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((l) => {
+  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);
   }), {
     ...o,
@@ -2971,7 +2881,7 @@ const Lo = /* @__PURE__ */ g(Fo, [["render", Mo], ["__file", "/home/runner/work/
       locale: n
     } : {}
   };
-}, Ko = ({
+}, _o = ({
   content: e,
   data: t
 }) => e ? {
@@ -2981,13 +2891,13 @@ const Lo = /* @__PURE__ */ g(Fo, [["render", Mo], ["__file", "/home/runner/work/
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, Do = Ye, zo = b({
+} : void 0, Oo = ze, No = f({
   name: "content-component",
   components: {
-    EnableEditor: Oo,
-    InlinedScript: Ue,
-    ContentStyles: Lo,
-    Blocks: oe
+    EnableEditor: To,
+    InlinedScript: _e,
+    ContentStyles: Ao,
+    Blocks: ee
   },
   props: [
     "content",
@@ -3011,31 +2921,31 @@ const Lo = /* @__PURE__ */ g(Fo, [["render", Mo], ["__file", "/home/runner/work/
   data() {
     var e, t;
     return {
-      scriptStr: oo({
+      scriptStr: Gn({
         variationId: (e = this.content) == null ? void 0 : e.testVariationId,
         contentId: (t = this.content) == null ? void 0 : t.id
       }),
       registeredComponents: [
-        ...pe(),
-        ...me,
+        ...ce(),
+        ...de,
         ...this.customComponents || []
       ].reduce(
         (n, { component: o, ...r }) => ({
           ...n,
           [r.name]: {
-            component: Do(o),
-            ...te(r)
+            component: Oo(o),
+            ...X(r)
           }
         }),
         {}
       ),
       builderContextSignal: {
-        content: Ko({
+        content: _o({
           content: this.content,
           data: this.data
         }),
         localState: void 0,
-        rootState: Ho({
+        rootState: Vo({
           content: this.content,
           data: this.data,
           locale: this.locale
@@ -3045,13 +2955,13 @@ const Lo = /* @__PURE__ */ g(Fo, [["render", Mo], ["__file", "/home/runner/work/
         apiKey: this.apiKey,
         apiVersion: this.apiVersion,
         componentInfos: [
-          ...pe(),
-          ...me,
+          ...ce(),
+          ...de,
           ...this.customComponents || []
         ].reduce(
           (n, { component: o, ...r }) => ({
             ...n,
-            [r.name]: te(r)
+            [r.name]: X(r)
           }),
           {}
         ),
@@ -3059,13 +2969,13 @@ const Lo = /* @__PURE__ */ g(Fo, [["render", Mo], ["__file", "/home/runner/work/
         BlocksWrapper: this.blocksWrapper || "div",
         BlocksWrapperProps: this.blocksWrapperProps || {}
       },
-      TARGET: R
+      TARGET: T
     };
   },
   provide() {
     const e = this;
     return {
-      [Ie.key]: {
+      [Se.key]: {
         registeredComponents: e.registeredComponents
       }
     };
@@ -3076,9 +2986,9 @@ const Lo = /* @__PURE__ */ g(Fo, [["render", Mo], ["__file", "/home/runner/work/
     }
   }
 });
-function qo(e, t, n, o, r, s) {
-  const i = k("inlined-script"), a = k("content-styles"), l = k("blocks"), d = k("enable-editor");
-  return c(), y(d, w({
+function jo(e, t, n, o, r, i) {
+  const s = k("inlined-script"), a = k("content-styles"), l = k("blocks"), c = k("enable-editor");
+  return d(), y(c, C({
     content: e.content,
     model: e.model,
     context: e.context,
@@ -3093,20 +3003,20 @@ function qo(e, t, n, o, r, s) {
     contentWrapperProps: e.contentWrapperProps
   }, {}), {
     default: U(() => {
-      var u, m, h, S, A, V, _;
+      var u, m, h, S, B, W, V;
       return [
-        e.isSsrAbTest ? (c(), y(i, {
+        e.isSsrAbTest ? (d(), y(s, {
           key: 0,
           scriptStr: e.scriptStr
-        }, null, 8, ["scriptStr"])) : f("v-if", !0),
-        e.TARGET !== "reactNative" ? (c(), y(a, {
+        }, null, 8, ["scriptStr"])) : g("v-if", !0),
+        e.TARGET !== "reactNative" ? (d(), y(a, {
           key: 1,
           contentId: (u = e.builderContextSignal.content) == null ? void 0 : u.id,
           cssCode: (h = (m = e.builderContextSignal.content) == null ? void 0 : m.data) == null ? void 0 : h.cssCode,
-          customFonts: (A = (S = e.builderContextSignal.content) == null ? void 0 : S.data) == null ? void 0 : A.customFonts
-        }, null, 8, ["contentId", "cssCode", "customFonts"])) : f("v-if", !0),
-        W(l, {
-          blocks: (_ = (V = e.builderContextSignal.content) == null ? void 0 : V.data) == null ? void 0 : _.blocks,
+          customFonts: (B = (S = e.builderContextSignal.content) == null ? void 0 : S.data) == null ? void 0 : B.customFonts
+        }, null, 8, ["contentId", "cssCode", "customFonts"])) : g("v-if", !0),
+        P(l, {
+          blocks: (V = (W = e.builderContextSignal.content) == null ? void 0 : W.data) == null ? void 0 : V.blocks,
           context: e.builderContextSignal,
           registeredComponents: e.registeredComponents
         }, null, 8, ["blocks", "context", "registeredComponents"])
@@ -3115,12 +3025,12 @@ function qo(e, t, n, o, r, s) {
     _: 1
   }, 16, ["content", "model", "context", "apiKey", "canTrack", "locale", "includeRefs", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps"]);
 }
-const Go = /* @__PURE__ */ g(zo, [["render", qo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/content.vue"]]), Jo = b({
+const Uo = /* @__PURE__ */ b(No, [["render", jo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/content.vue"]]), Fo = f({
   name: "content-variants",
   components: {
-    InlinedScript: Ue,
-    InlinedStyles: G,
-    ContentComponent: Go
+    InlinedScript: _e,
+    InlinedStyles: te,
+    ContentComponent: Uo
   },
   props: [
     "canTrack",
@@ -3142,12 +3052,12 @@ const Go = /* @__PURE__ */ g(zo, [["render", qo], ["__file", "/home/runner/work/
   ],
   data() {
     return {
-      shouldRenderVariants: Zn({
+      shouldRenderVariants: Dn({
         canTrack: j(this.canTrack),
         content: this.content
       }),
-      TARGET: R,
-      getScriptString: to,
+      TARGET: T,
+      getScriptString: zn,
       getVariants: H
     };
   },
@@ -3157,7 +3067,7 @@ const Go = /* @__PURE__ */ g(zo, [["render", qo], ["__file", "/home/runner/work/
   computed: {
     updateCookieAndStylesScriptStr() {
       var e;
-      return no(
+      return qn(
         H(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
@@ -3173,28 +3083,28 @@ const Go = /* @__PURE__ */ g(zo, [["render", qo], ["__file", "/home/runner/work/
       return this.shouldRenderVariants ? {
         ...this.content,
         testVariationId: (e = this.content) == null ? void 0 : e.id
-      } : cn({
+      } : Zt({
         item: this.content,
         canTrack: j(this.canTrack)
       });
     }
   }
 });
-function Yo(e, t, n, o, r, s) {
-  var d;
-  const i = k("inlined-script"), a = k("inlined-styles"), l = k("content-component");
-  return c(), p(C, null, [
-    !e.__isNestedRender && e.TARGET !== "reactNative" ? (c(), y(i, {
+function Mo(e, t, n, o, r, i) {
+  var c;
+  const s = k("inlined-script"), a = k("inlined-styles"), l = k("content-component");
+  return d(), p($, null, [
+    !e.__isNestedRender && e.TARGET !== "reactNative" ? (d(), y(s, {
       key: 0,
       scriptStr: e.getScriptString()
-    }, null, 8, ["scriptStr"])) : f("v-if", !0),
-    e.shouldRenderVariants ? (c(), p(C, { key: 1 }, [
-      W(a, {
-        id: `variants-styles-${(d = e.content) == null ? void 0 : d.id}`,
+    }, null, 8, ["scriptStr"])) : g("v-if", !0),
+    e.shouldRenderVariants ? (d(), p($, { key: 1 }, [
+      P(a, {
+        id: `variants-styles-${(c = e.content) == null ? void 0 : c.id}`,
         styles: e.hideVariantsStyleString
       }, null, 8, ["id", "styles"]),
-      W(i, { scriptStr: e.updateCookieAndStylesScriptStr }, null, 8, ["scriptStr"]),
-      (c(!0), p(C, null, B(e.getVariants(e.content), (u, m) => (c(), y(l, {
+      P(s, { scriptStr: e.updateCookieAndStylesScriptStr }, null, 8, ["scriptStr"]),
+      (d(!0), p($, null, N(e.getVariants(e.content), (u, m) => (d(), y(l, {
         key: u.testVariationId,
         content: u,
         showContent: !1,
@@ -3214,8 +3124,8 @@ function Yo(e, t, n, o, r, s) {
         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)) : f("v-if", !0),
-    W(l, w({
+    ], 64)) : g("v-if", !0),
+    P(l, C({
       content: e.defaultContent,
       showContent: !0,
       model: e.model,
@@ -3238,12 +3148,12 @@ function Yo(e, t, n, o, r, s) {
     }), null, 16, ["content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps"])
   ], 64);
 }
-const Ge = /* @__PURE__ */ g(Jo, [["render", Yo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content-variants/content-variants.vue"]]), Qo = async ({
+const De = /* @__PURE__ */ b(Fo, [["render", Mo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content-variants/content-variants.vue"]]), Lo = async ({
   builderContextValue: e,
   symbol: t
 }) => {
   if ((t == null ? void 0 : t.model) && (e == null ? void 0 : e.apiKey))
-    return J({
+    return q({
       model: t.model,
       apiKey: e.apiKey,
       apiVersion: e.apiVersion,
@@ -3253,11 +3163,11 @@ const Ge = /* @__PURE__ */ g(Jo, [["render", Yo], ["__file", "/home/runner/work/
         }
       }
     }).catch((n) => {
-      $.error("Could not fetch symbol content: ", n);
+      I.error("Could not fetch symbol content: ", n);
     });
-}, Xo = b({
+}, Ho = f({
   name: "builder-symbol",
-  components: { ContentVariants: Ge },
+  components: { ContentVariants: De },
   props: [
     "js",
     "attributes",
@@ -3268,7 +3178,7 @@ const Ge = /* @__PURE__ */ g(Jo, [["render", Yo], ["__file", "/home/runner/work/
   ],
   data() {
     var e;
-    return { contentToUse: (e = this.symbol) == null ? void 0 : e.content, filterAttrs: q };
+    return { contentToUse: (e = this.symbol) == null ? void 0 : e.content, filterAttrs: z };
   },
   mounted() {
     this.setContent();
@@ -3299,7 +3209,7 @@ const Ge = /* @__PURE__ */ g(Jo, [["render", Yo], ["__file", "/home/runner/work/
   },
   methods: {
     setContent() {
-      this.contentToUse || Qo({
+      this.contentToUse || Lo({
         symbol: this.symbol,
         builderContextValue: this.builderContext
       }).then((e) => {
@@ -3317,13 +3227,13 @@ const Ge = /* @__PURE__ */ g(Jo, [["render", Yo], ["__file", "/home/runner/work/
     }
   }
 });
-function Zo(e, t, n, o, r, s) {
-  var a, l, d, u;
-  const i = k("content-variants");
-  return c(), p("div", w({
+function Do(e, t, n, o, r, i) {
+  var a, l, c, u;
+  const s = k("content-variants");
+  return d(), p("div", C({
     class: e._classStringToObject(e.className)
-  }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, N(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    W(i, {
+  }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    P(s, {
       __isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
       apiKey: e.builderContext.apiKey,
@@ -3332,26 +3242,26 @@ function Zo(e, t, n, o, r, s) {
       data: {
         ...(a = e.symbol) == null ? void 0 : a.data,
         ...e.builderContext.localState,
-        ...(d = (l = e.contentToUse) == null ? void 0 : l.data) == null ? void 0 : d.state
+        ...(c = (l = e.contentToUse) == null ? void 0 : l.data) == null ? void 0 : c.state
       },
       model: (u = e.symbol) == null ? void 0 : u.model,
       content: e.contentToUse
     }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "model", "content"])
   ], 16);
 }
-const er = /* @__PURE__ */ g(Xo, [["render", Zo], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/symbol/symbol.vue"]]), ar = oe, lr = Ge, ve = {};
-function cr(e) {
+const Ko = /* @__PURE__ */ b(Ho, [["render", Do], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/symbol/symbol.vue"]]), Zo = ee, er = De, ge = {};
+function tr(e) {
   if (v()) {
-    Object.assign(ve, e);
+    Object.assign(ge, e);
     const t = {
       type: "builder.settingsChange",
-      data: ve
+      data: ge
     };
     parent.postMessage(t, "*");
   }
 }
-const dr = async (e) => {
-  var o, r, s;
+const nr = async (e) => {
+  var o, r, i;
   const t = e.path || ((o = e.url) == null ? void 0 : o.pathname) || ((r = e.userAttributes) == null ? void 0 : r.urlPath), n = {
     ...e,
     apiKey: e.apiKey,
@@ -3362,47 +3272,50 @@ const dr = async (e) => {
         urlPath: t
       } : {}
     },
-    options: Me(e.searchParams || ((s = e.url) == null ? void 0 : s.searchParams) || e.options)
+    options: Ne(e.searchParams || ((i = e.url) == null ? void 0 : i.searchParams) || e.options)
   };
   return {
     apiKey: n.apiKey,
     model: n.model,
-    content: await J(n)
+    content: await q(n)
   };
 };
 export {
-  Re as B,
-  Ge as C,
-  Mt as F,
-  Jt as I,
-  ar as R,
-  Xt as S,
-  R as T,
-  qn as V,
-  g as _,
-  Ee as a,
-  ee as b,
-  st as c,
-  oe as d,
-  D as e,
-  lr as f,
-  et as g,
-  jt as h,
-  er as i,
-  jn as j,
-  T as k,
-  fo as l,
-  Gn as m,
-  ho as n,
-  He as o,
-  J as p,
-  sr as q,
-  Bo as r,
-  cr as s,
-  rr as t,
-  Me as u,
-  ir as v,
-  Do as w,
-  dr as x,
-  or as y
+  nr as A,
+  Ie as B,
+  De as C,
+  Go as D,
+  Wt as F,
+  te as I,
+  Zo as R,
+  Ht as S,
+  T,
+  jn as V,
+  b as _,
+  Rt as a,
+  Jo as b,
+  A as c,
+  Q as d,
+  K as e,
+  ee as f,
+  we as g,
+  er as h,
+  Ye as i,
+  Pt as j,
+  Ft as k,
+  Ko as l,
+  Pn as m,
+  R as n,
+  io as o,
+  Un as p,
+  ro as q,
+  Co as r,
+  tr as s,
+  Ue as t,
+  q as u,
+  Qo as v,
+  Oo as w,
+  Yo as x,
+  Ne as y,
+  Xo as z
 };