@builder.io/sdk-vue 0.0.2-1 → 0.0.2-2

package/packages/_vue3/dist/{index.fa54ce28.js → index.eb0e01ba.js}

@@ -1,12 +1,12 @@
-import { defineAsyncComponent as y, resolveComponent as v, openBlock as l, createElementBlock as d, normalizeStyle as k, Fragment as R, renderList as E, createVNode as q, createElementVNode as I, createCommentVNode as b, normalizeClass as j, renderSlot as C, mergeProps as x, toDisplayString as P, createBlock as w } from "vue";
-const U = "reactNative";
+import { defineAsyncComponent as y, resolveComponent as v, openBlock as l, createElementBlock as d, normalizeStyle as C, Fragment as R, renderList as E, createVNode as z, createElementVNode as I, createCommentVNode as b, normalizeClass as O, renderSlot as k, mergeProps as x, toDisplayString as $, createBlock as w } from "vue";
+const j = "reactNative";
 function h() {
   return typeof window < "u" && typeof document < "u";
 }
-const W = {};
+const P = {};
 function ae(e, n) {
-  let t = W[e];
-  if (t || (t = W[e] = []), t.push(n), h()) {
+  let t = P[e];
+  if (t || (t = P[e] = []), t.push(n), h()) {
     const o = {
       type: "builder.register",
       data: {
@@ -38,7 +38,7 @@ const ie = () => {
     {
       type: "builder.sdkInfo",
       data: {
-        target: U,
+        target: j,
         supportsPatchUpdates: !1
       }
     },
@@ -82,7 +82,7 @@ const ie = () => {
       }
   }));
 };
-function V(e) {
+function U(e) {
   return e;
 }
 function pn(e) {
@@ -103,7 +103,7 @@ const le = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
     "reverseColumnsWhenStacked",
     "builderBlock"
   ],
-  data: () => ({ markMutable: V }),
+  data: () => ({ markMutable: U }),
   computed: {
     columnsCssVars() {
       const e = this.stackColumnsAt === "never" ? "inherit" : this.reverseColumnsWhenStacked ? "column-reverse" : "column";
@@ -141,7 +141,8 @@ const le = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
     maybeApplyForTablet(e) {
       return (this.stackColumnsAt || "tablet") === "tablet" ? e : "inherit";
     }
-  }
+  },
+  compatConfig: { MODE: 3 }
 };
 const f = (e, n) => {
   const t = e.__vccOpts || e;
@@ -152,19 +153,19 @@ const f = (e, n) => {
 function ue(e, n, t, o, r, s) {
   const a = v("render-blocks");
   return l(), d("div", {
-    class: "builder-columns div-7fq9d0i380",
-    style: k(s.columnsCssVars)
+    class: "builder-columns div-2btisl9m7v3",
+    style: C(s.columnsCssVars)
   }, [
     (l(!0), d(R, null, E(t.columns, (c, i) => (l(), d("div", {
       key: i,
-      class: "builder-column div-7fq9d0i380-2",
-      style: k({
+      class: "builder-column div-2btisl9m7v3-2",
+      style: C({
         width: s.getColumnCssWidth(i),
         marginLeft: `${i === 0 ? 0 : s.getGutterSize()}px`,
         ...s.columnCssVars
       })
     }, [
-      q(a, {
+      z(a, {
         blocks: e.markMutable(c.blocks),
         path: `component.options.columns.${i}.blocks`,
         parent: t.builderBlock.id
@@ -172,8 +173,8 @@ function ue(e, n, t, o, r, s) {
     ], 4))), 128))
   ], 4);
 }
-const me = /* @__PURE__ */ f(de, [["render", ue], ["__scopeId", "data-v-6b734aa0"]]);
-function B(e) {
+const me = /* @__PURE__ */ f(de, [["render", ue], ["__scopeId", "data-v-ce668c7d"]]);
+function W(e) {
   return e.replace(/http(s)?:/, "");
 }
 function pe(e = "", n, t) {
@@ -184,13 +185,13 @@ function he(e, n) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !n)
     return e;
   if (n === "master")
-    return B(e);
+    return W(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 B(`${o[0]}_${s}${r}`);
+    return W(`${o[0]}_${s}${r}`);
   }
   return null;
 }
@@ -248,11 +249,12 @@ const fe = {
         n[o] = !0;
       return n;
     }
-  }
+  },
+  compatConfig: { MODE: 3 }
 };
-const ge = { class: "div-2btisl9m7v3" }, be = ["srcset"], ye = ["alt", "role", "src", "srcset", "sizes"], ve = ["srcset"], xe = {
+const ge = { class: "div-1fogms4bee0" }, be = ["srcset"], ye = ["alt", "role", "src", "srcset", "sizes"], ve = ["srcset"], xe = {
   key: 2,
-  class: "div-2btisl9m7v3-3"
+  class: "div-1fogms4bee0-3"
 };
 function _e(e, n, t, o, r, s) {
   var a, c, i, u;
@@ -267,13 +269,13 @@ function _e(e, n, t, o, r, s) {
         loading: "lazy",
         alt: t.altText,
         role: t.altText ? "presentation" : void 0,
-        style: k({
+        style: C({
           objectPosition: t.backgroundSize || "center",
           objectFit: t.backgroundSize || "cover"
         }),
-        class: j(
+        class: O(
           s._classStringToObject(
-            "builder-image" + (t.className ? " " + t.className : "") + " img-2btisl9m7v3"
+            "builder-image" + (t.className ? " " + t.className : "") + " img-1fogms4bee0"
           )
         ),
         src: t.image,
@@ -284,20 +286,21 @@ function _e(e, n, t, o, r, s) {
     ]),
     t.aspectRatio && !(t.fitContent && ((c = (a = t.builderBlock) == null ? void 0 : a.children) == null ? void 0 : c.length)) ? (l(), d("div", {
       key: 0,
-      class: "builder-image-sizer div-2btisl9m7v3-2",
-      style: k({
+      class: "builder-image-sizer div-1fogms4bee0-2",
+      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 ? C(e.$slots, "default", { key: 1 }, void 0, !0) : b("", !0),
+    ((u = (i = t.builderBlock) == null ? void 0 : i.children) == null ? void 0 : u.length) && t.fitContent ? k(e.$slots, "default", { key: 1 }, void 0, !0) : b("", !0),
     t.fitContent ? b("", !0) : (l(), d("div", xe, [
-      C(e.$slots, "default", {}, void 0, !0)
+      k(e.$slots, "default", {}, void 0, !0)
     ]))
   ]);
 }
-const ke = /* @__PURE__ */ f(fe, [["render", _e], ["__scopeId", "data-v-865f9b2c"]]), Ce = {
+const Ce = /* @__PURE__ */ f(fe, [["render", _e], ["__scopeId", "data-v-83d4ef2e"]]), ke = {
   name: "builder-text",
-  props: ["text"]
+  props: ["text"],
+  compatConfig: { MODE: 3 }
 }, we = ["innerHTML"];
 function Se(e, n, t, o, r, s) {
   return l(), d("span", {
@@ -305,7 +308,7 @@ function Se(e, n, t, o, r, s) {
     innerHTML: t.text
   }, null, 8, we);
 }
-const Ie = /* @__PURE__ */ f(Ce, [["render", Se]]), Te = {
+const Ie = /* @__PURE__ */ f(ke, [["render", Se]]), Te = {
   name: "builder-video",
   props: [
     "autoPlay",
@@ -339,7 +342,8 @@ const Ie = /* @__PURE__ */ f(Ce, [["render", Se]]), Te = {
         } : {}
       };
     }
-  }
+  },
+  compatConfig: { MODE: 3 }
 }, Re = ["src", "poster"];
 function Ee(e, n, t, o, r, s) {
   var a;
@@ -367,39 +371,39 @@ function F(e, n = null, t = ".") {
     ].every(Boolean) ? { ...o, ...F(s, a, t) } : { ...o, [a]: s };
   }, {});
 }
-const L = "builder.", je = (e) => {
+const B = "builder.", Oe = (e) => {
   const n = {};
   return e.forEach((t, o) => {
     n[o] = t;
   }), n;
-}, Ue = (e) => {
+}, je = (e) => {
   if (!e)
     return {};
-  const n = D(e), t = {};
+  const n = q(e), t = {};
   return Object.keys(n).forEach((o) => {
-    if (o.startsWith(L)) {
-      const r = o.replace(L, "");
+    if (o.startsWith(B)) {
+      const r = o.replace(B, "");
       t[r] = n[o];
     }
   }), t;
-}, Ve = () => {
+}, Ue = () => {
   if (!h())
     return {};
   const e = new URLSearchParams(window.location.search);
-  return Ue(e);
-}, D = (e) => e instanceof URLSearchParams ? je(e) : e;
-function Ae() {
+  return je(e);
+}, q = (e) => e instanceof URLSearchParams ? Oe(e) : e;
+function Me() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : null;
 }
 async function K() {
-  const e = Ae().fetch;
+  const e = Me().fetch;
   if (typeof e > "u" && typeof global < "u") {
     const n = import("node-fetch").then((t) => t.default);
     return n.default || n;
   }
   return e.default || e;
 }
-const $e = (e) => {
+const Ve = (e) => {
   const n = e.split(".");
   return n.length > 2 ? n.slice(1).join(".") : e;
 }, J = async ({
@@ -412,22 +416,22 @@ const $e = (e) => {
   } catch (o) {
     console.debug("[COOKIE] GET error: ", o);
   }
-}, Oe = (e) => e.map(([n, t]) => t ? `${n}=${t}` : n).join("; "), Pe = [
+}, Ae = (e) => e.map(([n, t]) => t ? `${n}=${t}` : n).join("; "), $e = [
   ["secure", ""],
   ["SameSite", "None"]
-], We = ({
+], Pe = ({
   name: e,
   value: n,
   expires: t
 }) => {
-  const r = (h() ? location.protocol === "https:" : !0) ? Pe : [[]], s = t ? [["expires", t.toUTCString()]] : [[]], a = [
+  const r = (h() ? location.protocol === "https:" : !0) ? $e : [[]], s = t ? [["expires", t.toUTCString()]] : [[]], a = [
     [e, n],
     ...s,
     ["path", "/"],
-    ["domain", $e(window.location.hostname)],
+    ["domain", Ve(window.location.hostname)],
     ...r
   ];
-  return Oe(a);
+  return Ae(a);
 }, G = async ({
   name: e,
   value: n,
@@ -437,19 +441,19 @@ const $e = (e) => {
   try {
     if (!o)
       return;
-    const r = We({ name: e, value: n, expires: t });
+    const r = Pe({ name: e, value: n, expires: t });
     document.cookie = r;
   } catch (r) {
     console.warn("[COOKIE] SET error: ", r);
   }
-}, Be = "builderio.variations", Y = (e) => `${Be}.${e}`, Le = ({
+}, We = "builderio.variations", Y = (e) => `${We}.${e}`, Be = ({
   contentId: e,
   canTrack: n
-}) => J({ name: Y(e), canTrack: n }), Me = ({
+}) => J({ name: Y(e), canTrack: n }), Le = ({
   contentId: e,
   canTrack: n,
   value: t
-}) => G({ name: Y(e), value: t, canTrack: n }), S = (e) => e != null, Ne = (e) => S(e.id) && S(e.variations) && Object.keys(e.variations).length > 0, He = ({
+}) => G({ name: Y(e), value: t, canTrack: n }), S = (e) => e != null, Ne = (e) => S(e.id) && S(e.variations) && Object.keys(e.variations).length > 0, De = ({
   id: e,
   variations: n
 }) => {
@@ -460,7 +464,7 @@ const $e = (e) => {
     if (t += (r = n[s]) == null ? void 0 : r.testRatio, o < t)
       return s;
   return e;
-}, M = ({
+}, L = ({
   item: e,
   testGroupId: n
 }) => {
@@ -473,42 +477,42 @@ const $e = (e) => {
     testVariationId: t.id,
     testVariationName: t.name || (t.id === e.id ? "Default" : "")
   };
-}, ze = async ({
+}, He = async ({
   item: e,
   canTrack: n
 }) => {
-  const t = await Le({
+  const t = await Be({
     canTrack: n,
     contentId: e.id
-  }), o = t ? M({ item: e, testGroupId: t }) : void 0;
+  }), o = t ? L({ item: e, testGroupId: t }) : void 0;
   if (o)
     return o;
   {
-    const r = He({
+    const r = De({
       variations: e.variations,
       id: e.id
     });
-    return Me({
+    return Le({
       contentId: e.id,
       value: r,
       canTrack: n
     }).catch((s) => {
       console.error("could not store A/B test variation: ", s);
-    }), M({ item: e, testGroupId: r });
+    }), L({ item: e, testGroupId: r });
   }
-}, qe = async ({
+}, ze = async ({
   item: e,
   canTrack: n
 }) => {
   if (!Ne(e))
     return;
-  const t = await ze({ item: e, canTrack: n });
+  const t = await He({ item: e, canTrack: n });
   Object.assign(e, t);
 };
 async function X(e) {
   return (await Ke({ ...e, limit: 1 })).results[0] || null;
 }
-const De = (e) => {
+const qe = (e) => {
   const {
     limit: n = 30,
     userAttributes: t,
@@ -519,8 +523,8 @@ const De = (e) => {
   } = e, c = new URL(
     `https://cdn.builder.io/api/v2/content/${s}?apiKey=${a}&limit=${n}&noTraverse=${r}`
   ), i = {
-    ...Ve(),
-    ...D(e.options || {})
+    ...Ue(),
+    ...q(e.options || {})
   }, u = F(i);
   for (const m in u)
     c.searchParams.set(m, String(u[m]));
@@ -532,12 +536,12 @@ const De = (e) => {
   return c;
 };
 async function Ke(e) {
-  const n = De(e), o = await (await K())(n.href).then(
+  const n = qe(e), o = await (await K())(n.href).then(
     (s) => s.json()
   ), r = e.canTrack !== !1;
   if (r)
     for (const s of o.results)
-      await qe({ item: s, canTrack: r });
+      await ze({ item: s, canTrack: r });
   return o;
 }
 const Je = () => Promise.resolve().then(() => sn).then((e) => e.default).catch((e) => {
@@ -549,7 +553,7 @@ const Je = () => Promise.resolve().then(() => sn).then((e) => e.default).catch((
   name: "builder-symbol",
   components: { "render-content": y(Je) },
   props: ["symbol", "attributes"],
-  data: () => ({ className: "builder-symbol", content: null, markMutable: V }),
+  data: () => ({ className: "builder-symbol", content: null, markMutable: U }),
   inject: {
     builderContext: "BuilderContext"
   },
@@ -589,7 +593,8 @@ const Je = () => Promise.resolve().then(() => sn).then((e) => e.default).catch((
         n[o] = !0;
       return n;
     }
-  }
+  },
+  compatConfig: { MODE: 3 }
 }, Ye = ["dataSet"];
 function Xe(e, n, t, o, r, s) {
   var c, i, u, m, p;
@@ -600,7 +605,7 @@ function Xe(e, n, t, o, r, s) {
     },
     class: s._classStringToObject(e.className)
   }), [
-    q(a, {
+    z(a, {
       apiKey: s.builderContext.apiKey,
       context: s.builderContext.context,
       customComponents: e.markMutable(Object.values(s.builderContext.registeredComponents)),
@@ -616,7 +621,8 @@ function Xe(e, n, t, o, r, s) {
 }
 const Qe = /* @__PURE__ */ f(Ge, [["render", Xe]]), Ze = {
   name: "builder-button",
-  props: ["attributes", "text", "link", "openLinkInNewTab"]
+  props: ["attributes", "text", "link", "openLinkInNewTab"],
+  compatConfig: { MODE: 3 }
 };
 const et = ["href", "target"];
 function tt(e, n, t, o, r, s) {
@@ -624,11 +630,12 @@ function tt(e, n, t, o, r, s) {
     role: "button",
     href: t.link,
     target: t.openLinkInNewTab ? "_blank" : void 0
-  }), P(t.text), 17, et)) : (l(), d("button", x({ key: 1 }, t.attributes, { class: "button-2oa2wtipkzk" }), P(t.text), 17));
+  }), $(t.text), 17, et)) : (l(), d("button", x({ key: 1 }, t.attributes, { class: "button-1eih9th5ow6" }), $(t.text), 17));
 }
-const nt = /* @__PURE__ */ f(Ze, [["render", tt], ["__scopeId", "data-v-3cb049f3"]]), ot = {
+const nt = /* @__PURE__ */ f(Ze, [["render", tt], ["__scopeId", "data-v-64b92e6e"]]), ot = {
   name: "builder-section-component",
-  props: ["attributes", "maxWidth"]
+  props: ["attributes", "maxWidth"],
+  compatConfig: { MODE: 3 }
 };
 function st(e, n, t, o, r, s) {
   return l(), d("section", x(t.attributes, {
@@ -636,16 +643,17 @@ function st(e, n, t, o, r, s) {
       maxWidth: t.maxWidth
     } : void 0
   }), [
-    C(e.$slots, "default")
+    k(e.$slots, "default")
   ], 16);
 }
 const rt = /* @__PURE__ */ f(ot, [["render", st]]), at = {
   name: "builder-fragment-component",
-  props: []
+  props: [],
+  compatConfig: { MODE: 3 }
 };
 function it(e, n, t, o, r, s) {
   return l(), d("span", null, [
-    C(e.$slots, "default")
+    k(e.$slots, "default")
   ]);
 }
 const ct = /* @__PURE__ */ f(at, [["render", it]]), lt = {
@@ -686,7 +694,7 @@ const ct = /* @__PURE__ */ f(at, [["render", it]]), lt = {
   static: !0,
   noWrap: !0
 };
-function A(e) {
+function M(e) {
   return e.__qwik_serializable__ = !0, e;
 }
 const dt = {
@@ -877,7 +885,7 @@ const dt = {
           ]
         }
       ],
-      onChange: A((e) => {
+      onChange: M((e) => {
         function n() {
           t.forEach((o) => {
             o.delete("width");
@@ -941,7 +949,7 @@ const dt = {
       allowedFileTypes: ["jpeg", "jpg", "png", "svg"],
       required: !0,
       defaultValue: "https://cdn.builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
-      onChange: A((e) => {
+      onChange: M((e) => {
         e.delete("srcset"), e.delete("noWebp");
         function t(a, c = 6e4) {
           return new Promise((i, u) => {
@@ -1264,7 +1272,7 @@ const dt = {
       required: !0,
       defaultValue: "",
       helperText: "e.g. enter a youtube url, google map, etc",
-      onChange: A((e) => {
+      onChange: M((e) => {
         const n = e.get("url");
         if (n)
           return e.set("content", "Loading..."), fetch(
@@ -1327,16 +1335,17 @@ const dt = {
           }
       }
     }
-  }
+  },
+  compatConfig: { MODE: 3 }
 }, _t = ["innerHTML"];
-function kt(e, n, t, o, r, s) {
+function Ct(e, n, t, o, r, s) {
   return l(), d("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: t.content
   }, null, 8, _t);
 }
-const Ct = /* @__PURE__ */ f(xt, [["render", kt]]);
+const kt = /* @__PURE__ */ f(xt, [["render", Ct]]);
 function wt() {
   return h() && window.self !== window.top;
 }
@@ -1353,7 +1362,8 @@ const St = {
     "image",
     "attributes"
   ],
-  data: () => ({ isEditing: g })
+  data: () => ({ isEditing: g }),
+  compatConfig: { MODE: 3 }
 }, It = ["alt", "src"];
 function Tt(e, n, t, o, r, s) {
   return l(), d("img", x(t.attributes, {
@@ -1426,20 +1436,21 @@ const Rt = /* @__PURE__ */ f(St, [["render", Tt]]), Et = {
         n[o] = !0;
       return n;
     }
-  }
-}, jt = ["innerHTML"];
-function Ut(e, n, t, o, r, s) {
+  },
+  compatConfig: { MODE: 3 }
+}, Ot = ["innerHTML"];
+function jt(e, n, t, o, r, s) {
   return l(), d("div", {
     ref: "elem",
-    class: j(
+    class: O(
       s._classStringToObject(
         "builder-custom-code" + (t.replaceNodes ? " replace-nodes" : "")
       )
     ),
     innerHTML: t.code
-  }, null, 10, jt);
+  }, null, 10, Ot);
 }
-const Vt = /* @__PURE__ */ f(Ft, [["render", Ut]]), At = {
+const Ut = /* @__PURE__ */ f(Ft, [["render", jt]]), Mt = {
   name: "Custom Code",
   static: !0,
   builtIn: !0,
@@ -1466,9 +1477,9 @@ const Vt = /* @__PURE__ */ f(Ft, [["render", Ut]]), At = {
       advanced: !0
     }
   ]
-}, $t = () => [
+}, Vt = () => [
   { component: me, ...dt },
-  { component: ke, ...mt },
+  { component: Ce, ...mt },
   { component: Rt, ...Et },
   { component: Ie, ...ft },
   { component: Fe, ...gt },
@@ -1476,8 +1487,8 @@ const Vt = /* @__PURE__ */ f(Ft, [["render", Ut]]), At = {
   { component: nt, ...lt },
   { component: rt, ...pt },
   { component: ct, ...ut },
-  { component: Ct, ...bt },
-  { component: Vt, ...At }
+  { component: kt, ...bt },
+  { component: Ut, ...Mt }
 ];
 function N({
   code: e,
@@ -1515,7 +1526,7 @@ function N({
     );
   }
 }
-function Ot() {
+function At() {
   return !h() || g() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
 }
 const Q = [];
@@ -1524,16 +1535,16 @@ function hn(e, n) {
     "registerComponent is deprecated. Use the `customComponents` prop in RenderContent instead to provide your custom components to the builder SDK."
   ), e;
 }
-const Pt = ({
+const $t = ({
   component: e,
   ...n
 }) => ({
   type: "builder.registerComponent",
-  data: Lt(n)
-}), Z = (e) => JSON.parse(JSON.stringify(e)), Wt = (e) => typeof e == "function" ? Bt(e) : Z(e), Bt = (e) => {
+  data: Bt(n)
+}), Z = (e) => JSON.parse(JSON.stringify(e)), Pt = (e) => typeof e == "function" ? Wt(e) : Z(e), Wt = (e) => {
   const n = e.toString().trim();
   return `return (${!n.startsWith("function") && !n.startsWith("(") ? "function " : ""}${n}).apply(this, arguments)`;
-}, Lt = ({
+}, Bt = ({
   inputs: e,
   ...n
 }) => ({
@@ -1542,20 +1553,20 @@ const Pt = ({
     (t) => Object.entries(t).reduce(
       (o, [r, s]) => ({
         ...o,
-        [r]: Wt(s)
+        [r]: Pt(s)
       }),
       {}
     )
   )
 });
-function Mt() {
+function Lt() {
   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 Mt().replace(/-/g, "");
+  return Lt().replace(/-/g, "");
 }
 const te = "builderSessionId", Nt = async ({ canTrack: e }) => {
   if (!e)
@@ -1567,13 +1578,13 @@ const te = "builderSessionId", Nt = async ({ canTrack: e }) => {
   if (S(n))
     return n;
   {
-    const t = Ht();
-    zt({ id: t, canTrack: e });
+    const t = Dt();
+    Ht({ id: t, canTrack: e });
   }
-}, Ht = () => ee(), zt = ({
+}, Dt = () => ee(), Ht = ({
   id: e,
   canTrack: n
-}) => G({ name: te, value: e, canTrack: n }), ne = () => h() && typeof localStorage < "u" ? localStorage : void 0, qt = ({
+}) => G({ name: te, value: e, canTrack: n }), ne = () => h() && typeof localStorage < "u" ? localStorage : void 0, zt = ({
   key: e,
   canTrack: n
 }) => {
@@ -1583,7 +1594,7 @@ const te = "builderSessionId", Nt = async ({ canTrack: e }) => {
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
   }
-}, Dt = ({
+}, qt = ({
   key: e,
   canTrack: n,
   value: t
@@ -1597,7 +1608,7 @@ const te = "builderSessionId", Nt = async ({ canTrack: e }) => {
 }, oe = "builderVisitorId", Kt = ({ canTrack: e }) => {
   if (!e)
     return;
-  const n = qt({
+  const n = zt({
     key: oe,
     canTrack: e
   });
@@ -1610,7 +1621,7 @@ const te = "builderSessionId", Nt = async ({ canTrack: e }) => {
 }, Jt = () => ee(), Gt = ({
   id: e,
   canTrack: n
-}) => Dt({
+}) => qt({
   key: oe,
   value: e,
   canTrack: n
@@ -1639,8 +1650,8 @@ const te = "builderSessionId", Nt = async ({ canTrack: e }) => {
     contentId: o
   }
 });
-async function H(e) {
-  if (!!e.canTrack && !g() && !!(h() || U === "reactNative"))
+async function D(e) {
+  if (!!e.canTrack && !g() && !!(h() || j === "reactNative"))
     return fetch("https://builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
@@ -1659,7 +1670,7 @@ const Qt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
     "Error while attempting to dynamically import component RenderBlocks at ../render-blocks.vue",
     e
   ), e;
-}), Zt = () => import("./render-styles.63eb2def.js").then((e) => e.default).catch((e) => {
+}), Zt = () => import("./render-styles.750ea842.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderContentStyles at ./components/render-styles.vue",
     e
@@ -1684,7 +1695,7 @@ const Qt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
     overrideContent: null,
     update: 0,
     overrideState: {},
-    markMutable: V
+    markMutable: U
   }),
   provide() {
     const e = this;
@@ -1714,18 +1725,18 @@ const Qt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
       if (g() && (this.forceReRenderCount = this.forceReRenderCount + 1, ie(), ce(), Object.values(this.allRegisteredComponents).forEach(
         (n) => {
           var o;
-          const t = Pt(n);
+          const t = $t(n);
           (o = window.parent) == null || o.postMessage(t, "*");
         }
       ), window.addEventListener("message", this.processMessage), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
         this.emitStateUpdate
-      )), this.useContent && H({
+      )), this.useContent && D({
         type: "impression",
         canTrack: this.canTrackToUse,
         contentId: (e = this.useContent) == null ? void 0 : e.id,
         orgId: this.apiKey
-      }), Ot()) {
+      }), At()) {
         const n = new URL(location.href).searchParams;
         if (this.model && n.get("builder.preview") === this.model) {
           const t = n.get("apiKey") || n.get("builder.space");
@@ -1786,7 +1797,7 @@ const Qt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
     },
     allRegisteredComponents() {
       return [
-        ...$t(),
+        ...Vt(),
         ...Q,
         ...this.customComponents || []
       ].reduce(
@@ -1800,7 +1811,7 @@ const Qt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
     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)) && U !== "reactNative"
+        (((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)) && j !== "reactNative"
       );
     },
     onUpdateHook0() {
@@ -1844,7 +1855,7 @@ const Qt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
     },
     onClick(e) {
       var n;
-      this.useContent && H({
+      this.useContent && D({
         type: "click",
         canTrack: this.canTrackToUse,
         contentId: (n = this.useContent) == null ? void 0 : n.id,
@@ -1894,10 +1905,11 @@ const Qt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
         })
       );
     }
-  }
+  },
+  compatConfig: { MODE: 3 }
 }, tn = ["builder-content-id"];
 function nn(e, n, t, o, r, s) {
-  var i, u, m, p, _, $, O;
+  var i, u, m, p, _, V, A;
   const a = v("render-content-styles"), c = v("render-blocks");
   return s.useContent ? (l(), d("div", {
     key: 0,
@@ -1911,7 +1923,7 @@ function nn(e, n, t, o, r, s) {
       customFonts: (_ = (p = s.useContent) == null ? void 0 : p.data) == null ? void 0 : _.customFonts
     }, null, 8, ["cssCode", "customFonts"])) : b("", !0),
     (l(), w(c, {
-      blocks: e.markMutable((O = ($ = s.useContent) == null ? void 0 : $.data) == null ? void 0 : O.blocks),
+      blocks: e.markMutable((A = (V = s.useContent) == null ? void 0 : V.data) == null ? void 0 : A.blocks),
       key: e.forceReRenderCount
     }, null, 8, ["blocks"]))
   ], 8, tn)) : b("", !0);
@@ -1919,12 +1931,12 @@ function nn(e, n, t, o, r, s) {
 const on = /* @__PURE__ */ f(en, [["render", nn]]), sn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: on
-}, Symbol.toStringTag, { value: "Module" })), rn = () => import("./block-styles.13caf8d7.js").then((e) => e.default).catch((e) => {
+}, Symbol.toStringTag, { value: "Module" })), rn = () => import("./block-styles.1f1fb83d.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;
-}), an = () => import("./render-block.9c550b26.js").then((e) => e.default).catch((e) => {
+}), an = () => import("./render-block.3cdd0c66.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
@@ -1981,13 +1993,14 @@ const on = /* @__PURE__ */ f(en, [["render", nn]]), sn = /* @__PURE__ */ Object.
         n[o] = !0;
       return n;
     }
-  }
+  },
+  compatConfig: { MODE: 3 }
 };
 const ln = ["builder-path", "builder-parent-id", "dataSet"];
 function dn(e, n, t, o, r, s) {
   const a = v("render-block"), c = v("block-styles");
   return l(), d("div", {
-    class: j(s._classStringToObject(s.className + " div-3q96myty4lk")),
+    class: O(s._classStringToObject(s.className + " div-3q96myty4lk")),
     "builder-path": t.path,
     "builder-parent-id": t.parent,
     dataSet: {
@@ -2008,16 +2021,16 @@ function dn(e, n, t, o, r, s) {
     }, null, 8, ["block", "context"]))), 128)) : b("", !0)
   ], 42, ln);
 }
-const un = /* @__PURE__ */ f(cn, [["render", dn], ["__scopeId", "data-v-53f55c54"]]), se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const un = /* @__PURE__ */ f(cn, [["render", dn], ["__scopeId", "data-v-b37c318e"]]), se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: un
-}, Symbol.toStringTag, { value: "Module" })), z = {};
+}, Symbol.toStringTag, { value: "Module" })), H = {};
 function fn(e) {
   if (h()) {
-    Object.assign(z, e);
+    Object.assign(H, e);
     const n = {
       type: "builder.settingsChange",
-      data: z
+      data: H
     };
     parent.postMessage(n, "*");
   }
@@ -2026,29 +2039,29 @@ export {
   nt as B,
   me as C,
   ct as F,
-  ke as I,
+  Ce as I,
   Qe as S,
-  U as T,
+  j as T,
   Fe as V,
   f as _,
   Ie as a,
   rt as b,
   un as c,
-  Ot as d,
+  At as d,
   N as e,
   Q as f,
   hn as g,
-  Pt as h,
+  $t as h,
   g as i,
   ae as j,
   X as k,
-  De as l,
+  qe as l,
   pn as m,
   Ke as n,
-  je as o,
-  Ue as p,
-  Ve as q,
+  Oe as o,
+  je as p,
+  Ue as q,
   on as r,
   fn as s,
-  D as t
+  q as t
 };