@builder.io/sdk-vue 0.0.5 → 0.0.6

package/packages/_vue3/dist/{index.bdc957bb.js → index.0555f850.js}

@@ -1,12 +1,12 @@
-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() {
+import { defineAsyncComponent as x, resolveComponent as C, openBlock as l, createElementBlock as d, normalizeStyle as k, Fragment as w, renderList as j, createVNode as K, createElementVNode as E, createCommentVNode as v, normalizeClass as P, renderSlot as S, mergeProps as _, toDisplayString as O, createBlock as I } from "vue";
+const V = "vue3";
+function f() {
   return typeof window < "u" && typeof document < "u";
 }
-const P = {};
+const $ = {};
 function ie(e, n) {
-  let t = P[e];
-  if (t || (t = P[e] = []), t.push(n), h()) {
+  let t = $[e];
+  if (t || (t = $[e] = []), t.push(n), f()) {
     const o = {
       type: "builder.register",
       data: {
@@ -38,50 +38,58 @@ const ae = () => {
   });
 };
 let W = !1;
-const ce = () => {
-  var e;
-  W || (W = !0, h() && ((e = window.parent) == null || e.postMessage(
+const ce = (e = {}) => {
+  var n, t;
+  W || (W = !0, f() && ((n = window.parent) == null || n.postMessage(
     {
       type: "builder.sdkInfo",
       data: {
-        target: A,
+        target: V,
         supportsPatchUpdates: !1,
         supportsAddBlockScoping: !0,
         supportsCustomBreakpoints: !0
       }
     },
     "*"
-  ), window.addEventListener("message", ({ data: n }) => {
-    var t, o;
-    if (!!(n != null && n.type))
-      switch (n.type) {
+  ), (t = window.parent) == null || t.postMessage(
+    {
+      type: "builder.updateContent",
+      data: {
+        options: e
+      }
+    },
+    "*"
+  ), window.addEventListener("message", ({ data: o }) => {
+    var s, r;
+    if (!!(o != null && o.type))
+      switch (o.type) {
         case "builder.evaluate": {
-          const s = n.data.text, r = n.data.arguments || [], i = n.data.id, c = new Function(s);
-          let a, u = null;
+          const i = o.data.text, c = o.data.arguments || [], a = o.data.id, u = new Function(i);
+          let m, p = null;
           try {
-            a = c.apply(null, r);
-          } catch (m) {
-            u = m;
+            m = u.apply(null, c);
+          } catch (h) {
+            p = h;
           }
-          u ? (t = window.parent) == null || t.postMessage(
+          p ? (s = window.parent) == null || s.postMessage(
             {
               type: "builder.evaluateError",
-              data: { id: i, error: u.message }
+              data: { id: a, error: p.message }
             },
             "*"
-          ) : a && typeof a.then == "function" ? a.then((m) => {
-            var p;
-            (p = window.parent) == null || p.postMessage(
+          ) : m && typeof m.then == "function" ? m.then((h) => {
+            var y;
+            (y = window.parent) == null || y.postMessage(
               {
                 type: "builder.evaluateResult",
-                data: { id: i, result: m }
+                data: { id: a, result: h }
               },
               "*"
             );
-          }).catch(console.error) : (o = window.parent) == null || o.postMessage(
+          }).catch(console.error) : (r = window.parent) == null || r.postMessage(
             {
               type: "builder.evaluateResult",
-              data: { result: a, id: i }
+              data: { result: m, id: a }
             },
             "*"
           );
@@ -96,7 +104,7 @@ const ce = () => {
   ), e;
 }), de = {
   name: "builder-columns",
-  components: { RenderBlocks: v(le) },
+  components: { RenderBlocks: x(le) },
   props: [
     "space",
     "columns",
@@ -143,22 +151,22 @@ const ce = () => {
     }
   }
 };
-const f = (e, n) => {
+const g = (e, n) => {
   const t = e.__vccOpts || e;
   for (const [o, s] of n)
     t[o] = s;
   return t;
 };
 function ue(e, n, t, o, s, r) {
-  const i = x("render-blocks");
+  const i = C("render-blocks");
   return l(), d("div", {
-    class: "builder-columns div-1eih9th5ow6",
-    style: C(r.columnsCssVars)
+    class: "builder-columns div-4uae37x75le",
+    style: k(r.columnsCssVars)
   }, [
-    (l(!0), d(k, null, F(t.columns, (c, a) => (l(), d("div", {
+    (l(!0), d(w, null, j(t.columns, (c, a) => (l(), d("div", {
       key: a,
-      class: "builder-column div-1eih9th5ow6-2",
-      style: C({
+      class: "builder-column div-4uae37x75le-2",
+      style: k({
         width: r.getColumnCssWidth(a),
         marginLeft: `${a === 0 ? 0 : r.getGutterSize()}px`,
         ...r.columnCssVars
@@ -175,7 +183,7 @@ function ue(e, n, t, o, s, r) {
     ], 4))), 128))
   ], 4);
 }
-const me = /* @__PURE__ */ f(de, [["render", ue], ["__scopeId", "data-v-330e29c7"]]);
+const me = /* @__PURE__ */ g(de, [["render", ue], ["__scopeId", "data-v-11562ef4"]]);
 function L(e) {
   return e.replace(/http(s)?:/, "");
 }
@@ -197,7 +205,7 @@ function he(e, n) {
   }
   return null;
 }
-function E(e) {
+function F(e) {
   if (!e)
     return e;
   const n = [100, 200, 400, 800, 1200, 1600, 2e3];
@@ -215,11 +223,12 @@ const fe = {
     "src",
     "srcset",
     "noWebp",
+    "aspectRatio",
     "altText",
+    "backgroundPosition",
     "backgroundSize",
     "className",
     "sizes",
-    "aspectRatio",
     "builderBlock",
     "fitContent"
   ],
@@ -231,14 +240,24 @@ 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"), E(n);
+          return console.debug("Removed given srcset"), F(n);
       } else if (this.image && !this.srcset)
-        return E(n);
-      return E(n);
+        return F(n);
+      return F(n);
     },
     webpSrcSet() {
       var e;
       return ((e = this.srcSetToUse) == null ? void 0 : e.match(/builder\.io/)) && !this.noWebp ? this.srcSetToUse.replace(/\?/g, "?format=webp&") : "";
+    },
+    aspectRatioCss() {
+      const e = {
+        position: "absolute",
+        height: "100%",
+        width: "100%",
+        left: "0px",
+        top: "0px"
+      };
+      return this.aspectRatio ? e : void 0;
     }
   },
   methods: {
@@ -255,50 +274,51 @@ const fe = {
 };
 const ge = ["srcset"], be = ["alt", "role", "src", "srcset", "sizes"], ye = ["srcset"], ve = {
   key: 2,
-  class: "div-1fogms4bee0-2"
+  class: "div-bmtecjgqz8g-2"
 };
 function xe(e, n, t, o, s, r) {
   var i, c, a, u;
-  return l(), d(k, null, [
-    R("picture", null, [
+  return l(), d(w, null, [
+    E("picture", null, [
       r.webpSrcSet ? (l(), d("source", {
         key: 0,
         type: "image/webp",
         srcset: r.webpSrcSet
-      }, null, 8, ge)) : y("", !0),
-      R("img", {
+      }, null, 8, ge)) : v("", !0),
+      E("img", {
         loading: "lazy",
         alt: t.altText,
         role: t.altText ? "presentation" : void 0,
-        style: C({
-          objectPosition: t.backgroundSize || "center",
-          objectFit: t.backgroundSize || "cover"
+        style: k({
+          objectPosition: t.backgroundPosition || "center",
+          objectFit: t.backgroundSize || "cover",
+          ...r.aspectRatioCss
         }),
-        class: V(
+        class: P(
           r._classStringToObject(
-            "builder-image" + (t.className ? " " + t.className : "") + " img-1fogms4bee0"
+            "builder-image" + (t.className ? " " + t.className : "") + " img-bmtecjgqz8g"
           )
         ),
         src: t.image,
         srcset: r.srcSetToUse,
         sizes: t.sizes
       }, null, 14, be),
-      R("source", { srcset: r.srcSetToUse }, null, 8, ye)
+      E("source", { srcset: r.srcSetToUse }, null, 8, ye)
     ]),
     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-1fogms4bee0",
-      style: C({
+      class: "builder-image-sizer div-bmtecjgqz8g",
+      style: k({
         paddingTop: t.aspectRatio * 100 + "%"
       })
-    }, 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),
+    }, null, 4)) : v("", !0),
+    ((u = (a = t.builderBlock) == null ? void 0 : a.children) == null ? void 0 : u.length) && t.fitContent ? S(e.$slots, "default", { key: 1 }, void 0, !0) : v("", !0),
     !t.fitContent && e.children ? (l(), d("div", ve, [
-      w(e.$slots, "default", {}, void 0, !0)
-    ])) : y("", !0)
+      S(e.$slots, "default", {}, void 0, !0)
+    ])) : v("", !0)
   ], 64);
 }
-const _e = /* @__PURE__ */ f(fe, [["render", xe], ["__scopeId", "data-v-53905db1"]]), Ce = {
+const Ce = /* @__PURE__ */ g(fe, [["render", xe], ["__scopeId", "data-v-d9473cba"]]), _e = {
   name: "builder-text",
   props: ["text"]
 }, ke = ["innerHTML"];
@@ -308,7 +328,7 @@ function we(e, n, t, o, s, r) {
     innerHTML: t.text
   }, null, 8, ke);
 }
-const Se = /* @__PURE__ */ f(Ce, [["render", we]]), Ie = {
+const Se = /* @__PURE__ */ g(_e, [["render", we]]), Ie = {
   name: "builder-video",
   props: [
     "autoPlay",
@@ -365,50 +385,50 @@ function Re(e, n, t, o, s, r) {
     poster: t.posterImage
   }, r.spreadProps), null, 16, Te);
 }
-const Ee = /* @__PURE__ */ f(Ie, [["render", Re]]);
-function j(e, n = null, t = ".") {
+const Ee = /* @__PURE__ */ g(Ie, [["render", Re]]);
+function A(e, n = null, t = ".") {
   return Object.keys(e).reduce((o, s) => {
     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, ...j(r, i, t) } : { ...o, [i]: r };
+    ].every(Boolean) ? { ...o, ...A(r, i, t) } : { ...o, [i]: r };
   }, {});
 }
-const N = "builder.", Fe = (e) => {
+const N = "builder.", Fe = "options.", je = (e) => {
   const n = {};
   return e.forEach((t, o) => {
     n[o] = t;
   }), n;
-}, je = (e) => {
+}, Ae = (e) => {
   if (!e)
     return {};
-  const n = D(e), t = {};
+  const n = q(e), t = {};
   return Object.keys(n).forEach((o) => {
     if (o.startsWith(N)) {
-      const s = o.replace(N, "");
+      const s = o.replace(N, "").replace(Fe, "");
       t[s] = n[o];
     }
   }), t;
 }, Ue = () => {
-  if (!h())
+  if (!f())
     return {};
   const e = new URLSearchParams(window.location.search);
-  return je(e);
-}, D = (e) => e instanceof URLSearchParams ? Fe(e) : e;
-function Ve() {
+  return Ae(e);
+}, q = (e) => e instanceof URLSearchParams ? je(e) : e;
+function Pe() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : null;
 }
-async function q() {
-  const e = Ve().fetch;
+async function D() {
+  const e = Pe().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 Ae = (e) => {
+const Ve = (e) => {
   const n = e.split(".");
   return n.length > 2 ? n.slice(1).join(".") : e;
 }, J = async ({
@@ -421,7 +441,7 @@ const Ae = (e) => {
   } catch (o) {
     console.debug("[COOKIE] GET error: ", o);
   }
-}, Oe = (e) => e.map(([n, t]) => t ? `${n}=${t}` : n).join("; "), Be = [
+}, Be = (e) => e.map(([n, t]) => t ? `${n}=${t}` : n).join("; "), Oe = [
   ["secure", ""],
   ["SameSite", "None"]
 ], $e = ({
@@ -429,14 +449,14 @@ const Ae = (e) => {
   value: n,
   expires: t
 }) => {
-  const s = (h() ? location.protocol === "https:" : !0) ? Be : [[]], r = t ? [["expires", t.toUTCString()]] : [[]], i = [
+  const s = (f() ? location.protocol === "https:" : !0) ? Oe : [[]], r = t ? [["expires", t.toUTCString()]] : [[]], i = [
     [e, n],
     ...r,
     ["path", "/"],
-    ["domain", Ae(window.location.hostname)],
+    ["domain", Ve(window.location.hostname)],
     ...s
   ];
-  return Oe(i);
+  return Be(i);
 }, G = async ({
   name: e,
   value: n,
@@ -451,14 +471,14 @@ const Ae = (e) => {
   } catch (s) {
     console.warn("[COOKIE] SET error: ", s);
   }
-}, Pe = "builderio.variations", Y = (e) => `${Pe}.${e}`, We = ({
+}, We = "builderio.variations", X = (e) => `${We}.${e}`, Le = ({
   contentId: e,
   canTrack: n
-}) => J({ name: Y(e), canTrack: n }), Le = ({
+}) => J({ name: X(e), canTrack: n }), Ne = ({
   contentId: e,
   canTrack: n,
   value: t
-}) => 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 = ({
+}) => G({ name: X(e), value: t, canTrack: n }), T = (e) => e != null, Me = (e) => T(e.id) && T(e.variations) && Object.keys(e.variations).length > 0, He = ({
   id: e,
   variations: n
 }) => {
@@ -482,22 +502,22 @@ const Ae = (e) => {
     testVariationId: t.id,
     testVariationName: t.name || (t.id === e.id ? "Default" : "")
   };
-}, He = async ({
+}, ze = async ({
   item: e,
   canTrack: n
 }) => {
-  const t = await We({
+  const t = await Le({
     canTrack: n,
     contentId: e.id
   }), o = t ? M({ item: e, testGroupId: t }) : void 0;
   if (o)
     return o;
   {
-    const s = Me({
+    const s = He({
       variations: e.variations,
       id: e.id
     });
-    return Le({
+    return Ne({
       contentId: e.id,
       value: s,
       canTrack: n
@@ -505,19 +525,19 @@ const Ae = (e) => {
       console.error("could not store A/B test variation: ", r);
     }), M({ item: e, testGroupId: s });
   }
-}, ze = async ({
+}, Ke = async ({
   item: e,
   canTrack: n
 }) => {
-  if (!Ne(e))
+  if (!Me(e))
     return;
-  const t = await He({ item: e, canTrack: n });
+  const t = await ze({ item: e, canTrack: n });
   Object.assign(e, t);
 };
-async function X(e) {
+async function Y(e) {
   return (await De({ ...e, limit: 1 })).results[0] || null;
 }
-const Ke = (e) => {
+const qe = (e) => {
   const {
     limit: n = 30,
     userAttributes: t,
@@ -525,42 +545,43 @@ const Ke = (e) => {
     noTraverse: s = !1,
     model: r,
     apiKey: i,
-    includeRefs: c = !0
+    includeRefs: c = !0,
+    locale: a
   } = 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 = {
+  const u = new URL(
+    `https://cdn.builder.io/api/v2/content/${r}?apiKey=${i}&limit=${n}&noTraverse=${s}&includeRefs=${c}${a ? `&locale=${a}` : ""}`
+  ), m = {
     ...Ue(),
-    ...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]));
+    ...q(e.options || {})
+  }, p = A(m);
+  for (const h in p)
+    u.searchParams.set(h, String(p[h]));
+  if (t && u.searchParams.set("userAttributes", JSON.stringify(t)), o) {
+    const h = A({ query: o });
+    for (const y in h)
+      u.searchParams.set(y, JSON.stringify(h[y]));
   }
-  return a;
+  return u;
 };
 async function De(e) {
-  const n = Ke(e), o = await (await q())(n.href).then(
+  const n = qe(e), o = await (await D())(n.href).then(
     (r) => r.json()
   ), s = e.canTrack !== !1;
-  if (s)
+  if (s && Array.isArray(o.results))
     for (const r of o.results)
-      await ze({ item: r, canTrack: s });
+      await Ke({ item: r, canTrack: s });
   return o;
 }
-const qe = () => Promise.resolve().then(() => nn).then((e) => e.default).catch((e) => {
+const Je = () => Promise.resolve().then(() => on).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 = {
+}), Ge = {
   name: "builder-symbol",
-  components: { RenderContent: v(qe) },
+  components: { RenderContent: x(Je) },
   props: ["symbol", "attributes"],
   data: () => ({ className: "builder-symbol", fetchedContent: null }),
   inject: {
@@ -569,7 +590,7 @@ const qe = () => Promise.resolve().then(() => nn).then((e) => e.default).catch((
   watch: {
     onUpdateHook0() {
       const e = this.symbol;
-      e && !e.content && !this.fetchedContent && e.model && X({
+      e && !e.content && !this.fetchedContent && e.model && Y({
         model: e.model,
         apiKey: this.builderContext.apiKey,
         query: {
@@ -603,10 +624,10 @@ const qe = () => Promise.resolve().then(() => nn).then((e) => e.default).catch((
       return n;
     }
   }
-}, Ge = ["dataSet"];
+}, Xe = ["dataSet"];
 function Ye(e, n, t, o, s, r) {
   var c, a, u, m, p;
-  const i = x("render-content");
+  const i = C("render-content");
   return l(), d("div", _({
     dataSet: {
       class: e.className
@@ -625,47 +646,47 @@ function Ye(e, n, t, o, s, r) {
       model: (p = t.symbol) == null ? void 0 : p.model,
       content: r.contentToUse
     }, null, 8, ["apiKey", "context", "customComponents", "data", "model", "content"])
-  ], 16, Ge);
+  ], 16, Xe);
 }
-const Xe = /* @__PURE__ */ f(Je, [["render", Ye]]), Qe = {
+const Qe = /* @__PURE__ */ g(Ge, [["render", Ye]]), Ze = {
   name: "builder-button",
   props: ["attributes", "text", "link", "openLinkInNewTab"]
 };
-const Ze = ["href", "target"];
-function et(e, n, t, o, s, r) {
+const et = ["href", "target"];
+function tt(e, n, t, o, s, r) {
   return t.link ? (l(), d("a", _({
     key: 0,
     role: "button",
     href: t.link,
     target: t.openLinkInNewTab ? "_blank" : void 0
-  }, t.attributes), $(t.text), 17, Ze)) : (l(), d("button", _({
+  }, t.attributes), O(t.text), 17, et)) : (l(), d("button", _({
     key: 1,
-    class: "button-361b1o6wv2k"
-  }, t.attributes), $(t.text), 17));
+    class: "button-2btisl9m7v3"
+  }, t.attributes), O(t.text), 17));
 }
-const tt = /* @__PURE__ */ f(Qe, [["render", et], ["__scopeId", "data-v-00528171"]]), nt = {
+const nt = /* @__PURE__ */ g(Ze, [["render", tt], ["__scopeId", "data-v-db085cd5"]]), ot = {
   name: "builder-section-component",
   props: ["attributes", "maxWidth"]
 };
-function ot(e, n, t, o, s, r) {
+function st(e, n, t, o, s, r) {
   return l(), d("section", _({
     style: t.maxWidth && typeof t.maxWidth == "number" ? {
       maxWidth: t.maxWidth
     } : void 0
   }, t.attributes), [
-    w(e.$slots, "default")
+    S(e.$slots, "default")
   ], 16);
 }
-const st = /* @__PURE__ */ f(nt, [["render", ot]]), rt = {
+const rt = /* @__PURE__ */ g(ot, [["render", st]]), it = {
   name: "builder-fragment-component",
   props: []
 };
-function it(e, n, t, o, s, r) {
+function at(e, n, t, o, s, r) {
   return l(), d("span", null, [
-    w(e.$slots, "default")
+    S(e.$slots, "default")
   ]);
 }
-const at = /* @__PURE__ */ f(rt, [["render", it]]), ct = {
+const ct = /* @__PURE__ */ g(it, [["render", at]]), lt = {
   name: "Core:Button",
   builtIn: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
@@ -702,10 +723,10 @@ const at = /* @__PURE__ */ f(rt, [["render", it]]), ct = {
   ],
   static: !0,
   noWrap: !0
-}, T = (e) => {
+}, R = (e) => {
   const n = e.toString().trim();
   return `return (${!n.startsWith("function") && !n.startsWith("(") ? "function " : ""}${n}).apply(this, arguments)`;
-}, lt = {
+}, dt = {
   name: "Columns",
   builtIn: !0,
   inputs: [
@@ -893,7 +914,7 @@ const at = /* @__PURE__ */ f(rt, [["render", it]]), ct = {
           ]
         }
       ],
-      onChange: T((e) => {
+      onChange: R((e) => {
         function n() {
           t.forEach((o) => {
             o.delete("width");
@@ -930,14 +951,14 @@ const at = /* @__PURE__ */ f(rt, [["render", it]]), ct = {
       advanced: !0
     }
   ]
-}, dt = {
+}, ut = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   builtIn: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, ut = {
+}, mt = {
   name: "Image",
   static: !0,
   builtIn: !0,
@@ -957,7 +978,7 @@ const at = /* @__PURE__ */ f(rt, [["render", it]]), ct = {
       allowedFileTypes: ["jpeg", "jpg", "png", "svg"],
       required: !0,
       defaultValue: "https://cdn.builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
-      onChange: T((e) => {
+      onChange: R((e) => {
         e.delete("srcset"), e.delete("noWebp");
         function t(i, c = 6e4) {
           return new Promise((a, u) => {
@@ -965,8 +986,8 @@ const at = /* @__PURE__ */ f(rt, [["render", it]]), ct = {
             let p = !1;
             m.onload = () => {
               p = !0, a(m);
-            }, m.addEventListener("error", (b) => {
-              console.warn("Image load failed", b.error), u(b.error);
+            }, m.addEventListener("error", (h) => {
+              console.warn("Image load failed", h.error), u(h.error);
             }), m.src = i, setTimeout(() => {
               p || u(new Error("Image load timed out"));
             }, c);
@@ -1063,7 +1084,7 @@ const at = /* @__PURE__ */ f(rt, [["render", it]]), ct = {
       defaultValue: 0.7041
     }
   ]
-}, mt = {
+}, pt = {
   name: "Core:Section",
   static: !0,
   builtIn: !0,
@@ -1108,7 +1129,7 @@ const at = /* @__PURE__ */ f(rt, [["render", it]]), ct = {
       }
     }
   ]
-}, pt = {
+}, ht = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1147,7 +1168,7 @@ const at = /* @__PURE__ */ f(rt, [["render", it]]), ct = {
       type: "boolean"
     }
   ]
-}, ht = {
+}, ft = {
   name: "Text",
   static: !0,
   builtIn: !0,
@@ -1167,7 +1188,7 @@ const at = /* @__PURE__ */ f(rt, [["render", it]]), ct = {
     height: "auto",
     textAlign: "center"
   }
-}, ft = {
+}, gt = {
   name: "Video",
   canHaveChildren: !0,
   builtIn: !0,
@@ -1269,7 +1290,7 @@ const at = /* @__PURE__ */ f(rt, [["render", it]]), ct = {
       advanced: !0
     }
   ]
-}, gt = {
+}, bt = {
   name: "Embed",
   static: !0,
   builtIn: !0,
@@ -1280,7 +1301,7 @@ const at = /* @__PURE__ */ f(rt, [["render", it]]), ct = {
       required: !0,
       defaultValue: "",
       helperText: "e.g. enter a youtube url, google map, etc",
-      onChange: T((e) => {
+      onChange: R((e) => {
         const n = e.get("url");
         if (n)
           return e.set("content", "Loading..."), fetch(
@@ -1303,11 +1324,11 @@ const at = /* @__PURE__ */ f(rt, [["render", it]]), ct = {
       hideFromUI: !0
     }
   ]
-}, bt = [
+}, yt = [
   "text/javascript",
   "application/javascript",
   "application/ecmascript"
-], yt = (e) => bt.includes(e.type), vt = {
+], vt = (e) => yt.includes(e.type), xt = {
   name: "builder-embed",
   props: ["content"],
   data: () => ({ scriptsInserted: [], scriptsRun: [], ranInitFn: !1 }),
@@ -1335,7 +1356,7 @@ const at = /* @__PURE__ */ f(rt, [["render", it]]), ct = {
           this.scriptsInserted.push(t.src);
           const o = document.createElement("script");
           o.async = !0, o.src = t.src, document.head.appendChild(o);
-        } else if (yt(t) && !this.scriptsRun.includes(t.innerText))
+        } else if (vt(t) && !this.scriptsRun.includes(t.innerText))
           try {
             this.scriptsRun.push(t.innerText), new Function(t.innerText)();
           } catch (o) {
@@ -1344,22 +1365,22 @@ const at = /* @__PURE__ */ f(rt, [["render", it]]), ct = {
       }
     }
   }
-}, xt = ["innerHTML"];
+}, Ct = ["innerHTML"];
 function _t(e, n, t, o, s, r) {
   return l(), d("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: t.content
-  }, null, 8, xt);
+  }, null, 8, Ct);
 }
-const Ct = /* @__PURE__ */ f(vt, [["render", _t]]);
-function kt() {
-  return h() && window.self !== window.top;
+const kt = /* @__PURE__ */ g(xt, [["render", _t]]);
+function wt() {
+  return f() && window.self !== window.top;
 }
-function g() {
-  return kt() && window.location.search.indexOf("builder.frameEditing=") !== -1;
+function b() {
+  return wt() && window.location.search.indexOf("builder.frameEditing=") !== -1;
 }
-const wt = {
+const St = {
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -1369,9 +1390,9 @@ const wt = {
     "image",
     "attributes"
   ],
-  data: () => ({ isEditing: g })
-}, St = ["alt", "src"];
-function It(e, n, t, o, s, r) {
+  data: () => ({ isEditing: b })
+}, It = ["alt", "src"];
+function Tt(e, n, t, o, s, r) {
   return l(), d("img", _({
     style: {
       objectFit: t.backgroundSize || "cover",
@@ -1380,9 +1401,9 @@ function It(e, n, t, o, s, r) {
     key: e.isEditing() && t.imgSrc || "default-key",
     alt: t.altText,
     src: t.imgSrc || t.image
-  }, t.attributes), null, 16, St);
+  }, t.attributes), null, 16, It);
 }
-const Tt = /* @__PURE__ */ f(wt, [["render", It]]), Rt = {
+const Rt = /* @__PURE__ */ g(St, [["render", Tt]]), Et = {
   name: "Raw:Img",
   hideFromInsertMenu: !0,
   builtIn: !0,
@@ -1398,7 +1419,7 @@ const Tt = /* @__PURE__ */ f(wt, [["render", It]]), Rt = {
   ],
   noWrap: !0,
   static: !0
-}, Et = {
+}, Ft = {
   name: "builder-custom-code",
   props: ["replaceNodes", "code"],
   data: () => ({ scriptsInserted: [], scriptsRun: [] }),
@@ -1443,19 +1464,19 @@ const Tt = /* @__PURE__ */ f(wt, [["render", It]]), Rt = {
       return n;
     }
   }
-}, Ft = ["innerHTML"];
-function jt(e, n, t, o, s, r) {
+}, jt = ["innerHTML"];
+function At(e, n, t, o, s, r) {
   return l(), d("div", {
     ref: "elem",
-    class: V(
+    class: P(
       r._classStringToObject(
         "builder-custom-code" + (t.replaceNodes ? " replace-nodes" : "")
       )
     ),
     innerHTML: t.code
-  }, null, 10, Ft);
+  }, null, 10, jt);
 }
-const Ut = /* @__PURE__ */ f(Et, [["render", jt]]), Vt = {
+const Ut = /* @__PURE__ */ g(Ft, [["render", At]]), Pt = {
   name: "Custom Code",
   static: !0,
   builtIn: !0,
@@ -1482,34 +1503,35 @@ const Ut = /* @__PURE__ */ f(Et, [["render", jt]]), Vt = {
       advanced: !0
     }
   ]
-}, At = () => [
-  { component: me, ...lt },
-  { component: _e, ...ut },
-  { component: Tt, ...Rt },
-  { component: Se, ...ht },
-  { component: Ee, ...ft },
-  { component: Xe, ...pt },
-  { component: tt, ...ct },
-  { component: st, ...mt },
-  { component: at, ...dt },
-  { component: Ct, ...gt },
-  { component: Ut, ...Vt }
+}, Vt = () => [
+  { component: me, ...dt },
+  { component: Ce, ...mt },
+  { component: Rt, ...Et },
+  { component: Se, ...ft },
+  { component: Ee, ...gt },
+  { component: Qe, ...ht },
+  { component: nt, ...lt },
+  { component: rt, ...pt },
+  { component: ct, ...ut },
+  { component: kt, ...bt },
+  { component: Ut, ...Pt }
 ];
 function H({
   code: e,
   context: n,
   state: t,
-  event: o
+  event: o,
+  isExpression: s = !0
 }) {
   if (e === "") {
     console.warn("Skipping evaluation of empty code block.");
     return;
   }
-  const s = {
-    isEditing: g(),
-    isBrowser: h(),
-    isServer: !h()
-  }, i = !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e;
+  const r = {
+    isEditing: b(),
+    isBrowser: f(),
+    isServer: !f()
+  }, c = s && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e;
   try {
     return new Function(
       "builder",
@@ -1517,36 +1539,36 @@ function H({
       "state",
       "context",
       "event",
-      i
-    )(s, s, t, n, o);
-  } catch (c) {
+      c
+    )(r, r, t, n, o);
+  } catch (a) {
     console.warn(
       `Builder custom code error: 
  While Evaluating: 
  `,
-      i,
+      c,
       `
 `,
-      c.message || c
+      a
     );
   }
 }
-function Ot() {
-  return !h() || g() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
+function Bt() {
+  return !f() || b() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
 }
 const Q = (e) => JSON.parse(JSON.stringify(e)), Z = [];
-function un(e, n) {
+function mn(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;
 }
-const Bt = ({
+const Ot = ({
   component: e,
   ...n
 }) => ({
   type: "builder.registerComponent",
-  data: Pt(n)
-}), $t = (e) => typeof e == "function" ? T(e) : Q(e), Pt = ({
+  data: Wt(n)
+}), $t = (e) => typeof e == "function" ? R(e) : Q(e), Wt = ({
   inputs: e,
   ...n
 }) => ({
@@ -1561,32 +1583,32 @@ const Bt = ({
     )
   )
 });
-function Wt() {
+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 Wt().replace(/-/g, "");
+  return Lt().replace(/-/g, "");
 }
-const te = "builderSessionId", Lt = async ({ canTrack: e }) => {
+const te = "builderSessionId", Nt = async ({ canTrack: e }) => {
   if (!e)
     return;
   const n = await J({
     name: te,
     canTrack: e
   });
-  if (I(n))
+  if (T(n))
     return n;
   {
-    const t = Nt();
-    Mt({ id: t, canTrack: e });
+    const t = Mt();
+    Ht({ id: t, canTrack: e });
   }
-}, Nt = () => ee(), Mt = ({
+}, Mt = () => ee(), Ht = ({
   id: e,
   canTrack: n
-}) => G({ name: te, value: e, canTrack: n }), ne = () => h() && typeof localStorage < "u" ? localStorage : void 0, Ht = ({
+}) => G({ name: te, value: e, canTrack: n }), ne = () => f() && typeof localStorage < "u" ? localStorage : void 0, zt = ({
   key: e,
   canTrack: n
 }) => {
@@ -1596,7 +1618,7 @@ const te = "builderSessionId", Lt = async ({ canTrack: e }) => {
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
   }
-}, zt = ({
+}, Kt = ({
   key: e,
   canTrack: n,
   value: t
@@ -1607,37 +1629,37 @@ const te = "builderSessionId", Lt = async ({ canTrack: e }) => {
   } catch (s) {
     console.debug("[LocalStorage] SET error: ", s);
   }
-}, oe = "builderVisitorId", Kt = ({ canTrack: e }) => {
+}, oe = "builderVisitorId", qt = ({ canTrack: e }) => {
   if (!e)
     return;
-  const n = Ht({
+  const n = zt({
     key: oe,
     canTrack: e
   });
-  if (I(n))
+  if (T(n))
     return n;
   {
     const t = Dt();
-    qt({ id: t, canTrack: e });
+    Jt({ id: t, canTrack: e });
   }
-}, Dt = () => ee(), qt = ({
+}, Dt = () => ee(), Jt = ({
   id: e,
   canTrack: n
-}) => zt({
+}) => Kt({
   key: oe,
   value: e,
   canTrack: n
-}), Jt = async ({
+}), Gt = async ({
   canTrack: e
 }) => {
   if (!e)
     return { visitorId: void 0, sessionId: void 0 };
-  const n = await Lt({ canTrack: e }), t = Kt({ canTrack: e });
+  const n = await Nt({ canTrack: e }), t = qt({ canTrack: e });
   return {
     sessionId: n,
     visitorId: t
   };
-}, Gt = async ({
+}, Xt = async ({
   type: e,
   canTrack: n,
   apiKey: t,
@@ -1648,16 +1670,22 @@ const te = "builderSessionId", Lt = async ({ canTrack: e }) => {
   data: {
     ...s,
     metadata: JSON.stringify(o),
-    ...await Jt({ canTrack: n }),
+    ...await Gt({ canTrack: n }),
     ownerId: t
   }
 });
 async function U(e) {
-  if (!!e.canTrack && !g() && !!(h() || A === "reactNative"))
+  if (!e.apiKey) {
+    console.error(
+      "[Builder.io]: Missing API key for track call. Please provide your API key."
+    );
+    return;
+  }
+  if (!!e.canTrack && !b() && !!(f() || V === "reactNative"))
     return fetch("https://builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await Gt(e)]
+        events: [await Xt(e)]
       }),
       headers: {
         "content-type": "application/json"
@@ -1667,30 +1695,32 @@ async function U(e) {
       console.error("Failed to track: ", n);
     });
 }
-const mn = (e) => U({ ...e, canTrack: !0 }), Yt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((e) => {
+const pn = (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;
-}), Xt = () => import("./render-styles.1af9ac32.js").then((e) => e.default).catch((e) => {
+}), Qt = () => import("./render-styles.ce553bd8.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;
-}), Qt = {
+}), Zt = {
   name: "render-content",
   components: {
-    RenderContentStyles: v(Xt),
-    RenderBlocks: v(Yt)
+    RenderContentStyles: x(Qt),
+    RenderBlocks: x(Yt)
   },
   props: [
     "content",
     "data",
     "canTrack",
+    "locale",
     "context",
     "customComponents",
     "model",
-    "apiKey"
+    "apiKey",
+    "includeRefs"
   ],
   data: () => ({
     forceReRenderCount: 0,
@@ -1722,11 +1752,20 @@ const mn = (e) => U({ ...e, canTrack: !0 }), Yt = () => Promise.resolve().then((
   },
   mounted() {
     var e, n;
-    if (h()) {
-      if (g() && (this.forceReRenderCount = this.forceReRenderCount + 1, ae(), ce(), Object.values(this.allRegisteredComponents).forEach(
+    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 (b() && (this.forceReRenderCount = this.forceReRenderCount + 1, ae(), ce({
+        ...this.locale ? {
+          locale: this.locale
+        } : {},
+        ...this.includeRefs ? {
+          includeRefs: this.includeRefs
+        } : {}
+      }), Object.values(this.allRegisteredComponents).forEach(
         (t) => {
           var s;
-          const o = Bt(t);
+          const o = Ot(t);
           (s = window.parent) == null || s.postMessage(o, "*");
         }
       ), window.addEventListener("message", this.processMessage), window.addEventListener(
@@ -1742,11 +1781,11 @@ const mn = (e) => U({ ...e, canTrack: !0 }), Yt = () => Promise.resolve().then((
           variationId: t !== o ? t : void 0
         });
       }
-      if (Ot()) {
+      if (Bt()) {
         const t = new URL(location.href).searchParams;
         if (this.model && t.get("builder.preview") === this.model) {
           const o = t.get("apiKey") || t.get("builder.space");
-          o && X({
+          o && Y({
             model: this.model,
             apiKey: o
           }).then((s) => {
@@ -1769,7 +1808,7 @@ const mn = (e) => U({ ...e, canTrack: !0 }), Yt = () => Promise.resolve().then((
     }
   },
   unmounted() {
-    h() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
+    f() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       this.emitStateUpdate
     ));
@@ -1795,6 +1834,9 @@ const mn = (e) => U({ ...e, canTrack: !0 }), Yt = () => Promise.resolve().then((
       return {
         ...(n = (e = this.content) == null ? void 0 : e.data) == null ? void 0 : n.state,
         ...this.data,
+        ...this.locale ? {
+          locale: this.locale
+        } : {},
         ...this.overrideState
       };
     },
@@ -1803,7 +1845,7 @@ const mn = (e) => U({ ...e, canTrack: !0 }), Yt = () => Promise.resolve().then((
     },
     allRegisteredComponents() {
       return [
-        ...At(),
+        ...Vt(),
         ...Z,
         ...this.customComponents || []
       ].reduce(
@@ -1820,13 +1862,14 @@ const mn = (e) => U({ ...e, canTrack: !0 }), Yt = () => 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)) && A !== "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)) && V !== "reactNative"
       );
     },
     onUpdateHook0() {
       var e, n;
       return {
-        0: (n = (e = this.useContent) == null ? void 0 : e.data) == null ? void 0 : n.jsCode
+        0: (n = (e = this.useContent) == null ? void 0 : e.data) == null ? void 0 : n.jsCode,
+        1: this.contentState
       };
     },
     onUpdateHook1() {
@@ -1886,7 +1929,7 @@ const mn = (e) => U({ ...e, canTrack: !0 }), Yt = () => Promise.resolve().then((
       );
     },
     handleRequest({ url: e, key: n }) {
-      q().then((t) => t(e)).then((t) => t.json()).then((t) => {
+      D().then((t) => t(e)).then((t) => t.json()).then((t) => {
         const o = {
           ...this.overrideState,
           [n]: t
@@ -1900,7 +1943,7 @@ const mn = (e) => U({ ...e, canTrack: !0 }), Yt = () => Promise.resolve().then((
       var n, t, o;
       const e = (o = (t = (n = this.useContent) == null ? void 0 : n.data) == null ? void 0 : t.httpRequests) != null ? o : {};
       Object.entries(e).forEach(([s, r]) => {
-        if (r && (!this.httpReqsData[s] || g())) {
+        if (r && (!this.httpReqsData[s] || b())) {
           const i = this.evalExpression(r);
           this.handleRequest({
             url: i,
@@ -1910,7 +1953,7 @@ const mn = (e) => U({ ...e, canTrack: !0 }), Yt = () => Promise.resolve().then((
       });
     },
     emitStateUpdate() {
-      g() && window.dispatchEvent(
+      b() && window.dispatchEvent(
         new CustomEvent("builder:component:stateChange", {
           detail: {
             state: this.contentState,
@@ -1922,10 +1965,10 @@ const mn = (e) => U({ ...e, canTrack: !0 }), Yt = () => Promise.resolve().then((
       );
     }
   }
-}, 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");
+}, en = ["builder-content-id", "builder-model"];
+function tn(e, n, t, o, s, r) {
+  var a, u, m, p, h, y, B;
+  const i = C("render-content-styles"), c = C("render-blocks");
   return r.useContent ? (l(), d("div", {
     key: 0,
     ref: "elementRef",
@@ -1933,35 +1976,35 @@ function en(e, n, t, o, s, r) {
     "builder-content-id": (a = r.useContent) == null ? void 0 : a.id,
     "builder-model": t.model
   }, [
-    r.shouldRenderContentStyles ? (l(), S(i, {
+    r.shouldRenderContentStyles ? (l(), I(i, {
       key: 0,
       cssCode: (m = (u = r.useContent) == null ? void 0 : u.data) == null ? void 0 : m.cssCode,
-      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: (B = (O = r.useContent) == null ? void 0 : O.data) == null ? void 0 : B.blocks,
+      customFonts: (h = (p = r.useContent) == null ? void 0 : p.data) == null ? void 0 : h.customFonts
+    }, null, 8, ["cssCode", "customFonts"])) : v("", !0),
+    (l(), I(c, {
+      blocks: (B = (y = r.useContent) == null ? void 0 : y.data) == null ? void 0 : B.blocks,
       key: e.forceReRenderCount
     }, null, 8, ["blocks"]))
-  ], 8, Zt)) : y("", !0);
+  ], 8, en)) : v("", !0);
 }
-const tn = /* @__PURE__ */ f(Qt, [["render", en]]), nn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const nn = /* @__PURE__ */ g(Zt, [["render", tn]]), on = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: tn
-}, Symbol.toStringTag, { value: "Module" })), on = () => import("./block-styles.c98db17a.js").then((e) => e.default).catch((e) => {
+  default: nn
+}, Symbol.toStringTag, { value: "Module" })), sn = () => import("./block-styles.bfb6bf01.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;
-}), sn = () => import("./render-block.97918590.js").then((e) => e.default).catch((e) => {
+}), rn = () => import("./render-block.ff327bfe.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;
-}), rn = {
+}), an = {
   name: "render-blocks",
   components: {
-    RenderBlock: v(sn),
-    BlockStyles: v(on)
+    RenderBlock: x(rn),
+    BlockStyles: x(sn)
   },
   props: ["blocks", "parent", "path", "styleProp"],
   inject: {
@@ -1976,7 +2019,7 @@ const tn = /* @__PURE__ */ f(Qt, [["render", en]]), nn = /* @__PURE__ */ Object.
   methods: {
     onClick() {
       var e, n;
-      g() && !((e = this.blocks) != null && e.length) && ((n = window.parent) == null || n.postMessage(
+      b() && !((e = this.blocks) != null && e.length) && ((n = window.parent) == null || n.postMessage(
         {
           type: "builder.clickEmptyBlocks",
           data: {
@@ -1989,7 +2032,7 @@ const tn = /* @__PURE__ */ f(Qt, [["render", en]]), nn = /* @__PURE__ */ Object.
     },
     onMouseEnter() {
       var e, n;
-      g() && !((e = this.blocks) != null && e.length) && ((n = window.parent) == null || n.postMessage(
+      b() && !((e = this.blocks) != null && e.length) && ((n = window.parent) == null || n.postMessage(
         {
           type: "builder.hoverEmptyBlocks",
           data: {
@@ -2011,38 +2054,38 @@ const tn = /* @__PURE__ */ f(Qt, [["render", en]]), nn = /* @__PURE__ */ Object.
     }
   }
 };
-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");
+const cn = ["builder-path", "builder-parent-id", "dataSet"];
+function ln(e, n, t, o, s, r) {
+  const i = C("render-block"), c = C("block-styles");
   return l(), d("div", {
-    class: V(r._classStringToObject(r.className + " div-4o9pb21oca6")),
+    class: P(r._classStringToObject(r.className + " div-7fq9d0i380")),
     "builder-path": t.path,
     "builder-parent-id": t.parent,
     dataSet: {
       class: r.className
     },
-    style: C(t.styleProp),
+    style: k(t.styleProp),
     onClick: n[0] || (n[0] = (a) => r.onClick()),
     onMouseenter: n[1] || (n[1] = (a) => r.onMouseEnter())
   }, [
-    t.blocks ? (l(!0), d(k, { key: 0 }, F(t.blocks, (a, u) => (l(), S(i, {
+    t.blocks ? (l(!0), d(w, { key: 0 }, j(t.blocks, (a, u) => (l(), I(i, {
       key: "render-block-" + a.id,
       block: a,
       context: r.builderContext
-    }, null, 8, ["block", "context"]))), 128)) : y("", !0),
-    t.blocks ? (l(!0), d(k, { key: 1 }, F(t.blocks, (a, u) => (l(), S(c, {
+    }, null, 8, ["block", "context"]))), 128)) : v("", !0),
+    t.blocks ? (l(!0), d(w, { key: 1 }, j(t.blocks, (a, u) => (l(), I(c, {
       key: "block-style-" + a.id,
       block: a,
       context: r.builderContext
-    }, null, 8, ["block", "context"]))), 128)) : y("", !0)
-  ], 46, an);
+    }, null, 8, ["block", "context"]))), 128)) : v("", !0)
+  ], 46, cn);
 }
-const ln = /* @__PURE__ */ f(rn, [["render", cn], ["__scopeId", "data-v-9786df38"]]), se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const dn = /* @__PURE__ */ g(an, [["render", ln], ["__scopeId", "data-v-4f5f0a37"]]), se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ln
+  default: dn
 }, Symbol.toStringTag, { value: "Module" })), z = {};
-function pn(e) {
-  if (h()) {
+function hn(e) {
+  if (f()) {
     Object.assign(z, e);
     const n = {
       type: "builder.settingsChange",
@@ -2052,33 +2095,33 @@ function pn(e) {
   }
 }
 export {
-  tt as B,
+  nt as B,
   me as C,
-  at as F,
-  _e as I,
-  Xe as S,
-  A as T,
+  ct as F,
+  Ce as I,
+  Qe as S,
+  V as T,
   Ee as V,
-  f as _,
+  g as _,
   Se as a,
-  st as b,
-  ln as c,
-  Ot as d,
+  rt as b,
+  dn as c,
+  Bt as d,
   H as e,
   Q as f,
   Z as g,
-  un as h,
-  g as i,
-  Bt as j,
+  mn as h,
+  b as i,
+  Ot as j,
   ie as k,
-  X as l,
-  Ke as m,
+  Y as l,
+  qe as m,
   De as n,
-  Fe as o,
-  je as p,
+  je as o,
+  Ae as p,
   Ue as q,
-  tn as r,
-  pn as s,
-  mn as t,
-  D as u
+  nn as r,
+  hn as s,
+  pn as t,
+  q as u
 };