@builder.io/sdk-vue 0.1.9 → 0.1.11

package/packages/_vue3/dist/{index.5773f262.js → index.0f0b2b49.js}

@@ -1,103 +1,5 @@
-import { openBlock as d, createElementBlock as u, mergeProps as C, toHandlers as w, toDisplayString as M, defineAsyncComponent as x, resolveComponent as k, normalizeClass as j, normalizeStyle as I, createBlock as T, createCommentVNode as b, Fragment as E, renderList as P, createVNode as Q, renderSlot as A, createElementVNode as $ } from "vue";
-const R = "vue3";
-function f() {
-  return typeof window < "u" && typeof document < "u";
-}
-const z = {};
-function pe(e, n) {
-  let t = z[e];
-  if (t || (t = z[e] = []), t.push(n), f()) {
-    const o = {
-      type: "builder.register",
-      data: {
-        type: e,
-        info: n
-      }
-    };
-    try {
-      parent.postMessage(o, "*"), parent !== window && window.postMessage(o, "*");
-    } catch (r) {
-      console.debug("Could not postmessage", r);
-    }
-  }
-}
-const he = () => {
-  pe("insertMenu", {
-    name: "_default",
-    default: !0,
-    items: [
-      { name: "Box" },
-      { name: "Text" },
-      { name: "Image" },
-      { name: "Columns" },
-      { name: "Core:Section" },
-      { name: "Core:Button" },
-      { name: "Embed" },
-      { name: "Custom Code" }
-    ]
-  });
-};
-let K = !1;
-const fe = (e = {}) => {
-  var n, t;
-  K || (K = !0, f() && ((n = window.parent) == null || n.postMessage(
-    {
-      type: "builder.sdkInfo",
-      data: {
-        target: R,
-        supportsPatchUpdates: !1,
-        supportsAddBlockScoping: !0,
-        supportsCustomBreakpoints: !0
-      }
-    },
-    "*"
-  ), (t = window.parent) == null || t.postMessage(
-    {
-      type: "builder.updateContent",
-      data: {
-        options: e
-      }
-    },
-    "*"
-  ), window.addEventListener("message", ({ data: o }) => {
-    var r, s;
-    if (!!(o != null && o.type))
-      switch (o.type) {
-        case "builder.evaluate": {
-          const i = o.data.text, c = o.data.arguments || [], a = o.data.id, l = new Function(i);
-          let m, p = null;
-          try {
-            m = l.apply(null, c);
-          } catch (h) {
-            p = h;
-          }
-          p ? (r = window.parent) == null || r.postMessage(
-            {
-              type: "builder.evaluateError",
-              data: { id: a, error: p.message }
-            },
-            "*"
-          ) : m && typeof m.then == "function" ? m.then((h) => {
-            var v;
-            (v = window.parent) == null || v.postMessage(
-              {
-                type: "builder.evaluateResult",
-                data: { id: a, result: h }
-              },
-              "*"
-            );
-          }).catch(console.error) : (s = window.parent) == null || s.postMessage(
-            {
-              type: "builder.evaluateResult",
-              data: { result: m, id: a }
-            },
-            "*"
-          );
-          break;
-        }
-      }
-  })));
-}, ge = {
+import { openBlock as d, createElementBlock as u, mergeProps as _, toHandlers as w, toDisplayString as M, defineAsyncComponent as x, resolveComponent as k, normalizeClass as j, normalizeStyle as I, createBlock as T, createCommentVNode as b, Fragment as E, renderList as P, createVNode as Q, renderSlot as A, createElementVNode as $ } from "vue";
+const pe = {
   name: "builder-button",
   props: ["attributes", "text", "link", "openLinkInNewTab"],
   methods: {
@@ -121,19 +23,19 @@ const g = (e, n) => {
   for (const [o, r] of n)
     t[o] = r;
   return t;
-}, be = ["href", "target"];
-function ye(e, n, t, o, r, s) {
-  return t.link ? (d(), u("a", C({
+}, he = ["href", "target"];
+function fe(e, n, t, o, r, s) {
+  return t.link ? (d(), u("a", _({
     key: 0,
     role: "button",
     href: t.link,
     target: t.openLinkInNewTab ? "_blank" : void 0
-  }, s.filterAttrs(t.attributes, !1), w(s.filterAttrs(t.attributes, !0), !0)), M(t.text), 17, be)) : (d(), u("button", C({
+  }, s.filterAttrs(t.attributes, !1), w(s.filterAttrs(t.attributes, !0), !0)), M(t.text), 17, he)) : (d(), u("button", _({
     key: 1,
-    class: "button-1yj9n7yt24z"
+    class: "button-4o9pb21oca6"
   }, s.filterAttrs(t.attributes, !1), w(s.filterAttrs(t.attributes, !0), !0)), M(t.text), 17));
 }
-const ve = /* @__PURE__ */ g(ge, [["render", ye], ["__scopeId", "data-v-28c9cee7"]]), W = (e) => JSON.parse(JSON.stringify(e)), Z = {
+const ge = /* @__PURE__ */ g(pe, [["render", fe], ["__scopeId", "data-v-e75e2084"]]), L = (e) => JSON.parse(JSON.stringify(e)), Z = {
   small: {
     min: 320,
     default: 321,
@@ -149,8 +51,8 @@ const ve = /* @__PURE__ */ g(ge, [["render", ye], ["__scopeId", "data-v-28c9cee7
     default: 991,
     max: 1200
   }
-}, On = (e, n = Z) => `@media (max-width: ${n[e].max}px)`, xe = ({ small: e, medium: n }) => {
-  const t = W(Z);
+}, On = (e, n = Z) => `@media (max-width: ${n[e].max}px)`, be = ({ small: e, medium: n }) => {
+  const t = L(Z);
   if (!e || !n)
     return t;
   const o = Math.floor(e / 2);
@@ -171,22 +73,22 @@ const ve = /* @__PURE__ */ g(ge, [["render", ye], ["__scopeId", "data-v-28c9cee7
     min: s,
     default: s + 1
   }, t;
-}, ke = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), S = (e) => e != null, Se = (e) => Object.entries(e).map(([t, o]) => {
+}, R = "vue3", ye = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), S = (e) => e != null, ve = (e) => Object.entries(e).map(([t, o]) => {
   if (typeof o == "string")
-    return `${ke(t)}: ${o};`;
-}).filter(S), _ = (e) => Se(e).join(`
+    return `${ye(t)}: ${o};`;
+}).filter(S), C = (e) => ve(e).join(`
 `), Fn = ({
   mediaQuery: e,
   className: n,
   styles: t
 }) => {
   const o = `.${n} {
-    ${_(t)}
+    ${C(t)}
   }`;
   return e ? `${e} {
       ${o}
     }` : o;
-}, Ce = Symbol(), O = {
+}, xe = Symbol(), O = {
   Builder: {
     content: null,
     context: {},
@@ -197,22 +99,22 @@ const ve = /* @__PURE__ */ g(ge, [["render", ye], ["__scopeId", "data-v-28c9cee7
     registeredComponents: {},
     inheritedStyles: {}
   },
-  key: Ce
-}, _e = () => Promise.resolve().then(() => ee).then((e) => e.default).catch((e) => {
+  key: xe
+}, ke = () => Promise.resolve().then(() => ee).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlocks at ../../components/render-blocks.vue",
     e
   ), e;
-}), we = () => import("./render-inlined-styles.da7419c9.js").then((e) => e.default).catch((e) => {
+}), Se = () => import("./render-inlined-styles.db67e9d8.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;
-}), Ie = {
+}), _e = {
   name: "builder-columns",
   components: {
-    RenderInlinedStyles: x(we),
-    RenderBlocks: x(_e)
+    RenderInlinedStyles: x(Se),
+    RenderBlocks: x(ke)
   },
   props: [
     "space",
@@ -272,21 +174,21 @@ const ve = /* @__PURE__ */ g(ge, [["render", ye], ["__scopeId", "data-v-28c9cee7
       return `
       @media (max-width: ${this.getWidthForBreakpointSize("medium")}px) {
         .${this.builderBlock.id}-breakpoints {
-          ${_(this.columnStyleObjects.columns.medium)}
+          ${C(this.columnStyleObjects.columns.medium)}
         }
 
         .${this.builderBlock.id}-breakpoints > .builder-column {
-          ${_(this.columnStyleObjects.column.medium)}
+          ${C(this.columnStyleObjects.column.medium)}
         }
       }
 
       @media (max-width: ${this.getWidthForBreakpointSize("small")}px) {
         .${this.builderBlock.id}-breakpoints {
-          ${_(this.columnStyleObjects.columns.small)}
+          ${C(this.columnStyleObjects.columns.small)}
         }
 
         .${this.builderBlock.id}-breakpoints > .builder-column {
-          ${_(this.columnStyleObjects.column.small)}
+          ${C(this.columnStyleObjects.column.small)}
         }
       },
     `;
@@ -319,7 +221,7 @@ const ve = /* @__PURE__ */ g(ge, [["render", ye], ["__scopeId", "data-v-28c9cee7
     },
     getWidthForBreakpointSize(e) {
       var t, o;
-      return xe(
+      return be(
         ((o = (t = this.builderContext.content) == null ? void 0 : t.meta) == null ? void 0 : o.breakpoints) || {}
       )[e].max;
     },
@@ -334,12 +236,12 @@ const ve = /* @__PURE__ */ g(ge, [["render", ye], ["__scopeId", "data-v-28c9cee7
     }
   }
 };
-function Te(e, n, t, o, r, s) {
+function Ce(e, n, t, o, r, s) {
   const i = k("render-inlined-styles"), c = k("render-blocks");
   return d(), u("div", {
     class: j(
       s._classStringToObject(
-        `builder-columns ${t.builderBlock.id}-breakpoints div-1eih9th5ow6`
+        `builder-columns ${t.builderBlock.id}-breakpoints div-361b1o6wv2k`
       )
     ),
     style: I({
@@ -353,7 +255,7 @@ function Te(e, n, t, o, r, s) {
     }, null, 8, ["styles"])) : b("", !0),
     (d(!0), u(E, null, P(t.columns, (a, l) => (d(), u("div", {
       key: l,
-      class: "builder-column div-1eih9th5ow6-2",
+      class: "builder-column div-361b1o6wv2k-2",
       style: I({
         width: s.getColumnCssWidth(l),
         marginLeft: `${l === 0 ? 0 : s.getGutterSize()}px`,
@@ -372,34 +274,34 @@ function Te(e, n, t, o, r, s) {
     ], 4))), 128))
   ], 6);
 }
-const Re = /* @__PURE__ */ g(Ie, [["render", Te], ["__scopeId", "data-v-5a958e96"]]), Ee = {
+const we = /* @__PURE__ */ g(_e, [["render", Ce], ["__scopeId", "data-v-64d36a32"]]), Ie = {
   name: "builder-fragment-component",
   props: []
 };
-function Ae(e, n, t, o, r, s) {
+function Te(e, n, t, o, r, s) {
   return d(), u("span", null, [
     A(e.$slots, "default")
   ]);
 }
-const je = /* @__PURE__ */ g(Ee, [["render", Ae]]);
-function H(e) {
+const Re = /* @__PURE__ */ g(Ie, [["render", Te]]);
+function z(e) {
   return e.replace(/http(s)?:/, "");
 }
-function Oe(e = "", n, t) {
+function Ee(e = "", n, t) {
   const o = new RegExp("([?&])" + n + "=.*?(&|$)", "i"), r = e.indexOf("?") !== -1 ? "&" : "?";
   return e.match(o) ? e.replace(o, "$1" + n + "=" + encodeURIComponent(t) + "$2") : e + r + n + "=" + encodeURIComponent(t);
 }
-function Fe(e, n) {
+function Ae(e, n) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !n)
     return e;
   if (n === "master")
-    return H(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]), r = t[3], s = n.match("x") ? n : `${n}x`;
-    return H(`${o[0]}_${s}${r}`);
+    return z(`${o[0]}_${s}${r}`);
   }
   return null;
 }
@@ -410,11 +312,11 @@ function B(e) {
   if (e.match(/builder\.io/)) {
     let t = e;
     const o = Number(e.split("?width=")[1]);
-    return isNaN(o) || (t = `${t} ${o}w`), n.filter((r) => r !== o).map((r) => `${Oe(e, "width", r)} ${r}w`).concat([t]).join(", ");
+    return isNaN(o) || (t = `${t} ${o}w`), n.filter((r) => r !== o).map((r) => `${Ee(e, "width", r)} ${r}w`).concat([t]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? n.map((t) => [Fe(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) => [Ae(e, `${t}x${t}`), t]).filter(([t]) => !!t).map(([t, o]) => `${t} ${o}w`).concat([e]).join(", ") : e;
 }
-const Be = {
+const je = {
   name: "builder-image",
   props: [
     "image",
@@ -470,11 +372,11 @@ const Be = {
     }
   }
 };
-const Pe = ["srcset"], Ve = ["alt", "role", "src", "srcset", "sizes"], Ue = {
+const Oe = ["srcset"], Fe = ["alt", "role", "src", "srcset", "sizes"], Be = {
   key: 2,
-  class: "div-20vehov4ay6-2"
+  class: "div-7jvpanrlkn-2"
 };
-function We(e, n, t, o, r, s) {
+function Pe(e, n, t, o, r, s) {
   var i, c, a, l;
   return d(), u(E, null, [
     $("picture", null, [
@@ -482,7 +384,7 @@ function We(e, n, t, o, r, s) {
         key: 0,
         type: "image/webp",
         srcset: s.webpSrcSet
-      }, null, 8, Pe)) : b("", !0),
+      }, null, 8, Oe)) : b("", !0),
       $("img", {
         loading: "lazy",
         alt: t.altText,
@@ -494,49 +396,52 @@ function We(e, n, t, o, r, s) {
         }),
         class: j(
           s._classStringToObject(
-            "builder-image" + (t.className ? " " + t.className : "") + " img-20vehov4ay6"
+            "builder-image" + (t.className ? " " + t.className : "") + " img-7jvpanrlkn"
           )
         ),
         src: t.image,
         srcset: s.srcSetToUse,
         sizes: t.sizes
-      }, null, 14, Ve)
+      }, null, 14, Fe)
     ]),
     t.aspectRatio && !(((c = (i = t.builderBlock) == null ? void 0 : i.children) == null ? void 0 : c.length) && t.fitContent) ? (d(), u("div", {
       key: 0,
-      class: "builder-image-sizer div-20vehov4ay6",
+      class: "builder-image-sizer div-7jvpanrlkn",
       style: I({
         paddingTop: t.aspectRatio * 100 + "%"
       })
     }, null, 4)) : b("", !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) : b("", !0),
-    !t.fitContent && e.children ? (d(), u("div", Ue, [
+    !t.fitContent && e.children ? (d(), u("div", Be, [
       A(e.$slots, "default", {}, void 0, !0)
     ])) : b("", !0)
   ], 64);
 }
-const Le = /* @__PURE__ */ g(Be, [["render", We], ["__scopeId", "data-v-d6b405aa"]]);
-function Ne() {
+const Ve = /* @__PURE__ */ g(je, [["render", Pe], ["__scopeId", "data-v-22833d9f"]]);
+function f() {
+  return typeof window < "u" && typeof document < "u";
+}
+function Ue() {
   return f() && window.self !== window.top;
 }
 function y() {
-  return Ne() && window.location.search.indexOf("builder.frameEditing=") !== -1;
+  return Ue() && window.location.search.indexOf("builder.frameEditing=") !== -1;
 }
-const Me = () => import("./block-styles.b74d2b45.js").then((e) => e.default).catch((e) => {
+const Le = () => import("./block-styles.dbf81cfb.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;
-}), $e = () => import("./render-block.f48dafa3.js").then((e) => e.default).catch((e) => {
+}), We = () => import("./render-block.e3ebf63d.js").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;
-}), ze = {
+}), Ne = {
   name: "render-blocks",
   components: {
-    RenderBlock: x($e),
-    BlockStyles: x(Me)
+    RenderBlock: x(We),
+    BlockStyles: x(Le)
   },
   props: ["blocks", "parent", "path", "styleProp"],
   inject: {
@@ -586,11 +491,11 @@ const Me = () => import("./block-styles.b74d2b45.js").then((e) => e.default).cat
     }
   }
 };
-const Ke = ["builder-path", "builder-parent-id", "dataSet"];
-function He(e, n, t, o, r, s) {
+const Me = ["builder-path", "builder-parent-id", "dataSet"];
+function $e(e, n, t, o, r, s) {
   const i = k("render-block"), c = k("block-styles");
   return d(), u("div", {
-    class: j(s._classStringToObject(s.className + " div-4o9pb21oca6")),
+    class: j(s._classStringToObject(s.className + " div-7fq9d0i380")),
     "builder-path": t.path,
     "builder-parent-id": t.parent,
     dataSet: {
@@ -610,12 +515,12 @@ function He(e, n, t, o, r, s) {
       block: a,
       context: s.builderContext
     }, null, 8, ["block", "context"]))), 128)) : b("", !0)
-  ], 46, Ke);
+  ], 46, Me);
 }
-const De = /* @__PURE__ */ g(ze, [["render", He], ["__scopeId", "data-v-6a50600d"]]), ee = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ze = /* @__PURE__ */ g(Ne, [["render", $e], ["__scopeId", "data-v-1112d180"]]), ee = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: De
-}, Symbol.toStringTag, { value: "Module" })), qe = {
+  default: ze
+}, Symbol.toStringTag, { value: "Module" })), Ke = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -654,7 +559,7 @@ const De = /* @__PURE__ */ g(ze, [["render", He], ["__scopeId", "data-v-6a50600d
 }, F = (e) => {
   const n = e.toString().trim();
   return `return (${!n.startsWith("function") && !n.startsWith("(") ? "function " : ""}${n}).apply(this, arguments)`;
-}, Ge = {
+}, He = {
   name: "Columns",
   inputs: [
     {
@@ -878,13 +783,13 @@ const De = /* @__PURE__ */ g(ze, [["render", He], ["__scopeId", "data-v-6a50600d
       advanced: !0
     }
   ]
-}, Je = {
+}, De = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, Xe = {
+}, qe = {
   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",
@@ -902,7 +807,7 @@ const De = /* @__PURE__ */ g(ze, [["render", He], ["__scopeId", "data-v-6a50600d
       bubble: !0,
       allowedFileTypes: ["jpeg", "jpg", "png", "svg"],
       required: !0,
-      defaultValue: "https://cdn.builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
+      defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
       onChange: F(
         (e) => {
           e.delete("srcset"), e.delete("noWebp");
@@ -1011,7 +916,7 @@ const De = /* @__PURE__ */ g(ze, [["render", He], ["__scopeId", "data-v-6a50600d
       defaultValue: 0.7041
     }
   ]
-}, Ye = {
+}, Ge = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1055,7 +960,7 @@ const De = /* @__PURE__ */ g(ze, [["render", He], ["__scopeId", "data-v-6a50600d
       }
     }
   ]
-}, Qe = {
+}, Je = {
   name: "builder-section-component",
   props: ["maxWidth", "attributes"],
   methods: {
@@ -1074,8 +979,8 @@ const De = /* @__PURE__ */ g(ze, [["render", He], ["__scopeId", "data-v-6a50600d
     }
   }
 };
-function Ze(e, n, t, o, r, s) {
-  return d(), u("section", C({
+function Ye(e, n, t, o, r, s) {
+  return d(), u("section", _({
     style: {
       width: "100%",
       alignSelf: "stretch",
@@ -1092,7 +997,7 @@ function Ze(e, n, t, o, r, s) {
     A(e.$slots, "default")
   ], 16);
 }
-const et = /* @__PURE__ */ g(Qe, [["render", Ze]]), tt = {
+const Xe = /* @__PURE__ */ g(Je, [["render", Ye]]), Qe = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1131,11 +1036,11 @@ const et = /* @__PURE__ */ g(Qe, [["render", Ze]]), tt = {
     }
   ]
 };
-function nt() {
+function Ze() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function ot() {
-  const e = nt().fetch;
+function et() {
+  const e = Ze().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. 
@@ -1143,7 +1048,7 @@ function ot() {
     ), new Error("Builder SDK could not find a global `fetch` function");
   return e;
 }
-const te = ot(), st = (e) => {
+const te = et(), tt = (e) => {
   if (e === "localhost" || e === "127.0.0.1")
     return e;
   const n = e.split(".");
@@ -1159,22 +1064,22 @@ const te = ot(), st = (e) => {
     console.debug("[COOKIE] GET error: ", o);
     return;
   }
-}, rt = (e) => e.map(([n, t]) => t ? `${n}=${t}` : n).filter(S).join("; "), it = [
+}, nt = (e) => e.map(([n, t]) => t ? `${n}=${t}` : n).filter(S).join("; "), ot = [
   ["secure", ""],
   ["SameSite", "None"]
-], at = ({
+], st = ({
   name: e,
   value: n,
   expires: t
 }) => {
-  const r = (f() ? location.protocol === "https:" : !0) ? it : [[]], s = t ? [["expires", t.toUTCString()]] : [[]], i = [
+  const r = (f() ? location.protocol === "https:" : !0) ? ot : [[]], s = t ? [["expires", t.toUTCString()]] : [[]], i = [
     [e, n],
     ...s,
     ["path", "/"],
-    ["domain", st(window.location.hostname)],
+    ["domain", tt(window.location.hostname)],
     ...r
   ];
-  return rt(i);
+  return nt(i);
 }, oe = async ({
   name: e,
   value: n,
@@ -1184,30 +1089,32 @@ const te = ot(), st = (e) => {
   try {
     if (!o)
       return;
-    const r = at({ name: e, value: n, expires: t });
+    const r = st({ name: e, value: n, expires: t });
     document.cookie = r;
   } catch (r) {
     console.warn("[COOKIE] SET error: ", r);
   }
-}, ct = "builderio.variations", se = (e) => `${ct}.${e}`, lt = ({
+}, rt = "builderio.variations", se = (e) => `${rt}.${e}`, it = ({
   contentId: e,
   canTrack: n
-}) => ne({ name: se(e), canTrack: n }), dt = ({
+}) => ne({ name: se(e), canTrack: n }), at = ({
   contentId: e,
   canTrack: n,
   value: t
-}) => oe({ name: se(e), value: t, canTrack: n }), ut = (e) => S(e.id) && S(e.variations) && Object.keys(e.variations).length > 0, mt = ({
+}) => oe({ name: se(e), value: t, canTrack: n }), ct = (e) => S(e.id) && S(e.variations) && Object.keys(e.variations).length > 0, lt = ({
   id: e,
   variations: n
 }) => {
   var r;
   let t = 0;
   const o = Math.random();
-  for (const s in n)
-    if (t += (r = n[s]) == null ? void 0 : r.testRatio, o < t)
+  for (const s in n) {
+    const i = (r = n[s]) == null ? void 0 : r.testRatio;
+    if (t += i, o < t)
       return s;
+  }
   return e;
-}, D = ({
+}, K = ({
   item: e,
   testGroupId: n
 }) => {
@@ -1220,36 +1127,36 @@ const te = ot(), st = (e) => {
     testVariationId: t.id,
     testVariationName: t.name || (t.id === e.id ? "Default" : "")
   };
-}, pt = async ({
+}, dt = async ({
   item: e,
   canTrack: n
 }) => {
-  const t = await lt({
+  const t = await it({
     canTrack: n,
     contentId: e.id
-  }), o = t ? D({ item: e, testGroupId: t }) : void 0;
+  }), o = t ? K({ item: e, testGroupId: t }) : void 0;
   if (o)
     return o;
   {
-    const r = mt({
+    const r = lt({
       variations: e.variations,
       id: e.id
     });
-    return dt({
+    return at({
       contentId: e.id,
       value: r,
       canTrack: n
     }).catch((s) => {
       console.error("could not store A/B test variation: ", s);
-    }), D({ item: e, testGroupId: r });
+    }), K({ item: e, testGroupId: r });
   }
-}, ht = async ({
+}, ut = async ({
   item: e,
   canTrack: n
 }) => {
-  if (!ut(e))
+  if (!ct(e))
     return;
-  const t = await pt({ item: e, canTrack: n });
+  const t = await dt({ item: e, canTrack: n });
   Object.assign(e, t);
 };
 function V(e, n = null, t = ".") {
@@ -1262,27 +1169,27 @@ function V(e, n = null, t = ".") {
     ].every(Boolean) ? { ...o, ...V(s, i, t) } : { ...o, [i]: s };
   }, {});
 }
-const q = "builder.", ft = "options.", gt = (e) => {
+const H = "builder.", mt = "options.", pt = (e) => {
   const n = {};
   return e.forEach((t, o) => {
     n[o] = t;
   }), n;
-}, bt = (e) => {
+}, ht = (e) => {
   if (!e)
     return {};
   const n = re(e), t = {};
   return Object.keys(n).forEach((o) => {
-    if (o.startsWith(q)) {
-      const r = o.replace(q, "").replace(ft, "");
+    if (o.startsWith(H)) {
+      const r = o.replace(H, "").replace(mt, "");
       t[r] = n[o];
     }
   }), t;
-}, yt = () => {
+}, ft = () => {
   if (!f())
     return {};
   const e = new URLSearchParams(window.location.search);
-  return bt(e);
-}, re = (e) => e instanceof URLSearchParams ? gt(e) : e, vt = (e) => {
+  return ht(e);
+}, re = (e) => e instanceof URLSearchParams ? pt(e) : e, gt = (e) => {
   const {
     limit: n = 30,
     userAttributes: t,
@@ -1298,7 +1205,7 @@ const q = "builder.", ft = "options.", gt = (e) => {
   const l = new URL(
     `https://cdn.builder.io/api/v2/content/${s}?apiKey=${i}&limit=${n}&noTraverse=${r}&includeRefs=${c}${a ? `&locale=${a}` : ""}`
   ), m = {
-    ...yt(),
+    ...ft(),
     ...re(e.options || {})
   }, p = V(m);
   for (const h in p)
@@ -1311,23 +1218,23 @@ const q = "builder.", ft = "options.", gt = (e) => {
   return l;
 };
 async function ie(e) {
-  return (await xt({ ...e, limit: 1 })).results[0] || null;
+  return (await bt({ ...e, limit: 1 })).results[0] || null;
 }
-async function xt(e) {
-  const n = vt(e), o = await (await te(n.href)).json(), r = e.canTrack !== !1;
+async function bt(e) {
+  const n = gt(e), o = await (await te(n.href)).json(), r = e.canTrack !== !1;
   if (r && Array.isArray(o.results))
     for (const s of o.results)
-      await ht({ item: s, canTrack: r });
+      await ut({ item: s, canTrack: r });
   return o;
 }
-const kt = () => Promise.resolve().then(() => An).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;
-}), St = {
+}), vt = {
   name: "builder-symbol",
-  components: { RenderContent: x(kt) },
+  components: { RenderContent: x(yt) },
   props: ["attributes", "symbol", "dynamic"],
   data() {
     return { fetchedContent: null };
@@ -1398,11 +1305,11 @@ const kt = () => Promise.resolve().then(() => An).then((e) => e.default).catch((
       return n;
     }
   }
-}, Ct = ["dataSet"];
-function _t(e, n, t, o, r, s) {
+}, xt = ["dataSet"];
+function kt(e, n, t, o, r, s) {
   var c, a, l, m, p;
   const i = k("render-content");
-  return d(), u("div", C({
+  return d(), u("div", _({
     dataSet: {
       class: s.className
     },
@@ -1420,9 +1327,9 @@ function _t(e, n, t, o, r, s) {
       model: (p = t.symbol) == null ? void 0 : p.model,
       content: s.contentToUse
     }, null, 8, ["apiKey", "context", "customComponents", "data", "model", "content"])
-  ], 16, Ct);
+  ], 16, xt);
 }
-const wt = /* @__PURE__ */ g(St, [["render", _t]]), It = {
+const St = /* @__PURE__ */ g(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",
@@ -1441,17 +1348,20 @@ const wt = /* @__PURE__ */ g(St, [["render", _t]]), It = {
     height: "auto",
     textAlign: "center"
   }
-}, Tt = {
+}, Ct = {
   name: "builder-text",
   props: ["text"]
-}, Rt = ["innerHTML"];
-function Et(e, n, t, o, r, s) {
+}, wt = ["innerHTML"];
+function It(e, n, t, o, r, s) {
   return d(), u("span", {
     class: "builder-text",
-    innerHTML: t.text
-  }, null, 8, Rt);
+    innerHTML: t.text,
+    style: {
+      outline: "none"
+    }
+  }, null, 8, wt);
 }
-const At = /* @__PURE__ */ g(Tt, [["render", Et]]), jt = {
+const Tt = /* @__PURE__ */ g(Ct, [["render", It]]), Rt = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1552,7 +1462,7 @@ const At = /* @__PURE__ */ g(Tt, [["render", Et]]), jt = {
       advanced: !0
     }
   ]
-}, Ot = {
+}, Et = {
   name: "builder-video",
   props: [
     "autoPlay",
@@ -1593,10 +1503,10 @@ const At = /* @__PURE__ */ g(Tt, [["render", Et]]), jt = {
       };
     }
   }
-}, Ft = ["src", "poster"];
-function Bt(e, n, t, o, r, s) {
+}, At = ["src", "poster"];
+function jt(e, n, t, o, r, s) {
   var i;
-  return d(), u("video", C({
+  return d(), u("video", _({
     style: {
       width: "100%",
       height: "100%",
@@ -1607,9 +1517,9 @@ function Bt(e, n, t, o, r, s) {
     },
     src: t.video || "no-src",
     poster: t.posterImage
-  }, s.spreadProps), null, 16, Ft);
+  }, s.spreadProps), null, 16, At);
 }
-const Pt = /* @__PURE__ */ g(Ot, [["render", Bt]]), Vt = {
+const Ot = /* @__PURE__ */ g(Et, [["render", jt]]), Ft = {
   name: "Embed",
   static: !0,
   inputs: [
@@ -1644,11 +1554,11 @@ const Pt = /* @__PURE__ */ g(Ot, [["render", Bt]]), Vt = {
       hideFromUI: !0
     }
   ]
-}, Ut = [
+}, Bt = [
   "text/javascript",
   "application/javascript",
   "application/ecmascript"
-], Wt = (e) => Ut.includes(e.type), Lt = {
+], Pt = (e) => Bt.includes(e.type), Vt = {
   name: "builder-embed",
   props: ["content"],
   data() {
@@ -1681,7 +1591,7 @@ const Pt = /* @__PURE__ */ g(Ot, [["render", Bt]]), Vt = {
           this.scriptsInserted.push(t.src);
           const o = document.createElement("script");
           o.async = !0, o.src = t.src, document.head.appendChild(o);
-        } else if (Wt(t) && !this.scriptsRun.includes(t.innerText))
+        } else if (Pt(t) && !this.scriptsRun.includes(t.innerText))
           try {
             this.scriptsRun.push(t.innerText), new Function(t.innerText)();
           } catch (o) {
@@ -1690,15 +1600,15 @@ const Pt = /* @__PURE__ */ g(Ot, [["render", Bt]]), Vt = {
       }
     }
   }
-}, Nt = ["innerHTML"];
-function Mt(e, n, t, o, r, s) {
+}, Ut = ["innerHTML"];
+function Lt(e, n, t, o, r, s) {
   return d(), u("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: t.content
-  }, null, 8, Nt);
+  }, null, 8, Ut);
 }
-const $t = /* @__PURE__ */ g(Lt, [["render", Mt]]), zt = {
+const Wt = /* @__PURE__ */ g(Vt, [["render", Lt]]), Nt = {
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -1726,9 +1636,9 @@ const $t = /* @__PURE__ */ g(Lt, [["render", Mt]]), zt = {
       );
     }
   }
-}, Kt = ["alt", "src"];
-function Ht(e, n, t, o, r, s) {
-  return d(), u("img", C({
+}, Mt = ["alt", "src"];
+function $t(e, n, t, o, r, s) {
+  return d(), u("img", _({
     style: {
       objectFit: t.backgroundSize || "cover",
       objectPosition: t.backgroundPosition || "center"
@@ -1736,9 +1646,9 @@ function Ht(e, n, t, o, r, s) {
     key: r.isEditing() && t.imgSrc || "default-key",
     alt: t.altText,
     src: t.imgSrc || t.image
-  }, s.filterAttrs(t.attributes, !1), w(s.filterAttrs(t.attributes, !0), !0)), null, 16, Kt);
+  }, s.filterAttrs(t.attributes, !1), w(s.filterAttrs(t.attributes, !0), !0)), null, 16, Mt);
 }
-const Dt = /* @__PURE__ */ g(zt, [["render", Ht]]), qt = {
+const zt = /* @__PURE__ */ g(Nt, [["render", $t]]), Kt = {
   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",
@@ -1753,7 +1663,7 @@ const Dt = /* @__PURE__ */ g(zt, [["render", Ht]]), qt = {
   ],
   noWrap: !0,
   static: !0
-}, Gt = {
+}, Ht = {
   name: "builder-custom-code",
   props: ["replaceNodes", "code"],
   data() {
@@ -1800,8 +1710,8 @@ const Dt = /* @__PURE__ */ g(zt, [["render", Ht]]), qt = {
       return n;
     }
   }
-}, Jt = ["innerHTML"];
-function Xt(e, n, t, o, r, s) {
+}, Dt = ["innerHTML"];
+function qt(e, n, t, o, r, s) {
   return d(), u("div", {
     ref: "elem",
     class: j(
@@ -1810,9 +1720,9 @@ function Xt(e, n, t, o, r, s) {
       )
     ),
     innerHTML: t.code
-  }, null, 10, Jt);
+  }, null, 10, Dt);
 }
-const Yt = /* @__PURE__ */ g(Gt, [["render", Xt]]), Qt = {
+const Gt = /* @__PURE__ */ g(Ht, [["render", qt]]), Jt = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -1838,20 +1748,20 @@ const Yt = /* @__PURE__ */ g(Gt, [["render", Xt]]), Qt = {
       advanced: !0
     }
   ]
-}, Zt = () => [
-  { component: ve, ...qe },
-  { component: Re, ...Ge },
-  { component: Yt, ...Qt },
-  { component: $t, ...Vt },
-  { component: je, ...Je },
-  { component: Le, ...Xe },
-  { component: Dt, ...qt },
-  { component: et, ...Ye },
-  { component: wt, ...tt },
-  { component: At, ...It },
-  { component: Pt, ...jt }
+}, Yt = () => [
+  { component: ge, ...Ke },
+  { component: we, ...He },
+  { component: Gt, ...Jt },
+  { component: Wt, ...Ft },
+  { component: Re, ...De },
+  { component: Ve, ...qe },
+  { component: zt, ...Kt },
+  { component: Xe, ...Ge },
+  { component: St, ...Qe },
+  { component: Tt, ..._t },
+  { component: Ot, ...Rt }
 ];
-function G({
+function D({
   code: e,
   context: n,
   state: t,
@@ -1888,7 +1798,7 @@ function G({
     );
   }
 }
-function en() {
+function Xt() {
   return !f() || y() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
 }
 const ae = [];
@@ -1897,37 +1807,37 @@ function Bn(e, n) {
     "registerComponent is deprecated. Use the `customComponents` prop in RenderContent instead to provide your custom components to the builder SDK."
   ), e;
 }
-const tn = ({
+const Qt = ({
   component: e,
   ...n
 }) => ({
   type: "builder.registerComponent",
-  data: on(n)
-}), nn = (e) => typeof e == "function" ? F(e) : W(e), on = ({
+  data: en(n)
+}), Zt = (e) => typeof e == "function" ? F(e) : L(e), en = ({
   inputs: e,
   ...n
 }) => ({
-  ...W(n),
+  ...L(n),
   inputs: e == null ? void 0 : e.map(
     (t) => Object.entries(t).reduce(
       (o, [r, s]) => ({
         ...o,
-        [r]: nn(s)
+        [r]: Zt(s)
       }),
       {}
     )
   )
 });
-function sn() {
+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 ce() {
-  return sn().replace(/-/g, "");
+  return tn().replace(/-/g, "");
 }
-const le = "builderSessionId", rn = async ({
+const le = "builderSessionId", nn = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -1939,13 +1849,13 @@ const le = "builderSessionId", rn = async ({
   if (S(n))
     return n;
   {
-    const t = an();
-    return cn({ id: t, canTrack: e }), t;
+    const t = on();
+    return sn({ id: t, canTrack: e }), t;
   }
-}, an = () => ce(), cn = ({
+}, on = () => ce(), sn = ({
   id: e,
   canTrack: n
-}) => oe({ name: le, value: e, canTrack: n }), de = () => f() && typeof localStorage < "u" ? localStorage : void 0, ln = ({
+}) => oe({ name: le, value: e, canTrack: n }), de = () => f() && typeof localStorage < "u" ? localStorage : void 0, rn = ({
   key: e,
   canTrack: n
 }) => {
@@ -1956,7 +1866,7 @@ const le = "builderSessionId", rn = async ({
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, dn = ({
+}, an = ({
   key: e,
   canTrack: n,
   value: t
@@ -1967,34 +1877,34 @@ const le = "builderSessionId", rn = async ({
   } catch (r) {
     console.debug("[LocalStorage] SET error: ", r);
   }
-}, ue = "builderVisitorId", un = ({ canTrack: e }) => {
+}, ue = "builderVisitorId", cn = ({ canTrack: e }) => {
   if (!e)
     return;
-  const n = ln({
+  const n = rn({
     key: ue,
     canTrack: e
   });
   if (S(n))
     return n;
   {
-    const t = mn();
-    return pn({ id: t, canTrack: e }), t;
+    const t = ln();
+    return dn({ id: t, canTrack: e }), t;
   }
-}, mn = () => ce(), pn = ({
+}, ln = () => ce(), dn = ({
   id: e,
   canTrack: n
-}) => dn({
+}) => an({
   key: ue,
   value: e,
   canTrack: n
-}), hn = () => {
+}), un = () => {
   if (f()) {
     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;
-}, fn = () => typeof navigator == "object" && navigator.userAgent || "", gn = () => {
-  const e = fn(), n = {
+}, mn = () => typeof navigator == "object" && navigator.userAgent || "", pn = () => {
+  const e = mn(), n = {
     Android() {
       return e.match(/Android/i);
     },
@@ -2013,23 +1923,23 @@ const le = "builderSessionId", rn = async ({
     any() {
       return n.Android() || n.BlackBerry() || n.iOS() || n.Opera() || n.Windows() || R === "reactNative";
     }
-  }, t = e.match(/Tablet|iPad/i), o = hn();
+  }, 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"
   };
-}, bn = async ({
+}, hn = async ({
   canTrack: e
 }) => {
   if (!e)
     return { visitorId: void 0, sessionId: void 0 };
-  const n = await rn({ canTrack: e }), t = un({ canTrack: e });
+  const n = await nn({ canTrack: e }), t = cn({ canTrack: e });
   return {
     sessionId: n,
     visitorId: t
   };
-}, yn = async ({
+}, fn = async ({
   type: e,
   canTrack: n,
   apiKey: t,
@@ -2043,8 +1953,8 @@ const le = "builderSessionId", rn = async ({
       url: location.href,
       ...o
     },
-    ...await bn({ canTrack: n }),
-    userAttributes: gn(),
+    ...await hn({ canTrack: n }),
+    userAttributes: pn(),
     ownerId: t
   }
 });
@@ -2059,7 +1969,7 @@ async function U(e) {
     return fetch("https://builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await yn(e)]
+        events: [await fn(e)]
       }),
       headers: {
         "content-type": "application/json"
@@ -2069,7 +1979,101 @@ async function U(e) {
       console.error("Failed to track: ", n);
     });
 }
-const Pn = (e) => U({ ...e, canTrack: !0 });
+const Pn = (e) => U({ ...e, canTrack: !0 }), q = {};
+function gn(e, n) {
+  let t = q[e];
+  if (t || (t = q[e] = []), t.push(n), f()) {
+    const o = {
+      type: "builder.register",
+      data: {
+        type: e,
+        info: n
+      }
+    };
+    try {
+      parent.postMessage(o, "*"), parent !== window && window.postMessage(o, "*");
+    } catch (r) {
+      console.debug("Could not postmessage", r);
+    }
+  }
+}
+const bn = () => {
+  gn("insertMenu", {
+    name: "_default",
+    default: !0,
+    items: [
+      { name: "Box" },
+      { name: "Text" },
+      { name: "Image" },
+      { name: "Columns" },
+      { name: "Core:Section" },
+      { name: "Core:Button" },
+      { name: "Embed" },
+      { name: "Custom Code" }
+    ]
+  });
+};
+let G = !1;
+const yn = (e = {}) => {
+  var n, t;
+  G || (G = !0, f() && ((n = window.parent) == null || n.postMessage(
+    {
+      type: "builder.sdkInfo",
+      data: {
+        target: R,
+        supportsPatchUpdates: !1,
+        supportsAddBlockScoping: !0,
+        supportsCustomBreakpoints: !0
+      }
+    },
+    "*"
+  ), (t = window.parent) == null || t.postMessage(
+    {
+      type: "builder.updateContent",
+      data: {
+        options: e
+      }
+    },
+    "*"
+  ), window.addEventListener("message", ({ data: o }) => {
+    var r, s;
+    if (!!(o != null && o.type))
+      switch (o.type) {
+        case "builder.evaluate": {
+          const i = o.data.text, c = o.data.arguments || [], a = o.data.id, l = new Function(i);
+          let m, p = null;
+          try {
+            m = l.apply(null, c);
+          } catch (h) {
+            p = h;
+          }
+          p ? (r = window.parent) == null || r.postMessage(
+            {
+              type: "builder.evaluateError",
+              data: { id: a, error: p.message }
+            },
+            "*"
+          ) : m && typeof m.then == "function" ? m.then((h) => {
+            var v;
+            (v = window.parent) == null || v.postMessage(
+              {
+                type: "builder.evaluateResult",
+                data: { id: a, result: h }
+              },
+              "*"
+            );
+          }).catch(console.error) : (s = window.parent) == null || s.postMessage(
+            {
+              type: "builder.evaluateResult",
+              data: { result: m, id: a }
+            },
+            "*"
+          );
+          break;
+        }
+      }
+  })));
+};
 function J(e) {
   return Math.round(e * 1e3) / 1e3;
 }
@@ -2087,7 +2091,7 @@ const vn = (e, n, t = !0) => {
 }, xn = (e) => vn(e, (n) => {
   const t = n.getAttribute("builder-id") || n.id;
   return Boolean((t == null ? void 0 : t.indexOf("builder-")) === 0);
-}), X = ({
+}), Y = ({
   event: e,
   target: n
 }) => {
@@ -2101,8 +2105,8 @@ const vn = (e, n, t = !0) => {
   return {
     targetBuilderElement: o || void 0,
     metadata: {
-      targetOffset: n ? X({ event: e, target: n }) : void 0,
-      builderTargetOffset: t ? X({ 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
     }
   };
@@ -2123,7 +2127,7 @@ const vn = (e, n, t = !0) => {
     ...t ? { locale: t } : {}
   };
   return { ...o, ...r };
-}, Cn = ({
+}, _n = ({
   content: e,
   data: n
 }) => e ? {
@@ -2133,12 +2137,12 @@ const vn = (e, n, t = !0) => {
     ...n
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, _n = () => Promise.resolve().then(() => ee).then((e) => e.default).catch((e) => {
+} : void 0, Cn = () => Promise.resolve().then(() => ee).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlocks at ../render-blocks.vue",
     e
   ), e;
-}), wn = () => import("./render-styles.fc3b8b2e.js").then((e) => e.default).catch((e) => {
+}), wn = () => import("./render-styles.6fa7962a.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderContentStyles at ./components/render-styles.vue",
     e
@@ -2147,7 +2151,7 @@ const vn = (e, n, t = !0) => {
   name: "render-content",
   components: {
     RenderContentStyles: x(wn),
-    RenderBlocks: x(_n)
+    RenderBlocks: x(Cn)
   },
   props: [
     "content",
@@ -2164,7 +2168,7 @@ const vn = (e, n, t = !0) => {
     return {
       forceReRenderCount: 0,
       overrideContent: null,
-      useContent: Cn({
+      useContent: _n({
         content: this.content,
         data: this.data
       }),
@@ -2176,7 +2180,7 @@ const vn = (e, n, t = !0) => {
         locale: this.locale
       }),
       allRegisteredComponents: [
-        ...Zt(),
+        ...Yt(),
         ...ae,
         ...this.customComponents || []
       ].reduce(
@@ -2187,7 +2191,8 @@ const vn = (e, n, t = !0) => {
         {}
       ),
       httpReqsData: {},
-      clicked: !1
+      clicked: !1,
+      TARGET: R
     };
   },
   provide() {
@@ -2208,7 +2213,7 @@ const vn = (e, n, t = !0) => {
     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."
     ), f()) {
-      if (y() && (this.forceReRenderCount = this.forceReRenderCount + 1, he(), fe({
+      if (y() && (this.forceReRenderCount = this.forceReRenderCount + 1, bn(), yn({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -2218,7 +2223,7 @@ const vn = (e, n, t = !0) => {
       }), Object.values(this.allRegisteredComponents).forEach(
         (t) => {
           var r;
-          const o = tn(t);
+          const o = Qt(t);
           (r = window.parent) == null || r.postMessage(o, "*");
         }
       ), window.addEventListener("message", this.processMessage), window.addEventListener(
@@ -2234,7 +2239,7 @@ const vn = (e, n, t = !0) => {
           variationId: t !== o ? t : void 0
         });
       }
-      if (en()) {
+      if (Xt()) {
         const t = new URL(location.href).searchParams, o = t.get("builder.preview"), r = t.get("apiKey") || t.get("builder.space");
         o === this.model && r === this.apiKey && ie({
           model: this.model,
@@ -2273,12 +2278,6 @@ const vn = (e, n, t = !0) => {
     ));
   },
   computed: {
-    shouldRenderContentStyles() {
-      var e, n, t, o, r;
-      return Boolean(
-        (((n = (e = this.useContent) == null ? void 0 : e.data) == null ? void 0 : n.cssCode) || ((r = (o = (t = this.useContent) == null ? void 0 : t.data) == null ? void 0 : o.customFonts) == null ? void 0 : r.length)) && R !== "reactNative"
-      );
-    },
     onUpdateHook0() {
       var e, n;
       return {
@@ -2350,7 +2349,7 @@ const vn = (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 && G({
+      e && D({
         code: e,
         context: this.context || {},
         state: this.contentState
@@ -2375,7 +2374,7 @@ const vn = (e, n, t = !0) => {
     evalExpression(e) {
       return e.replace(
         /{{([^}]+)}}/g,
-        (n, t) => G({
+        (n, t) => D({
           code: t,
           context: this.context || {},
           state: this.contentState
@@ -2421,7 +2420,7 @@ const vn = (e, n, t = !0) => {
   }
 }, Tn = ["builder-content-id", "builder-model"];
 function Rn(e, n, t, o, r, s) {
-  var a, l, m, p, h, v, L, N;
+  var a, l, m, p, h, v, W, N;
   const i = k("render-content-styles"), c = k("render-blocks");
   return r.useContent ? (d(), u("div", {
     key: 0,
@@ -2430,14 +2429,14 @@ function Rn(e, n, t, o, r, s) {
     "builder-content-id": (a = r.useContent) == null ? void 0 : a.id,
     "builder-model": t.model
   }, [
-    s.shouldRenderContentStyles ? (d(), T(i, {
+    r.TARGET !== "reactNative" ? (d(), T(i, {
       key: 0,
       contentId: (l = r.useContent) == null ? void 0 : l.id,
       cssCode: (p = (m = r.useContent) == null ? void 0 : m.data) == null ? void 0 : p.cssCode,
       customFonts: (v = (h = r.useContent) == null ? void 0 : h.data) == null ? void 0 : v.customFonts
     }, null, 8, ["contentId", "cssCode", "customFonts"])) : b("", !0),
     (d(), T(c, {
-      blocks: (N = (L = r.useContent) == null ? void 0 : L.data) == null ? void 0 : N.blocks,
+      blocks: (N = (W = r.useContent) == null ? void 0 : W.data) == null ? void 0 : N.blocks,
       key: r.forceReRenderCount
     }, null, 8, ["blocks"]))
   ], 8, Tn)) : b("", !0);
@@ -2445,50 +2444,50 @@ function Rn(e, n, t, o, r, s) {
 const En = /* @__PURE__ */ g(In, [["render", Rn]]), An = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: En
-}, Symbol.toStringTag, { value: "Module" })), Y = {};
+}, Symbol.toStringTag, { value: "Module" })), X = {};
 function Vn(e) {
   if (f()) {
-    Object.assign(Y, e);
+    Object.assign(X, e);
     const n = {
       type: "builder.settingsChange",
-      data: Y
+      data: X
     };
     parent.postMessage(n, "*");
   }
 }
 export {
   O as B,
-  Re as C,
-  je as F,
-  Le as I,
-  et as S,
+  we as C,
+  Re as F,
+  Ve as I,
+  Xe as S,
   R as T,
-  Pt as V,
+  Ot as V,
   g as _,
   Fn as a,
   On as b,
   S as c,
-  Se as d,
-  G as e,
-  W as f,
-  xe as g,
-  ve as h,
+  ve as d,
+  D as e,
+  L as f,
+  be as g,
+  ge as h,
   En as i,
-  wt as j,
-  At as k,
+  St as j,
+  Tt as k,
   y as l,
-  en as m,
+  Xt as m,
   ae as n,
   Bn as o,
-  tn as p,
-  pe as q,
-  De as r,
+  Qt as p,
+  gn as q,
+  ze as r,
   Vn as s,
   Pn as t,
   ie as u,
-  xt as v,
-  gt as w,
-  bt as x,
-  yt as y,
+  bt as v,
+  pt as w,
+  ht as x,
+  ft as y,
   re as z
 };