@builder.io/sdk-vue 0.0.4 → 0.0.5

package/packages/_vue3/dist/{index.7a037186.js → index.bdc957bb.js}

@@ -1,12 +1,12 @@
-import { defineAsyncComponent as y, resolveComponent as v, openBlock as l, createElementBlock as d, normalizeStyle as _, Fragment as C, renderList as E, createVNode as K, createElementVNode as T, createCommentVNode as b, normalizeClass as U, renderSlot as w, mergeProps as x, toDisplayString as $, createBlock as S } from "vue";
-const V = "vue3";
+import { defineAsyncComponent as v, resolveComponent as x, openBlock as l, createElementBlock as d, normalizeStyle as C, Fragment as k, renderList as F, createVNode as K, createElementVNode as R, createCommentVNode as y, normalizeClass as V, renderSlot as w, mergeProps as _, toDisplayString as $, createBlock as S } from "vue";
+const A = "vue3";
 function h() {
   return typeof window < "u" && typeof document < "u";
 }
-const W = {};
-function ae(e, n) {
-  let t = W[e];
-  if (t || (t = W[e] = []), t.push(n), h()) {
+const P = {};
+function ie(e, n) {
+  let t = P[e];
+  if (t || (t = P[e] = []), t.push(n), h()) {
     const o = {
       type: "builder.register",
       data: {
@@ -21,8 +21,8 @@ function ae(e, n) {
     }
   }
 }
-const ie = () => {
-  ae("insertMenu", {
+const ae = () => {
+  ie("insertMenu", {
     name: "_default",
     default: !0,
     items: [
@@ -36,15 +36,18 @@ const ie = () => {
       { name: "Custom Code" }
     ]
   });
-}, ce = () => {
+};
+let W = !1;
+const ce = () => {
   var e;
-  h() && ((e = window.parent) == null || e.postMessage(
+  W || (W = !0, h() && ((e = window.parent) == null || e.postMessage(
     {
       type: "builder.sdkInfo",
       data: {
-        target: V,
+        target: A,
         supportsPatchUpdates: !1,
-        supportsAddBlockScoping: !0
+        supportsAddBlockScoping: !0,
+        supportsCustomBreakpoints: !0
       }
     },
     "*"
@@ -53,54 +56,47 @@ const ie = () => {
     if (!!(n != null && n.type))
       switch (n.type) {
         case "builder.evaluate": {
-          const s = n.data.text, r = n.data.arguments || [], a = n.data.id, c = new Function(s);
-          let i, u = null;
+          const s = n.data.text, r = n.data.arguments || [], i = n.data.id, c = new Function(s);
+          let a, u = null;
           try {
-            i = c.apply(null, r);
+            a = c.apply(null, r);
           } catch (m) {
             u = m;
           }
           u ? (t = window.parent) == null || t.postMessage(
             {
               type: "builder.evaluateError",
-              data: { id: a, error: u.message }
+              data: { id: i, error: u.message }
             },
             "*"
-          ) : i && typeof i.then == "function" ? i.then((m) => {
+          ) : a && typeof a.then == "function" ? a.then((m) => {
             var p;
             (p = window.parent) == null || p.postMessage(
               {
                 type: "builder.evaluateResult",
-                data: { id: a, result: m }
+                data: { id: i, result: m }
               },
               "*"
             );
           }).catch(console.error) : (o = window.parent) == null || o.postMessage(
             {
               type: "builder.evaluateResult",
-              data: { result: i, id: a }
+              data: { result: a, id: i }
             },
             "*"
           );
           break;
         }
       }
-  }));
-};
-function A(e) {
-  return e;
-}
-function mn(e) {
-  return e;
-}
-const le = () => Promise.resolve().then(() => se).then((e) => e.default).catch((e) => {
+  })));
+}, le = () => Promise.resolve().then(() => se).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlocks at ../../components/render-blocks.vue",
     e
   ), e;
 }), de = {
   name: "builder-columns",
-  components: { RenderBlocks: y(le) },
+  components: { RenderBlocks: v(le) },
   props: [
     "space",
     "columns",
@@ -108,7 +104,6 @@ const le = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
     "reverseColumnsWhenStacked",
     "builderBlock"
   ],
-  data: () => ({ markMutable: A }),
   computed: {
     columnsCssVars() {
       const e = this.stackColumnsAt === "never" ? "inherit" : this.reverseColumnsWhenStacked ? "column-reverse" : "column";
@@ -155,23 +150,23 @@ const f = (e, n) => {
   return t;
 };
 function ue(e, n, t, o, s, r) {
-  const a = v("render-blocks");
+  const i = x("render-blocks");
   return l(), d("div", {
     class: "builder-columns div-1eih9th5ow6",
-    style: _(r.columnsCssVars)
+    style: C(r.columnsCssVars)
   }, [
-    (l(!0), d(C, null, E(t.columns, (c, i) => (l(), d("div", {
-      key: i,
+    (l(!0), d(k, null, F(t.columns, (c, a) => (l(), d("div", {
+      key: a,
       class: "builder-column div-1eih9th5ow6-2",
-      style: _({
-        width: r.getColumnCssWidth(i),
-        marginLeft: `${i === 0 ? 0 : r.getGutterSize()}px`,
+      style: C({
+        width: r.getColumnCssWidth(a),
+        marginLeft: `${a === 0 ? 0 : r.getGutterSize()}px`,
         ...r.columnCssVars
       })
     }, [
-      K(a, {
-        blocks: e.markMutable(c.blocks),
-        path: `component.options.columns.${i}.blocks`,
+      K(i, {
+        blocks: c.blocks,
+        path: `component.options.columns.${a}.blocks`,
         parent: t.builderBlock.id,
         styleProp: {
           flexGrow: "1"
@@ -180,7 +175,7 @@ function ue(e, n, t, o, s, r) {
     ], 4))), 128))
   ], 4);
 }
-const me = /* @__PURE__ */ f(de, [["render", ue], ["__scopeId", "data-v-d50420e7"]]);
+const me = /* @__PURE__ */ f(de, [["render", ue], ["__scopeId", "data-v-330e29c7"]]);
 function L(e) {
   return e.replace(/http(s)?:/, "");
 }
@@ -202,7 +197,7 @@ function he(e, n) {
   }
   return null;
 }
-function R(e) {
+function E(e) {
   if (!e)
     return e;
   const n = [100, 200, 400, 800, 1200, 1600, 2e3];
@@ -236,10 +231,10 @@ const fe = {
         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"), R(n);
+          return console.debug("Removed given srcset"), E(n);
       } else if (this.image && !this.srcset)
-        return R(n);
-      return R(n);
+        return E(n);
+      return E(n);
     },
     webpSrcSet() {
       var e;
@@ -260,60 +255,60 @@ const fe = {
 };
 const ge = ["srcset"], be = ["alt", "role", "src", "srcset", "sizes"], ye = ["srcset"], ve = {
   key: 2,
-  class: "div-kd7f8ex7am-2"
+  class: "div-1fogms4bee0-2"
 };
 function xe(e, n, t, o, s, r) {
-  var a, c, i, u;
-  return l(), d(C, null, [
-    T("picture", null, [
+  var i, c, a, u;
+  return l(), d(k, null, [
+    R("picture", null, [
       r.webpSrcSet ? (l(), d("source", {
         key: 0,
         type: "image/webp",
         srcset: r.webpSrcSet
-      }, null, 8, ge)) : b("", !0),
-      T("img", {
+      }, null, 8, ge)) : y("", !0),
+      R("img", {
         loading: "lazy",
         alt: t.altText,
         role: t.altText ? "presentation" : void 0,
-        style: _({
+        style: C({
           objectPosition: t.backgroundSize || "center",
           objectFit: t.backgroundSize || "cover"
         }),
-        class: U(
+        class: V(
           r._classStringToObject(
-            "builder-image" + (t.className ? " " + t.className : "") + " img-kd7f8ex7am"
+            "builder-image" + (t.className ? " " + t.className : "") + " img-1fogms4bee0"
           )
         ),
         src: t.image,
         srcset: r.srcSetToUse,
         sizes: t.sizes
       }, null, 14, be),
-      T("source", { srcset: r.srcSetToUse }, null, 8, ye)
+      R("source", { srcset: r.srcSetToUse }, null, 8, ye)
     ]),
-    t.aspectRatio && !(((c = (a = t.builderBlock) == null ? void 0 : a.children) == null ? void 0 : c.length) && t.fitContent) ? (l(), d("div", {
+    t.aspectRatio && !(((c = (i = t.builderBlock) == null ? void 0 : i.children) == null ? void 0 : c.length) && t.fitContent) ? (l(), d("div", {
       key: 0,
-      class: "builder-image-sizer div-kd7f8ex7am",
-      style: _({
+      class: "builder-image-sizer div-1fogms4bee0",
+      style: C({
         paddingTop: t.aspectRatio * 100 + "%"
       })
-    }, null, 4)) : b("", !0),
-    ((u = (i = t.builderBlock) == null ? void 0 : i.children) == null ? void 0 : u.length) && t.fitContent ? w(e.$slots, "default", { key: 1 }, void 0, !0) : b("", !0),
+    }, null, 4)) : y("", !0),
+    ((u = (a = t.builderBlock) == null ? void 0 : a.children) == null ? void 0 : u.length) && t.fitContent ? w(e.$slots, "default", { key: 1 }, void 0, !0) : y("", !0),
     !t.fitContent && e.children ? (l(), d("div", ve, [
       w(e.$slots, "default", {}, void 0, !0)
-    ])) : b("", !0)
+    ])) : y("", !0)
   ], 64);
 }
-const ke = /* @__PURE__ */ f(fe, [["render", xe], ["__scopeId", "data-v-ebf1c7e3"]]), _e = {
+const _e = /* @__PURE__ */ f(fe, [["render", xe], ["__scopeId", "data-v-53905db1"]]), Ce = {
   name: "builder-text",
   props: ["text"]
-}, Ce = ["innerHTML"];
+}, ke = ["innerHTML"];
 function we(e, n, t, o, s, r) {
   return l(), d("span", {
     class: "builder-text",
     innerHTML: t.text
-  }, null, 8, Ce);
+  }, null, 8, ke);
 }
-const Se = /* @__PURE__ */ f(_e, [["render", we]]), Ie = {
+const Se = /* @__PURE__ */ f(Ce, [["render", we]]), Ie = {
   name: "builder-video",
   props: [
     "autoPlay",
@@ -356,32 +351,32 @@ const Se = /* @__PURE__ */ f(_e, [["render", we]]), Ie = {
   }
 }, Te = ["src", "poster"];
 function Re(e, n, t, o, s, r) {
-  var a;
-  return l(), d("video", x(r.spreadProps, {
+  var i;
+  return l(), d("video", _({
     style: {
       width: "100%",
       height: "100%",
-      ...(a = t.attributes) == null ? void 0 : a.style,
+      ...(i = t.attributes) == null ? void 0 : i.style,
       objectFit: t.fit,
       objectPosition: t.position,
       borderRadius: 1
     },
     src: t.video || "no-src",
     poster: t.posterImage
-  }), null, 16, Te);
+  }, r.spreadProps), null, 16, Te);
 }
 const Ee = /* @__PURE__ */ f(Ie, [["render", Re]]);
-function F(e, n = null, t = ".") {
+function j(e, n = null, t = ".") {
   return Object.keys(e).reduce((o, s) => {
-    const r = e[s], a = [n, s].filter(Boolean).join(t);
+    const r = e[s], i = [n, s].filter(Boolean).join(t);
     return [
       typeof r == "object",
       r !== null,
       !(Array.isArray(r) && r.length === 0)
-    ].every(Boolean) ? { ...o, ...F(r, a, t) } : { ...o, [a]: r };
+    ].every(Boolean) ? { ...o, ...j(r, i, t) } : { ...o, [i]: r };
   }, {});
 }
-const M = "builder.", Fe = (e) => {
+const N = "builder.", Fe = (e) => {
   const n = {};
   return e.forEach((t, o) => {
     n[o] = t;
@@ -389,10 +384,10 @@ const M = "builder.", Fe = (e) => {
 }, je = (e) => {
   if (!e)
     return {};
-  const n = q(e), t = {};
+  const n = D(e), t = {};
   return Object.keys(n).forEach((o) => {
-    if (o.startsWith(M)) {
-      const s = o.replace(M, "");
+    if (o.startsWith(N)) {
+      const s = o.replace(N, "");
       t[s] = n[o];
     }
   }), t;
@@ -401,11 +396,11 @@ const M = "builder.", Fe = (e) => {
     return {};
   const e = new URLSearchParams(window.location.search);
   return je(e);
-}, q = (e) => e instanceof URLSearchParams ? Fe(e) : e;
+}, D = (e) => e instanceof URLSearchParams ? Fe(e) : e;
 function Ve() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : null;
 }
-async function D() {
+async function q() {
   const e = Ve().fetch;
   if (typeof e > "u" && typeof global < "u") {
     const n = import("node-fetch").then((t) => t.default);
@@ -429,19 +424,19 @@ const Ae = (e) => {
 }, Oe = (e) => e.map(([n, t]) => t ? `${n}=${t}` : n).join("; "), Be = [
   ["secure", ""],
   ["SameSite", "None"]
-], Pe = ({
+], $e = ({
   name: e,
   value: n,
   expires: t
 }) => {
-  const s = (h() ? location.protocol === "https:" : !0) ? Be : [[]], r = t ? [["expires", t.toUTCString()]] : [[]], a = [
+  const s = (h() ? location.protocol === "https:" : !0) ? Be : [[]], r = t ? [["expires", t.toUTCString()]] : [[]], i = [
     [e, n],
     ...r,
     ["path", "/"],
     ["domain", Ae(window.location.hostname)],
     ...s
   ];
-  return Oe(a);
+  return Oe(i);
 }, G = async ({
   name: e,
   value: n,
@@ -451,19 +446,19 @@ const Ae = (e) => {
   try {
     if (!o)
       return;
-    const s = Pe({ name: e, value: n, expires: t });
+    const s = $e({ name: e, value: n, expires: t });
     document.cookie = s;
   } catch (s) {
     console.warn("[COOKIE] SET error: ", s);
   }
-}, $e = "builderio.variations", Y = (e) => `${$e}.${e}`, We = ({
+}, Pe = "builderio.variations", Y = (e) => `${Pe}.${e}`, We = ({
   contentId: e,
   canTrack: n
 }) => J({ name: Y(e), canTrack: n }), Le = ({
   contentId: e,
   canTrack: n,
   value: t
-}) => G({ name: Y(e), value: t, canTrack: n }), I = (e) => e != null, Me = (e) => I(e.id) && I(e.variations) && Object.keys(e.variations).length > 0, Ne = ({
+}) => G({ name: Y(e), value: t, canTrack: n }), I = (e) => e != null, Ne = (e) => I(e.id) && I(e.variations) && Object.keys(e.variations).length > 0, Me = ({
   id: e,
   variations: n
 }) => {
@@ -474,7 +469,7 @@ const Ae = (e) => {
     if (t += (s = n[r]) == null ? void 0 : s.testRatio, o < t)
       return r;
   return e;
-}, N = ({
+}, M = ({
   item: e,
   testGroupId: n
 }) => {
@@ -494,11 +489,11 @@ const Ae = (e) => {
   const t = await We({
     canTrack: n,
     contentId: e.id
-  }), o = t ? N({ item: e, testGroupId: t }) : void 0;
+  }), o = t ? M({ item: e, testGroupId: t }) : void 0;
   if (o)
     return o;
   {
-    const s = Ne({
+    const s = Me({
       variations: e.variations,
       id: e.id
     });
@@ -508,19 +503,19 @@ const Ae = (e) => {
       canTrack: n
     }).catch((r) => {
       console.error("could not store A/B test variation: ", r);
-    }), N({ item: e, testGroupId: s });
+    }), M({ item: e, testGroupId: s });
   }
 }, ze = async ({
   item: e,
   canTrack: n
 }) => {
-  if (!Me(e))
+  if (!Ne(e))
     return;
   const t = await He({ item: e, canTrack: n });
   Object.assign(e, t);
 };
 async function X(e) {
-  return (await qe({ ...e, limit: 1 })).results[0] || null;
+  return (await De({ ...e, limit: 1 })).results[0] || null;
 }
 const Ke = (e) => {
   const {
@@ -529,24 +524,28 @@ const Ke = (e) => {
     query: o,
     noTraverse: s = !1,
     model: r,
-    apiKey: a
-  } = e, c = new URL(
-    `https://cdn.builder.io/api/v2/content/${r}?apiKey=${a}&limit=${n}&noTraverse=${s}`
-  ), i = {
+    apiKey: i,
+    includeRefs: c = !0
+  } = e;
+  if (!i)
+    throw new Error("Missing API key");
+  const a = new URL(
+    `https://cdn.builder.io/api/v2/content/${r}?apiKey=${i}&limit=${n}&noTraverse=${s}&includeRefs=${c}`
+  ), u = {
     ...Ue(),
-    ...q(e.options || {})
-  }, u = F(i);
-  for (const m in u)
-    c.searchParams.set(m, String(u[m]));
-  if (t && c.searchParams.set("userAttributes", JSON.stringify(t)), o) {
-    const m = F({ query: o });
-    for (const p in m)
-      c.searchParams.set(p, JSON.stringify(m[p]));
+    ...D(e.options || {})
+  }, m = j(u);
+  for (const p in m)
+    a.searchParams.set(p, String(m[p]));
+  if (t && a.searchParams.set("userAttributes", JSON.stringify(t)), o) {
+    const p = j({ query: o });
+    for (const b in p)
+      a.searchParams.set(b, JSON.stringify(p[b]));
   }
-  return c;
+  return a;
 };
-async function qe(e) {
-  const n = Ke(e), o = await (await D())(n.href).then(
+async function De(e) {
+  const n = Ke(e), o = await (await q())(n.href).then(
     (r) => r.json()
   ), s = e.canTrack !== !1;
   if (s)
@@ -554,20 +553,16 @@ async function qe(e) {
       await ze({ item: r, canTrack: s });
   return o;
 }
-const De = () => Promise.resolve().then(() => on).then((e) => e.default).catch((e) => {
+const qe = () => Promise.resolve().then(() => nn).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;
 }), Je = {
   name: "builder-symbol",
-  components: { RenderContent: y(De) },
+  components: { RenderContent: v(qe) },
   props: ["symbol", "attributes"],
-  data: () => ({
-    className: "builder-symbol",
-    fetchedContent: null,
-    markMutable: A
-  }),
+  data: () => ({ className: "builder-symbol", fetchedContent: null }),
   inject: {
     builderContext: "BuilderContext"
   },
@@ -610,25 +605,25 @@ const De = () => Promise.resolve().then(() => on).then((e) => e.default).catch((
   }
 }, Ge = ["dataSet"];
 function Ye(e, n, t, o, s, r) {
-  var c, i, u, m, p;
-  const a = v("render-content");
-  return l(), d("div", x(t.attributes, {
+  var c, a, u, m, p;
+  const i = x("render-content");
+  return l(), d("div", _({
     dataSet: {
       class: e.className
     },
     class: r._classStringToObject(e.className)
-  }), [
-    K(a, {
+  }, t.attributes), [
+    K(i, {
       apiKey: r.builderContext.apiKey,
       context: r.builderContext.context,
-      customComponents: e.markMutable(Object.values(r.builderContext.registeredComponents)),
-      data: e.markMutable({
+      customComponents: Object.values(r.builderContext.registeredComponents),
+      data: {
         ...(c = t.symbol) == null ? void 0 : c.data,
         ...r.builderContext.state,
-        ...(m = (u = (i = t.symbol) == null ? void 0 : i.content) == null ? void 0 : u.data) == null ? void 0 : m.state
-      }),
+        ...(m = (u = (a = t.symbol) == null ? void 0 : a.content) == null ? void 0 : u.data) == null ? void 0 : m.state
+      },
       model: (p = t.symbol) == null ? void 0 : p.model,
-      content: e.markMutable(r.contentToUse)
+      content: r.contentToUse
     }, null, 8, ["apiKey", "context", "customComponents", "data", "model", "content"])
   ], 16, Ge);
 }
@@ -638,22 +633,26 @@ const Xe = /* @__PURE__ */ f(Je, [["render", Ye]]), Qe = {
 };
 const Ze = ["href", "target"];
 function et(e, n, t, o, s, r) {
-  return t.link ? (l(), d("a", x({ key: 0 }, t.attributes, {
+  return t.link ? (l(), d("a", _({
+    key: 0,
     role: "button",
     href: t.link,
     target: t.openLinkInNewTab ? "_blank" : void 0
-  }), $(t.text), 17, Ze)) : (l(), d("button", x({ key: 1 }, t.attributes, { class: "button-1yj9n7yt24z" }), $(t.text), 17));
+  }, t.attributes), $(t.text), 17, Ze)) : (l(), d("button", _({
+    key: 1,
+    class: "button-361b1o6wv2k"
+  }, t.attributes), $(t.text), 17));
 }
-const tt = /* @__PURE__ */ f(Qe, [["render", et], ["__scopeId", "data-v-a1cb1b3e"]]), nt = {
+const tt = /* @__PURE__ */ f(Qe, [["render", et], ["__scopeId", "data-v-00528171"]]), nt = {
   name: "builder-section-component",
   props: ["attributes", "maxWidth"]
 };
 function ot(e, n, t, o, s, r) {
-  return l(), d("section", x(t.attributes, {
+  return l(), d("section", _({
     style: t.maxWidth && typeof t.maxWidth == "number" ? {
       maxWidth: t.maxWidth
     } : void 0
-  }), [
+  }, t.attributes), [
     w(e.$slots, "default")
   ], 16);
 }
@@ -661,12 +660,12 @@ const st = /* @__PURE__ */ f(nt, [["render", ot]]), rt = {
   name: "builder-fragment-component",
   props: []
 };
-function at(e, n, t, o, s, r) {
+function it(e, n, t, o, s, r) {
   return l(), d("span", null, [
     w(e.$slots, "default")
   ]);
 }
-const it = /* @__PURE__ */ f(rt, [["render", at]]), ct = {
+const at = /* @__PURE__ */ f(rt, [["render", it]]), ct = {
   name: "Core:Button",
   builtIn: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
@@ -703,11 +702,10 @@ const it = /* @__PURE__ */ f(rt, [["render", at]]), ct = {
   ],
   static: !0,
   noWrap: !0
-};
-function O(e) {
-  return e.__qwik_serializable__ = !0, e;
-}
-const lt = {
+}, T = (e) => {
+  const n = e.toString().trim();
+  return `return (${!n.startsWith("function") && !n.startsWith("(") ? "function " : ""}${n}).apply(this, arguments)`;
+}, lt = {
   name: "Columns",
   builtIn: !0,
   inputs: [
@@ -895,7 +893,7 @@ const lt = {
           ]
         }
       ],
-      onChange: O((e) => {
+      onChange: T((e) => {
         function n() {
           t.forEach((o) => {
             o.delete("width");
@@ -906,7 +904,7 @@ const lt = {
           (s) => s.get("width")
         ) && (!!t.find(
           (r) => !r.get("width")
-        ) || t.reduce((c, i) => c + i.get("width"), 0) !== 100) && n();
+        ) || t.reduce((c, a) => c + a.get("width"), 0) !== 100) && n();
       })
     },
     {
@@ -959,31 +957,31 @@ const lt = {
       allowedFileTypes: ["jpeg", "jpg", "png", "svg"],
       required: !0,
       defaultValue: "https://cdn.builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
-      onChange: O((e) => {
+      onChange: T((e) => {
         e.delete("srcset"), e.delete("noWebp");
-        function t(a, c = 6e4) {
-          return new Promise((i, u) => {
+        function t(i, c = 6e4) {
+          return new Promise((a, u) => {
             const m = document.createElement("img");
             let p = !1;
             m.onload = () => {
-              p = !0, i(m);
-            }, m.addEventListener("error", (k) => {
-              console.warn("Image load failed", k.error), u(k.error);
-            }), m.src = a, setTimeout(() => {
+              p = !0, a(m);
+            }, m.addEventListener("error", (b) => {
+              console.warn("Image load failed", b.error), u(b.error);
+            }), m.src = i, setTimeout(() => {
               p || u(new Error("Image load timed out"));
             }, c);
           });
         }
-        function o(a) {
-          return Math.round(a * 1e3) / 1e3;
+        function o(i) {
+          return Math.round(i * 1e3) / 1e3;
         }
         const s = e.get("image"), r = e.get("aspectRatio");
-        if (fetch(s).then((a) => a.blob()).then((a) => {
-          a.type.includes("svg") && e.set("noWebp", !0);
+        if (fetch(s).then((i) => i.blob()).then((i) => {
+          i.type.includes("svg") && e.set("noWebp", !0);
         }), s && (!r || r === 0.7041))
-          return t(s).then((a) => {
+          return t(s).then((i) => {
             const c = e.get("aspectRatio");
-            e.get("image") === s && (!c || c === 0.7041) && a.width && a.height && (e.set("aspectRatio", o(a.height / a.width)), e.set("height", a.height), e.set("width", a.width));
+            e.get("image") === s && (!c || c === 0.7041) && i.width && i.height && (e.set("aspectRatio", o(i.height / i.width)), e.set("height", i.height), e.set("width", i.width));
           });
       })
     },
@@ -1282,7 +1280,7 @@ const lt = {
       required: !0,
       defaultValue: "",
       helperText: "e.g. enter a youtube url, google map, etc",
-      onChange: O((e) => {
+      onChange: T((e) => {
         const n = e.get("url");
         if (n)
           return e.set("content", "Loading..."), fetch(
@@ -1347,19 +1345,19 @@ const lt = {
     }
   }
 }, xt = ["innerHTML"];
-function kt(e, n, t, o, s, r) {
+function _t(e, n, t, o, s, r) {
   return l(), d("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: t.content
   }, null, 8, xt);
 }
-const _t = /* @__PURE__ */ f(vt, [["render", kt]]);
-function Ct() {
+const Ct = /* @__PURE__ */ f(vt, [["render", _t]]);
+function kt() {
   return h() && window.self !== window.top;
 }
 function g() {
-  return Ct() && window.location.search.indexOf("builder.frameEditing=") !== -1;
+  return kt() && window.location.search.indexOf("builder.frameEditing=") !== -1;
 }
 const wt = {
   name: "builder-img-component",
@@ -1374,7 +1372,7 @@ const wt = {
   data: () => ({ isEditing: g })
 }, St = ["alt", "src"];
 function It(e, n, t, o, s, r) {
-  return l(), d("img", x(t.attributes, {
+  return l(), d("img", _({
     style: {
       objectFit: t.backgroundSize || "cover",
       objectPosition: t.backgroundPosition || "center"
@@ -1382,7 +1380,7 @@ function It(e, n, t, o, s, r) {
     key: e.isEditing() && t.imgSrc || "default-key",
     alt: t.altText,
     src: t.imgSrc || t.image
-  }), null, 16, St);
+  }, t.attributes), null, 16, St);
 }
 const Tt = /* @__PURE__ */ f(wt, [["render", It]]), Rt = {
   name: "Raw:Img",
@@ -1449,7 +1447,7 @@ const Tt = /* @__PURE__ */ f(wt, [["render", It]]), Rt = {
 function jt(e, n, t, o, s, r) {
   return l(), d("div", {
     ref: "elem",
-    class: U(
+    class: V(
       r._classStringToObject(
         "builder-custom-code" + (t.replaceNodes ? " replace-nodes" : "")
       )
@@ -1486,15 +1484,15 @@ const Ut = /* @__PURE__ */ f(Et, [["render", jt]]), Vt = {
   ]
 }, At = () => [
   { component: me, ...lt },
-  { component: ke, ...ut },
+  { component: _e, ...ut },
   { component: Tt, ...Rt },
   { component: Se, ...ht },
   { component: Ee, ...ft },
   { component: Xe, ...pt },
   { component: tt, ...ct },
   { component: st, ...mt },
-  { component: it, ...dt },
-  { component: _t, ...gt },
+  { component: at, ...dt },
+  { component: Ct, ...gt },
   { component: Ut, ...Vt }
 ];
 function H({
@@ -1511,7 +1509,7 @@ function H({
     isEditing: g(),
     isBrowser: h(),
     isServer: !h()
-  }, a = !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e;
+  }, i = !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e;
   try {
     return new Function(
       "builder",
@@ -1519,14 +1517,14 @@ function H({
       "state",
       "context",
       "event",
-      a
+      i
     )(s, s, t, n, o);
   } catch (c) {
     console.warn(
       `Builder custom code error: 
  While Evaluating: 
  `,
-      a,
+      i,
       `
 `,
       c.message || c
@@ -1537,7 +1535,7 @@ function Ot() {
   return !h() || g() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
 }
 const Q = (e) => JSON.parse(JSON.stringify(e)), Z = [];
-function pn(e, n) {
+function un(e, n) {
   return Z.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;
@@ -1547,11 +1545,8 @@ const Bt = ({
   ...n
 }) => ({
   type: "builder.registerComponent",
-  data: Wt(n)
-}), Pt = (e) => typeof e == "function" ? $t(e) : Q(e), $t = (e) => {
-  const n = e.toString().trim();
-  return `return (${!n.startsWith("function") && !n.startsWith("(") ? "function " : ""}${n}).apply(this, arguments)`;
-}, Wt = ({
+  data: Pt(n)
+}), $t = (e) => typeof e == "function" ? T(e) : Q(e), Pt = ({
   inputs: e,
   ...n
 }) => ({
@@ -1560,22 +1555,22 @@ const Bt = ({
     (t) => Object.entries(t).reduce(
       (o, [s, r]) => ({
         ...o,
-        [s]: Pt(r)
+        [s]: $t(r)
       }),
       {}
     )
   )
 });
-function Lt() {
+function Wt() {
   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 ee() {
-  return Lt().replace(/-/g, "");
+  return Wt().replace(/-/g, "");
 }
-const te = "builderSessionId", Mt = async ({ canTrack: e }) => {
+const te = "builderSessionId", Lt = async ({ canTrack: e }) => {
   if (!e)
     return;
   const n = await J({
@@ -1586,12 +1581,12 @@ const te = "builderSessionId", Mt = async ({ canTrack: e }) => {
     return n;
   {
     const t = Nt();
-    Ht({ id: t, canTrack: e });
+    Mt({ id: t, canTrack: e });
   }
-}, Nt = () => ee(), Ht = ({
+}, Nt = () => ee(), Mt = ({
   id: e,
   canTrack: n
-}) => G({ name: te, value: e, canTrack: n }), ne = () => h() && typeof localStorage < "u" ? localStorage : void 0, zt = ({
+}) => G({ name: te, value: e, canTrack: n }), ne = () => h() && typeof localStorage < "u" ? localStorage : void 0, Ht = ({
   key: e,
   canTrack: n
 }) => {
@@ -1601,7 +1596,7 @@ const te = "builderSessionId", Mt = async ({ canTrack: e }) => {
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
   }
-}, Kt = ({
+}, zt = ({
   key: e,
   canTrack: n,
   value: t
@@ -1612,10 +1607,10 @@ const te = "builderSessionId", Mt = async ({ canTrack: e }) => {
   } catch (s) {
     console.debug("[LocalStorage] SET error: ", s);
   }
-}, oe = "builderVisitorId", qt = ({ canTrack: e }) => {
+}, oe = "builderVisitorId", Kt = ({ canTrack: e }) => {
   if (!e)
     return;
-  const n = zt({
+  const n = Ht({
     key: oe,
     canTrack: e
   });
@@ -1623,26 +1618,26 @@ const te = "builderSessionId", Mt = async ({ canTrack: e }) => {
     return n;
   {
     const t = Dt();
-    Jt({ id: t, canTrack: e });
+    qt({ id: t, canTrack: e });
   }
-}, Dt = () => ee(), Jt = ({
+}, Dt = () => ee(), qt = ({
   id: e,
   canTrack: n
-}) => Kt({
+}) => zt({
   key: oe,
   value: e,
   canTrack: n
-}), Gt = async ({
+}), Jt = async ({
   canTrack: e
 }) => {
   if (!e)
     return { visitorId: void 0, sessionId: void 0 };
-  const n = await Mt({ canTrack: e }), t = qt({ canTrack: e });
+  const n = await Lt({ canTrack: e }), t = Kt({ canTrack: e });
   return {
     sessionId: n,
     visitorId: t
   };
-}, Yt = async ({
+}, Gt = async ({
   type: e,
   canTrack: n,
   apiKey: t,
@@ -1653,16 +1648,16 @@ const te = "builderSessionId", Mt = async ({ canTrack: e }) => {
   data: {
     ...s,
     metadata: JSON.stringify(o),
-    ...await Gt({ canTrack: n }),
+    ...await Jt({ canTrack: n }),
     ownerId: t
   }
 });
-async function j(e) {
-  if (!!e.canTrack && !g() && !!(h() || V === "reactNative"))
+async function U(e) {
+  if (!!e.canTrack && !g() && !!(h() || A === "reactNative"))
     return fetch("https://builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await Yt(e)]
+        events: [await Gt(e)]
       }),
       headers: {
         "content-type": "application/json"
@@ -1672,21 +1667,21 @@ async function j(e) {
       console.error("Failed to track: ", n);
     });
 }
-const hn = (e) => j({ ...e, canTrack: !0 }), Xt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((e) => {
+const mn = (e) => U({ ...e, canTrack: !0 }), Yt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlocks at ../render-blocks.vue",
     e
   ), e;
-}), Qt = () => import("./render-styles.970e0a2e.js").then((e) => e.default).catch((e) => {
+}), Xt = () => import("./render-styles.1af9ac32.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;
-}), Zt = {
+}), Qt = {
   name: "render-content",
   components: {
-    RenderContentStyles: y(Qt),
-    RenderBlocks: y(Xt)
+    RenderContentStyles: v(Xt),
+    RenderBlocks: v(Yt)
   },
   props: [
     "content",
@@ -1701,8 +1696,7 @@ const hn = (e) => j({ ...e, canTrack: !0 }), Xt = () => Promise.resolve().then((
     forceReRenderCount: 0,
     overrideContent: null,
     update: 0,
-    overrideState: {},
-    markMutable: A
+    overrideState: {}
   }),
   provide() {
     const e = this;
@@ -1729,7 +1723,7 @@ const hn = (e) => j({ ...e, canTrack: !0 }), Xt = () => Promise.resolve().then((
   mounted() {
     var e, n;
     if (h()) {
-      if (g() && (this.forceReRenderCount = this.forceReRenderCount + 1, ie(), ce(), Object.values(this.allRegisteredComponents).forEach(
+      if (g() && (this.forceReRenderCount = this.forceReRenderCount + 1, ae(), ce(), Object.values(this.allRegisteredComponents).forEach(
         (t) => {
           var s;
           const o = Bt(t);
@@ -1740,7 +1734,7 @@ const hn = (e) => j({ ...e, canTrack: !0 }), Xt = () => Promise.resolve().then((
         this.emitStateUpdate
       )), this.useContent) {
         const t = (e = this.useContent) == null ? void 0 : e.testVariationId, o = (n = this.useContent) == null ? void 0 : n.id;
-        j({
+        U({
           type: "impression",
           canTrack: this.canTrackToUse,
           contentId: o,
@@ -1826,7 +1820,7 @@ const hn = (e) => j({ ...e, canTrack: !0 }), Xt = () => Promise.resolve().then((
     shouldRenderContentStyles() {
       var e, n, t, o, s;
       return Boolean(
-        (((n = (e = this.useContent) == null ? void 0 : e.data) == null ? void 0 : n.cssCode) || ((s = (o = (t = this.useContent) == null ? void 0 : t.data) == null ? void 0 : o.customFonts) == null ? void 0 : s.length)) && V !== "reactNative"
+        (((n = (e = this.useContent) == null ? void 0 : e.data) == null ? void 0 : n.cssCode) || ((s = (o = (t = this.useContent) == null ? void 0 : t.data) == null ? void 0 : o.customFonts) == null ? void 0 : s.length)) && A !== "reactNative"
       );
     },
     onUpdateHook0() {
@@ -1872,7 +1866,7 @@ const hn = (e) => j({ ...e, canTrack: !0 }), Xt = () => Promise.resolve().then((
       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;
-        j({
+        U({
           type: "click",
           canTrack: this.canTrackToUse,
           contentId: s,
@@ -1892,7 +1886,7 @@ const hn = (e) => j({ ...e, canTrack: !0 }), Xt = () => Promise.resolve().then((
       );
     },
     handleRequest({ url: e, key: n }) {
-      D().then((t) => t(e)).then((t) => t.json()).then((t) => {
+      q().then((t) => t(e)).then((t) => t.json()).then((t) => {
         const o = {
           ...this.overrideState,
           [n]: t
@@ -1907,9 +1901,9 @@ const hn = (e) => j({ ...e, canTrack: !0 }), Xt = () => Promise.resolve().then((
       const e = (o = (t = (n = this.useContent) == null ? void 0 : n.data) == null ? void 0 : t.httpRequests) != null ? o : {};
       Object.entries(e).forEach(([s, r]) => {
         if (r && (!this.httpReqsData[s] || g())) {
-          const a = this.evalExpression(r);
+          const i = this.evalExpression(r);
           this.handleRequest({
-            url: a,
+            url: i,
             key: s
           });
         }
@@ -1928,46 +1922,46 @@ const hn = (e) => j({ ...e, canTrack: !0 }), Xt = () => Promise.resolve().then((
       );
     }
   }
-}, en = ["builder-content-id", "builder-model"];
-function tn(e, n, t, o, s, r) {
-  var i, u, m, p, k, B, P;
-  const a = v("render-content-styles"), c = v("render-blocks");
+}, Zt = ["builder-content-id", "builder-model"];
+function en(e, n, t, o, s, r) {
+  var a, u, m, p, b, O, B;
+  const i = x("render-content-styles"), c = x("render-blocks");
   return r.useContent ? (l(), d("div", {
     key: 0,
     ref: "elementRef",
     onClick: n[0] || (n[0] = (re) => r.onClick(re)),
-    "builder-content-id": (i = r.useContent) == null ? void 0 : i.id,
+    "builder-content-id": (a = r.useContent) == null ? void 0 : a.id,
     "builder-model": t.model
   }, [
-    r.shouldRenderContentStyles ? (l(), S(a, {
+    r.shouldRenderContentStyles ? (l(), S(i, {
       key: 0,
       cssCode: (m = (u = r.useContent) == null ? void 0 : u.data) == null ? void 0 : m.cssCode,
-      customFonts: (k = (p = r.useContent) == null ? void 0 : p.data) == null ? void 0 : k.customFonts
-    }, null, 8, ["cssCode", "customFonts"])) : b("", !0),
+      customFonts: (b = (p = r.useContent) == null ? void 0 : p.data) == null ? void 0 : b.customFonts
+    }, null, 8, ["cssCode", "customFonts"])) : y("", !0),
     (l(), S(c, {
-      blocks: e.markMutable((P = (B = r.useContent) == null ? void 0 : B.data) == null ? void 0 : P.blocks),
+      blocks: (B = (O = r.useContent) == null ? void 0 : O.data) == null ? void 0 : B.blocks,
       key: e.forceReRenderCount
     }, null, 8, ["blocks"]))
-  ], 8, en)) : b("", !0);
+  ], 8, Zt)) : y("", !0);
 }
-const nn = /* @__PURE__ */ f(Zt, [["render", tn]]), on = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const tn = /* @__PURE__ */ f(Qt, [["render", en]]), nn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: nn
-}, Symbol.toStringTag, { value: "Module" })), sn = () => import("./block-styles.e92f0e4a.js").then((e) => e.default).catch((e) => {
+  default: tn
+}, Symbol.toStringTag, { value: "Module" })), on = () => import("./block-styles.c98db17a.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;
-}), rn = () => import("./render-block.7817291b.js").then((e) => e.default).catch((e) => {
+}), sn = () => import("./render-block.97918590.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;
-}), an = {
+}), rn = {
   name: "render-blocks",
   components: {
-    RenderBlock: y(rn),
-    BlockStyles: y(sn)
+    RenderBlock: v(sn),
+    BlockStyles: v(on)
   },
   props: ["blocks", "parent", "path", "styleProp"],
   inject: {
@@ -2017,37 +2011,37 @@ const nn = /* @__PURE__ */ f(Zt, [["render", tn]]), on = /* @__PURE__ */ Object.
     }
   }
 };
-const cn = ["builder-path", "builder-parent-id", "dataSet"];
-function ln(e, n, t, o, s, r) {
-  const a = v("render-block"), c = v("block-styles");
+const an = ["builder-path", "builder-parent-id", "dataSet"];
+function cn(e, n, t, o, s, r) {
+  const i = x("render-block"), c = x("block-styles");
   return l(), d("div", {
-    class: U(r._classStringToObject(r.className + " div-2oa2wtipkzk")),
+    class: V(r._classStringToObject(r.className + " div-4o9pb21oca6")),
     "builder-path": t.path,
     "builder-parent-id": t.parent,
     dataSet: {
       class: r.className
     },
-    style: _(t.styleProp),
-    onClick: n[0] || (n[0] = (i) => r.onClick()),
-    onMouseenter: n[1] || (n[1] = (i) => r.onMouseEnter())
+    style: C(t.styleProp),
+    onClick: n[0] || (n[0] = (a) => r.onClick()),
+    onMouseenter: n[1] || (n[1] = (a) => r.onMouseEnter())
   }, [
-    t.blocks ? (l(!0), d(C, { key: 0 }, E(t.blocks, (i, u) => (l(), S(a, {
-      key: "render-block-" + i.id,
-      block: i,
+    t.blocks ? (l(!0), d(k, { key: 0 }, F(t.blocks, (a, u) => (l(), S(i, {
+      key: "render-block-" + a.id,
+      block: a,
       context: r.builderContext
-    }, null, 8, ["block", "context"]))), 128)) : b("", !0),
-    t.blocks ? (l(!0), d(C, { key: 1 }, E(t.blocks, (i, u) => (l(), S(c, {
-      key: "block-style-" + i.id,
-      block: i,
+    }, null, 8, ["block", "context"]))), 128)) : y("", !0),
+    t.blocks ? (l(!0), d(k, { key: 1 }, F(t.blocks, (a, u) => (l(), S(c, {
+      key: "block-style-" + a.id,
+      block: a,
       context: r.builderContext
-    }, null, 8, ["block", "context"]))), 128)) : b("", !0)
-  ], 46, cn);
+    }, null, 8, ["block", "context"]))), 128)) : y("", !0)
+  ], 46, an);
 }
-const dn = /* @__PURE__ */ f(an, [["render", ln], ["__scopeId", "data-v-75c39314"]]), se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ln = /* @__PURE__ */ f(rn, [["render", cn], ["__scopeId", "data-v-9786df38"]]), se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: dn
+  default: ln
 }, Symbol.toStringTag, { value: "Module" })), z = {};
-function fn(e) {
+function pn(e) {
   if (h()) {
     Object.assign(z, e);
     const n = {
@@ -2060,32 +2054,31 @@ function fn(e) {
 export {
   tt as B,
   me as C,
-  it as F,
-  ke as I,
+  at as F,
+  _e as I,
   Xe as S,
-  V as T,
+  A as T,
   Ee as V,
   f as _,
   Se as a,
   st as b,
-  dn as c,
+  ln as c,
   Ot as d,
   H as e,
   Q as f,
   Z as g,
-  pn as h,
+  un as h,
   g as i,
   Bt as j,
-  ae as k,
+  ie as k,
   X as l,
-  mn as m,
-  Ke as n,
-  qe as o,
-  Fe as p,
-  je as q,
-  nn as r,
-  fn as s,
-  hn as t,
-  Ue as u,
-  q as v
+  Ke as m,
+  De as n,
+  Fe as o,
+  je as p,
+  Ue as q,
+  tn as r,
+  pn as s,
+  mn as t,
+  D as u
 };