@builder.io/sdk-vue 4.0.6 → 4.0.8

package/lib/browser/{index-LQooJIVP.js → index-3lnsErPD.js}

@@ -1,5 +1,5 @@
 import "./style.css";
-import { defineComponent as g, openBlock as c, createElementBlock as p, Fragment as $, createBlock as y, resolveDynamicComponent as z, mergeProps as C, toHandlers as x, withCtx as W, renderSlot as A, resolveComponent as k, createTextVNode as wt, toDisplayString as ne, defineAsyncComponent as K, createVNode as B, renderList as N, createCommentVNode as S, h as Ue, createElementVNode as M, normalizeStyle as U, normalizeClass as J, markRaw as Tt } from "vue";
+import { defineComponent as g, openBlock as c, createElementBlock as p, Fragment as $, createBlock as y, resolveDynamicComponent as z, mergeProps as C, toHandlers as x, withCtx as W, renderSlot as A, resolveComponent as k, createTextVNode as wt, toDisplayString as ne, defineAsyncComponent as j, createVNode as B, renderList as N, createCommentVNode as S, h as Ue, createElementVNode as M, normalizeStyle as U, normalizeClass as J, markRaw as Tt } from "vue";
 const It = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), $t = (e) => typeof e == "string" && It.has(e.toLowerCase());
 function V(e = {}, t, n) {
   const o = {};
@@ -38,7 +38,7 @@ function Et(e, t, n, o, r, s) {
     }, 16))
   ], 64));
 }
-const he = /* @__PURE__ */ b(Rt, [["render", Et]]), Zs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const he = /* @__PURE__ */ b(Rt, [["render", Et]]), _s = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: he
 }, Symbol.toStringTag, { value: "Module" })), R = "vue", _ = () => {
@@ -194,7 +194,7 @@ const Ot = () => {
 }), Lt = (e, {
   isExpression: t = !0
 }) => /* we disable this for cases where we definitely don't want a return */ t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e;
-function je({
+function Ke({
   rootState: e,
   localState: t,
   rootSetState: n
@@ -204,7 +204,7 @@ function je({
       if (t && r in t)
         return t[r];
       const s = o[r];
-      return typeof s == "object" && s !== null ? je({
+      return typeof s == "object" && s !== null ? Ke({
         rootState: s,
         localState: void 0,
         rootSetState: n ? (i) => {
@@ -232,7 +232,7 @@ const $e = ({
     builder: t,
     context: n,
     event: o,
-    state: je({
+    state: Ke({
       rootState: i,
       localState: r,
       rootSetState: s
@@ -252,11 +252,11 @@ const Ht = ({
     return !1;
   const t = process.arch === "arm64", n = process.version.startsWith("v20"), o = (r = process.env.NODE_OPTIONS) == null ? void 0 : r.includes("--no-node-snapshot");
   return t && n && !o ? (e && P.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "), !0) : !1;
-}, jt = (e) => (w() || Ht({
+}, Kt = (e) => (w() || Ht({
   shouldLogWarning: !0
-}), $e(e)), Kt = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/, zt = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/, qt = (e) => {
+}), $e(e)), jt = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/, zt = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/, qt = (e) => {
   var t, n, o, r, s, i;
-  return ((o = (n = (t = Kt.exec(e.trim())) == null ? void 0 : t.groups) == null ? void 0 : n.getPath) == null ? void 0 : o.slice(1)) || ((i = (s = (r = zt.exec(e.trim())) == null ? void 0 : r.groups) == null ? void 0 : s.getPath) == null ? void 0 : i.slice(1));
+  return ((o = (n = (t = jt.exec(e.trim())) == null ? void 0 : t.groups) == null ? void 0 : n.getPath) == null ? void 0 : o.slice(1)) || ((i = (s = (r = zt.exec(e.trim())) == null ? void 0 : r.groups) == null ? void 0 : s.getPath) == null ? void 0 : i.slice(1));
 };
 function Y({
   code: e,
@@ -287,7 +287,7 @@ function Y({
     localState: n
   };
   try {
-    return jt(a);
+    return Kt(a);
   } catch (u) {
     P.error("Failed code evaluation: " + u.message, {
       code: e
@@ -340,7 +340,7 @@ function ee(e, t, n = null, o = null, r = /* @__PURE__ */ new WeakSet()) {
     }), ee(i, t, e, s, r);
   }));
 }
-function Ke(e) {
+function je(e) {
   return e && typeof e == "object" && e["@type"] === "@builder.io/core:LocalizedValue";
 }
 function Xt(e) {
@@ -348,7 +348,7 @@ function Xt(e) {
     return !1;
   let t = !1;
   return ee(e, (n) => {
-    if (Ke(n)) {
+    if (je(n)) {
       t = !0;
       return;
     }
@@ -356,7 +356,7 @@ function Xt(e) {
 }
 function Qt(e, t) {
   return !e || !Object.getOwnPropertyNames(e).length ? {} : (ee(e, (n, o) => {
-    Ke(n) && o(n[t] ?? void 0);
+    je(n) && o(n[t] ?? void 0);
   }), e);
 }
 function Zt(e, t) {
@@ -479,7 +479,7 @@ function sn(e, t) {
   }
 }
 const Ee = {};
-function _s(e) {
+function ei(e) {
   if (w()) {
     Object.assign(Ee, e);
     const t = {
@@ -504,7 +504,7 @@ const Pe = "builder.", an = "options.", Je = (e) => {
     return {};
   const e = new URLSearchParams(window.location.search);
   return Je(e);
-}, Ge = "4.0.6", Ye = () => ({
+}, Ge = "4.0.8", Ye = () => ({
   "X-Builder-SDK": R,
   "X-Builder-SDK-GEN": "2",
   "X-Builder-SDK-Version": Ge
@@ -699,7 +699,7 @@ async function pe({
     console.error("Failed to track: ", r);
   });
 }
-const ei = (e) => pe({
+const ti = (e) => pe({
   ...e,
   canTrack: !0
 }), Tn = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
@@ -829,7 +829,7 @@ const nt = (e) => {
         break;
       }
     }
-}, ti = ({
+}, ni = ({
   model: e,
   apiKey: t,
   callback: n,
@@ -986,7 +986,7 @@ function Vn() {
     }
   };
 }
-const at = Vn(), ni = (e) => {
+const at = Vn(), oi = (e) => {
   at.setUserAttributes(e);
 }, G = (e) => {
   const t = D(e) ? e : !0;
@@ -1068,8 +1068,8 @@ const Dn = "v3", xe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, ke = (
     const O = me({
       sort: v
     });
-    for (const j in O)
-      I.searchParams.set(j, JSON.stringify(O[j]));
+    for (const K in O)
+      I.searchParams.set(K, JSON.stringify(O[K]));
   }
   const Te = {
     ...ln(),
@@ -1086,8 +1086,8 @@ const Dn = "v3", xe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, ke = (
     const O = lt({
       query: o
     });
-    for (const j in O)
-      I.searchParams.set(j, JSON.stringify(O[j]));
+    for (const K in O)
+      I.searchParams.set(K, JSON.stringify(O[K]));
   }
   return I;
 }, Fn = (e) => {
@@ -1106,7 +1106,7 @@ const Dn = "v3", xe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, ke = (
   return {};
 }, Mn = (e) => "results" in e;
 async function ve(e) {
-  const t = await Kn({
+  const t = await jn({
     ...e,
     limit: 1
   });
@@ -1122,7 +1122,7 @@ const Hn = async (e) => {
     }
   };
   return await (await n(t.href, o)).json();
-}, jn = async (e, t, n = ke(e)) => {
+}, Kn = async (e, t, n = ke(e)) => {
   const o = G(e.canTrack);
   if (n.search.includes("preview="), !o || !(w() || R === "reactNative"))
     return t.results;
@@ -1139,7 +1139,7 @@ const Hn = async (e) => {
   }
   return t.results;
 };
-async function Kn(e) {
+async function jn(e) {
   const t = ke(e), n = await Hn(e);
   if (!Mn(n))
     throw P.error("Error fetching data. ", {
@@ -1147,9 +1147,9 @@ async function Kn(e) {
       content: n,
       options: e
     }), n;
-  return jn(e, n);
+  return Kn(e, n);
 }
-const oi = async (e) => {
+const ri = async (e) => {
   var o, r, s;
   const t = e.path || ((o = e.url) == null ? void 0 : o.pathname) || ((r = e.userAttributes) == null ? void 0 : r.urlPath), n = {
     ...e,
@@ -1271,7 +1271,7 @@ const pt = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
     return `${Se(n)}: ${o};`;
 }).filter(D), Yn = (e) => pt(e).join(`
-`), ri = ({
+`), si = ({
   mediaQuery: e,
   className: t,
   styles: n
@@ -1288,7 +1288,7 @@ function Xn({
 }) {
   return e;
 }
-const si = ({
+const ii = ({
   block: e,
   context: t
 }) => mt(Xn({
@@ -1380,39 +1380,39 @@ const ht = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderContext ? {
     builderContext: t
   } : {};
-}, oo = () => Promise.resolve().then(() => yo).then((e) => e.default).catch((e) => {
+}, oo = (e) => e.toString(), ro = () => Promise.resolve().then(() => ko).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
     e
   ), e;
-}), ro = () => import("./block-styles-0o9M36rK.js").then((e) => e.default).catch((e) => {
+}), so = () => import("./block-styles-gW8iE3NH.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
     e
   ), e;
-}), so = () => import("./block-wrapper-nAtnXdA_.js").then((e) => e.default).catch((e) => {
+}), io = () => import("./block-wrapper--UA6l0DJ.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",
     e
   ), e;
-}), io = () => import("./component-ref-G3WBnT08.js").then((e) => e.default).catch((e) => {
+}), ao = () => import("./component-ref-PKi5zQLG.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component ComponentRef at ./components/component-ref/component-ref.vue",
     e
   ), e;
-}), ao = () => import("./repeated-block-nSWYIBYY.js").then((e) => e.default).catch((e) => {
+}), lo = () => import("./repeated-block-UdGwjbN4.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
   ), e;
-}), lo = g({
+}), co = g({
   name: "block",
   components: {
-    BlockStyles: K(ro),
-    RepeatedBlock: K(ao),
-    ComponentRef: K(io),
-    BlockWrapper: K(so),
-    DynamicDiv: K(oo)
+    BlockStyles: j(so),
+    RepeatedBlock: j(lo),
+    ComponentRef: j(ao),
+    BlockWrapper: j(io),
+    DynamicDiv: j(ro)
   },
   props: ["block", "context", "registeredComponents", "linkComponent"],
   data() {
@@ -1420,7 +1420,8 @@ const ht = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
       _processedBlock: {
         value: null,
         update: !1
-      }
+      },
+      generateKey: oo
     };
   },
   mounted() {
@@ -1499,7 +1500,7 @@ const ht = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
     }
   }
 });
-function co(e, t, n, o, r, s) {
+function uo(e, t, n, o, r, s) {
   var m;
   const i = k("BlockStyles"), l = k("ComponentRef"), a = k("Block", !0), u = k("BlockWrapper"), h = k("RepeatedBlock");
   return e.canShowBlock ? (c(), p($, { key: 0 }, [
@@ -1509,7 +1510,7 @@ function co(e, t, n, o, r, s) {
     }, null, 8, ["block", "context"]),
     (m = e.blockComponent) != null && m.noWrap ? (c(), p($, { key: 1 }, [
       e.repeatItem ? (c(!0), p($, { key: 1 }, N(e.repeatItem, (d, f) => (c(), y(h, {
-        key: f,
+        key: e.generateKey(f),
         repeatContext: d.context,
         block: d.block,
         registeredComponents: e.registeredComponents,
@@ -1528,7 +1529,7 @@ function co(e, t, n, o, r, s) {
       }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"]))
     ], 64)) : (c(), p($, { key: 0 }, [
       e.repeatItem ? (c(!0), p($, { key: 1 }, N(e.repeatItem, (d, f) => (c(), y(h, {
-        key: f,
+        key: e.generateKey(f),
         repeatContext: d.context,
         block: d.block,
         registeredComponents: e.registeredComponents,
@@ -1564,10 +1565,10 @@ function co(e, t, n, o, r, s) {
     ], 64))
   ], 64)) : S("", !0);
 }
-const ft = /* @__PURE__ */ b(lo, [["render", co]]), ii = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ft = /* @__PURE__ */ b(co, [["render", uo]]), ai = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: ft
-}, Symbol.toStringTag, { value: "Module" })), uo = g({
+}, Symbol.toStringTag, { value: "Module" })), po = g({
   name: "builder-blocks-wrapper",
   props: [
     "blocks",
@@ -1637,7 +1638,7 @@ const ft = /* @__PURE__ */ b(lo, [["render", co]]), ii = /* @__PURE__ */ Object.
     }
   }
 });
-function po(e, t, n, o, r, s) {
+function mo(e, t, n, o, r, s) {
   return c(), y(z(e.BlocksWrapper), C({
     ref: "blocksWrapperRef",
     class: e.className + " component-tqyw9m0iue",
@@ -1654,9 +1655,9 @@ function po(e, t, n, o, r, s) {
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const mo = /* @__PURE__ */ b(uo, [["render", po], ["__scopeId", "data-v-e05fb921"]]), ho = g({
+const ho = /* @__PURE__ */ b(po, [["render", mo], ["__scopeId", "data-v-e05fb921"]]), fo = g({
   name: "builder-blocks",
-  components: { BlocksWrapper: mo, Block: ft },
+  components: { BlocksWrapper: ho, Block: ft },
   props: [
     "blocks",
     "parent",
@@ -1672,7 +1673,7 @@ const mo = /* @__PURE__ */ b(uo, [["render", po], ["__scopeId", "data-v-e05fb921
     componentsContext: De.key
   }
 });
-function fo(e, t, n, o, r, s) {
+function go(e, t, n, o, r, s) {
   var a, u, h, m;
   const i = k("Block"), l = k("BlocksWrapper");
   return c(), y(l, {
@@ -1699,16 +1700,16 @@ function fo(e, t, n, o, r, s) {
     _: 1
   }, 8, ["blocks", "parent", "path", "styleProp", "classNameProp", "BlocksWrapper", "BlocksWrapperProps"]);
 }
-const H = /* @__PURE__ */ b(ho, [["render", fo]]), go = g({
+const H = /* @__PURE__ */ b(fo, [["render", go]]), bo = g({
   name: "dynamic-div",
   props: []
 });
-function bo(e, t, n, o, r, s) {
+function yo(e, t, n, o, r, s) {
   return c(), p("div", null, [
     A(e.$slots, "default")
   ]);
 }
-const X = /* @__PURE__ */ b(go, [["render", bo]]), yo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const X = /* @__PURE__ */ b(bo, [["render", yo]]), ko = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: X
 }, Symbol.toStringTag, { value: "Module" })), Ce = g({
@@ -1742,7 +1743,7 @@ const X = /* @__PURE__ */ b(go, [["render", bo]]), yo = /* @__PURE__ */ Object.f
     default: 991,
     max: 1200
   }
-}, ai = (e, t = gt) => `@media (max-width: ${t[e].max}px)`, ko = (e) => {
+}, li = (e, t = gt) => `@media (max-width: ${t[e].max}px)`, vo = (e) => {
   const t = fe(gt);
   if (!e)
     return t;
@@ -1780,7 +1781,7 @@ const X = /* @__PURE__ */ b(go, [["render", bo]]), yo = /* @__PURE__ */ Object.f
     min: l,
     default: l + 1
   }, t;
-}, vo = (e) => `builder-columns ${e}-breakpoints`, So = g({
+}, So = (e) => `builder-columns ${e}-breakpoints`, Co = g({
   name: "builder-columns",
   components: {
     InlinedStyles: Ce,
@@ -1799,7 +1800,7 @@ const X = /* @__PURE__ */ b(go, [["render", bo]]), yo = /* @__PURE__ */ Object.f
     "builderComponents"
   ],
   data() {
-    return { TARGET: R, getColumnsClass: vo };
+    return { TARGET: R, getColumnsClass: So };
   },
   computed: {
     gutterSize() {
@@ -1878,7 +1879,7 @@ const X = /* @__PURE__ */ b(go, [["render", bo]]), yo = /* @__PURE__ */ Object.f
     },
     getWidthForBreakpointSize(e) {
       var n, o;
-      return ko(
+      return vo(
         ((o = (n = this.builderContext.content) == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || {}
       )[e].max;
     },
@@ -1921,7 +1922,7 @@ const X = /* @__PURE__ */ b(go, [["render", bo]]), yo = /* @__PURE__ */ Object.f
     }
   }
 });
-function Co(e, t, n, o, r, s) {
+function wo(e, t, n, o, r, s) {
   var u;
   const i = k("InlinedStyles"), l = k("Blocks"), a = k("DynamicRenderer");
   return c(), p("div", C({
@@ -1957,24 +1958,24 @@ function Co(e, t, n, o, r, s) {
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const wo = /* @__PURE__ */ b(So, [["render", Co], ["__scopeId", "data-v-459e0e34"]]), To = g({
+const To = /* @__PURE__ */ b(Co, [["render", wo], ["__scopeId", "data-v-459e0e34"]]), Io = g({
   name: "builder-fragment-component",
   props: []
 });
-function Io(e, t, n, o, r, s) {
+function $o(e, t, n, o, r, s) {
   return c(), p("span", null, [
     A(e.$slots, "default")
   ]);
 }
-const $o = /* @__PURE__ */ b(To, [["render", Io]]);
+const Ro = /* @__PURE__ */ b(Io, [["render", $o]]);
 function Ve(e) {
   return e.replace(/http(s)?:/, "");
 }
-function Ro(e = "", t, n) {
+function Eo(e = "", t, n) {
   const o = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), r = e.indexOf("?") !== -1 ? "&" : "?";
   return e.match(o) ? e.replace(o, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + r + t + "=" + encodeURIComponent(n);
 }
-function Eo(e, t) {
+function Po(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
@@ -1993,13 +1994,14 @@ function se(e) {
   if (e.match(/builder\.io/)) {
     let n = e;
     const o = Number(e.split("?width=")[1]);
-    return isNaN(o) || (n = `${n} ${o}w`), t.filter((r) => r !== o).map((r) => `${Ro(e, "width", r)} ${r}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), t.filter((r) => r !== o).map((r) => `${Eo(e, "width", r)} ${r}w`).concat([n]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [Eo(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
+  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [Po(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
-const Po = g({
+const Bo = g({
   name: "builder-image",
   props: [
+    "lazy",
     "image",
     "src",
     "srcset",
@@ -2047,11 +2049,11 @@ const Po = g({
       return this.aspectRatio ? e : void 0;
     }
   }
-}), Bo = ["srcset"], Ao = ["loading", "fetchpriority", "alt", "title", "role", "src", "srcset", "sizes"], xo = {
+}), Ao = ["srcset"], xo = ["loading", "fetchpriority", "alt", "title", "role", "src", "srcset", "sizes"], Vo = {
   key: 2,
   class: "div-29wpyomtntv-2"
 };
-function Vo(e, t, n, o, r, s) {
+function No(e, t, n, o, r, s) {
   var i, l, a, u, h, m;
   return c(), p($, null, [
     M("picture", null, [
@@ -2059,7 +2061,7 @@ function Vo(e, t, n, o, r, s) {
         key: 0,
         type: "image/webp",
         srcset: e.webpSrcSet
-      }, null, 8, Bo)) : S("", !0),
+      }, null, 8, Ao)) : S("", !0),
       M("img", {
         loading: e.highPriority ? "eager" : "lazy",
         fetchpriority: e.highPriority ? "high" : "auto",
@@ -2077,7 +2079,7 @@ function Vo(e, t, n, o, r, s) {
         src: e.image,
         srcset: e.srcSetToUse,
         sizes: e.sizes
-      }, null, 14, Ao)
+      }, null, 14, xo)
     ]),
     e.aspectRatio && !((l = (i = e.builderBlock) == null ? void 0 : i.children) != null && l.length && e.fitContent) ? (c(), p("div", {
       key: 0,
@@ -2087,19 +2089,19 @@ function Vo(e, t, n, o, r, s) {
       })
     }, null, 4)) : S("", !0),
     (u = (a = e.builderBlock) == null ? void 0 : a.children) != null && u.length && e.fitContent ? A(e.$slots, "default", { key: 1 }, void 0, !0) : S("", !0),
-    !e.fitContent && ((m = (h = e.builderBlock) == null ? void 0 : h.children) != null && m.length) ? (c(), p("div", xo, [
+    !e.fitContent && ((m = (h = e.builderBlock) == null ? void 0 : h.children) != null && m.length) ? (c(), p("div", Vo, [
       A(e.$slots, "default", {}, void 0, !0)
     ])) : S("", !0)
   ], 64);
 }
-const No = /* @__PURE__ */ b(Po, [["render", Vo], ["__scopeId", "data-v-717bf141"]]), Wo = g({
+const Wo = /* @__PURE__ */ b(Bo, [["render", No], ["__scopeId", "data-v-e6416c92"]]), Oo = g({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
     return { filterAttrs: V };
   }
 });
-function Oo(e, t, n, o, r, s) {
+function Uo(e, t, n, o, r, s) {
   return c(), p("section", C({
     style: {
       width: "100%",
@@ -2117,7 +2119,7 @@ function Oo(e, t, n, o, r, s) {
     A(e.$slots, "default")
   ], 16);
 }
-const Uo = /* @__PURE__ */ b(Wo, [["render", Oo]]), ie = {
+const Do = /* @__PURE__ */ b(Oo, [["render", Uo]]), ie = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item title",
   responsiveStyles: {
@@ -2177,7 +2179,7 @@ const Uo = /* @__PURE__ */ b(Wo, [["render", Oo]]), ie = {
       }
     }
   }]
-}, Do = {
+}, Fo = {
   name: "Builder:Accordion",
   canHaveChildren: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FagZ9n5CUKRfbL9t6CaJOyVSK4Es2%2Ffab6c1fd3fe542408cbdec078bca7f35",
@@ -2241,7 +2243,7 @@ const Uo = /* @__PURE__ */ b(Wo, [["render", Oo]]), ie = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Fo = (e) => e.toString(), Lo = g({
+}, Lo = (e) => e.toString(), Mo = g({
   name: "builder-accordion",
   components: { Blocks: H },
   props: [
@@ -2255,7 +2257,7 @@ const Uo = /* @__PURE__ */ b(Wo, [["render", Oo]]), ie = {
     "builderLinkComponent"
   ],
   data() {
-    return { open: [], convertOrderNumberToString: Fo };
+    return { open: [], convertOrderNumberToString: Lo };
   },
   computed: {
     onlyOneAtATime() {
@@ -2336,8 +2338,8 @@ const Uo = /* @__PURE__ */ b(Wo, [["render", Oo]]), ie = {
       this.open.includes(e) ? this.open = this.onlyOneAtATime ? [] : this.open.filter((t) => t !== e) : this.open = this.onlyOneAtATime ? [e] : this.open.concat(e);
     }
   }
-}), Mo = ["data-index", "onClick"];
-function Ho(e, t, n, o, r, s) {
+}), Ho = ["data-index", "onClick"];
+function Ko(e, t, n, o, r, s) {
   const i = k("Blocks");
   return c(), p("div", {
     class: "builder-accordion",
@@ -2364,7 +2366,7 @@ function Ho(e, t, n, o, r, s) {
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent
         }, null, 8, ["blocks", "path", "parent", "context", "registeredComponents", "linkComponent"])
-      ], 14, Mo),
+      ], 14, Ho),
       e.open.includes(a) ? (c(), p("div", {
         key: 0,
         class: J(e.getAccordionDetailClassName(a)),
@@ -2382,7 +2384,7 @@ function Ho(e, t, n, o, r, s) {
     ], 64))), 128))
   ], 4);
 }
-const jo = /* @__PURE__ */ b(Lo, [["render", Ho]]), Ko = {
+const jo = /* @__PURE__ */ b(Mo, [["render", Ko]]), zo = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -2418,7 +2420,7 @@ const jo = /* @__PURE__ */ b(Lo, [["render", Ho]]), Ko = {
   shouldReceiveBuilderProps: {
     builderLinkComponent: !0
   }
-}, zo = {
+}, qo = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -2625,13 +2627,13 @@ const jo = /* @__PURE__ */ b(Lo, [["render", Ho]]), Ko = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, qo = {
+}, Jo = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, we = ["jpeg", "jpg", "png", "svg", "webp", "gif", "jfif", "pjpeg", "pjp", "apng", "avif", "tif", "tiff", "heif", "bmp", "eps", "raw", "cr2", "nef", "orf", "sr2", "psd", "heic", "dib", "ai"], Jo = ["mp4", "webm", "mkv", "flv", "vob", "ogv", "ogg", "drc", "gif", "gifv", "mng", "avi", "mov", "qt", "mts", "m2ts", "ts", "wmv", "yuv", "rm", "rmvb", "viv", "asf", "amv", "m4p", "mpeg", "mpe", "m2v", "m4v", "svi", "3gp", "3g2", "mxf", "roq", "nsv", "f4v", "f4p", "f4a", "f4b"], Go = {
+}, we = ["jpeg", "jpg", "png", "svg", "webp", "gif", "jfif", "pjpeg", "pjp", "apng", "avif", "tif", "tiff", "heif", "bmp", "eps", "raw", "cr2", "nef", "orf", "sr2", "psd", "heic", "dib", "ai"], Go = ["mp4", "webm", "mkv", "flv", "vob", "ogv", "ogg", "drc", "gif", "gifv", "mng", "avi", "mov", "qt", "mts", "m2ts", "ts", "wmv", "yuv", "rm", "rmvb", "viv", "asf", "amv", "m4p", "mpeg", "mpe", "m2v", "m4v", "svi", "3gp", "3g2", "mxf", "roq", "nsv", "f4v", "f4p", "f4a", "f4b"], Yo = {
   name: "Image",
   static: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -2753,7 +2755,7 @@ const jo = /* @__PURE__ */ b(Lo, [["render", Ho]]), Ko = {
   },
   name: "inlined-script",
   props: ["scriptStr", "id", "nonce"]
-}), Yo = {
+}), Xo = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -2792,7 +2794,7 @@ const jo = /* @__PURE__ */ b(Lo, [["render", Ho]]), Ko = {
       }
     }
   }]
-}, Xo = {
+}, Qo = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -2809,12 +2811,12 @@ const jo = /* @__PURE__ */ b(Lo, [["render", Ho]]), Ko = {
     builderContext: !0,
     builderComponents: !0
   }
-}, Qo = g({
+}, Zo = g({
   name: "builder-slot",
   components: { Blocks: H },
   props: ["builderContext", "name", "builderComponents"]
 });
-function Zo(e, t, n, o, r, s) {
+function _o(e, t, n, o, r, s) {
   var l, a, u;
   const i = k("Blocks");
   return c(), p("div", C(
@@ -2834,7 +2836,7 @@ function Zo(e, t, n, o, r, s) {
     }, null, 8, ["parent", "path", "context", "registeredComponents", "blocks"])
   ], 16);
 }
-const _o = /* @__PURE__ */ b(Qo, [["render", Zo]]), er = {
+const er = /* @__PURE__ */ b(Zo, [["render", _o]]), tr = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -2911,7 +2913,7 @@ const _o = /* @__PURE__ */ b(Qo, [["render", Zo]]), er = {
       text: "New tab content "
     }
   }
-}, tr = {
+}, nr = {
   name: "Builder: Tabs",
   inputs: [{
     name: "tabs",
@@ -3014,7 +3016,7 @@ const _o = /* @__PURE__ */ b(Qo, [["render", Zo]]), er = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, nr = g({
+}, or = g({
   name: "builder-tabs",
   components: { Blocks: H },
   props: [
@@ -3039,8 +3041,8 @@ const _o = /* @__PURE__ */ b(Qo, [["render", Zo]]), er = {
       e === this.activeTab && this.collapsible ? this.activeTab = -1 : this.activeTab = e;
     }
   }
-}), or = ["onClick"], rr = { key: 0 };
-function sr(e, t, n, o, r, s) {
+}), rr = ["onClick"], sr = { key: 0 };
+function ir(e, t, n, o, r, s) {
   const i = k("Blocks");
   return c(), p("div", null, [
     M("div", {
@@ -3068,9 +3070,9 @@ function sr(e, t, n, o, r, s) {
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent
         }, null, 8, ["parent", "path", "blocks", "context", "registeredComponents", "linkComponent"])
-      ], 14, or))), 128))
+      ], 14, rr))), 128))
     ], 4),
-    e.activeTabContent(e.activeTab) ? (c(), p("div", rr, [
+    e.activeTabContent(e.activeTab) ? (c(), p("div", sr, [
       B(i, {
         parent: e.builderBlock.id,
         path: `tabs.${e.activeTab}.content`,
@@ -3082,11 +3084,8 @@ function sr(e, t, n, o, r, s) {
     ])) : S("", !0)
   ]);
 }
-const ir = /* @__PURE__ */ b(nr, [["render", sr]]), ar = {
-  shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !0
-  },
+const ar = /* @__PURE__ */ b(or, [["render", ir]]), lr = {
+  shouldReceiveBuilderProps: {},
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -3104,11 +3103,11 @@ const ir = /* @__PURE__ */ b(nr, [["render", sr]]), ar = {
     height: "auto",
     textAlign: "center"
   }
-}, lr = g({
+}, cr = g({
   name: "builder-text",
   props: ["text"]
-}), cr = ["innerHTML"];
-function dr(e, t, n, o, r, s) {
+}), dr = ["innerHTML"];
+function ur(e, t, n, o, r, s) {
   var i;
   return c(), p("div", {
     class: "builder-text",
@@ -3116,9 +3115,9 @@ function dr(e, t, n, o, r, s) {
     style: {
       outline: "none"
     }
-  }, null, 8, cr);
+  }, null, 8, dr);
 }
-const ur = /* @__PURE__ */ b(lr, [["render", dr]]), pr = {
+const pr = /* @__PURE__ */ b(cr, [["render", ur]]), mr = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -3140,7 +3139,7 @@ const ur = /* @__PURE__ */ b(lr, [["render", dr]]), pr = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, mr = g({
+}, hr = g({
   name: "builder-custom-code",
   props: ["code", "replaceNodes"],
   data() {
@@ -3199,15 +3198,15 @@ const ur = /* @__PURE__ */ b(lr, [["render", dr]]), pr = {
       }
     }
   }
-}), hr = ["innerHTML"];
-function fr(e, t, n, o, r, s) {
+}), fr = ["innerHTML"];
+function gr(e, t, n, o, r, s) {
   return c(), p("div", {
     ref: "elementRef",
     class: J("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
     innerHTML: e.code
-  }, null, 10, hr);
+  }, null, 10, fr);
 }
-const gr = /* @__PURE__ */ b(mr, [["render", fr]]), br = {
+const br = /* @__PURE__ */ b(hr, [["render", gr]]), yr = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -3222,7 +3221,7 @@ const gr = /* @__PURE__ */ b(mr, [["render", fr]]), br = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, yr = ["text/javascript", "application/javascript", "application/ecmascript"], kr = (e) => yr.includes(e.type), vr = g({
+}, kr = ["text/javascript", "application/javascript", "application/ecmascript"], vr = (e) => kr.includes(e.type), Sr = g({
   name: "builder-embed",
   props: ["content"],
   data() {
@@ -3255,7 +3254,7 @@ const gr = /* @__PURE__ */ b(mr, [["render", fr]]), br = {
           this.scriptsInserted.push(n.src);
           const o = document.createElement("script");
           o.async = !0, o.src = n.src, document.head.appendChild(o);
-        } else if (kr(n) && !this.scriptsRun.includes(n.innerText))
+        } else if (vr(n) && !this.scriptsRun.includes(n.innerText))
           try {
             this.scriptsRun.push(n.innerText), new Function(n.innerText)();
           } catch (o) {
@@ -3264,15 +3263,15 @@ const gr = /* @__PURE__ */ b(mr, [["render", fr]]), br = {
       }
     }
   }
-}), Sr = ["innerHTML"];
-function Cr(e, t, n, o, r, s) {
+}), Cr = ["innerHTML"];
+function wr(e, t, n, o, r, s) {
   return c(), p("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: e.content
-  }, null, 8, Sr);
+  }, null, 8, Cr);
 }
-const wr = /* @__PURE__ */ b(vr, [["render", Cr]]), Tr = {
+const Tr = /* @__PURE__ */ b(Sr, [["render", wr]]), Ir = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -3509,10 +3508,10 @@ const wr = /* @__PURE__ */ b(vr, [["render", Cr]]), Tr = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Ir = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], $r = () => {
+}, $r = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], Rr = () => {
   const e = process.env.NODE_ENV || "production";
-  return Ir.includes(e) ? e : "production";
-}, Rr = g({
+  return $r.includes(e) ? e : "production";
+}, Er = g({
   name: "builder-form-component",
   components: { Blocks: H },
   props: [
@@ -3612,7 +3611,7 @@ const wr = /* @__PURE__ */ b(vr, [["render", Cr]]), Tr = {
         if (this.$refs.formRef && (this.$refs.formRef.dispatchEvent(u), u.defaultPrevented))
           return;
         this.formState = "sending";
-        const h = `${$r() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
+        const h = `${Rr() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
           this.sendSubmissionsToEmail || ""
         )}&name=${encodeURIComponent(this.name || "")}`, m = this.sendSubmissionsTo === "email" ? h : this.action;
         be(m), fetch(m, {
@@ -3665,11 +3664,11 @@ const wr = /* @__PURE__ */ b(vr, [["render", Cr]]), Tr = {
       }
     }
   }
-}), Er = ["validate", "action", "method", "name"], Pr = {
+}), Pr = ["validate", "action", "method", "name"], Br = {
   key: 2,
   class: "builder-form-error-text pre-1hjwvu3r5mj"
 };
-function Br(e, t, n, o, r, s) {
+function Ar(e, t, n, o, r, s) {
   const i = k("Blocks");
   return c(), p("form", C({
     validate: e.validate,
@@ -3692,16 +3691,16 @@ function Br(e, t, n, o, r, s) {
       blocks: e.sendingMessage,
       context: e.builderContext
     }, null, 8, ["blocks", "context"])) : S("", !0),
-    e.submissionState() === "error" && e.responseData ? (c(), p("pre", Pr, ne(JSON.stringify(e.responseData, null, 2)), 1)) : S("", !0),
+    e.submissionState() === "error" && e.responseData ? (c(), p("pre", Br, ne(JSON.stringify(e.responseData, null, 2)), 1)) : S("", !0),
     e.submissionState() === "success" ? (c(), y(i, {
       key: 3,
       path: "successMessage",
       blocks: e.successMessage,
       context: e.builderContext
     }, null, 8, ["blocks", "context"])) : S("", !0)
-  ], 16, Er);
+  ], 16, Pr);
 }
-const Ar = /* @__PURE__ */ b(Rr, [["render", Br], ["__scopeId", "data-v-4ef43cdd"]]), xr = {
+const xr = /* @__PURE__ */ b(Er, [["render", Ar], ["__scopeId", "data-v-4ef43cdd"]]), Vr = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -3752,7 +3751,7 @@ const Ar = /* @__PURE__ */ b(Rr, [["render", Br], ["__scopeId", "data-v-4ef43cdd
     borderStyle: "solid",
     borderColor: "#ccc"
   }
-}, Vr = g({
+}, Nr = g({
   name: "builder-form-input-component",
   props: [
     "attributes",
@@ -3766,8 +3765,8 @@ const Ar = /* @__PURE__ */ b(Rr, [["render", Br], ["__scopeId", "data-v-4ef43cdd
   data() {
     return { isEditing: E, filterAttrs: V };
   }
-}), Nr = ["placeholder", "type", "name", "value", "defaultValue", "required"];
-function Wr(e, t, n, o, r, s) {
+}), Wr = ["placeholder", "type", "name", "value", "defaultValue", "required"];
+function Or(e, t, n, o, r, s) {
   return c(), p("input", C({
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     placeholder: e.placeholder,
@@ -3776,9 +3775,9 @@ function Wr(e, t, n, o, r, s) {
     value: e.value,
     defaultValue: e.defaultValue,
     required: e.required
-  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Nr);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Wr);
 }
-const Or = /* @__PURE__ */ b(Vr, [["render", Wr]]), Ur = {
+const Ur = /* @__PURE__ */ b(Nr, [["render", Or]]), Dr = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -3820,14 +3819,14 @@ const Or = /* @__PURE__ */ b(Vr, [["render", Wr]]), Ur = {
   }],
   static: !0,
   noWrap: !0
-}, Dr = g({
+}, Fr = g({
   name: "builder-select-component",
   props: ["attributes", "value", "defaultValue", "name", "required", "options"],
   data() {
     return { isEditing: E, filterAttrs: V };
   }
-}), Fr = ["value", "defaultValue", "name", "required"], Lr = ["value"];
-function Mr(e, t, n, o, r, s) {
+}), Lr = ["value", "defaultValue", "name", "required"], Mr = ["value"];
+function Hr(e, t, n, o, r, s) {
   return c(), p("select", C({
     value: e.value,
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
@@ -3838,10 +3837,10 @@ function Mr(e, t, n, o, r, s) {
     (c(!0), p($, null, N(e.options, (i, l) => (c(), p("option", {
       key: `${i.name}-${l}`,
       value: i.value
-    }, ne(i.name || i.value), 9, Lr))), 128))
-  ], 16, Fr);
+    }, ne(i.name || i.value), 9, Mr))), 128))
+  ], 16, Lr);
 }
-const Hr = /* @__PURE__ */ b(Dr, [["render", Mr]]), jr = {
+const Kr = /* @__PURE__ */ b(Fr, [["render", Hr]]), jr = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -3866,17 +3865,17 @@ const Hr = /* @__PURE__ */ b(Dr, [["render", Mr]]), jr = {
   // that only shows if advanced setting is flipped
   // TODO: defaultChildren
   // canHaveChildren: true,
-}, Kr = g({
+}, zr = g({
   name: "builder-submit-button",
   props: ["attributes", "text"],
   data() {
     return { filterAttrs: V };
   }
 });
-function zr(e, t, n, o, r, s) {
+function qr(e, t, n, o, r, s) {
   return c(), p("button", C({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ne(e.text), 17);
 }
-const qr = /* @__PURE__ */ b(Kr, [["render", zr]]), Jr = {
+const Jr = /* @__PURE__ */ b(zr, [["render", qr]]), Gr = {
   name: "Form:TextArea",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
   inputs: [{
@@ -3912,7 +3911,7 @@ const qr = /* @__PURE__ */ b(Kr, [["render", zr]]), Jr = {
   },
   static: !0,
   noWrap: !0
-}, Gr = g({
+}, Yr = g({
   name: "builder-textarea",
   props: [
     "attributes",
@@ -3925,17 +3924,17 @@ const qr = /* @__PURE__ */ b(Kr, [["render", zr]]), Jr = {
   data() {
     return { filterAttrs: V };
   }
-}), Yr = ["placeholder", "name", "value", "defaultValue", "required"];
-function Xr(e, t, n, o, r, s) {
+}), Xr = ["placeholder", "name", "value", "defaultValue", "required"];
+function Qr(e, t, n, o, r, s) {
   return c(), p("textarea", C({
     placeholder: e.placeholder,
     name: e.name,
     value: e.value,
     defaultValue: e.defaultValue,
     required: e.required
-  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Yr);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Xr);
 }
-const Qr = /* @__PURE__ */ b(Gr, [["render", Xr]]), Zr = {
+const Zr = /* @__PURE__ */ b(Yr, [["render", Qr]]), _r = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -3949,7 +3948,7 @@ const Qr = /* @__PURE__ */ b(Gr, [["render", Xr]]), Zr = {
   }],
   noWrap: !0,
   static: !0
-}, _r = g({
+}, es = g({
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -3962,8 +3961,8 @@ const Qr = /* @__PURE__ */ b(Gr, [["render", Xr]]), Zr = {
   data() {
     return { isEditing: E, filterAttrs: V };
   }
-}), es = ["alt", "src"];
-function ts(e, t, n, o, r, s) {
+}), ts = ["alt", "src"];
+function ns(e, t, n, o, r, s) {
   return c(), p("img", C({
     style: {
       objectFit: e.backgroundSize || "cover",
@@ -3972,9 +3971,9 @@ function ts(e, t, n, o, r, s) {
     key: e.isEditing() && e.imgSrc || "default-key",
     alt: e.altText,
     src: e.imgSrc || e.image
-  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, es);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, ts);
 }
-const ns = /* @__PURE__ */ b(_r, [["render", ts]]), os = {
+const os = /* @__PURE__ */ b(es, [["render", ns]]), rs = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -3985,7 +3984,7 @@ const ns = /* @__PURE__ */ b(_r, [["render", ts]]), os = {
   inputs: [{
     name: "video",
     type: "file",
-    allowedFileTypes: Jo,
+    allowedFileTypes: Go,
     bubble: !0,
     defaultValue: "https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd27731a526464deba0016216f5f9e570%2Fcompressed?apiKey=YJIGb4i01jvw0SRdL5Bt&token=d27731a526464deba0016216f5f9e570&alt=media&optimized=true",
     required: !0
@@ -4058,7 +4057,7 @@ const ns = /* @__PURE__ */ b(_r, [["render", ts]]), os = {
   shouldReceiveBuilderProps: {
     builderBlock: !0
   }
-}, rs = g({
+}, ss = g({
   name: "builder-video",
   props: [
     "lazyLoad",
@@ -4131,16 +4130,16 @@ const ns = /* @__PURE__ */ b(_r, [["render", ts]]), os = {
       };
     }
   }
-}), ss = { style: {
+}), is = { style: {
   position: "relative"
-} }, is = ["preload", "poster"], as = {
+} }, as = ["preload", "poster"], ls = {
   key: 1,
   style: {
     display: "flex",
     flexDirection: "column",
     alignItems: "stretch"
   }
-}, ls = {
+}, cs = {
   key: 2,
   style: {
     pointerEvents: "none",
@@ -4154,9 +4153,9 @@ const ns = /* @__PURE__ */ b(_r, [["render", ts]]), os = {
     height: "100%"
   }
 };
-function cs(e, t, n, o, r, s) {
+function ds(e, t, n, o, r, s) {
   var i, l, a, u, h, m, d;
-  return c(), p("div", ss, [
+  return c(), p("div", is, [
     M("video", C({
       class: "builder-video",
       ref: "videoRef",
@@ -4184,7 +4183,7 @@ function cs(e, t, n, o, r, s) {
           src: e.video
         }
       ), null, 16)
-    ], 16, is),
+    ], 16, as),
     e.aspectRatio && !(e.fitContent && ((a = (l = e.builderBlock) == null ? void 0 : l.children) != null && a.length)) ? (c(), p("div", {
       key: 0,
       style: U({
@@ -4194,72 +4193,72 @@ function cs(e, t, n, o, r, s) {
         fontSize: "0px"
       })
     }, null, 4)) : S("", !0),
-    (h = (u = e.builderBlock) == null ? void 0 : u.children) != null && h.length && e.fitContent ? (c(), p("div", as, [
+    (h = (u = e.builderBlock) == null ? void 0 : u.children) != null && h.length && e.fitContent ? (c(), p("div", ls, [
       A(e.$slots, "default")
     ])) : S("", !0),
-    (d = (m = e.builderBlock) == null ? void 0 : m.children) != null && d.length && !e.fitContent ? (c(), p("div", ls, [
+    (d = (m = e.builderBlock) == null ? void 0 : m.children) != null && d.length && !e.fitContent ? (c(), p("div", cs, [
       A(e.$slots, "default")
     ])) : S("", !0)
   ]);
 }
-const ds = /* @__PURE__ */ b(rs, [["render", cs]]), us = () => [{
-  component: gr,
-  ...pr
+const us = /* @__PURE__ */ b(ss, [["render", ds]]), ps = () => [{
+  component: br,
+  ...mr
 }, {
-  component: wr,
-  ...br
+  component: Tr,
+  ...yr
 }, {
-  component: Ar,
-  ...Tr
+  component: xr,
+  ...Ir
 }, {
-  component: Or,
-  ...xr
+  component: Ur,
+  ...Vr
 }, {
-  component: qr,
+  component: Jr,
   ...jr
 }, {
-  component: Hr,
-  ...Ur
+  component: Kr,
+  ...Dr
 }, {
-  component: Qr,
-  ...Jr
+  component: Zr,
+  ...Gr
 }, {
-  component: ns,
-  ...Zr
+  component: os,
+  ..._r
 }, {
-  component: ds,
-  ...os
+  component: us,
+  ...rs
 }], Ne = () => [{
   component: At,
-  ...Ko
-}, {
-  component: wo,
   ...zo
 }, {
-  component: $o,
+  component: To,
   ...qo
 }, {
-  component: No,
-  ...Go
+  component: Ro,
+  ...Jo
 }, {
-  component: Uo,
+  component: Wo,
   ...Yo
 }, {
-  component: _o,
+  component: Do,
   ...Xo
 }, {
-  component: Ys,
-  ...er
-}, {
-  component: ur,
-  ...ar
+  component: er,
+  ...Qo
 }, {
-  component: ir,
+  component: Xs,
   ...tr
+}, {
+  component: pr,
+  ...lr
+}, {
+  component: ar,
+  ...nr
 }, {
   component: jo,
-  ...Do
-}, ...us()], ps = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget, isAngularSDK) {
+  ...Fo
+}, ...ps()], ms = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget, isAngularSDK) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -4318,7 +4317,7 @@ const ds = /* @__PURE__ */ b(rs, [["render", cs]]), us = () => [{
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, ms = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, hs = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -4356,16 +4355,16 @@ const ds = /* @__PURE__ */ b(rs, [["render", cs]]), us = () => [{
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), hs = ({
+})), fs = ({
   canTrack: e,
   content: t
-}) => !(!(Z(t).length > 0) || !e), fs = (e) => e === "react" || e === "reactNative", gs = R === "angular", vt = fs(R), bs = () => `
-  window.${yt} = ${ps}
-  window.${kt} = ${ms}
-  `, ys = (e, t) => `
+}) => !(!(Z(t).length > 0) || !e), gs = (e) => e === "react" || e === "reactNative", bs = R === "angular", vt = gs(R), ys = () => `
+  window.${yt} = ${ms}
+  window.${kt} = ${hs}
+  `, ks = (e, t) => `
   window.${yt}(
-    "${t}",${JSON.stringify(e)}, ${vt}, ${gs}
-  )`, ks = ({
+    "${t}",${JSON.stringify(e)}, ${vt}, ${bs}
+  )`, vs = ({
   contentId: e,
   variationId: t
 }) => `window.${kt}(
@@ -4374,7 +4373,7 @@ const ds = /* @__PURE__ */ b(rs, [["render", cs]]), us = () => [{
 function We(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const vs = (e, t, n = !0) => {
+const Ss = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = n ? e : e.parentElement;
@@ -4385,7 +4384,7 @@ const vs = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, Ss = (e) => vs(e, (t) => {
+}, Cs = (e) => Ss(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
 }), Oe = ({
@@ -4397,8 +4396,8 @@ const vs = (e, t, n = !0) => {
     x: s,
     y: i
   };
-}, Cs = (e) => {
-  const t = e.target, n = t && Ss(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, ws = (e) => {
+  const t = e.target, n = t && Cs(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
@@ -4413,7 +4412,7 @@ const vs = (e, t, n = !0) => {
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, ws = ["svelte", "qwik", "vue"], Ts = () => ws.includes(R) && (E() || qe()), Is = (e) => {
+}, Ts = ["svelte", "qwik", "vue"], Is = () => Ts.includes(R) && (E() || qe()), $s = (e) => {
   var s;
   const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = e.fileUrl ?? ((s = e == null ? void 0 : e.files) == null ? void 0 : s.regular);
   let r = "";
@@ -4439,15 +4438,15 @@ font-weight: ${i};
         `.trim());
     }
   return r;
-}, $s = ({
+}, Rs = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => Is(n))) == null ? void 0 : t.join(" ")) || "";
-}, Rs = ({
+  return ((t = e == null ? void 0 : e.map((n) => $s(n))) == null ? void 0 : t.join(" ")) || "";
+}, Es = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Es = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Ps = `
 .builder-button {
   all: unset;
 }
@@ -4464,7 +4463,7 @@ font-weight: ${i};
   text-align: inherit;
   font-family: inherit;
 }
-`, Ps = (e) => e ? "" : Es, Bs = (e) => `variant-${e}`, As = g({
+`, Bs = (e) => e ? "" : Ps, As = (e) => `variant-${e}`, xs = g({
   name: "enable-editor",
   components: { DynamicDiv: X },
   props: [
@@ -4492,8 +4491,8 @@ font-weight: ${i};
       httpReqsPending: {},
       clicked: !1,
       builderContext: de,
-      needsElementRefDivForEditing: Ts,
-      getWrapperClassName: Bs
+      needsElementRefDivForEditing: Is,
+      getWrapperClassName: As
     };
   },
   provide() {
@@ -4656,7 +4655,7 @@ font-weight: ${i};
           contentId: r,
           apiKey: this.apiKey,
           variationId: o !== r ? o : void 0,
-          ...Cs(e),
+          ...ws(e),
           unique: !this.clicked
         });
       }
@@ -4753,7 +4752,7 @@ font-weight: ${i};
     }
   }
 });
-function xs(e, t, n, o, r, s) {
+function Vs(e, t, n, o, r, s) {
   var i, l, a;
   return e.builderContextSignal.content || e.needsElementRefDivForEditing() ? (c(), y(z(e.ContentWrapper), C({
     key: 0,
@@ -4774,26 +4773,26 @@ function xs(e, t, n, o, r, s) {
     _: 3
   }, 16, ["onClick", "builder-content-id", "builder-model", "className", "style", "onIniteditingbldr", "onInitpreviewingbldr"])) : S("", !0);
 }
-const Vs = /* @__PURE__ */ b(As, [["render", xs]]), Ns = g({
+const Ns = /* @__PURE__ */ b(xs, [["render", Vs]]), Ws = g({
   name: "content-styles",
   components: { InlinedStyles: Ce },
   props: ["cssCode", "contentId", "customFonts", "isNestedRender", "nonce"],
   data() {
     return {
       injectedStyles: `
-${Rs({
+${Es({
         cssCode: this.cssCode,
         contentId: this.contentId
       })}
-${$s({
+${Rs({
         customFonts: this.customFonts
       })}
-${Ps(this.isNestedRender)}
+${Bs(this.isNestedRender)}
 `.trim()
     };
   }
 });
-function Ws(e, t, n, o, r, s) {
+function Os(e, t, n, o, r, s) {
   const i = k("InlinedStyles");
   return c(), y(i, {
     id: "builderio-content",
@@ -4801,7 +4800,7 @@ function Ws(e, t, n, o, r, s) {
     nonce: e.nonce
   }, null, 8, ["styles", "nonce"]);
 }
-const Os = /* @__PURE__ */ b(Ns, [["render", Ws]]), Us = ({
+const Us = /* @__PURE__ */ b(Ws, [["render", Os]]), Ds = ({
   content: e,
   data: t,
   locale: n
@@ -4818,7 +4817,7 @@ const Os = /* @__PURE__ */ b(Ns, [["render", Ws]]), Us = ({
       locale: n
     } : {}
   };
-}, Ds = ({
+}, Fs = ({
   content: e,
   data: t
 }) => e ? {
@@ -4828,12 +4827,12 @@ const Os = /* @__PURE__ */ b(Ns, [["render", Ws]]), Us = ({
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, Fs = Tt, Ls = g({
+} : void 0, Ls = Tt, Ms = g({
   name: "content-component",
   components: {
-    EnableEditor: Vs,
+    EnableEditor: Ns,
     InlinedScript: bt,
-    ContentStyles: Os,
+    ContentStyles: Us,
     Blocks: H,
     DynamicDiv: X
   },
@@ -4863,7 +4862,7 @@ const Os = /* @__PURE__ */ b(Ns, [["render", Ws]]), Us = ({
   data() {
     var e, t;
     return {
-      scriptStr: ks({
+      scriptStr: vs({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
         variationId: (e = this.content) == null ? void 0 : e.testVariationId,
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
@@ -4876,19 +4875,19 @@ const Os = /* @__PURE__ */ b(Ns, [["render", Ws]]), Us = ({
         (n, { component: o, ...r }) => ({
           ...n,
           [r.name]: {
-            component: Fs(o),
+            component: Ls(o),
             ...te(r)
           }
         }),
         {}
       ),
       builderContextSignal: {
-        content: Ds({
+        content: Fs({
           content: this.content,
           data: this.data
         }),
         localState: void 0,
-        rootState: Us({
+        rootState: Ds({
           content: this.content,
           data: this.data,
           locale: this.locale
@@ -4948,7 +4947,7 @@ const Os = /* @__PURE__ */ b(Ns, [["render", Ws]]), Us = ({
     }
   }
 });
-function Ms(e, t, n, o, r, s) {
+function Hs(e, t, n, o, r, s) {
   const i = k("InlinedScript"), l = k("ContentStyles"), a = k("Blocks"), u = k("EnableEditor");
   return c(), y(u, C({
     apiHost: e.apiHost,
@@ -4996,12 +4995,12 @@ function Ms(e, t, n, o, r, s) {
     _: 1
   }, 16, ["apiHost", "nonce", "content", "data", "model", "context", "apiKey", "canTrack", "locale", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps", "trustedHosts", "isNestedRender"]);
 }
-const Hs = /* @__PURE__ */ b(Ls, [["render", Ms]]), js = g({
+const Ks = /* @__PURE__ */ b(Ms, [["render", Hs]]), js = g({
   name: "content-variants",
   components: {
     InlinedScript: bt,
     InlinedStyles: Ce,
-    ContentComponent: Hs
+    ContentComponent: Ks
   },
   props: [
     "canTrack",
@@ -5026,12 +5025,12 @@ const Hs = /* @__PURE__ */ b(Ls, [["render", Ms]]), js = g({
   ],
   data() {
     return {
-      shouldRenderVariants: hs({
+      shouldRenderVariants: fs({
         canTrack: G(this.canTrack),
         content: this.content
       }),
       TARGET: R,
-      getInitVariantsFnsScriptString: bs,
+      getInitVariantsFnsScriptString: ys,
       getVariants: Z
     };
   },
@@ -5040,7 +5039,7 @@ const Hs = /* @__PURE__ */ b(Ls, [["render", Ms]]), js = g({
   computed: {
     updateCookieAndStylesScriptStr() {
       var e;
-      return ys(
+      return ks(
         Z(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
@@ -5063,7 +5062,7 @@ const Hs = /* @__PURE__ */ b(Ls, [["render", Ms]]), js = g({
     }
   }
 });
-function Ks(e, t, n, o, r, s) {
+function zs(e, t, n, o, r, s) {
   const i = k("InlinedScript"), l = k("InlinedStyles"), a = k("ContentComponent");
   return c(), p($, null, [
     !e.isNestedRender && e.TARGET !== "reactNative" ? (c(), y(i, {
@@ -5135,7 +5134,7 @@ function Ks(e, t, n, o, r, s) {
     }), null, 16, ["apiHost", "nonce", "isNestedRender", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"])
   ], 64);
 }
-const zs = /* @__PURE__ */ b(js, [["render", Ks]]), qs = async ({
+const qs = /* @__PURE__ */ b(js, [["render", zs]]), Js = async ({
   builderContextValue: e,
   symbol: t
 }) => {
@@ -5153,9 +5152,9 @@ const zs = /* @__PURE__ */ b(js, [["render", Ks]]), qs = async ({
     }).catch((n) => {
       P.error("Could not fetch symbol content: ", n);
     });
-}, Js = g({
+}, Gs = g({
   name: "builder-symbol",
-  components: { ContentVariants: zs, DynamicDiv: X },
+  components: { ContentVariants: qs, DynamicDiv: X },
   props: [
     "symbol",
     "attributes",
@@ -5166,8 +5165,12 @@ const zs = /* @__PURE__ */ b(js, [["render", Ks]]), qs = async ({
     "builderLinkComponent"
   ],
   data() {
-    var e;
-    return { contentToUse: (e = this.symbol) == null ? void 0 : e.content, filterAttrs: V };
+    var e, t;
+    return {
+      contentToUse: (e = this.symbol) == null ? void 0 : e.content,
+      symbolEntry: (t = this.symbol) == null ? void 0 : t.entry,
+      filterAttrs: V
+    };
   },
   mounted() {
     this.setContent();
@@ -5204,16 +5207,18 @@ const zs = /* @__PURE__ */ b(js, [["render", Ks]]), qs = async ({
   },
   methods: {
     setContent() {
-      this.contentToUse || qs({
+      var e;
+      this.contentToUse && this.symbolEntry === ((e = this.symbol) == null ? void 0 : e.entry) || Js({
         symbol: this.symbol,
         builderContextValue: this.builderContext
-      }).then((e) => {
-        e && (this.contentToUse = e);
+      }).then((t) => {
+        var n;
+        t && (this.contentToUse = t, this.symbolEntry = (n = this.symbol) == null ? void 0 : n.entry);
       });
     }
   }
 });
-function Gs(e, t, n, o, r, s) {
+function Ys(e, t, n, o, r, s) {
   var l, a, u, h, m;
   const i = k("ContentVariants");
   return c(), p("div", C({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
@@ -5241,45 +5246,45 @@ function Gs(e, t, n, o, r, s) {
     }, null, 8, ["nonce", "apiVersion", "apiKey", "context", "customComponents", "data", "canTrack", "model", "content", "linkComponent", "blocksWrapper", "contentWrapper"])
   ], 16);
 }
-const Ys = /* @__PURE__ */ b(Js, [["render", Gs]]);
+const Xs = /* @__PURE__ */ b(Gs, [["render", Ys]]);
 export {
-  jn as A,
+  Kn as A,
   ft as B,
-  wo as C,
-  Kn as D,
+  To as C,
+  jn as D,
   ve as E,
-  $o as F,
-  Zs as G,
-  ii as H,
-  No as I,
-  Uo as S,
+  Ro as F,
+  _s as G,
+  ai as H,
+  Wo as I,
+  Do as S,
   R as T,
-  ds as V,
+  us as V,
   Ce as _,
-  ri as a,
-  ai as b,
+  si as a,
+  li as b,
   D as c,
   Se as d,
   b as e,
   Y as f,
-  ko as g,
-  si as h,
+  vo as g,
+  ii as h,
   _ as i,
   de as j,
   At as k,
-  Ys as l,
-  ur as m,
+  Xs as l,
+  pr as m,
   H as n,
-  zs as o,
+  qs as o,
   E as p,
   qe as q,
   on as r,
-  ni as s,
+  oi as s,
   sn as t,
-  _s as u,
+  ei as u,
   Je as v,
-  Fs as w,
-  ei as x,
-  ti as y,
-  oi as z
+  Ls as w,
+  ti as x,
+  ni as y,
+  ri as z
 };