@builder.io/sdk-vue 0.2.1 → 0.2.2

package/packages/_vue3/dist/{index.b87b71f2.js → index.45ab85e5.js}

@@ -1,17 +1,19 @@
-import { openBlock as d, createElementBlock as m, mergeProps as S, toHandlers as C, toDisplayString as L, defineAsyncComponent as x, resolveComponent as k, normalizeClass as j, normalizeStyle as I, createBlock as T, createCommentVNode as y, Fragment as E, renderList as P, createVNode as X, renderSlot as A, createElementVNode as N } from "vue";
-const me = {
+import { openBlock as d, createElementBlock as m, mergeProps as _, toHandlers as I, toDisplayString as $, defineAsyncComponent as x, resolveComponent as k, normalizeClass as j, normalizeStyle as T, createBlock as R, createCommentVNode as y, Fragment as A, renderList as U, createVNode as Z, renderSlot as V, createElementVNode as H } from "vue";
+const he = {
   name: "builder-button",
   props: ["attributes", "text", "link", "openLinkInNewTab"],
   methods: {
     filterAttrs: function(n = {}, t) {
       const o = "v-on:";
-      return Object.keys(n).filter((s) => {
-        const i = s.startsWith(o);
-        return t ? i : !i;
+      return Object.keys(n).filter((i) => {
+        if (!n[i])
+          return !1;
+        const r = i.startsWith(o);
+        return t ? r : !r;
       }).reduce(
-        (s, i) => ({
-          ...s,
-          [i.replace(o, "")]: n[i]
+        (i, r) => ({
+          ...i,
+          [r.replace(o, "")]: n[r]
         }),
         {}
       );
@@ -29,24 +31,24 @@ const me = {
 };
 const h = (e, n) => {
   const t = e.__vccOpts || e;
-  for (const [o, s] of n)
-    t[o] = s;
+  for (const [o, i] of n)
+    t[o] = i;
   return t;
-}, pe = ["href", "target"];
-function he(e, n, t, o, s, i) {
-  return t.link ? (d(), m("a", S({
+}, fe = ["href", "target"];
+function ge(e, n, t, o, i, r) {
+  return t.link ? (d(), m("a", _({
     key: 0,
     role: "button",
     href: t.link,
     target: t.openLinkInNewTab ? "_blank" : void 0
-  }, i.filterAttrs(t.attributes, !1), C(i.filterAttrs(t.attributes, !0), !0)), L(t.text), 17, pe)) : (d(), m("button", S({
+  }, r.filterAttrs(t.attributes, !1), I(r.filterAttrs(t.attributes, !0), !0)), $(t.text), 17, fe)) : (d(), m("button", _({
     key: 1,
-    class: i._classStringToObject(
+    class: r._classStringToObject(
       t.attributes.class + " button-1yj9n7yt24z"
     )
-  }, i.filterAttrs(t.attributes, !1), C(i.filterAttrs(t.attributes, !0), !0)), L(t.text), 17));
+  }, r.filterAttrs(t.attributes, !1), I(r.filterAttrs(t.attributes, !0), !0)), $(t.text), 17));
 }
-const fe = /* @__PURE__ */ h(me, [["render", he], ["__scopeId", "data-v-498ca04d"]]), W = (e) => JSON.parse(JSON.stringify(e)), Q = {
+const be = /* @__PURE__ */ h(he, [["render", ge], ["__scopeId", "data-v-fa5dea7e"]]), L = (e) => JSON.parse(JSON.stringify(e)), ee = {
   small: {
     min: 320,
     default: 321,
@@ -62,8 +64,8 @@ const fe = /* @__PURE__ */ h(me, [["render", he], ["__scopeId", "data-v-498ca04d
     default: 991,
     max: 1200
   }
-}, An = (e, n = Q) => `@media (max-width: ${n[e].max}px)`, ge = ({ small: e, medium: n }) => {
-  const t = W(Q);
+}, jn = (e, n = ee) => `@media (max-width: ${n[e].max}px)`, ye = ({ small: e, medium: n }) => {
+  const t = L(ee);
   if (!e || !n)
     return t;
   const o = Math.floor(e / 2);
@@ -72,19 +74,19 @@ const fe = /* @__PURE__ */ h(me, [["render", he], ["__scopeId", "data-v-498ca04d
     min: o,
     default: o + 1
   };
-  const s = t.small.max + 1;
+  const i = t.small.max + 1;
   t.medium = {
     max: n,
-    min: s,
-    default: s + 1
+    min: i,
+    default: i + 1
   };
-  const i = t.medium.max + 1;
+  const r = t.medium.max + 1;
   return t.large = {
     max: 2e3,
-    min: i,
-    default: i + 1
+    min: r,
+    default: r + 1
   }, t;
-}, R = "vue3", be = Symbol(), B = {
+}, E = "vue3", ve = Symbol(), P = {
   Builder: {
     content: null,
     context: {},
@@ -96,22 +98,22 @@ const fe = /* @__PURE__ */ h(me, [["render", he], ["__scopeId", "data-v-498ca04d
     registeredComponents: {},
     inheritedStyles: {}
   },
-  key: be
-}, ye = () => Promise.resolve().then(() => Z).then((e) => e.default).catch((e) => {
+  key: ve
+}, xe = () => Promise.resolve().then(() => te).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlocks at ../../components/render-blocks.vue",
     e
   ), e;
-}), ve = () => import("./render-inlined-styles.1e4cf51b.js").then((e) => e.default).catch((e) => {
+}), ke = () => import("./render-inlined-styles.952d2fff.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderInlinedStyles at ../../components/render-inlined-styles.vue",
     e
   ), e;
-}), xe = {
+}), Se = {
   name: "builder-columns",
   components: {
-    RenderInlinedStyles: x(ve),
-    RenderBlocks: x(ye)
+    RenderInlinedStyles: x(ke),
+    RenderBlocks: x(xe)
   },
   props: [
     "space",
@@ -126,11 +128,11 @@ const fe = /* @__PURE__ */ h(me, [["render", he], ["__scopeId", "data-v-498ca04d
       cols: this.columns || [],
       stackAt: this.stackColumnsAt || "tablet",
       flexDir: this.stackColumnsAt === "never" ? "row" : this.reverseColumnsWhenStacked ? "column-reverse" : "column",
-      TARGET: R
+      TARGET: E
     };
   },
   inject: {
-    builderContext: B.key
+    builderContext: P.key
   },
   computed: {
     columnsCssVars() {
@@ -193,7 +195,7 @@ const fe = /* @__PURE__ */ h(me, [["render", he], ["__scopeId", "data-v-498ca04d
     },
     columnCssVars(e) {
       e === 0 || this.gutterSize;
-      const n = this.getColumnCssWidth(e), t = `${this.gutterSize}px`, o = "100%", s = 0;
+      const n = this.getColumnCssWidth(e), t = `${this.gutterSize}px`, o = "100%", i = 0;
       return {
         width: n,
         "margin-left": t,
@@ -202,7 +204,7 @@ const fe = /* @__PURE__ */ h(me, [["render", he], ["__scopeId", "data-v-498ca04d
           desktopStyle: n
         }),
         "--column-margin-left-mobile": this.getMobileStyle({
-          stackedStyle: s,
+          stackedStyle: i,
           desktopStyle: t
         }),
         "--column-width-tablet": this.getTabletStyle({
@@ -210,14 +212,14 @@ const fe = /* @__PURE__ */ h(me, [["render", he], ["__scopeId", "data-v-498ca04d
           desktopStyle: n
         }),
         "--column-margin-left-tablet": this.getTabletStyle({
-          stackedStyle: s,
+          stackedStyle: i,
           desktopStyle: t
         })
       };
     },
     getWidthForBreakpointSize(e) {
       var t, o;
-      return ge(
+      return ye(
         ((o = (t = this.builderContext.content) == null ? void 0 : t.meta) == null ? void 0 : o.breakpoints) || {}
       )[e].max;
     },
@@ -232,32 +234,32 @@ const fe = /* @__PURE__ */ h(me, [["render", he], ["__scopeId", "data-v-498ca04d
     }
   }
 };
-function ke(e, n, t, o, s, i) {
-  const r = k("render-inlined-styles"), c = k("render-blocks");
+function _e(e, n, t, o, i, r) {
+  const s = k("render-inlined-styles"), c = k("render-blocks");
   return d(), m("div", {
     class: j(
-      i._classStringToObject(
-        `builder-columns ${t.builderBlock.id}-breakpoints div-361b1o6wv2k`
+      r._classStringToObject(
+        `builder-columns ${t.builderBlock.id}-breakpoints div-2btisl9m7v3`
       )
     ),
-    style: I(i.columnsCssVars),
+    style: T(r.columnsCssVars),
     dataSet: {
       "builder-block-name": "builder-columns"
     }
   }, [
-    s.TARGET !== "reactNative" ? (d(), T(r, {
+    i.TARGET !== "reactNative" ? (d(), R(s, {
       key: 0,
-      styles: i.columnsStyles
+      styles: r.columnsStyles
     }, null, 8, ["styles"])) : y("", !0),
-    (d(!0), m(E, null, P(t.columns, (a, l) => (d(), m("div", {
+    (d(!0), m(A, null, U(t.columns, (a, l) => (d(), m("div", {
       key: l,
-      class: "builder-column div-361b1o6wv2k-2",
-      style: I(i.columnCssVars(l)),
+      class: "builder-column div-2btisl9m7v3-2",
+      style: T(r.columnCssVars(l)),
       dataSet: {
         "builder-block-name": "builder-column"
       }
     }, [
-      X(c, {
+      Z(c, {
         blocks: a.blocks,
         path: `component.options.columns.${l}.blocks`,
         parent: t.builderBlock.id,
@@ -268,49 +270,49 @@ function ke(e, n, t, o, s, i) {
     ], 4))), 128))
   ], 6);
 }
-const Se = /* @__PURE__ */ h(xe, [["render", ke], ["__scopeId", "data-v-61331a26"]]), _e = {
+const we = /* @__PURE__ */ h(Se, [["render", _e], ["__scopeId", "data-v-4459bc28"]]), Ce = {
   name: "builder-fragment-component",
   props: []
 };
-function we(e, n, t, o, s, i) {
+function Ie(e, n, t, o, i, r) {
   return d(), m("span", null, [
-    A(e.$slots, "default")
+    V(e.$slots, "default")
   ]);
 }
-const Ce = /* @__PURE__ */ h(_e, [["render", we]]);
-function $(e) {
+const Te = /* @__PURE__ */ h(Ce, [["render", Ie]]);
+function z(e) {
   return e.replace(/http(s)?:/, "");
 }
-function Ie(e = "", n, t) {
-  const o = new RegExp("([?&])" + n + "=.*?(&|$)", "i"), s = e.indexOf("?") !== -1 ? "&" : "?";
-  return e.match(o) ? e.replace(o, "$1" + n + "=" + encodeURIComponent(t) + "$2") : e + s + n + "=" + encodeURIComponent(t);
+function Re(e = "", n, t) {
+  const o = new RegExp("([?&])" + n + "=.*?(&|$)", "i"), i = e.indexOf("?") !== -1 ? "&" : "?";
+  return e.match(o) ? e.replace(o, "$1" + n + "=" + encodeURIComponent(t) + "$2") : e + i + n + "=" + encodeURIComponent(t);
 }
-function Te(e, n) {
+function Ee(e, n) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !n)
     return e;
   if (n === "master")
-    return $(e);
+    return z(e);
   const t = e.match(
     /(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i
   );
   if (t) {
-    const o = e.split(t[0]), s = t[3], i = n.match("x") ? n : `${n}x`;
-    return $(`${o[0]}_${i}${s}`);
+    const o = e.split(t[0]), i = t[3], r = n.match("x") ? n : `${n}x`;
+    return z(`${o[0]}_${r}${i}`);
   }
   return null;
 }
-function O(e) {
+function F(e) {
   if (!e)
     return e;
   const n = [100, 200, 400, 800, 1200, 1600, 2e3];
   if (e.match(/builder\.io/)) {
     let t = e;
     const o = Number(e.split("?width=")[1]);
-    return isNaN(o) || (t = `${t} ${o}w`), n.filter((s) => s !== o).map((s) => `${Ie(e, "width", s)} ${s}w`).concat([t]).join(", ");
+    return isNaN(o) || (t = `${t} ${o}w`), n.filter((i) => i !== o).map((i) => `${Re(e, "width", i)} ${i}w`).concat([t]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? n.map((t) => [Te(e, `${t}x${t}`), t]).filter(([t]) => !!t).map(([t, o]) => `${t} ${o}w`).concat([e]).join(", ") : e;
+  return e.match(/cdn\.shopify\.com/) ? n.map((t) => [Ee(e, `${t}x${t}`), t]).filter(([t]) => !!t).map(([t, o]) => `${t} ${o}w`).concat([e]).join(", ") : e;
 }
-const Re = {
+const Ae = {
   name: "builder-image",
   props: [
     "image",
@@ -334,10 +336,10 @@ const Re = {
         return this.srcset;
       if (this.srcset && ((t = this.image) == null ? void 0 : t.includes("builder.io/api/v1/image"))) {
         if (!this.srcset.includes(this.image.split("?")[0]))
-          return console.debug("Removed given srcset"), O(n);
+          return console.debug("Removed given srcset"), F(n);
       } else if (this.image && !this.srcset)
-        return O(n);
-      return O(n);
+        return F(n);
+      return F(n);
     },
     webpSrcSet() {
       var e;
@@ -366,52 +368,52 @@ const Re = {
     }
   }
 };
-const Ee = ["srcset"], Ae = ["alt", "role", "src", "srcset", "sizes"], je = {
+const Ve = ["srcset"], je = ["alt", "role", "src", "srcset", "sizes"], Pe = {
   key: 2,
-  class: "div-7jvpanrlkn-2"
+  class: "div-20vehov4ay6-2"
 };
-function Be(e, n, t, o, s, i) {
-  var r, c, a, l;
-  return d(), m(E, null, [
-    N("picture", null, [
-      i.webpSrcSet ? (d(), m("source", {
+function Be(e, n, t, o, i, r) {
+  var s, c, a, l;
+  return d(), m(A, null, [
+    H("picture", null, [
+      r.webpSrcSet ? (d(), m("source", {
         key: 0,
         type: "image/webp",
-        srcset: i.webpSrcSet
-      }, null, 8, Ee)) : y("", !0),
-      N("img", {
+        srcset: r.webpSrcSet
+      }, null, 8, Ve)) : y("", !0),
+      H("img", {
         loading: "lazy",
         alt: t.altText,
         role: t.altText ? "presentation" : void 0,
-        style: I({
+        style: T({
           objectPosition: t.backgroundPosition || "center",
           objectFit: t.backgroundSize || "cover",
-          ...i.aspectRatioCss
+          ...r.aspectRatioCss
         }),
         class: j(
-          i._classStringToObject(
-            "builder-image" + (t.className ? " " + t.className : "") + " img-7jvpanrlkn"
+          r._classStringToObject(
+            "builder-image" + (t.className ? " " + t.className : "") + " img-20vehov4ay6"
           )
         ),
         src: t.image,
-        srcset: i.srcSetToUse,
+        srcset: r.srcSetToUse,
         sizes: t.sizes
-      }, null, 14, Ae)
+      }, null, 14, je)
     ]),
-    t.aspectRatio && !(((c = (r = t.builderBlock) == null ? void 0 : r.children) == null ? void 0 : c.length) && t.fitContent) ? (d(), m("div", {
+    t.aspectRatio && !(((c = (s = t.builderBlock) == null ? void 0 : s.children) == null ? void 0 : c.length) && t.fitContent) ? (d(), m("div", {
       key: 0,
-      class: "builder-image-sizer div-7jvpanrlkn",
-      style: I({
+      class: "builder-image-sizer div-20vehov4ay6",
+      style: T({
         paddingTop: t.aspectRatio * 100 + "%"
       })
     }, null, 4)) : y("", !0),
-    ((l = (a = t.builderBlock) == null ? void 0 : a.children) == null ? void 0 : l.length) && t.fitContent ? A(e.$slots, "default", { key: 1 }, void 0, !0) : y("", !0),
-    !t.fitContent && e.children ? (d(), m("div", je, [
-      A(e.$slots, "default", {}, void 0, !0)
+    ((l = (a = t.builderBlock) == null ? void 0 : a.children) == null ? void 0 : l.length) && t.fitContent ? V(e.$slots, "default", { key: 1 }, void 0, !0) : y("", !0),
+    !t.fitContent && e.children ? (d(), m("div", Pe, [
+      V(e.$slots, "default", {}, void 0, !0)
     ])) : y("", !0)
   ], 64);
 }
-const Ve = /* @__PURE__ */ h(Re, [["render", Be], ["__scopeId", "data-v-5b6b00d7"]]);
+const Fe = /* @__PURE__ */ h(Ae, [["render", Be], ["__scopeId", "data-v-b99a9c06"]]);
 function p() {
   return typeof window < "u" && typeof document < "u";
 }
@@ -421,25 +423,25 @@ function Oe() {
 function v() {
   return Oe() && window.location.search.indexOf("builder.frameEditing=") !== -1;
 }
-const Pe = () => import("./block-styles.6e74059d.js").then((e) => e.default).catch((e) => {
+const Ue = () => import("./block-styles.6bd36a5a.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./render-block/block-styles.vue",
     e
   ), e;
-}), Fe = () => import("./render-block.1a6dc153.js").then((e) => e.r).then((e) => e.default).catch((e) => {
+}), We = () => import("./render-block.ec4c1913.js").then((e) => e.r).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlock at ./render-block/render-block.vue",
     e
   ), e;
-}), Ue = {
+}), Me = {
   name: "render-blocks",
   components: {
-    RenderBlock: x(Fe),
-    BlockStyles: x(Pe)
+    RenderBlock: x(We),
+    BlockStyles: x(Ue)
   },
   props: ["blocks", "parent", "path", "styleProp"],
   inject: {
-    builderContext: B.key
+    builderContext: P.key
   },
   computed: {
     className() {
@@ -485,36 +487,36 @@ const Pe = () => import("./block-styles.6e74059d.js").then((e) => e.default).cat
     }
   }
 };
-const We = ["builder-path", "builder-parent-id", "dataSet"];
-function Me(e, n, t, o, s, i) {
-  const r = k("render-block"), c = k("block-styles");
+const Le = ["builder-path", "builder-parent-id", "dataSet"];
+function Ne(e, n, t, o, i, r) {
+  const s = k("render-block"), c = k("block-styles");
   return d(), m("div", {
-    class: j(i._classStringToObject(i.className + " div-7fq9d0i380")),
+    class: j(r._classStringToObject(r.className + " div-7fq9d0i380")),
     "builder-path": t.path,
     "builder-parent-id": t.parent,
     dataSet: {
-      class: i.className
+      class: r.className
     },
-    style: I(t.styleProp),
-    onClick: n[0] || (n[0] = (a) => i.onClick()),
-    onMouseenter: n[1] || (n[1] = (a) => i.onMouseEnter())
+    style: T(t.styleProp),
+    onClick: n[0] || (n[0] = (a) => r.onClick()),
+    onMouseenter: n[1] || (n[1] = (a) => r.onMouseEnter())
   }, [
-    t.blocks ? (d(!0), m(E, { key: 0 }, P(t.blocks, (a, l) => (d(), T(r, {
+    t.blocks ? (d(!0), m(A, { key: 0 }, U(t.blocks, (a, l) => (d(), R(s, {
       key: "render-block-" + a.id,
       block: a,
-      context: i.builderContext
+      context: r.builderContext
     }, null, 8, ["block", "context"]))), 128)) : y("", !0),
-    t.blocks ? (d(!0), m(E, { key: 1 }, P(t.blocks, (a, l) => (d(), T(c, {
+    t.blocks ? (d(!0), m(A, { key: 1 }, U(t.blocks, (a, l) => (d(), R(c, {
       key: "block-style-" + a.id,
       block: a,
-      context: i.builderContext
+      context: r.builderContext
     }, null, 8, ["block", "context"]))), 128)) : y("", !0)
-  ], 46, We);
+  ], 46, Le);
 }
-const Le = /* @__PURE__ */ h(Ue, [["render", Me], ["__scopeId", "data-v-81bad369"]]), Z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const $e = /* @__PURE__ */ h(Me, [["render", Ne], ["__scopeId", "data-v-81bad369"]]), te = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Le
-}, Symbol.toStringTag, { value: "Module" })), Ne = {
+  default: $e
+}, Symbol.toStringTag, { value: "Module" })), He = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -550,10 +552,10 @@ const Le = /* @__PURE__ */ h(Ue, [["render", Me], ["__scopeId", "data-v-81bad369
   ],
   static: !0,
   noWrap: !0
-}, V = (e) => {
+}, B = (e) => {
   const n = e.toString().trim();
   return `return (${!n.startsWith("function") && !n.startsWith("(") ? "function " : ""}${n}).apply(this, arguments)`;
-}, $e = {
+}, ze = {
   name: "Columns",
   inputs: [
     {
@@ -740,7 +742,7 @@ const Le = /* @__PURE__ */ h(Ue, [["render", Me], ["__scopeId", "data-v-81bad369
           ]
         }
       ],
-      onChange: V((e) => {
+      onChange: B((e) => {
         function n() {
           t.forEach((o) => {
             o.delete("width");
@@ -748,9 +750,9 @@ const Le = /* @__PURE__ */ h(Ue, [["render", Me], ["__scopeId", "data-v-81bad369
         }
         const t = e.get("columns");
         Array.isArray(t) && !!t.find(
-          (s) => s.get("width")
+          (i) => i.get("width")
         ) && (!!t.find(
-          (i) => !i.get("width")
+          (r) => !r.get("width")
         ) || t.reduce((c, a) => c + a.get("width"), 0) !== 100) && n();
       })
     },
@@ -777,13 +779,13 @@ const Le = /* @__PURE__ */ h(Ue, [["render", Me], ["__scopeId", "data-v-81bad369
       advanced: !0
     }
   ]
-}, He = {
+}, Ke = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, ze = {
+}, De = {
   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",
@@ -802,10 +804,10 @@ const Le = /* @__PURE__ */ h(Ue, [["render", Me], ["__scopeId", "data-v-81bad369
       allowedFileTypes: ["jpeg", "jpg", "png", "svg"],
       required: !0,
       defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
-      onChange: V(
+      onChange: B(
         (e) => {
           e.delete("srcset"), e.delete("noWebp");
-          function t(r, c = 6e4) {
+          function t(s, c = 6e4) {
             return new Promise((a, l) => {
               const u = document.createElement("img");
               let g = !1;
@@ -813,21 +815,21 @@ const Le = /* @__PURE__ */ h(Ue, [["render", Me], ["__scopeId", "data-v-81bad369
                 g = !0, a(u);
               }, u.addEventListener("error", (f) => {
                 console.warn("Image load failed", f.error), l(f.error);
-              }), u.src = r, setTimeout(() => {
+              }), u.src = s, setTimeout(() => {
                 g || l(new Error("Image load timed out"));
               }, c);
             });
           }
-          function o(r) {
-            return Math.round(r * 1e3) / 1e3;
+          function o(s) {
+            return Math.round(s * 1e3) / 1e3;
           }
-          const s = e.get("image"), i = e.get("aspectRatio");
-          if (fetch(s).then((r) => r.blob()).then((r) => {
-            r.type.includes("svg") && e.set("noWebp", !0);
-          }), s && (!i || i === 0.7041))
-            return t(s).then((r) => {
+          const i = e.get("image"), r = e.get("aspectRatio");
+          if (fetch(i).then((s) => s.blob()).then((s) => {
+            s.type.includes("svg") && e.set("noWebp", !0);
+          }), i && (!r || r === 0.7041))
+            return t(i).then((s) => {
               const c = e.get("aspectRatio");
-              e.get("image") === s && (!c || c === 0.7041) && r.width && r.height && (e.set("aspectRatio", o(r.height / r.width)), e.set("height", r.height), e.set("width", r.width));
+              e.get("image") === i && (!c || c === 0.7041) && s.width && s.height && (e.set("aspectRatio", o(s.height / s.width)), e.set("height", s.height), e.set("width", s.width));
             });
         }
       )
@@ -910,7 +912,7 @@ const Le = /* @__PURE__ */ h(Ue, [["render", Me], ["__scopeId", "data-v-81bad369
       defaultValue: 0.7041
     }
   ]
-}, Ke = {
+}, qe = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -954,27 +956,29 @@ const Le = /* @__PURE__ */ h(Ue, [["render", Me], ["__scopeId", "data-v-81bad369
       }
     }
   ]
-}, De = {
+}, Ge = {
   name: "builder-section-component",
   props: ["maxWidth", "attributes"],
   methods: {
     filterAttrs: function(n = {}, t) {
       const o = "v-on:";
-      return Object.keys(n).filter((s) => {
-        const i = s.startsWith(o);
-        return t ? i : !i;
+      return Object.keys(n).filter((i) => {
+        if (!n[i])
+          return !1;
+        const r = i.startsWith(o);
+        return t ? r : !r;
       }).reduce(
-        (s, i) => ({
-          ...s,
-          [i.replace(o, "")]: n[i]
+        (i, r) => ({
+          ...i,
+          [r.replace(o, "")]: n[r]
         }),
         {}
       );
     }
   }
 };
-function qe(e, n, t, o, s, i) {
-  return d(), m("section", S({
+function Je(e, n, t, o, i, r) {
+  return d(), m("section", _({
     style: {
       width: "100%",
       alignSelf: "stretch",
@@ -987,11 +991,11 @@ function qe(e, n, t, o, s, i) {
       marginLeft: "auto",
       marginRight: "auto"
     }
-  }, i.filterAttrs(t.attributes, !1), C(i.filterAttrs(t.attributes, !0), !0)), [
-    A(e.$slots, "default")
+  }, r.filterAttrs(t.attributes, !1), I(r.filterAttrs(t.attributes, !0), !0)), [
+    V(e.$slots, "default")
   ], 16);
 }
-const Ge = /* @__PURE__ */ h(De, [["render", qe]]), Je = {
+const Xe = /* @__PURE__ */ h(Ge, [["render", Je]]), Ye = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1029,12 +1033,16 @@ const Ge = /* @__PURE__ */ h(De, [["render", qe]]), Je = {
       type: "boolean"
     }
   ]
+}, O = "[Builder.io]: ", S = {
+  log: (...e) => console.log(O, ...e),
+  error: (...e) => console.error(O, ...e),
+  warn: (...e) => console.warn(O, ...e)
 };
-function Ye() {
+function Qe() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function Xe() {
-  const e = Ye().fetch;
+function Ze() {
+  const e = Qe().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. 
@@ -1042,12 +1050,12 @@ function Xe() {
     ), new Error("Builder SDK could not find a global `fetch` function");
   return e;
 }
-const ee = Xe(), _ = (e) => e != null, Qe = (e) => {
+const ne = Ze(), w = (e) => e != null, et = (e) => {
   if (e === "localhost" || e === "127.0.0.1")
     return e;
   const n = e.split(".");
   return n.length > 2 ? n.slice(1).join(".") : e;
-}, te = async ({
+}, oe = async ({
   name: e,
   canTrack: n
 }) => {
@@ -1058,23 +1066,23 @@ const ee = Xe(), _ = (e) => e != null, Qe = (e) => {
     console.debug("[COOKIE] GET error: ", o);
     return;
   }
-}, Ze = (e) => e.map(([n, t]) => t ? `${n}=${t}` : n).filter(_).join("; "), et = [
+}, tt = (e) => e.map(([n, t]) => t ? `${n}=${t}` : n).filter(w).join("; "), nt = [
   ["secure", ""],
   ["SameSite", "None"]
-], tt = ({
+], ot = ({
   name: e,
   value: n,
   expires: t
 }) => {
-  const s = (p() ? location.protocol === "https:" : !0) ? et : [[]], i = t ? [["expires", t.toUTCString()]] : [[]], r = [
+  const i = (p() ? location.protocol === "https:" : !0) ? nt : [[]], r = t ? [["expires", t.toUTCString()]] : [[]], s = [
     [e, n],
-    ...i,
+    ...r,
     ["path", "/"],
-    ["domain", Qe(window.location.hostname)],
-    ...s
+    ["domain", et(window.location.hostname)],
+    ...i
   ];
-  return Ze(r);
-}, ne = async ({
+  return tt(s);
+}, ie = async ({
   name: e,
   value: n,
   expires: t,
@@ -1083,32 +1091,32 @@ const ee = Xe(), _ = (e) => e != null, Qe = (e) => {
   try {
     if (!o)
       return;
-    const s = tt({ name: e, value: n, expires: t });
-    document.cookie = s;
-  } catch (s) {
-    console.warn("[COOKIE] SET error: ", s);
+    const i = ot({ name: e, value: n, expires: t });
+    document.cookie = i;
+  } catch (i) {
+    console.warn("[COOKIE] SET error: ", i);
   }
-}, nt = "builderio.variations", oe = (e) => `${nt}.${e}`, ot = ({
+}, it = "builderio.variations", re = (e) => `${it}.${e}`, rt = ({
   contentId: e,
   canTrack: n
-}) => te({ name: oe(e), canTrack: n }), it = ({
+}) => oe({ name: re(e), canTrack: n }), st = ({
   contentId: e,
   canTrack: n,
   value: t
-}) => ne({ name: oe(e), value: t, canTrack: n }), st = (e) => _(e.id) && _(e.variations) && Object.keys(e.variations).length > 0, rt = ({
+}) => ie({ name: re(e), value: t, canTrack: n }), at = (e) => w(e.id) && w(e.variations) && Object.keys(e.variations).length > 0, ct = ({
   id: e,
   variations: n
 }) => {
-  var s;
+  var i;
   let t = 0;
   const o = Math.random();
-  for (const i in n) {
-    const r = (s = n[i]) == null ? void 0 : s.testRatio;
-    if (t += r, o < t)
-      return i;
+  for (const r in n) {
+    const s = (i = n[r]) == null ? void 0 : i.testRatio;
+    if (t += s, o < t)
+      return r;
   }
   return e;
-}, H = ({
+}, K = ({
   item: e,
   testGroupId: n
 }) => {
@@ -1121,127 +1129,131 @@ const ee = Xe(), _ = (e) => e != null, Qe = (e) => {
     testVariationId: t.id,
     testVariationName: t.name || (t.id === e.id ? "Default" : "")
   };
-}, at = async ({
+}, lt = async ({
   item: e,
   canTrack: n
 }) => {
-  const t = await ot({
+  const t = await rt({
     canTrack: n,
     contentId: e.id
-  }), o = t ? H({ item: e, testGroupId: t }) : void 0;
+  }), o = t ? K({ item: e, testGroupId: t }) : void 0;
   if (o)
     return o;
   {
-    const s = rt({
+    const i = ct({
       variations: e.variations,
       id: e.id
     });
-    return it({
+    return st({
       contentId: e.id,
-      value: s,
+      value: i,
       canTrack: n
-    }).catch((i) => {
-      console.error("could not store A/B test variation: ", i);
-    }), H({ item: e, testGroupId: s });
+    }).catch((r) => {
+      console.error("could not store A/B test variation: ", r);
+    }), K({ item: e, testGroupId: i });
   }
-}, ct = async ({
+}, dt = async ({
   item: e,
   canTrack: n
 }) => {
-  if (!st(e))
+  if (!at(e))
     return;
-  const t = await at({ item: e, canTrack: n });
+  const t = await lt({ item: e, canTrack: n });
   Object.assign(e, t);
 };
-function F(e, n = null, t = ".") {
-  return Object.keys(e).reduce((o, s) => {
-    const i = e[s], r = [n, s].filter(Boolean).join(t);
+function W(e, n = null, t = ".") {
+  return Object.keys(e).reduce((o, i) => {
+    const r = e[i], s = [n, i].filter(Boolean).join(t);
     return [
-      typeof i == "object",
-      i !== null,
-      !(Array.isArray(i) && i.length === 0)
-    ].every(Boolean) ? { ...o, ...F(i, r, t) } : { ...o, [r]: i };
+      typeof r == "object",
+      r !== null,
+      !(Array.isArray(r) && r.length === 0)
+    ].every(Boolean) ? { ...o, ...W(r, s, t) } : { ...o, [s]: r };
   }, {});
 }
-const z = "builder.", lt = "options.", dt = (e) => {
+const D = "builder.", ut = "options.", mt = (e) => {
   const n = {};
   return e.forEach((t, o) => {
     n[o] = t;
   }), n;
-}, ut = (e) => {
+}, pt = (e) => {
   if (!e)
     return {};
-  const n = ie(e), t = {};
+  const n = se(e), t = {};
   return Object.keys(n).forEach((o) => {
-    if (o.startsWith(z)) {
-      const s = o.replace(z, "").replace(lt, "");
-      t[s] = n[o];
+    if (o.startsWith(D)) {
+      const i = o.replace(D, "").replace(ut, "");
+      t[i] = n[o];
     }
   }), t;
-}, mt = () => {
+}, ht = () => {
   if (!p())
     return {};
   const e = new URLSearchParams(window.location.search);
-  return ut(e);
-}, ie = (e) => e instanceof URLSearchParams ? dt(e) : e, pt = "v3", ht = (e) => {
+  return pt(e);
+}, se = (e) => e instanceof URLSearchParams ? mt(e) : e, ft = "v3", gt = (e) => {
   const {
     limit: n = 30,
     userAttributes: t,
     query: o,
-    noTraverse: s = !1,
-    model: i,
-    apiKey: r,
+    noTraverse: i = !1,
+    model: r,
+    apiKey: s,
     includeRefs: c = !0,
     locale: a,
-    apiVersion: l = pt
+    apiVersion: l = ft
   } = e;
-  if (!r)
+  if (!s)
     throw new Error("Missing API key");
   if (!["v2", "v3"].includes(l))
     throw new Error(
       `Invalid apiVersion: expected 'v2' or 'v3', received '${l}'`
     );
   const u = new URL(
-    `https://cdn.builder.io/api/${l}/content/${i}?apiKey=${r}&limit=${n}&noTraverse=${s}&includeRefs=${c}${a ? `&locale=${a}` : ""}`
+    `https://cdn.builder.io/api/${l}/content/${r}?apiKey=${s}&limit=${n}&noTraverse=${i}&includeRefs=${c}${a ? `&locale=${a}` : ""}`
   ), g = {
-    ...mt(),
-    ...ie(e.options || {})
-  }, f = F(g);
+    ...ht(),
+    ...se(e.options || {})
+  }, f = W(g);
   for (const b in f)
     u.searchParams.set(b, String(f[b]));
   if (t && u.searchParams.set("userAttributes", JSON.stringify(t)), o) {
-    const b = F({ query: o });
-    for (const w in b)
-      u.searchParams.set(w, JSON.stringify(b[w]));
+    const b = W({ query: o });
+    for (const C in b)
+      u.searchParams.set(C, JSON.stringify(b[C]));
   }
   return u;
 };
-async function se(e) {
-  const n = await ft({ ...e, limit: 1 });
-  return "results" in n && (n == null ? void 0 : n.results[0]) || null;
+async function ae(e) {
+  const n = await bt({ ...e, limit: 1 });
+  return n && "results" in n && (n == null ? void 0 : n.results[0]) || null;
 }
-async function ft(e) {
-  const n = ht(e), o = await (await ee(n.href)).json();
-  if ("status" in o && !("results" in o))
-    return console.error("[Builder.io]: Error fetching data. ", o, e), o;
-  const s = e.canTrack !== !1;
+async function bt(e) {
   try {
-    if (s && Array.isArray(o.results))
-      for (const i of o.results)
-        await ct({ item: i, canTrack: s });
-  } catch (i) {
-    console.error("[Builder.io]: Could not setup A/B testing. ", i);
+    const n = gt(e), o = await (await ne(n.href)).json();
+    if ("status" in o && !("results" in o))
+      return S.error("Error fetching data. ", o, e), o;
+    const i = e.canTrack !== !1;
+    try {
+      if (i && Array.isArray(o.results))
+        for (const r of o.results)
+          await dt({ item: r, canTrack: i });
+    } catch (r) {
+      S.error("Could not setup A/B testing. ", r);
+    }
+    return o;
+  } catch (n) {
+    return S.error("Error fetching data. ", n), null;
   }
-  return o;
 }
-const gt = () => Promise.resolve().then(() => Rn).then((e) => e.default).catch((e) => {
+const yt = () => Promise.resolve().then(() => An).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderContent at ../../components/render-content/render-content.vue",
     e
   ), e;
-}), bt = {
+}), vt = {
   name: "builder-symbol",
-  components: { RenderContent: x(gt) },
+  components: { RenderContent: x(yt) },
   props: ["attributes", "symbol", "dynamic"],
   data() {
     var e, n, t;
@@ -1256,7 +1268,7 @@ const gt = () => Promise.resolve().then(() => Rn).then((e) => e.default).catch((
     };
   },
   inject: {
-    builderContext: B.key
+    builderContext: P.key
   },
   mounted() {
     this.fetchContent();
@@ -1279,7 +1291,7 @@ const gt = () => Promise.resolve().then(() => Rn).then((e) => e.default).catch((
   methods: {
     fetchContent() {
       var e, n;
-      !this.contentToUse && ((e = this.symbol) == null ? void 0 : e.model) && ((n = this.builderContext) == null ? void 0 : n.apiKey) && se({
+      !this.contentToUse && ((e = this.symbol) == null ? void 0 : e.model) && ((n = this.builderContext) == null ? void 0 : n.apiKey) && ae({
         model: this.symbol.model,
         apiKey: this.builderContext.apiKey,
         apiVersion: this.builderContext.apiVersion,
@@ -1289,21 +1301,20 @@ const gt = () => Promise.resolve().then(() => Rn).then((e) => e.default).catch((
       }).then((t) => {
         t && (this.contentToUse = t);
       }).catch((t) => {
-        console.error(
-          "[Builder.io]: Could not fetch symbol content: ",
-          t
-        );
+        S.error("Could not fetch symbol content: ", t);
       });
     },
     filterAttrs: function(n = {}, t) {
       const o = "v-on:";
-      return Object.keys(n).filter((s) => {
-        const i = s.startsWith(o);
-        return t ? i : !i;
+      return Object.keys(n).filter((i) => {
+        if (!n[i])
+          return !1;
+        const r = i.startsWith(o);
+        return t ? r : !r;
       }).reduce(
-        (s, i) => ({
-          ...s,
-          [i.replace(o, "")]: n[i]
+        (i, r) => ({
+          ...i,
+          [r.replace(o, "")]: n[r]
         }),
         {}
       );
@@ -1318,32 +1329,32 @@ const gt = () => Promise.resolve().then(() => Rn).then((e) => e.default).catch((
       return n;
     }
   }
-}, yt = ["dataSet"];
-function vt(e, n, t, o, s, i) {
+}, xt = ["dataSet"];
+function kt(e, n, t, o, i, r) {
   var c, a, l, u;
-  const r = k("render-content");
-  return d(), m("div", S({
+  const s = k("render-content");
+  return d(), m("div", _({
     dataSet: {
-      class: s.className
-    },
-    class: i._classStringToObject(s.className)
-  }, i.filterAttrs(t.attributes, !1), C(i.filterAttrs(t.attributes, !0), !0)), [
-    X(r, {
-      apiVersion: i.builderContext.apiVersion,
-      apiKey: i.builderContext.apiKey,
-      context: i.builderContext.context,
-      customComponents: Object.values(i.builderContext.registeredComponents),
+      class: i.className
+    },
+    class: r._classStringToObject(i.className)
+  }, r.filterAttrs(t.attributes, !1), I(r.filterAttrs(t.attributes, !0), !0)), [
+    Z(s, {
+      apiVersion: r.builderContext.apiVersion,
+      apiKey: r.builderContext.apiKey,
+      context: r.builderContext.context,
+      customComponents: Object.values(r.builderContext.registeredComponents),
       data: {
         ...(c = t.symbol) == null ? void 0 : c.data,
-        ...i.builderContext.state,
-        ...(l = (a = s.contentToUse) == null ? void 0 : a.data) == null ? void 0 : l.state
+        ...r.builderContext.state,
+        ...(l = (a = i.contentToUse) == null ? void 0 : a.data) == null ? void 0 : l.state
       },
       model: (u = t.symbol) == null ? void 0 : u.model,
-      content: s.contentToUse
+      content: i.contentToUse
     }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "model", "content"])
-  ], 16, yt);
+  ], 16, xt);
 }
-const xt = /* @__PURE__ */ h(bt, [["render", vt]]), kt = {
+const St = /* @__PURE__ */ h(vt, [["render", kt]]), _t = {
   name: "Text",
   static: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",
@@ -1362,20 +1373,20 @@ const xt = /* @__PURE__ */ h(bt, [["render", vt]]), kt = {
     height: "auto",
     textAlign: "center"
   }
-}, St = {
+}, wt = {
   name: "builder-text",
   props: ["text"]
-}, _t = ["innerHTML"];
-function wt(e, n, t, o, s, i) {
+}, Ct = ["innerHTML"];
+function It(e, n, t, o, i, r) {
   return d(), m("span", {
     class: "builder-text",
     innerHTML: t.text,
     style: {
       outline: "none"
     }
-  }, null, 8, _t);
+  }, null, 8, Ct);
 }
-const Ct = /* @__PURE__ */ h(St, [["render", wt]]), It = {
+const Tt = /* @__PURE__ */ h(wt, [["render", It]]), Rt = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1476,7 +1487,7 @@ const Ct = /* @__PURE__ */ h(St, [["render", wt]]), It = {
       advanced: !0
     }
   ]
-}, Tt = {
+}, Et = {
   name: "builder-video",
   props: [
     "autoPlay",
@@ -1517,23 +1528,23 @@ const Ct = /* @__PURE__ */ h(St, [["render", wt]]), It = {
       };
     }
   }
-}, Rt = ["src", "poster"];
-function Et(e, n, t, o, s, i) {
-  var r;
-  return d(), m("video", S({
+}, At = ["src", "poster"];
+function Vt(e, n, t, o, i, r) {
+  var s;
+  return d(), m("video", _({
     style: {
       width: "100%",
       height: "100%",
-      ...(r = t.attributes) == null ? void 0 : r.style,
+      ...(s = t.attributes) == null ? void 0 : s.style,
       objectFit: t.fit,
       objectPosition: t.position,
       borderRadius: 1
     },
     src: t.video || "no-src",
     poster: t.posterImage
-  }, i.spreadProps), null, 16, Rt);
+  }, r.spreadProps), null, 16, At);
 }
-const At = /* @__PURE__ */ h(Tt, [["render", Et]]), jt = {
+const jt = /* @__PURE__ */ h(Et, [["render", Vt]]), Pt = {
   name: "Embed",
   static: !0,
   inputs: [
@@ -1543,7 +1554,7 @@ const At = /* @__PURE__ */ h(Tt, [["render", Et]]), jt = {
       required: !0,
       defaultValue: "",
       helperText: "e.g. enter a youtube url, google map, etc",
-      onChange: V(
+      onChange: B(
         (e) => {
           const n = e.get("url");
           if (n)
@@ -1572,7 +1583,7 @@ const At = /* @__PURE__ */ h(Tt, [["render", Et]]), jt = {
   "text/javascript",
   "application/javascript",
   "application/ecmascript"
-], Vt = (e) => Bt.includes(e.type), Ot = {
+], Ft = (e) => Bt.includes(e.type), Ot = {
   name: "builder-embed",
   props: ["content"],
   data() {
@@ -1605,7 +1616,7 @@ const At = /* @__PURE__ */ h(Tt, [["render", Et]]), jt = {
           this.scriptsInserted.push(t.src);
           const o = document.createElement("script");
           o.async = !0, o.src = t.src, document.head.appendChild(o);
-        } else if (Vt(t) && !this.scriptsRun.includes(t.innerText))
+        } else if (Ft(t) && !this.scriptsRun.includes(t.innerText))
           try {
             this.scriptsRun.push(t.innerText), new Function(t.innerText)();
           } catch (o) {
@@ -1614,15 +1625,15 @@ const At = /* @__PURE__ */ h(Tt, [["render", Et]]), jt = {
       }
     }
   }
-}, Pt = ["innerHTML"];
-function Ft(e, n, t, o, s, i) {
+}, Ut = ["innerHTML"];
+function Wt(e, n, t, o, i, r) {
   return d(), m("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: t.content
-  }, null, 8, Pt);
+  }, null, 8, Ut);
 }
-const Ut = /* @__PURE__ */ h(Ot, [["render", Ft]]), Wt = {
+const Mt = /* @__PURE__ */ h(Ot, [["render", Wt]]), Lt = {
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -1638,31 +1649,33 @@ const Ut = /* @__PURE__ */ h(Ot, [["render", Ft]]), Wt = {
   methods: {
     filterAttrs: function(n = {}, t) {
       const o = "v-on:";
-      return Object.keys(n).filter((s) => {
-        const i = s.startsWith(o);
-        return t ? i : !i;
+      return Object.keys(n).filter((i) => {
+        if (!n[i])
+          return !1;
+        const r = i.startsWith(o);
+        return t ? r : !r;
       }).reduce(
-        (s, i) => ({
-          ...s,
-          [i.replace(o, "")]: n[i]
+        (i, r) => ({
+          ...i,
+          [r.replace(o, "")]: n[r]
         }),
         {}
       );
     }
   }
-}, Mt = ["alt", "src"];
-function Lt(e, n, t, o, s, i) {
-  return d(), m("img", S({
+}, Nt = ["alt", "src"];
+function $t(e, n, t, o, i, r) {
+  return d(), m("img", _({
     style: {
       objectFit: t.backgroundSize || "cover",
       objectPosition: t.backgroundPosition || "center"
     },
-    key: s.isEditing() && t.imgSrc || "default-key",
+    key: i.isEditing() && t.imgSrc || "default-key",
     alt: t.altText,
     src: t.imgSrc || t.image
-  }, i.filterAttrs(t.attributes, !1), C(i.filterAttrs(t.attributes, !0), !0)), null, 16, Mt);
+  }, r.filterAttrs(t.attributes, !1), I(r.filterAttrs(t.attributes, !0), !0)), null, 16, Nt);
 }
-const Nt = /* @__PURE__ */ h(Wt, [["render", Lt]]), $t = {
+const Ht = /* @__PURE__ */ h(Lt, [["render", $t]]), zt = {
   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",
@@ -1677,7 +1690,7 @@ const Nt = /* @__PURE__ */ h(Wt, [["render", Lt]]), $t = {
   ],
   noWrap: !0,
   static: !0
-}, Ht = {
+}, Kt = {
   name: "builder-custom-code",
   props: ["replaceNodes", "code"],
   data() {
@@ -1724,19 +1737,19 @@ const Nt = /* @__PURE__ */ h(Wt, [["render", Lt]]), $t = {
       return n;
     }
   }
-}, zt = ["innerHTML"];
-function Kt(e, n, t, o, s, i) {
+}, Dt = ["innerHTML"];
+function qt(e, n, t, o, i, r) {
   return d(), m("div", {
     ref: "elem",
     class: j(
-      i._classStringToObject(
+      r._classStringToObject(
         "builder-custom-code" + (t.replaceNodes ? " replace-nodes" : "")
       )
     ),
     innerHTML: t.code
-  }, null, 10, zt);
+  }, null, 10, Dt);
 }
-const Dt = /* @__PURE__ */ h(Ht, [["render", Kt]]), qt = {
+const Gt = /* @__PURE__ */ h(Kt, [["render", qt]]), Jt = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -1762,35 +1775,35 @@ const Dt = /* @__PURE__ */ h(Ht, [["render", Kt]]), qt = {
       advanced: !0
     }
   ]
-}, Gt = () => [
-  { component: fe, ...Ne },
-  { component: Se, ...$e },
-  { component: Dt, ...qt },
-  { component: Ut, ...jt },
-  { component: Ce, ...He },
-  { component: Ve, ...ze },
-  { component: Nt, ...$t },
-  { component: Ge, ...Ke },
-  { component: xt, ...Je },
-  { component: Ct, ...kt },
-  { component: At, ...It }
+}, Xt = () => [
+  { component: be, ...He },
+  { component: we, ...ze },
+  { component: Gt, ...Jt },
+  { component: Mt, ...Pt },
+  { component: Te, ...Ke },
+  { component: Fe, ...De },
+  { component: Ht, ...zt },
+  { component: Xe, ...qe },
+  { component: St, ...Ye },
+  { component: Tt, ..._t },
+  { component: jt, ...Rt }
 ];
-function K({
+function q({
   code: e,
   context: n,
   state: t,
   event: o,
-  isExpression: s = !0
+  isExpression: i = !0
 }) {
   if (e === "") {
     console.warn("Skipping evaluation of empty code block.");
     return;
   }
-  const i = {
+  const r = {
     isEditing: v(),
     isBrowser: p(),
     isServer: !p()
-  }, c = s && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e;
+  }, c = i && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e;
   try {
     return new Function(
       "builder",
@@ -1799,7 +1812,7 @@ function K({
       "context",
       "event",
       c
-    )(i, i, t, n, o);
+    )(r, r, t, n, o);
   } catch (a) {
     console.warn(
       `Builder custom code error: 
@@ -1812,113 +1825,113 @@ function K({
     );
   }
 }
-function Jt() {
+function Yt() {
   return !p() || v() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
 }
-const re = [];
-function jn(e, n) {
-  return re.push({ component: e, ...n }), console.warn(
+const ce = [];
+function Pn(e, n) {
+  return ce.push({ component: e, ...n }), console.warn(
     "registerComponent is deprecated. Use the `customComponents` prop in RenderContent instead to provide your custom components to the builder SDK."
   ), e;
 }
-const Yt = ({
+const Qt = ({
   component: e,
   ...n
 }) => ({
   type: "builder.registerComponent",
-  data: Qt(n)
-}), Xt = (e) => typeof e == "function" ? V(e) : W(e), Qt = ({
+  data: en(n)
+}), Zt = (e) => typeof e == "function" ? B(e) : L(e), en = ({
   inputs: e,
   ...n
 }) => ({
-  ...W(n),
+  ...L(n),
   inputs: e == null ? void 0 : e.map(
     (t) => Object.entries(t).reduce(
-      (o, [s, i]) => ({
+      (o, [i, r]) => ({
         ...o,
-        [s]: Xt(i)
+        [i]: Zt(r)
       }),
       {}
     )
   )
 });
-function Zt() {
+function tn() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
     const n = Math.random() * 16 | 0;
     return (e == "x" ? n : n & 3 | 8).toString(16);
   });
 }
-function ae() {
-  return Zt().replace(/-/g, "");
+function le() {
+  return tn().replace(/-/g, "");
 }
-const ce = "builderSessionId", en = async ({
+const de = "builderSessionId", nn = async ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const n = await te({
-    name: ce,
+  const n = await oe({
+    name: de,
     canTrack: e
   });
-  if (_(n))
+  if (w(n))
     return n;
   {
-    const t = tn();
-    return nn({ id: t, canTrack: e }), t;
+    const t = on();
+    return rn({ id: t, canTrack: e }), t;
   }
-}, tn = () => ae(), nn = ({
+}, on = () => le(), rn = ({
   id: e,
   canTrack: n
-}) => ne({ name: ce, value: e, canTrack: n }), le = () => p() && typeof localStorage < "u" ? localStorage : void 0, on = ({
+}) => ie({ name: de, value: e, canTrack: n }), ue = () => p() && typeof localStorage < "u" ? localStorage : void 0, sn = ({
   key: e,
   canTrack: n
 }) => {
   var t;
   try {
-    return n ? (t = le()) == null ? void 0 : t.getItem(e) : void 0;
+    return n ? (t = ue()) == null ? void 0 : t.getItem(e) : void 0;
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, sn = ({
+}, an = ({
   key: e,
   canTrack: n,
   value: t
 }) => {
   var o;
   try {
-    n && ((o = le()) == null || o.setItem(e, t));
-  } catch (s) {
-    console.debug("[LocalStorage] SET error: ", s);
+    n && ((o = ue()) == null || o.setItem(e, t));
+  } catch (i) {
+    console.debug("[LocalStorage] SET error: ", i);
   }
-}, de = "builderVisitorId", rn = ({ canTrack: e }) => {
+}, me = "builderVisitorId", cn = ({ canTrack: e }) => {
   if (!e)
     return;
-  const n = on({
-    key: de,
+  const n = sn({
+    key: me,
     canTrack: e
   });
-  if (_(n))
+  if (w(n))
     return n;
   {
-    const t = an();
-    return cn({ id: t, canTrack: e }), t;
+    const t = ln();
+    return dn({ id: t, canTrack: e }), t;
   }
-}, an = () => ae(), cn = ({
+}, ln = () => le(), dn = ({
   id: e,
   canTrack: n
-}) => sn({
-  key: de,
+}) => an({
+  key: me,
   value: e,
   canTrack: n
-}), ln = () => {
+}), un = () => {
   if (p()) {
     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;
-}, dn = () => typeof navigator == "object" && navigator.userAgent || "", un = () => {
-  const e = dn(), n = {
+}, mn = () => typeof navigator == "object" && navigator.userAgent || "", pn = () => {
+  const e = mn(), n = {
     Android() {
       return e.match(/Android/i);
     },
@@ -1935,55 +1948,55 @@ const ce = "builderSessionId", en = async ({
       return e.match(/IEMobile/i) || e.match(/WPDesktop/i);
     },
     any() {
-      return n.Android() || n.BlackBerry() || n.iOS() || n.Opera() || n.Windows() || R === "reactNative";
+      return n.Android() || n.BlackBerry() || n.iOS() || n.Opera() || n.Windows() || E === "reactNative";
     }
-  }, t = e.match(/Tablet|iPad/i), o = ln();
+  }, t = e.match(/Tablet|iPad/i), o = un();
   return {
     urlPath: o == null ? void 0 : o.pathname,
     host: (o == null ? void 0 : o.host) || (o == null ? void 0 : o.hostname),
     device: t ? "tablet" : n.any() ? "mobile" : "desktop"
   };
-}, mn = async ({
+}, hn = async ({
   canTrack: e
 }) => {
   if (!e)
     return { visitorId: void 0, sessionId: void 0 };
-  const n = await en({ canTrack: e }), t = rn({ canTrack: e });
+  const n = await nn({ canTrack: e }), t = cn({ canTrack: e });
   return {
     sessionId: n,
     visitorId: t
   };
-}, pn = async ({
+}, fn = async ({
   type: e,
   canTrack: n,
   apiKey: t,
   metadata: o,
-  ...s
+  ...i
 }) => ({
   type: e,
   data: {
-    ...s,
+    ...i,
     metadata: {
       url: location.href,
       ...o
     },
-    ...await mn({ canTrack: n }),
-    userAttributes: un(),
+    ...await hn({ canTrack: n }),
+    userAttributes: pn(),
     ownerId: t
   }
 });
-async function U(e) {
+async function M(e) {
   if (!e.apiKey) {
-    console.error(
-      "[Builder.io]: Missing API key for track call. Please provide your API key."
+    S.error(
+      "Missing API key for track call. Please provide your API key."
     );
     return;
   }
-  if (!!e.canTrack && !v() && !!(p() || R === "reactNative"))
+  if (!!e.canTrack && !v() && !!(p() || E === "reactNative"))
     return fetch("https://builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await pn(e)]
+        events: [await fn(e)]
       }),
       headers: {
         "content-type": "application/json"
@@ -1993,10 +2006,10 @@ async function U(e) {
       console.error("Failed to track: ", n);
     });
 }
-const Bn = (e) => U({ ...e, canTrack: !0 }), D = {};
-function hn(e, n) {
-  let t = D[e];
-  if (t || (t = D[e] = []), t.push(n), p()) {
+const Bn = (e) => M({ ...e, canTrack: !0 }), G = {};
+function gn(e, n) {
+  let t = G[e];
+  if (t || (t = G[e] = []), t.push(n), p()) {
     const o = {
       type: "builder.register",
       data: {
@@ -2006,13 +2019,13 @@ function hn(e, n) {
     };
     try {
       parent.postMessage(o, "*"), parent !== window && window.postMessage(o, "*");
-    } catch (s) {
-      console.debug("Could not postmessage", s);
+    } catch (i) {
+      console.debug("Could not postmessage", i);
     }
   }
 }
-const fn = () => {
-  hn("insertMenu", {
+const bn = () => {
+  gn("insertMenu", {
     name: "_default",
     default: !0,
     items: [
@@ -2027,14 +2040,14 @@ const fn = () => {
     ]
   });
 };
-let q = !1;
-const gn = (e = {}) => {
+let J = !1;
+const yn = (e = {}) => {
   var n, t;
-  q || (q = !0, p() && ((n = window.parent) == null || n.postMessage(
+  J || (J = !0, p() && ((n = window.parent) == null || n.postMessage(
     {
       type: "builder.sdkInfo",
       data: {
-        target: R,
+        target: E,
         supportsPatchUpdates: !1,
         supportsAddBlockScoping: !0,
         supportsCustomBreakpoints: !0
@@ -2050,18 +2063,18 @@ const gn = (e = {}) => {
     },
     "*"
   ), window.addEventListener("message", ({ data: o }) => {
-    var s, i;
+    var i, r;
     if (!!(o != null && o.type))
       switch (o.type) {
         case "builder.evaluate": {
-          const r = o.data.text, c = o.data.arguments || [], a = o.data.id, l = new Function(r);
+          const s = o.data.text, c = o.data.arguments || [], a = o.data.id, l = new Function(s);
           let u, g = null;
           try {
             u = l.apply(null, c);
           } catch (f) {
             g = f;
           }
-          g ? (s = window.parent) == null || s.postMessage(
+          g ? (i = window.parent) == null || i.postMessage(
             {
               type: "builder.evaluateError",
               data: { id: a, error: g.message }
@@ -2076,7 +2089,7 @@ const gn = (e = {}) => {
               },
               "*"
             );
-          }).catch(console.error) : (i = window.parent) == null || i.postMessage(
+          }).catch(console.error) : (r = window.parent) == null || r.postMessage(
             {
               type: "builder.evaluateResult",
               data: { result: u, id: a }
@@ -2088,10 +2101,10 @@ const gn = (e = {}) => {
       }
   })));
 };
-function G(e) {
+function X(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const bn = (e, n, t = !0) => {
+const vn = (e, n, t = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = t ? e : e.parentElement;
@@ -2102,46 +2115,46 @@ const bn = (e, n, t = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, yn = (e) => bn(e, (n) => {
+}, xn = (e) => vn(e, (n) => {
   const t = n.getAttribute("builder-id") || n.id;
   return Boolean((t == null ? void 0 : t.indexOf("builder-")) === 0);
-}), J = ({
+}), Y = ({
   event: e,
   target: n
 }) => {
-  const t = n.getBoundingClientRect(), o = e.clientX - t.left, s = e.clientY - t.top, i = G(o / t.width), r = G(s / t.height);
+  const t = n.getBoundingClientRect(), o = e.clientX - t.left, i = e.clientY - t.top, r = X(o / t.width), s = X(i / t.height);
   return {
-    x: i,
-    y: r
+    x: r,
+    y: s
   };
-}, vn = (e) => {
-  const n = e.target, t = n && yn(n), o = (t == null ? void 0 : t.getAttribute("builder-id")) || (t == null ? void 0 : t.id);
+}, kn = (e) => {
+  const n = e.target, t = n && xn(n), o = (t == null ? void 0 : t.getAttribute("builder-id")) || (t == null ? void 0 : t.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
-      targetOffset: n ? J({ event: e, target: n }) : void 0,
-      builderTargetOffset: t ? J({ event: e, target: t }) : void 0,
+      targetOffset: n ? Y({ event: e, target: n }) : void 0,
+      builderTargetOffset: t ? Y({ event: e, target: t }) : void 0,
       builderElementIndex: t && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(t) : void 0
     }
   };
-}, xn = ({
+}, Sn = ({
   content: e,
   data: n,
   locale: t
 }) => {
-  var i, r, c;
+  var r, s, c;
   const o = {};
-  (r = (i = e == null ? void 0 : e.data) == null ? void 0 : i.inputs) == null || r.forEach((a) => {
+  (s = (r = e == null ? void 0 : e.data) == null ? void 0 : r.inputs) == null || s.forEach((a) => {
     var l;
     a.name && a.defaultValue !== void 0 && ((l = e == null ? void 0 : e.data) == null ? void 0 : l.state) && e.data.state[a.name] === void 0 && (o[a.name] = a.defaultValue);
   });
-  const s = {
+  const i = {
     ...(c = e == null ? void 0 : e.data) == null ? void 0 : c.state,
     ...n,
     ...t ? { locale: t } : {}
   };
-  return { ...o, ...s };
-}, kn = ({
+  return { ...o, ...i };
+}, _n = ({
   content: e,
   data: n
 }) => e ? {
@@ -2151,21 +2164,21 @@ const bn = (e, n, t = !0) => {
     ...n
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, Sn = () => Promise.resolve().then(() => Z).then((e) => e.default).catch((e) => {
+} : void 0, wn = () => Promise.resolve().then(() => te).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlocks at ../render-blocks.vue",
     e
   ), e;
-}), _n = () => import("./render-styles.86b7cc7d.js").then((e) => e.default).catch((e) => {
+}), Cn = () => import("./render-styles.cf6faa29.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderContentStyles at ./components/render-styles.vue",
     e
   ), e;
-}), wn = {
+}), In = {
   name: "render-content",
   components: {
-    RenderContentStyles: x(_n),
-    RenderBlocks: x(Sn)
+    RenderContentStyles: x(Cn),
+    RenderBlocks: x(wn)
   },
   props: [
     "content",
@@ -2183,20 +2196,20 @@ const bn = (e, n, t = !0) => {
     return {
       forceReRenderCount: 0,
       overrideContent: null,
-      useContent: kn({
+      useContent: _n({
         content: this.content,
         data: this.data
       }),
       update: 0,
-      canTrackToUse: _(this.canTrack) ? this.canTrack : !0,
-      contentState: xn({
+      canTrackToUse: w(this.canTrack) ? this.canTrack : !0,
+      contentState: Sn({
         content: this.content,
         data: this.data,
         locale: this.locale
       }),
       allRegisteredComponents: [
-        ...Gt(),
-        ...re,
+        ...Xt(),
+        ...ce,
         ...this.customComponents || []
       ].reduce(
         (e, n) => ({
@@ -2207,13 +2220,13 @@ const bn = (e, n, t = !0) => {
       ),
       httpReqsData: {},
       clicked: !1,
-      TARGET: R
+      TARGET: E
     };
   },
   provide() {
     const e = this;
     return {
-      [B.key]: {
+      [P.key]: {
         content: e.useContent,
         state: e.contentState,
         setState: e.setContextState,
@@ -2226,10 +2239,10 @@ const bn = (e, n, t = !0) => {
   },
   mounted() {
     var e, n;
-    if (this.apiKey || console.error(
-      "[Builder.io]: No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
+    if (this.apiKey || S.error(
+      "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
     ), p()) {
-      if (v() && (this.forceReRenderCount = this.forceReRenderCount + 1, fn(), gn({
+      if (v() && (this.forceReRenderCount = this.forceReRenderCount + 1, bn(), yn({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -2239,15 +2252,15 @@ const bn = (e, n, t = !0) => {
       }), Object.values(
         this.allRegisteredComponents
       ).forEach((t) => {
-        var s;
-        const o = Yt(t);
-        (s = window.parent) == null || s.postMessage(o, "*");
+        var i;
+        const o = Qt(t);
+        (i = window.parent) == null || i.postMessage(o, "*");
       }), window.addEventListener("message", this.processMessage), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
         this.emitStateUpdate
       )), this.useContent) {
         const t = (e = this.useContent) == null ? void 0 : e.testVariationId, o = (n = this.useContent) == null ? void 0 : n.id;
-        U({
+        M({
           type: "impression",
           canTrack: this.canTrackToUse,
           contentId: o,
@@ -2255,14 +2268,16 @@ const bn = (e, n, t = !0) => {
           variationId: t !== o ? t : void 0
         });
       }
-      if (Jt()) {
-        const t = new URL(location.href).searchParams, o = t.get("builder.preview"), s = t.get("apiKey") || t.get("builder.space");
-        o === this.model && s === this.apiKey && se({
+      if (Yt()) {
+        const t = new URL(location.href).searchParams, o = t.get("builder.preview"), i = t.get(
+          `builder.preview.${o}`
+        ), r = t.get("apiKey") || t.get("builder.space");
+        o === this.model && r === this.apiKey && (!this.content || i === this.content.id) && ae({
           model: this.model,
           apiKey: this.apiKey,
           apiVersion: this.apiVersion
-        }).then((i) => {
-          i && this.mergeNewContent(i);
+        }).then((s) => {
+          s && this.mergeNewContent(s);
         });
       }
       this.evaluateJsCode(), this.runHttpRequests(), this.emitStateUpdate();
@@ -2327,7 +2342,7 @@ const bn = (e, n, t = !0) => {
   },
   methods: {
     mergeNewContent(e) {
-      var n, t, o, s, i;
+      var n, t, o, i, r;
       this.useContent = {
         ...this.useContent,
         ...e,
@@ -2338,7 +2353,7 @@ const bn = (e, n, t = !0) => {
         meta: {
           ...(t = this.useContent) == null ? void 0 : t.meta,
           ...e == null ? void 0 : e.meta,
-          breakpoints: ((o = e == null ? void 0 : e.meta) == null ? void 0 : o.breakpoints) || ((i = (s = this.useContent) == null ? void 0 : s.meta) == null ? void 0 : i.breakpoints)
+          breakpoints: ((o = e == null ? void 0 : e.meta) == null ? void 0 : o.breakpoints) || ((r = (i = this.useContent) == null ? void 0 : i.meta) == null ? void 0 : r.breakpoints)
         }
       };
     },
@@ -2361,15 +2376,15 @@ const bn = (e, n, t = !0) => {
       if (n)
         switch (n.type) {
           case "builder.configureSdk": {
-            const o = n.data, { breakpoints: s, contentId: i } = o;
-            if (!i || i !== ((t = this.useContent) == null ? void 0 : t.id))
+            const o = n.data, { breakpoints: i, contentId: r } = o;
+            if (!r || r !== ((t = this.useContent) == null ? void 0 : t.id))
               return;
-            s && this.setBreakpoints(s), this.forceReRenderCount = this.forceReRenderCount + 1;
+            i && this.setBreakpoints(i), this.forceReRenderCount = this.forceReRenderCount + 1;
             break;
           }
           case "builder.contentUpdate": {
-            const o = n.data, s = o.key || o.alias || o.entry || o.modelName, i = o.data;
-            s === this.model && (this.mergeNewContent(i), this.forceReRenderCount = this.forceReRenderCount + 1);
+            const o = n.data, i = o.key || o.alias || o.entry || o.modelName, r = o.data;
+            i === this.model && (this.mergeNewContent(r), this.forceReRenderCount = this.forceReRenderCount + 1);
             break;
           }
         }
@@ -2377,7 +2392,7 @@ const bn = (e, n, t = !0) => {
     evaluateJsCode() {
       var n, t;
       const e = (t = (n = this.useContent) == null ? void 0 : n.data) == null ? void 0 : t.jsCode;
-      e && K({
+      e && q({
         code: e,
         context: this.context || {},
         state: this.contentState
@@ -2386,14 +2401,14 @@ const bn = (e, n, t = !0) => {
     onClick(e) {
       var n, t;
       if (this.useContent) {
-        const o = (n = this.useContent) == null ? void 0 : n.testVariationId, s = (t = this.useContent) == null ? void 0 : t.id;
-        U({
+        const o = (n = this.useContent) == null ? void 0 : n.testVariationId, i = (t = this.useContent) == null ? void 0 : t.id;
+        M({
           type: "click",
           canTrack: this.canTrackToUse,
-          contentId: s,
+          contentId: i,
           apiKey: this.apiKey,
-          variationId: o !== s ? o : void 0,
-          ...vn(e),
+          variationId: o !== i ? o : void 0,
+          ...kn(e),
           unique: !this.clicked
         });
       }
@@ -2402,7 +2417,7 @@ const bn = (e, n, t = !0) => {
     evalExpression(e) {
       return e.replace(
         /{{([^}]+)}}/g,
-        (n, t) => K({
+        (n, t) => q({
           code: t,
           context: this.context || {},
           state: this.contentState
@@ -2410,7 +2425,7 @@ const bn = (e, n, t = !0) => {
       );
     },
     handleRequest({ url: e, key: n }) {
-      ee(e).then((t) => t.json()).then((t) => {
+      ne(e).then((t) => t.json()).then((t) => {
         const o = {
           ...this.contentState,
           [n]: t
@@ -2423,12 +2438,12 @@ const bn = (e, n, t = !0) => {
     runHttpRequests() {
       var n, t, o;
       const e = (o = (t = (n = this.useContent) == null ? void 0 : n.data) == null ? void 0 : t.httpRequests) != null ? o : {};
-      Object.entries(e).forEach(([s, i]) => {
-        if (i && (!this.httpReqsData[s] || v())) {
-          const r = this.evalExpression(i);
+      Object.entries(e).forEach(([i, r]) => {
+        if (r && (!this.httpReqsData[i] || v())) {
+          const s = this.evalExpression(r);
           this.handleRequest({
-            url: r,
-            key: s
+            url: s,
+            key: i
           });
         }
       });
@@ -2449,74 +2464,74 @@ const bn = (e, n, t = !0) => {
       );
     }
   }
-}, Cn = ["builder-content-id", "builder-model"];
-function In(e, n, t, o, s, i) {
-  var a, l, u, g, f, b, w, M;
-  const r = k("render-content-styles"), c = k("render-blocks");
-  return s.useContent ? (d(), m("div", {
+}, Tn = ["builder-content-id", "builder-model"];
+function Rn(e, n, t, o, i, r) {
+  var a, l, u, g, f, b, C, N;
+  const s = k("render-content-styles"), c = k("render-blocks");
+  return i.useContent ? (d(), m("div", {
     key: 0,
     ref: "elementRef",
-    onClick: n[0] || (n[0] = (ue) => i.onClick(ue)),
-    "builder-content-id": (a = s.useContent) == null ? void 0 : a.id,
+    onClick: n[0] || (n[0] = (pe) => r.onClick(pe)),
+    "builder-content-id": (a = i.useContent) == null ? void 0 : a.id,
     "builder-model": t.model
   }, [
-    s.TARGET !== "reactNative" ? (d(), T(r, {
+    i.TARGET !== "reactNative" ? (d(), R(s, {
       key: 0,
-      contentId: (l = s.useContent) == null ? void 0 : l.id,
-      cssCode: (g = (u = s.useContent) == null ? void 0 : u.data) == null ? void 0 : g.cssCode,
-      customFonts: (b = (f = s.useContent) == null ? void 0 : f.data) == null ? void 0 : b.customFonts
+      contentId: (l = i.useContent) == null ? void 0 : l.id,
+      cssCode: (g = (u = i.useContent) == null ? void 0 : u.data) == null ? void 0 : g.cssCode,
+      customFonts: (b = (f = i.useContent) == null ? void 0 : f.data) == null ? void 0 : b.customFonts
     }, null, 8, ["contentId", "cssCode", "customFonts"])) : y("", !0),
-    (d(), T(c, {
-      blocks: (M = (w = s.useContent) == null ? void 0 : w.data) == null ? void 0 : M.blocks,
-      key: s.forceReRenderCount
+    (d(), R(c, {
+      blocks: (N = (C = i.useContent) == null ? void 0 : C.data) == null ? void 0 : N.blocks,
+      key: i.forceReRenderCount
     }, null, 8, ["blocks"]))
-  ], 8, Cn)) : y("", !0);
+  ], 8, Tn)) : y("", !0);
 }
-const Tn = /* @__PURE__ */ h(wn, [["render", In]]), Rn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const En = /* @__PURE__ */ h(In, [["render", Rn]]), An = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Tn
-}, Symbol.toStringTag, { value: "Module" })), Y = {};
-function Vn(e) {
+  default: En
+}, Symbol.toStringTag, { value: "Module" })), Q = {};
+function Fn(e) {
   if (p()) {
-    Object.assign(Y, e);
+    Object.assign(Q, e);
     const n = {
       type: "builder.settingsChange",
-      data: Y
+      data: Q
     };
     parent.postMessage(n, "*");
   }
 }
 export {
-  B,
-  Se as C,
-  Ce as F,
-  Ve as I,
-  Ge as S,
-  R as T,
-  At as V,
+  P as B,
+  we as C,
+  Te as F,
+  Fe as I,
+  Xe as S,
+  E as T,
+  jt as V,
   h as _,
-  An as a,
-  fe as b,
-  _ as c,
-  Tn as d,
-  K as e,
-  W as f,
-  ge as g,
-  xt as h,
-  Ct as i,
+  jn as a,
+  be as b,
+  w as c,
+  En as d,
+  q as e,
+  L as f,
+  ye as g,
+  St as h,
+  Tt as i,
   v as j,
-  Jt as k,
-  re as l,
-  jn as m,
-  Yt as n,
-  hn as o,
-  se as p,
-  ft as q,
-  Le as r,
-  Vn as s,
+  Yt as k,
+  ce as l,
+  Pn as m,
+  Qt as n,
+  gn as o,
+  ae as p,
+  bt as q,
+  $e as r,
+  Fn as s,
   Bn as t,
-  dt as u,
-  ut as v,
-  mt as w,
-  ie as x
+  mt as u,
+  pt as v,
+  ht as w,
+  se as x
 };