@builder.io/sdk-vue 3.0.2 → 3.0.5

package/lib/browser/{index-mAw516k1.js → index-E3hEz780.js}

@@ -1,7 +1,7 @@
 import "./style.css";
-import { defineComponent as g, openBlock as c, createElementBlock as p, Fragment as T, createBlock as y, resolveDynamicComponent as K, mergeProps as C, toHandlers as A, withCtx as N, renderSlot as x, resolveComponent as k, createTextVNode as St, toDisplayString as ne, defineAsyncComponent as j, createVNode as P, renderList as V, createCommentVNode as v, h as Ne, createElementVNode as z, normalizeStyle as F, normalizeClass as G, markRaw as Ct } from "vue";
+import { defineComponent as g, openBlock as c, createElementBlock as p, Fragment as $, createBlock as y, resolveDynamicComponent as K, mergeProps as C, toHandlers as x, withCtx as N, renderSlot as B, resolveComponent as k, createTextVNode as St, toDisplayString as ne, defineAsyncComponent as j, createVNode as P, renderList as W, createCommentVNode as S, h as We, createElementVNode as z, normalizeStyle as F, normalizeClass as G, markRaw as Ct } from "vue";
 const wt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), Tt = (e) => typeof e == "string" && wt.has(e.toLowerCase());
-function W(e = {}, t, n) {
+function V(e = {}, t, n) {
   const o = {};
   for (const r in e) {
     if (!e[r] || n && !r.startsWith(t))
@@ -24,15 +24,15 @@ const It = g({
   return n;
 };
 function $t(e, t, n, o, r, s) {
-  return e.isEmptyElement(e.TagName) ? (c(), y(K(e.TagName), C({ key: 1 }, e.attributes, A(e.actionAttributes)), null, 16)) : (c(), p(T, { key: 0 }, [
-    typeof e.TagName == "string" ? (c(), y(K(e.TagName), C({ key: 0 }, e.attributes, A(e.actionAttributes)), {
+  return e.isEmptyElement(e.TagName) ? (c(), y(K(e.TagName), C({ key: 1 }, e.attributes, x(e.actionAttributes)), null, 16)) : (c(), p($, { key: 0 }, [
+    typeof e.TagName == "string" ? (c(), y(K(e.TagName), C({ key: 0 }, e.attributes, x(e.actionAttributes)), {
       default: N(() => [
-        x(e.$slots, "default")
+        B(e.$slots, "default")
       ]),
       _: 3
-    }, 16)) : (c(), y(K(e.TagName), C({ key: 1 }, e.attributes, A(e.actionAttributes)), {
+    }, 16)) : (c(), y(K(e.TagName), C({ key: 1 }, e.attributes, x(e.actionAttributes)), {
       default: N(() => [
-        x(e.$slots, "default")
+        B(e.$slots, "default")
       ]),
       _: 3
     }, 16))
@@ -65,12 +65,12 @@ const me = /* @__PURE__ */ b(It, [["render", $t]]), Ys = /* @__PURE__ */ Object.
     "text"
   ],
   data() {
-    return { filterAttrs: W };
+    return { filterAttrs: V };
   },
   methods: {
     attrs() {
       return {
-        ...W(this.attributes, "v-on:", !1),
+        ...V(this.attributes, "v-on:", !1),
         [_()]: `${this.link ? "" : "builder-button"} ${this.attributes[_()] || ""}`,
         ...this.link ? {
           href: this.link,
@@ -114,19 +114,19 @@ const Pt = /* @__PURE__ */ b(Rt, [["render", Et]]), Bt = Symbol(), ce = {
     model: ""
   },
   key: Bt
-}, At = Symbol(), Oe = {
+}, At = Symbol(), Ne = {
   Components: { registeredComponents: {} },
   key: At
-}, Q = "[Builder.io]: ", B = {
+}, Q = "[Builder.io]: ", A = {
   log: (...e) => console.log(Q, ...e),
   error: (...e) => console.error(Q, ...e),
   warn: (...e) => console.warn(Q, ...e),
   debug: (...e) => console.debug(Q, ...e)
-}, Fe = (e, t, n) => {
+}, Oe = (e, t, n) => {
   const o = String.prototype.split.call(t, /[,[\].]+?/).filter(Boolean).reduce((r, s) => r != null ? r[s] : r, e);
   return o === void 0 || o === e ? n : o;
 };
-function I() {
+function T() {
   return typeof window < "u" && typeof document < "u";
 }
 const xt = (e) => {
@@ -134,21 +134,21 @@ const xt = (e) => {
   return e.forEach((n, o) => {
     t[o] = n;
   }), t;
-}, De = (e) => e instanceof URLSearchParams ? xt(e) : e, Le = (e) => typeof e == "string" ? e : e instanceof URLSearchParams ? e.toString() : new URLSearchParams(e).toString();
+}, Fe = (e) => e instanceof URLSearchParams ? xt(e) : e, De = (e) => typeof e == "string" ? e : e instanceof URLSearchParams ? e.toString() : new URLSearchParams(e).toString();
 function Vt() {
-  return I() && window.self !== window.top;
+  return T() && window.self !== window.top;
 }
 function E(e) {
   return Vt() && // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
-  Le(e || window.location.search).indexOf("builder.frameEditing=") !== -1;
+  De(e || window.location.search).indexOf("builder.frameEditing=") !== -1;
 }
 const Wt = () => {
-  if (I()) {
+  if (T()) {
     const e = new URL(location.href);
     return e.pathname === "" && (e.pathname = "/"), e;
   } else
     return console.warn("Cannot get location for tracking in non-browser environment"), null;
-}, Nt = () => typeof navigator == "object" && navigator.userAgent || "", Ue = () => {
+}, Nt = () => typeof navigator == "object" && navigator.userAgent || "", Le = () => {
   const e = Nt(), t = {
     Android() {
       return e.match(/Android/i);
@@ -188,13 +188,13 @@ const Wt = () => {
   event: n
 }), Ft = () => ({
   isEditing: E(),
-  isBrowser: I(),
-  isServer: !I(),
-  getUserAttributes: () => Ue()
+  isBrowser: T(),
+  isServer: !T(),
+  getUserAttributes: () => Le()
 }), Dt = (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 Me({
+function Ue({
   rootState: e,
   localState: t,
   rootSetState: n
@@ -204,7 +204,7 @@ function Me({
       if (t && r in t)
         return t[r];
       const s = o[r];
-      return typeof s == "object" && s !== null ? Me({
+      return typeof s == "object" && s !== null ? Ue({
         rootState: s,
         localState: void 0,
         rootSetState: n ? (i) => {
@@ -219,7 +219,7 @@ function Me({
     }
   });
 }
-const Ie = ({
+const Te = ({
   code: e,
   builder: t,
   context: n,
@@ -232,7 +232,7 @@ const Ie = ({
     builder: t,
     context: n,
     event: o,
-    state: Me({
+    state: Ue({
       rootState: i,
       localState: r,
       rootSetState: s
@@ -251,10 +251,10 @@ const Ut = ({
   if (!Lt())
     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 && B.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;
-}, Mt = (e) => (I() || Ut({
+  return t && n && !o ? (e && A.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;
+}, Mt = (e) => (T() || Ut({
   shouldLogWarning: !0
-}), Ie(e)), Ht = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/, jt = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/, Kt = (e) => {
+}), Te(e)), Ht = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/, jt = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/, Kt = (e) => {
   var t, n, o, r, s, i;
   return ((o = (n = (t = Ht.exec(e.trim())) == null ? void 0 : t.groups) == null ? void 0 : n.getPath) == null ? void 0 : o.slice(1)) || ((i = (s = (r = jt.exec(e.trim())) == null ? void 0 : r.groups) == null ? void 0 : s.getPath) == null ? void 0 : i.slice(1));
 };
@@ -271,7 +271,7 @@ function Y({
     return;
   const l = Kt(e.trim());
   if (l)
-    return Fe({
+    return Oe({
       ...o,
       ...n
     }, l);
@@ -289,7 +289,7 @@ function Y({
   try {
     return Mt(a);
   } catch (u) {
-    B.error("Failed code evaluation: " + u.message, {
+    A.error("Failed code evaluation: " + u.message, {
       code: e
     });
     return;
@@ -340,7 +340,7 @@ function ee(e, t, n = null, o = null, r = /* @__PURE__ */ new WeakSet()) {
     }), ee(i, t, e, s, r);
   }));
 }
-function He(e) {
+function Me(e) {
   return e && typeof e == "object" && e["@type"] === "@builder.io/core:LocalizedValue";
 }
 function Jt(e) {
@@ -348,7 +348,7 @@ function Jt(e) {
     return !1;
   let t = !1;
   return ee(e, (n) => {
-    if (He(n)) {
+    if (Me(n)) {
       t = !0;
       return;
     }
@@ -356,14 +356,14 @@ function Jt(e) {
 }
 function Yt(e, t) {
   return !e || !Object.getOwnPropertyNames(e).length ? {} : (ee(e, (n, o) => {
-    He(n) && o(n[t] ?? void 0);
+    Me(n) && o(n[t] ?? void 0);
   }), e);
 }
 function Xt(e, t) {
   var n, o;
   return (n = e.component) != null && n.options && Jt((o = e.component) == null ? void 0 : o.options) && (t || console.warn("[Builder.io] In order to use localized fields in Builder, you must pass a locale prop to the BuilderComponent or to options object while fetching the content to resolve localized fields. Learn more: https://www.builder.io/c/docs/localization-inline#targeting-and-inline-localization"), e.component.options = Yt(e.component.options, t ?? "Default")), e;
 }
-const he = (e) => JSON.parse(JSON.stringify(e)), je = (e, t, n) => {
+const he = (e) => JSON.parse(JSON.stringify(e)), He = (e, t, n) => {
   if (Object(e) !== e)
     return e;
   const o = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
@@ -425,7 +425,7 @@ const Qt = ["svelte", "vue", "angular", "qwik", "solid"].includes(R), Zt = (e) =
       rootSetState: r,
       context: t
     });
-    je(s, i, a);
+    He(s, i, a);
   }
   return s;
 };
@@ -445,9 +445,9 @@ function en({
     context: t
   });
 }
-function Ke(e) {
-  const t = e || (I() ? window.location.search : void 0);
-  return t ? Le(t).indexOf("builder.preview=") !== -1 : !1;
+function je(e) {
+  const t = e || (T() ? window.location.search : void 0);
+  return t ? De(t).indexOf("builder.preview=") !== -1 : !1;
 }
 const tn = (e) => ({
   type: "builder.registerComponent",
@@ -459,11 +459,11 @@ const tn = (e) => ({
 function te(e) {
   return JSON.parse(JSON.stringify(e, (t, n) => typeof n == "function" ? nn(n) : n));
 }
-const $e = {};
+const Ie = {};
 function on(e, t) {
   e === "plugin" && (t = te(t));
-  let n = $e[e];
-  if (n || (n = $e[e] = []), n.push(t), I()) {
+  let n = Ie[e];
+  if (n || (n = Ie[e] = []), n.push(t), T()) {
     const o = {
       type: "builder.register",
       data: {
@@ -478,42 +478,42 @@ function on(e, t) {
     }
   }
 }
-const Re = {};
+const $e = {};
 function Xs(e) {
-  if (I()) {
-    Object.assign(Re, e);
+  if (T()) {
+    Object.assign($e, e);
     const t = {
       type: "builder.settingsChange",
-      data: Re
+      data: $e
     };
     parent.postMessage(t, "*");
   }
 }
-const Ee = "builder.", rn = "options.", qe = (e) => {
+const Re = "builder.", rn = "options.", Ke = (e) => {
   if (!e)
     return {};
-  const t = De(e), n = {};
+  const t = Fe(e), n = {};
   return Object.keys(t).forEach((o) => {
-    if (o.startsWith(Ee)) {
-      const r = o.replace(Ee, "").replace(rn, "");
+    if (o.startsWith(Re)) {
+      const r = o.replace(Re, "").replace(rn, "");
       n[r] = t[o];
     }
   }), n;
 }, sn = () => {
-  if (!I())
+  if (!T())
     return {};
   const e = new URLSearchParams(window.location.search);
-  return qe(e);
-}, ze = "3.0.2", Ge = () => ({
+  return Ke(e);
+}, qe = "3.0.5", ze = () => ({
   "X-Builder-SDK": R,
   "X-Builder-SDK-GEN": "2",
-  "X-Builder-SDK-Version": ze
+  "X-Builder-SDK-Version": qe
 }), an = (e) => {
   if (e === "localhost" || e === "127.0.0.1")
     return e;
   const t = e.split(".");
   return t.length > 2 ? t.slice(1).join(".") : e;
-}, Je = ({
+}, Ge = ({
   name: e,
   canTrack: t
 }) => {
@@ -521,17 +521,17 @@ const Ee = "builder.", rn = "options.", qe = (e) => {
   try {
     return t ? (n = document.cookie.split("; ").find((o) => o.startsWith(`${e}=`))) == null ? void 0 : n.split("=")[1] : void 0;
   } catch (o) {
-    B.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
+    A.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, Ye = async (e) => Je(e), ln = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(D).join("; "), cn = [["secure", ""], ["SameSite", "None"]], dn = ({
+}, Je = async (e) => Ge(e), ln = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(D).join("; "), cn = [["secure", ""], ["SameSite", "None"]], dn = ({
   name: e,
   value: t,
   expires: n
 }) => {
-  const r = (I() ? location.protocol === "https:" : !0) ? cn : [[]], s = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...s, ["path", "/"], ["domain", an(window.location.hostname)], ...r];
+  const r = (T() ? location.protocol === "https:" : !0) ? cn : [[]], s = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...s, ["path", "/"], ["domain", an(window.location.hostname)], ...r];
   return ln(i);
-}, Xe = async ({
+}, Ye = async ({
   name: e,
   value: t,
   expires: n,
@@ -547,7 +547,7 @@ const Ee = "builder.", rn = "options.", qe = (e) => {
     });
     document.cookie = r;
   } catch (r) {
-    B.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
+    A.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
   }
 };
 function un() {
@@ -556,16 +556,16 @@ function un() {
     return (e == "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function Qe() {
+function Xe() {
   return un().replace(/-/g, "");
 }
-const Ze = "builderSessionId", pn = async ({
+const Qe = "builderSessionId", pn = async ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = await Ye({
-    name: Ze,
+  const t = await Je({
+    name: Qe,
     canTrack: e
   });
   if (D(t))
@@ -577,20 +577,20 @@ const Ze = "builderSessionId", pn = async ({
       canTrack: e
     }), n;
   }
-}, mn = () => Qe(), hn = ({
+}, mn = () => Xe(), hn = ({
   id: e,
   canTrack: t
-}) => Xe({
-  name: Ze,
+}) => Ye({
+  name: Qe,
   value: e,
   canTrack: t
-}), _e = () => I() && typeof localStorage < "u" ? localStorage : void 0, fn = ({
+}), Ze = () => T() && typeof localStorage < "u" ? localStorage : void 0, fn = ({
   key: e,
   canTrack: t
 }) => {
   var n;
   try {
-    return t ? (n = _e()) == null ? void 0 : n.getItem(e) : void 0;
+    return t ? (n = Ze()) == null ? void 0 : n.getItem(e) : void 0;
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
     return;
@@ -602,17 +602,17 @@ const Ze = "builderSessionId", pn = async ({
 }) => {
   var o;
   try {
-    t && ((o = _e()) == null || o.setItem(e, n));
+    t && ((o = Ze()) == null || o.setItem(e, n));
   } catch (r) {
     console.debug("[LocalStorage] SET error: ", r);
   }
-}, et = "builderVisitorId", bn = ({
+}, _e = "builderVisitorId", bn = ({
   canTrack: e
 }) => {
   if (!e)
     return;
   const t = fn({
-    key: et,
+    key: _e,
     canTrack: e
   });
   if (D(t))
@@ -624,17 +624,17 @@ const Ze = "builderSessionId", pn = async ({
       canTrack: e
     }), n;
   }
-}, yn = () => Qe(), kn = ({
+}, yn = () => Xe(), kn = ({
   id: e,
   canTrack: t
 }) => gn({
-  key: et,
+  key: _e,
   value: e,
   canTrack: t
 });
 function fe(e) {
   var t;
-  typeof process < "u" && ((t = process.env) != null && t.DEBUG) && String(process.env.DEBUG) == "true" && B.log(e);
+  typeof process < "u" && ((t = process.env) != null && t.DEBUG) && String(process.env.DEBUG) == "true" && A.log(e);
 }
 const vn = async ({
   canTrack: e
@@ -670,7 +670,7 @@ const vn = async ({
     ...await vn({
       canTrack: t
     }),
-    userAttributes: Ue(),
+    userAttributes: Le(),
     ownerId: n
   }
 });
@@ -679,10 +679,10 @@ async function ue({
   ...t
 }) {
   if (!t.apiKey) {
-    B.error("Missing API key for track call. Please provide your API key.");
+    A.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  if (!t.canTrack || E() || !(I() || R === "reactNative"))
+  if (!t.canTrack || E() || !(T() || R === "reactNative"))
     return;
   const o = `${e || "https://cdn.builder.io"}/api/v1/track`;
   return fe(o), fetch(o, {
@@ -692,7 +692,7 @@ async function ue({
     }),
     headers: {
       "content-type": "application/json",
-      ...Ge()
+      ...ze()
     },
     mode: "cors"
   }).catch((r) => {
@@ -703,7 +703,7 @@ const Qs = (e) => ue({
   ...e,
   canTrack: !0
 }), Cn = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
-function tt(e, t) {
+function et(e, t) {
   if (!t.origin.startsWith("http") && !t.origin.startsWith("https"))
     return !1;
   const n = new URL(t.origin), o = n.hostname;
@@ -732,14 +732,14 @@ const wn = () => {
     }]
   });
 };
-let Pe = !1;
-const nt = (e = {}) => {
+let Ee = !1;
+const tt = (e = {}) => {
   var t, n;
-  Pe || (Pe = !0, I() && ((t = window.parent) == null || t.postMessage({
+  Ee || (Ee = !0, T() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
       target: R,
-      version: ze,
+      version: qe,
       supportsPatchUpdates: !1,
       // Supports builder-model="..." attribute which is needed to
       // scope our '+ add block' button styling
@@ -753,7 +753,7 @@ const nt = (e = {}) => {
     }
   }, "*"), window.addEventListener("message", (o) => {
     var s, i;
-    if (!tt(e.trustedHosts, o))
+    if (!et(e.trustedHosts, o))
       return;
     const {
       data: r
@@ -761,10 +761,10 @@ const nt = (e = {}) => {
     if (r != null && r.type)
       switch (r.type) {
         case "builder.evaluate": {
-          const l = r.data.text, a = r.data.arguments || [], u = r.data.id, m = new Function(l);
-          let h, d = null;
+          const l = r.data.text, a = r.data.arguments || [], u = r.data.id, h = new Function(l);
+          let m, d = null;
           try {
-            h = m.apply(null, a);
+            m = h.apply(null, a);
           } catch (f) {
             d = f;
           }
@@ -774,9 +774,9 @@ const nt = (e = {}) => {
               id: u,
               error: d.message
             }
-          }, "*") : h && typeof h.then == "function" ? h.then((f) => {
-            var S;
-            (S = window.parent) == null || S.postMessage({
+          }, "*") : m && typeof m.then == "function" ? m.then((f) => {
+            var v;
+            (v = window.parent) == null || v.postMessage({
               type: "builder.evaluateResult",
               data: {
                 id: u,
@@ -786,7 +786,7 @@ const nt = (e = {}) => {
           }).catch(console.error) : (i = window.parent) == null || i.postMessage({
             type: "builder.evaluateResult",
             data: {
-              result: h,
+              result: m,
               id: u
             }
           }, "*");
@@ -794,12 +794,12 @@ const nt = (e = {}) => {
         }
       }
   })));
-}, ot = ({
+}, nt = ({
   model: e,
   trustedHosts: t,
   callbacks: n
 }) => (o) => {
-  if (!tt(t, o))
+  if (!et(t, o))
     return;
   const {
     data: r
@@ -821,11 +821,11 @@ const nt = (e = {}) => {
       }
     }
 }, Zs = (e, t, n) => {
-  if (!I)
-    return B.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
+  if (!T)
+    return A.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
     };
-  nt();
-  const o = ot({
+  tt();
+  const o = nt({
     callbacks: {
       contentUpdate: t,
       animation: () => {
@@ -841,22 +841,22 @@ const nt = (e = {}) => {
   };
 }, Tn = "builder.tests", ge = (e) => `${Tn}.${e}`, In = ({
   contentId: e
-}) => Ye({
+}) => Je({
   name: ge(e),
   canTrack: !0
 }), $n = ({
   contentId: e
-}) => Je({
+}) => Ge({
   name: ge(e),
   canTrack: !0
 }), Rn = ({
   contentId: e,
   value: t
-}) => Xe({
+}) => Ye({
   name: ge(e),
   value: t,
   canTrack: !0
-}), rt = (e) => D(e.id) && D(e.variations) && Object.keys(e.variations).length > 0, En = ({
+}), ot = (e) => D(e.id) && D(e.variations) && Object.keys(e.variations).length > 0, En = ({
   id: e,
   variations: t
 }) => {
@@ -869,15 +869,15 @@ const nt = (e = {}) => {
       return s;
   }
   return e;
-}, st = (e) => {
+}, rt = (e) => {
   const t = En(e);
   return Rn({
     contentId: e.id,
     value: t
   }).catch((n) => {
-    B.error("could not store A/B test variation: ", n);
+    A.error("could not store A/B test variation: ", n);
   }), t;
-}, it = ({
+}, st = ({
   item: e,
   testGroupId: t
 }) => {
@@ -899,14 +899,14 @@ const nt = (e = {}) => {
     return e;
   if (!e)
     return;
-  if (!rt(e))
+  if (!ot(e))
     return e;
   const n = $n({
     contentId: e.id
-  }) || st({
+  }) || rt({
     variations: e.variations,
     id: e.id
-  }), o = it({
+  }), o = st({
     item: e,
     testGroupId: n
   });
@@ -918,14 +918,14 @@ const nt = (e = {}) => {
   item: e,
   canTrack: t
 }) => {
-  if (!t || !rt(e))
+  if (!t || !ot(e))
     return e;
   const o = await In({
     contentId: e.id
-  }) || st({
+  }) || rt({
     variations: e.variations,
     id: e.id
-  }), r = it({
+  }), r = st({
     item: e,
     testGroupId: o
   });
@@ -957,10 +957,10 @@ function pe(e, t = null, n = ".") {
     };
   }, {});
 }
-function at(e, t, n = {}) {
+function it(e, t, n = {}) {
   for (const o in e) {
     const r = e[o], s = t ? t + "." + o : o;
-    r && typeof r == "object" && !Array.isArray(r) && !Object.keys(r).find((i) => i.startsWith("$")) ? at(r, s, n) : n[s] = r;
+    r && typeof r == "object" && !Array.isArray(r) && !Object.keys(r).find((i) => i.startsWith("$")) ? it(r, s, n) : n[s] = r;
   }
   return n;
 }
@@ -976,7 +976,7 @@ function Wn(e) {
   }
   return t;
 }
-const Nn = "v3", Be = (e) => typeof e == "number" && !isNaN(e) && e >= 0, be = (e) => {
+const Nn = "v3", Pe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, be = (e) => {
   const {
     limit: t = 30,
     userAttributes: n,
@@ -987,11 +987,11 @@ const Nn = "v3", Be = (e) => typeof e == "number" && !isNaN(e) && e >= 0, be = (
     locale: l,
     apiVersion: a = Nn,
     fields: u,
-    omit: m,
-    offset: h,
+    omit: h,
+    offset: m,
     cacheSeconds: d,
     staleCacheSeconds: f,
-    sort: S,
+    sort: v,
     includeUnpublished: w,
     apiHost: L
   } = e;
@@ -999,46 +999,46 @@ const Nn = "v3", Be = (e) => typeof e == "number" && !isNaN(e) && e >= 0, be = (
     throw new Error("Missing API key");
   if (!["v3"].includes(a))
     throw new Error(`Invalid apiVersion: expected 'v3', received '${a}'`);
-  const kt = t !== 1, vt = L || "https://cdn.builder.io", $ = new URL(`${vt}/api/${a}/content/${r}`);
-  $.searchParams.set("apiKey", s), $.searchParams.set("limit", String(t)), $.searchParams.set("noTraverse", String(kt)), $.searchParams.set("includeRefs", String(!0));
+  const kt = t !== 1, vt = L || "https://cdn.builder.io", I = new URL(`${vt}/api/${a}/content/${r}`);
+  I.searchParams.set("apiKey", s), I.searchParams.set("limit", String(t)), I.searchParams.set("noTraverse", String(kt)), I.searchParams.set("includeRefs", String(!0));
   const oe = l || (n == null ? void 0 : n.locale);
   let U = n || {};
-  if (oe && ($.searchParams.set("locale", oe), U = {
+  if (oe && (I.searchParams.set("locale", oe), U = {
     locale: oe,
     ...U
-  }), i && $.searchParams.set("enrich", String(i)), $.searchParams.set("omit", m || "meta.componentsUsed"), u && $.searchParams.set("fields", u), Number.isFinite(h) && h > -1 && $.searchParams.set("offset", String(Math.floor(h))), typeof w == "boolean" && $.searchParams.set("includeUnpublished", String(w)), d && Be(d) && $.searchParams.set("cacheSeconds", String(d)), f && Be(f) && $.searchParams.set("staleCacheSeconds", String(f)), S) {
+  }), i && I.searchParams.set("enrich", String(i)), I.searchParams.set("omit", h || "meta.componentsUsed"), u && I.searchParams.set("fields", u), Number.isFinite(m) && m > -1 && I.searchParams.set("offset", String(Math.floor(m))), typeof w == "boolean" && I.searchParams.set("includeUnpublished", String(w)), d && Pe(d) && I.searchParams.set("cacheSeconds", String(d)), f && Pe(f) && I.searchParams.set("staleCacheSeconds", String(f)), v) {
     const O = pe({
-      sort: S
+      sort: v
     });
     for (const H in O)
-      $.searchParams.set(H, JSON.stringify(O[H]));
+      I.searchParams.set(H, JSON.stringify(O[H]));
   }
-  const we = {
+  const Ce = {
     ...sn(),
-    ...De(e.options || {})
+    ...Fe(e.options || {})
   };
   U = {
     ...U,
-    ...Fn(we)
+    ...Fn(Ce)
   };
-  const Te = pe(we);
-  for (const O in Te)
-    $.searchParams.set(O, String(Te[O]));
-  if (Object.keys(U).length > 0 && $.searchParams.set("userAttributes", JSON.stringify(U)), o) {
-    const O = at({
+  const we = pe(Ce);
+  for (const O in we)
+    I.searchParams.set(O, String(we[O]));
+  if (Object.keys(U).length > 0 && I.searchParams.set("userAttributes", JSON.stringify(U)), o) {
+    const O = it({
       query: o
     });
     for (const H in O)
-      $.searchParams.set(H, JSON.stringify(O[H]));
+      I.searchParams.set(H, JSON.stringify(O[H]));
   }
-  return $;
+  return I;
 }, On = (e) => {
   const t = {};
   for (const n in e)
     n.startsWith("userAttributes.") && (t[n] = e[n], delete e[n]);
   return t;
 }, Fn = (e) => {
-  if (I() && e.preview === "BUILDER_STUDIO") {
+  if (T() && e.preview === "BUILDER_STUDIO") {
     e["userAttributes.urlPath"] = window.location.pathname, e["userAttributes.host"] = window.location.host;
     const t = On(e), {
       userAttributes: n
@@ -1060,13 +1060,13 @@ const Ln = async (e) => {
     ...e.fetchOptions,
     headers: {
       ...(i = e.fetchOptions) == null ? void 0 : i.headers,
-      ...Ge()
+      ...ze()
     }
   };
   return await (await n(t.href, o)).json();
 }, Un = async (e, t, n = be(e)) => {
   const o = J(e.canTrack);
-  if (n.search.includes("preview="), !o || !(I() || R === "reactNative"))
+  if (n.search.includes("preview="), !o || !(T() || R === "reactNative"))
     return t.results;
   try {
     const r = [];
@@ -1077,14 +1077,14 @@ const Ln = async (e) => {
       }));
     t.results = r;
   } catch (r) {
-    B.error("Could not process A/B tests. ", r);
+    A.error("Could not process A/B tests. ", r);
   }
   return t.results;
 };
 async function Mn(e) {
   const t = be(e), n = await Ln(e);
   if (!Dn(n))
-    throw B.error("Error fetching data. ", {
+    throw A.error("Error fetching data. ", {
       url: t,
       content: n,
       options: e
@@ -1103,7 +1103,7 @@ const _s = async (e) => {
         urlPath: t
       } : {}
     },
-    options: qe(e.searchParams || ((s = e.url) == null ? void 0 : s.searchParams) || e.options)
+    options: Ke(e.searchParams || ((s = e.url) == null ? void 0 : s.searchParams) || e.options)
   };
   return {
     apiKey: n.apiKey,
@@ -1119,8 +1119,8 @@ function Hn(e, t, n = {}) {
   return function() {
     const u = Date.now();
     !l && n.leading === !1 && (l = u);
-    const m = t - (u - l);
-    return o = this, r = arguments, m <= 0 || m > t ? (i && (clearTimeout(i), i = null), l = u, s = e.apply(o, r), i || (o = r = null)) : !i && n.trailing !== !1 && (i = setTimeout(a, m)), s;
+    const h = t - (u - l);
+    return o = this, r = arguments, h <= 0 || h > t ? (i && (clearTimeout(i), i = null), l = u, s = e.apply(o, r), i || (o = r = null)) : !i && n.trailing !== !1 && (i = setTimeout(a, h)), s;
   };
 }
 function q(e, ...t) {
@@ -1137,17 +1137,17 @@ function jn(e) {
   for (const t of e)
     switch (t.trigger) {
       case "pageLoad":
-        dt(t);
+        ct(t);
         break;
       case "scrollInView":
         qn(t);
         break;
     }
 }
-function lt(e) {
+function at(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
-function ct(e, t) {
+function lt(e, t) {
   const n = Kn(e), o = getComputedStyle(t), r = e.steps[0].styles, s = e.steps[e.steps.length - 1].styles, i = [r, s];
   for (const l of i)
     for (const a of n)
@@ -1160,14 +1160,14 @@ function Kn(e) {
       t.indexOf(o) === -1 && t.push(o);
   return t;
 }
-function dt(e) {
+function ct(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    lt(e.elementId || e.id || "");
+    at(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    ct(e, n), n.style.transition = "none", n.style.transitionDelay = "0", q(n.style, e.steps[0].styles), setTimeout(() => {
+    lt(e, n), n.style.transition = "none", n.style.transitionDelay = "0", q(n.style, e.steps[0].styles), setTimeout(() => {
       n.style.transition = `all ${e.duration}s ${ke(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), q(n.style, e.steps[1].styles), setTimeout(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
@@ -1177,11 +1177,11 @@ function dt(e) {
 function qn(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    lt(e.elementId || e.id || "");
+    at(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    ct(e, n);
+    lt(e, n);
     let o = !1, r = !1;
     function s() {
       !o && l(n) ? (o = !0, r = !0, setTimeout(() => {
@@ -1193,9 +1193,9 @@ function qn(e) {
     const i = Hn(s, 200, {
       leading: !1
     });
-    function l(m) {
-      const h = m.getBoundingClientRect(), d = window.innerHeight, S = (e.thresholdPercent || 0) / 100 * d;
-      return h.bottom > S && h.top < d - S;
+    function l(h) {
+      const m = h.getBoundingClientRect(), d = window.innerHeight, v = (e.thresholdPercent || 0) / 100 * d;
+      return m.bottom > v && m.top < d - v;
     }
     const a = e.steps[0].styles;
     function u() {
@@ -1209,10 +1209,10 @@ function qn(e) {
     }), s();
   });
 }
-const ut = (e) => Object.entries(e).map(([n, o]) => {
+const dt = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
     return `${ke(n)}: ${o};`;
-}).filter(D), zn = (e) => ut(e).join(`
+}).filter(D), zn = (e) => dt(e).join(`
 `), ei = ({
   mediaQuery: e,
   className: t,
@@ -1233,18 +1233,18 @@ function Gn({
 const ti = ({
   block: e,
   context: t
-}) => pt(Gn({
+}) => ut(Gn({
   style: e.style || {},
   context: t,
   block: e
 }));
-function pt(e) {
+function ut(e) {
   switch (R) {
     case "svelte":
     case "vue":
     case "solid":
     case "angular":
-      return ut(e).join(" ");
+      return dt(e).join(" ");
     case "qwik":
     case "reactNative":
     case "react":
@@ -1252,7 +1252,7 @@ function pt(e) {
       return e;
   }
 }
-const mt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includes(t) : !1 : !0, Jn = ({
+const pt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includes(t) : !1 : !0, Jn = ({
   block: e,
   registeredComponents: t,
   model: n
@@ -1262,7 +1262,7 @@ const mt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
   if (!o)
     return null;
   const r = t[o];
-  if (!r || mt(r, n)) {
+  if (!r || pt(r, n)) {
     console.warn(`
       Could not find a registered component named "${o}". 
       If you registered it, is the file that registered it imported by the file that needs to render it?`);
@@ -1310,7 +1310,7 @@ const mt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
 }, Qn = (e, t, n) => {
   var o;
   return (o = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && o.builderComponents ? {
-    builderComponents: Object.fromEntries(Object.entries(t).filter(([s, i]) => !mt(i, n)))
+    builderComponents: Object.fromEntries(Object.entries(t).filter(([s, i]) => !pt(i, n)))
   } : {};
 }, Zn = (e, t) => {
   var n;
@@ -1327,22 +1327,22 @@ const mt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
     "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
     e
   ), e;
-}), to = () => import("./block-styles-zLkeE8Yo.js").then((e) => e.default).catch((e) => {
+}), to = () => import("./block-styles-lsb_KdIv.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;
-}), no = () => import("./block-wrapper-RHvSza0L.js").then((e) => e.default).catch((e) => {
+}), no = () => import("./block-wrapper-wgruUtvA.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;
-}), oo = () => import("./component-ref-QZVWIf-w.js").then((e) => e.default).catch((e) => {
+}), oo = () => import("./component-ref-vtmUy--R.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;
-}), ro = () => import("./repeated-block-9wsw76F2.js").then((e) => e.default).catch((e) => {
+}), ro = () => import("./repeated-block-vu-vd9Qj.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
@@ -1442,15 +1442,15 @@ const mt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
   }
 });
 function io(e, t, n, o, r, s) {
-  var h;
-  const i = k("BlockStyles"), l = k("ComponentRef"), a = k("Block", !0), u = k("BlockWrapper"), m = k("RepeatedBlock");
-  return e.canShowBlock ? (c(), p(T, { key: 0 }, [
+  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 }, [
     P(i, {
       block: e.processedBlock,
       context: e.context
     }, null, 8, ["block", "context"]),
-    (h = e.blockComponent) != null && h.noWrap ? (c(), p(T, { key: 1 }, [
-      e.repeatItem ? (c(!0), p(T, { key: 1 }, V(e.repeatItem, (d, f) => (c(), y(m, {
+    (m = e.blockComponent) != null && m.noWrap ? (c(), p($, { key: 1 }, [
+      e.repeatItem ? (c(!0), p($, { key: 1 }, W(e.repeatItem, (d, f) => (c(), y(h, {
         key: f,
         repeatContext: d.context,
         block: d.block,
@@ -1468,8 +1468,8 @@ function io(e, t, n, o, r, s) {
         includeBlockProps: e.componentRefProps.includeBlockProps,
         isInteractive: e.componentRefProps.isInteractive
       }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"]))
-    ], 64)) : (c(), p(T, { key: 0 }, [
-      e.repeatItem ? (c(!0), p(T, { key: 1 }, V(e.repeatItem, (d, f) => (c(), y(m, {
+    ], 64)) : (c(), p($, { key: 0 }, [
+      e.repeatItem ? (c(!0), p($, { key: 1 }, W(e.repeatItem, (d, f) => (c(), y(h, {
         key: f,
         repeatContext: d.context,
         block: d.block,
@@ -1493,7 +1493,7 @@ function io(e, t, n, o, r, s) {
             includeBlockProps: e.componentRefProps.includeBlockProps,
             isInteractive: e.componentRefProps.isInteractive
           }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"]),
-          (c(!0), p(T, null, V(e.childrenWithoutParentComponent, (d, f) => (c(), y(a, {
+          (c(!0), p($, null, W(e.childrenWithoutParentComponent, (d, f) => (c(), y(a, {
             key: d.id,
             block: d,
             registeredComponents: e.registeredComponents,
@@ -1504,11 +1504,11 @@ function io(e, t, n, o, r, s) {
         _: 1
       }, 8, ["Wrapper", "block", "context"]))
     ], 64))
-  ], 64)) : v("", !0);
+  ], 64)) : S("", !0);
 }
-const ve = /* @__PURE__ */ b(so, [["render", io]]), ni = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const mt = /* @__PURE__ */ b(so, [["render", io]]), ni = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ve
+  default: mt
 }, Symbol.toStringTag, { value: "Module" })), ao = g({
   name: "builder-blocks-wrapper",
   props: [
@@ -1579,14 +1579,14 @@ function lo(e, t, n, o, r, s) {
     onKeyPress: (i) => e.onClick()
   }, { ...e.BlocksWrapperProps }), {
     default: N(() => [
-      x(e.$slots, "default", {}, void 0, !0)
+      B(e.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
 const co = /* @__PURE__ */ b(ao, [["render", lo], ["__scopeId", "data-v-ba2bc5c0"]]), uo = g({
   name: "builder-blocks",
-  components: { BlocksWrapper: co, Block: ve },
+  components: { BlocksWrapper: co, Block: mt },
   props: [
     "blocks",
     "parent",
@@ -1599,11 +1599,11 @@ const co = /* @__PURE__ */ b(ao, [["render", lo], ["__scopeId", "data-v-ba2bc5c0
   ],
   inject: {
     builderContext: ce.key,
-    componentsContext: Oe.key
+    componentsContext: Ne.key
   }
 });
 function po(e, t, n, o, r, s) {
-  var a, u, m, h;
+  var a, u, h, m;
   const i = k("Block"), l = k("BlocksWrapper");
   return c(), y(l, {
     blocks: e.blocks,
@@ -1612,19 +1612,19 @@ function po(e, t, n, o, r, s) {
     styleProp: e.styleProp,
     classNameProp: e.className,
     BlocksWrapper: ((a = e.context) == null ? void 0 : a.BlocksWrapper) || ((u = e.builderContext) == null ? void 0 : u.BlocksWrapper),
-    BlocksWrapperProps: ((m = e.context) == null ? void 0 : m.BlocksWrapperProps) || ((h = e.builderContext) == null ? void 0 : h.BlocksWrapperProps)
+    BlocksWrapperProps: ((h = e.context) == null ? void 0 : h.BlocksWrapperProps) || ((m = e.builderContext) == null ? void 0 : m.BlocksWrapperProps)
   }, {
     default: N(() => [
-      e.blocks ? (c(!0), p(T, { key: 0 }, V(e.blocks, (d, f) => {
-        var S;
+      e.blocks ? (c(!0), p($, { key: 0 }, W(e.blocks, (d, f) => {
+        var v;
         return c(), y(i, {
           key: d.id,
           block: d,
           linkComponent: e.linkComponent,
           context: e.context || e.builderContext,
-          registeredComponents: e.registeredComponents || ((S = e.componentsContext) == null ? void 0 : S.registeredComponents)
+          registeredComponents: e.registeredComponents || ((v = e.componentsContext) == null ? void 0 : v.registeredComponents)
         }, null, 8, ["block", "linkComponent", "context", "registeredComponents"]);
-      }), 128)) : v("", !0)
+      }), 128)) : S("", !0)
     ]),
     _: 1
   }, 8, ["blocks", "parent", "path", "styleProp", "classNameProp", "BlocksWrapper", "BlocksWrapperProps"]);
@@ -1635,15 +1635,15 @@ const M = /* @__PURE__ */ b(uo, [["render", po]]), mo = g({
 });
 function ho(e, t, n, o, r, s) {
   return c(), p("div", null, [
-    x(e.$slots, "default")
+    B(e.$slots, "default")
   ]);
 }
 const X = /* @__PURE__ */ b(mo, [["render", ho]]), fo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: X
-}, Symbol.toStringTag, { value: "Module" })), Se = g({
+}, Symbol.toStringTag, { value: "Module" })), ve = g({
   render() {
-    return Ne("style", {
+    return We("style", {
       innerHTML: this.styles,
       "data-id": this.id,
       nonce: this.nonce
@@ -1696,7 +1696,7 @@ const X = /* @__PURE__ */ b(mo, [["render", ho]]), fo = /* @__PURE__ */ Object.f
 }, bo = (e) => `builder-columns ${e}-breakpoints`, yo = g({
   name: "builder-columns",
   components: {
-    InlinedStyles: Se,
+    InlinedStyles: ve,
     DynamicRenderer: me,
     Blocks: M,
     DynamicDiv: X
@@ -1829,7 +1829,7 @@ const X = /* @__PURE__ */ b(mo, [["render", ho]]), fo = /* @__PURE__ */ Object.f
           href: e.link
         } : {},
         [_()]: "builder-column",
-        style: pt(this.columnCssVars(t))
+        style: ut(this.columnCssVars(t))
       };
     }
   }
@@ -1846,41 +1846,41 @@ function ko(e, t, n, o, r, s) {
       id: "builderio-columns",
       styles: e.columnsStyles(),
       nonce: e.builderContext.nonce
-    }, null, 8, ["styles", "nonce"])) : v("", !0),
-    (c(!0), p(T, null, V(e.columns, (m, h) => (c(), y(a, {
-      key: h,
-      TagName: e.getTagName(m),
+    }, null, 8, ["styles", "nonce"])) : S("", !0),
+    (c(!0), p($, null, W(e.columns, (h, m) => (c(), y(a, {
+      key: m,
+      TagName: e.getTagName(h),
       actionAttributes: {},
-      attributes: e.getAttributes(m, h)
+      attributes: e.getAttributes(h, m)
     }, {
       default: N(() => [
         P(l, {
-          path: `columns.${h}.blocks`,
+          path: `columns.${m}.blocks`,
           parent: e.builderBlock.id,
-          styleProp: {
-            flexGrow: "1"
-          },
           context: e.builderContext,
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent,
-          blocks: m.blocks
+          blocks: h.blocks,
+          styleProp: {
+            flexGrow: "1"
+          }
         }, null, 8, ["path", "parent", "context", "registeredComponents", "linkComponent", "blocks"])
       ]),
       _: 2
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const vo = /* @__PURE__ */ b(yo, [["render", ko], ["__scopeId", "data-v-3354f136"]]), So = g({
+const vo = /* @__PURE__ */ b(yo, [["render", ko], ["__scopeId", "data-v-bdc9da04"]]), So = g({
   name: "builder-fragment-component",
   props: []
 });
 function Co(e, t, n, o, r, s) {
   return c(), p("span", null, [
-    x(e.$slots, "default")
+    B(e.$slots, "default")
   ]);
 }
 const wo = /* @__PURE__ */ b(So, [["render", Co]]);
-function Ae(e) {
+function Be(e) {
   return e.replace(/http(s)?:/, "");
 }
 function To(e = "", t, n) {
@@ -1891,11 +1891,11 @@ function Io(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
-    return Ae(e);
+    return Be(e);
   const n = e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
   if (n) {
     const o = e.split(n[0]), r = n[3], s = t.match("x") ? t : `${t}x`;
-    return Ae(`${o[0]}_${s}${r}`);
+    return Be(`${o[0]}_${s}${r}`);
   }
   return null;
 }
@@ -1927,8 +1927,6 @@ const $o = g({
     "builderBlock",
     "fitContent"
   ],
-  mounted() {
-  },
   computed: {
     srcSetToUse() {
       var n;
@@ -1966,14 +1964,14 @@ const $o = g({
   class: "div-29wpyomtntv-2"
 };
 function Bo(e, t, n, o, r, s) {
-  var i, l, a, u, m, h;
-  return c(), p(T, null, [
+  var i, l, a, u, h, m;
+  return c(), p($, null, [
     z("picture", null, [
       e.webpSrcSet ? (c(), p("source", {
         key: 0,
         type: "image/webp",
         srcset: e.webpSrcSet
-      }, null, 8, Ro)) : v("", !0),
+      }, null, 8, Ro)) : S("", !0),
       z("img", {
         loading: e.highPriority ? "eager" : "lazy",
         fetchpriority: e.highPriority ? "high" : "auto",
@@ -1998,18 +1996,18 @@ function Bo(e, t, n, o, r, s) {
       style: F({
         paddingTop: e.aspectRatio * 100 + "%"
       })
-    }, null, 4)) : v("", !0),
-    (u = (a = e.builderBlock) == null ? void 0 : a.children) != null && u.length && e.fitContent ? x(e.$slots, "default", { key: 1 }, void 0, !0) : v("", !0),
-    !e.fitContent && ((h = (m = e.builderBlock) == null ? void 0 : m.children) != null && h.length) ? (c(), p("div", Po, [
-      x(e.$slots, "default", {}, void 0, !0)
-    ])) : v("", !0)
+    }, null, 4)) : S("", !0),
+    (u = (a = e.builderBlock) == null ? void 0 : a.children) != null && u.length && e.fitContent ? B(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", Po, [
+      B(e.$slots, "default", {}, void 0, !0)
+    ])) : S("", !0)
   ], 64);
 }
-const Ao = /* @__PURE__ */ b($o, [["render", Bo], ["__scopeId", "data-v-a3766aaf"]]), xo = g({
+const Ao = /* @__PURE__ */ b($o, [["render", Bo], ["__scopeId", "data-v-33d4f353"]]), xo = g({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
-    return { filterAttrs: W };
+    return { filterAttrs: V };
   }
 });
 function Vo(e, t, n, o, r, s) {
@@ -2026,8 +2024,8 @@ function Vo(e, t, n, o, r, s) {
       marginLeft: "auto",
       marginRight: "auto"
     }
-  }, e.filterAttrs(e.attributes, "v-on:", !1), A(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    x(e.$slots, "default")
+  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    B(e.$slots, "default")
   ], 16);
 }
 const Wo = /* @__PURE__ */ b(xo, [["render", Vo]]), se = {
@@ -2256,7 +2254,7 @@ function Lo(e, t, n, o, r, s) {
     class: "builder-accordion",
     style: F(e.accordionStyles)
   }, [
-    (c(!0), p(T, null, V(e.items, (l, a) => (c(), p(T, { key: a }, [
+    (c(!0), p($, null, W(e.items, (l, a) => (c(), p($, { key: a }, [
       z("div", {
         class: G(e.getAccordionTitleClassName(a)),
         style: F({
@@ -2267,7 +2265,7 @@ function Lo(e, t, n, o, r, s) {
           }
         }),
         "data-index": a,
-        onClick: (u) => e.onClick(a)
+        onClick: async (u) => e.onClick(a)
       }, [
         P(i, {
           blocks: l.title,
@@ -2291,7 +2289,7 @@ function Lo(e, t, n, o, r, s) {
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent
         }, null, 8, ["blocks", "path", "parent", "context", "registeredComponents", "linkComponent"])
-      ], 6)) : v("", !0)
+      ], 6)) : S("", !0)
     ], 64))), 128))
   ], 4);
 }
@@ -2544,7 +2542,7 @@ const Uo = /* @__PURE__ */ b(Fo, [["render", Lo]]), Mo = {
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, Ce = ["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"], Ko = ["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"], qo = {
+}, Se = ["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"], Ko = ["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"], qo = {
   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",
@@ -2559,21 +2557,21 @@ const Uo = /* @__PURE__ */ b(Fo, [["render", Lo]]), Mo = {
     name: "image",
     type: "file",
     bubble: !0,
-    allowedFileTypes: Ce,
+    allowedFileTypes: Se,
     required: !0,
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
       function n(i, l = 6e4) {
         return new Promise((a, u) => {
-          const m = document.createElement("img");
-          let h = !1;
-          m.onload = () => {
-            h = !0, a(m);
-          }, m.addEventListener("error", (d) => {
+          const h = document.createElement("img");
+          let m = !1;
+          h.onload = () => {
+            m = !0, a(h);
+          }, h.addEventListener("error", (d) => {
             console.warn("Image load failed", d.error), u(d.error);
-          }), m.src = i, setTimeout(() => {
-            h || u(new Error("Image load timed out"));
+          }), h.src = i, setTimeout(() => {
+            m || u(new Error("Image load timed out"));
           }, l);
         });
       }
@@ -2951,13 +2949,13 @@ function nr(e, t, n, o, r, s) {
         overflow: "auto"
       })
     }, [
-      (c(!0), p(T, null, V(e.tabs, (l, a) => (c(), p("span", {
+      (c(!0), p($, null, W(e.tabs, (l, a) => (c(), p("span", {
         key: a,
         class: G(`builder-tab-wrap ${e.activeTab === a ? "builder-tab-active" : ""}`),
         style: F({
           ...e.activeTab === a ? e.activeTabStyle : {}
         }),
-        onClick: (u) => e.onClick(a)
+        onClick: async (u) => e.onClick(a)
       }, [
         P(i, {
           parent: e.builderBlock.id,
@@ -2978,7 +2976,7 @@ function nr(e, t, n, o, r, s) {
         registeredComponents: e.builderComponents,
         linkComponent: e.builderLinkComponent
       }, null, 8, ["parent", "path", "blocks", "context", "registeredComponents", "linkComponent"])
-    ])) : v("", !0)
+    ])) : S("", !0)
   ]);
 }
 const or = /* @__PURE__ */ b(_o, [["render", nr]]), rr = {
@@ -3388,7 +3386,7 @@ const vr = /* @__PURE__ */ b(br, [["render", kr]]), Sr = {
   return Cr.includes(e) ? e : "production";
 }, Tr = g({
   name: "builder-form-component",
-  components: { Block: ve, Blocks: M },
+  components: { Blocks: M },
   props: [
     "builderContext",
     "previewState",
@@ -3405,9 +3403,6 @@ const vr = /* @__PURE__ */ b(br, [["render", kr]]), Sr = {
     "successUrl",
     "validate",
     "attributes",
-    "builderBlock",
-    "builderComponents",
-    "builderLinkComponent",
     "errorMessage",
     "sendingMessage",
     "successMessage"
@@ -3417,7 +3412,7 @@ const vr = /* @__PURE__ */ b(br, [["render", kr]]), Sr = {
       formState: "unsubmitted",
       responseData: null,
       formErrorMessage: "",
-      filterAttrs: W
+      filterAttrs: V
     };
   },
   methods: {
@@ -3447,12 +3442,12 @@ const vr = /* @__PURE__ */ b(br, [["render", kr]]), Sr = {
         let s;
         const i = new FormData(o), l = Array.from(o.querySelectorAll("input,select,textarea")).filter((d) => !!d.name).map((d) => {
           let f;
-          const S = d.name;
+          const v = d.name;
           if (d instanceof HTMLInputElement)
             if (d.type === "radio") {
               if (d.checked)
                 return f = d.name, {
-                  key: S,
+                  key: v,
                   value: f
                 };
             } else if (d.type === "checkbox")
@@ -3465,7 +3460,7 @@ const vr = /* @__PURE__ */ b(br, [["render", kr]]), Sr = {
           else
             f = d.value;
           return {
-            key: S,
+            key: v,
             value: f
           };
         });
@@ -3476,8 +3471,8 @@ const vr = /* @__PURE__ */ b(br, [["render", kr]]), Sr = {
           s = i;
         else {
           const d = {};
-          Array.from(l).forEach(({ value: f, key: S }) => {
-            je(d, S, f);
+          Array.from(l).forEach(({ value: f, key: v }) => {
+            He(d, v, f);
           }), s = JSON.stringify(d);
         }
         a && a !== "multipart/form-data" && (t && ((n = this.action) != null && n.includes("zapier.com")) || (r["content-type"] = a));
@@ -3489,19 +3484,19 @@ const vr = /* @__PURE__ */ b(br, [["render", kr]]), Sr = {
         if (this.$refs.formRef && (this.$refs.formRef.dispatchEvent(u), u.defaultPrevented))
           return;
         this.formState = "sending";
-        const m = `${wr() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
+        const h = `${wr() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
           this.sendSubmissionsToEmail || ""
-        )}&name=${encodeURIComponent(this.name || "")}`, h = this.sendSubmissionsTo === "email" ? m : this.action;
-        fe(h), fetch(h, {
+        )}&name=${encodeURIComponent(this.name || "")}`, m = this.sendSubmissionsTo === "email" ? h : this.action;
+        fe(m), fetch(m, {
           body: s,
           headers: r,
           method: this.method || "post"
         }).then(
           async (d) => {
             let f;
-            const S = d.headers.get("content-type");
-            if (S && S.indexOf("application/json") !== -1 ? f = await d.json() : f = await d.text(), !d.ok && this.errorMessagePath) {
-              let w = Fe(f, this.errorMessagePath);
+            const v = d.headers.get("content-type");
+            if (v && v.indexOf("application/json") !== -1 ? f = await d.json() : f = await d.text(), !d.ok && this.errorMessagePath) {
+              let w = Oe(f, this.errorMessagePath);
               w && (typeof w != "string" && (w = JSON.stringify(w)), this.formErrorMessage = w, this.mergeNewRootState({
                 formErrorMessage: w
               }));
@@ -3543,49 +3538,42 @@ const vr = /* @__PURE__ */ b(br, [["render", kr]]), Sr = {
     }
   }
 }), Ir = ["validate", "action", "method", "name"], $r = {
-  key: 3,
+  key: 2,
   class: "builder-form-error-text pre-3q96myty4lk"
 };
 function Rr(e, t, n, o, r, s) {
-  var a;
-  const i = k("Block"), l = k("Blocks");
+  const i = k("Blocks");
   return c(), p("form", C({
     validate: e.validate,
     ref: "formRef",
     action: !e.sendWithJs && e.action,
     method: e.method,
     name: e.name,
-    onSubmit: t[0] || (t[0] = (u) => e.onSubmit(u))
-  }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, A(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    e.builderBlock && e.builderBlock.children ? (c(!0), p(T, { key: 0 }, V((a = e.builderBlock) == null ? void 0 : a.children, (u, m) => (c(), y(i, {
-      key: `form-block-${e.idx}`,
-      block: u,
-      context: e.builderContext,
-      registeredComponents: e.builderComponents,
-      linkComponent: e.builderLinkComponent
-    }, null, 8, ["block", "context", "registeredComponents", "linkComponent"]))), 128)) : v("", !0),
-    e.submissionState() === "error" ? (c(), y(l, {
-      key: 1,
+    onSubmit: t[0] || (t[0] = async (l) => e.onSubmit(l))
+  }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    B(e.$slots, "default", {}, void 0, !0),
+    e.submissionState() === "error" ? (c(), y(i, {
+      key: 0,
       path: "errorMessage",
       blocks: e.errorMessage,
       context: e.builderContext
-    }, null, 8, ["blocks", "context"])) : v("", !0),
-    e.submissionState() === "sending" ? (c(), y(l, {
-      key: 2,
+    }, null, 8, ["blocks", "context"])) : S("", !0),
+    e.submissionState() === "sending" ? (c(), y(i, {
+      key: 1,
       path: "sendingMessage",
       blocks: e.sendingMessage,
       context: e.builderContext
-    }, null, 8, ["blocks", "context"])) : v("", !0),
-    e.submissionState() === "error" && e.responseData ? (c(), p("pre", $r, ne(JSON.stringify(e.responseData, null, 2)), 1)) : v("", !0),
-    e.submissionState() === "success" ? (c(), y(l, {
-      key: 4,
+    }, null, 8, ["blocks", "context"])) : S("", !0),
+    e.submissionState() === "error" && e.responseData ? (c(), p("pre", $r, 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"])) : v("", !0)
+    }, null, 8, ["blocks", "context"])) : S("", !0)
   ], 16, Ir);
 }
-const Er = /* @__PURE__ */ b(Tr, [["render", Rr], ["__scopeId", "data-v-cd94d6c1"]]), Pr = {
+const Er = /* @__PURE__ */ b(Tr, [["render", Rr], ["__scopeId", "data-v-77d3dc14"]]), Pr = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -3648,7 +3636,7 @@ const Er = /* @__PURE__ */ b(Tr, [["render", Rr], ["__scopeId", "data-v-cd94d6c1
     "required"
   ],
   data() {
-    return { isEditing: E, filterAttrs: W };
+    return { isEditing: E, filterAttrs: V };
   }
 }), Ar = ["placeholder", "type", "name", "value", "defaultValue", "required"];
 function xr(e, t, n, o, r, s) {
@@ -3660,7 +3648,7 @@ function xr(e, t, n, o, r, s) {
     value: e.value,
     defaultValue: e.defaultValue,
     required: e.required
-  }, e.filterAttrs(e.attributes, "v-on:", !1), A(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Ar);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Ar);
 }
 const Vr = /* @__PURE__ */ b(Br, [["render", xr]]), Wr = {
   name: "Form:Select",
@@ -3708,7 +3696,7 @@ const Vr = /* @__PURE__ */ b(Br, [["render", xr]]), Wr = {
   name: "builder-select-component",
   props: ["attributes", "value", "defaultValue", "name", "required", "options"],
   data() {
-    return { isEditing: E, filterAttrs: W };
+    return { isEditing: E, filterAttrs: V };
   }
 }), Or = ["value", "defaultValue", "name", "required"], Fr = ["value"];
 function Dr(e, t, n, o, r, s) {
@@ -3718,8 +3706,8 @@ function Dr(e, t, n, o, r, s) {
     defaultValue: e.defaultValue,
     name: e.name,
     required: e.required
-  }, e.filterAttrs(e.attributes, "v-on:", !1), A(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    (c(!0), p(T, null, V(e.options, (i, l) => (c(), p("option", {
+  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    (c(!0), p($, null, W(e.options, (i, l) => (c(), p("option", {
       key: `${i.name}-${l}`,
       value: i.value
     }, ne(i.name || i.value), 9, Fr))), 128))
@@ -3754,11 +3742,11 @@ const Lr = /* @__PURE__ */ b(Nr, [["render", Dr]]), Ur = {
   name: "builder-submit-button",
   props: ["attributes", "text"],
   data() {
-    return { filterAttrs: W };
+    return { filterAttrs: V };
   }
 });
 function Hr(e, t, n, o, r, s) {
-  return c(), p("button", C({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), A(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ne(e.text), 17);
+  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 jr = /* @__PURE__ */ b(Mr, [["render", Hr]]), Kr = {
   name: "Form:TextArea",
@@ -3807,7 +3795,7 @@ const jr = /* @__PURE__ */ b(Mr, [["render", Hr]]), Kr = {
     "required"
   ],
   data() {
-    return { filterAttrs: W };
+    return { filterAttrs: V };
   }
 }), zr = ["placeholder", "name", "value", "defaultValue", "required"];
 function Gr(e, t, n, o, r, s) {
@@ -3817,7 +3805,7 @@ function Gr(e, t, n, o, r, s) {
     value: e.value,
     defaultValue: e.defaultValue,
     required: e.required
-  }, e.filterAttrs(e.attributes, "v-on:", !1), A(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, zr);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, zr);
 }
 const Jr = /* @__PURE__ */ b(qr, [["render", Gr]]), Yr = {
   // friendlyName?
@@ -3828,7 +3816,7 @@ const Jr = /* @__PURE__ */ b(qr, [["render", Gr]]), Yr = {
     name: "image",
     bubble: !0,
     type: "file",
-    allowedFileTypes: Ce,
+    allowedFileTypes: Se,
     required: !0
   }],
   noWrap: !0,
@@ -3844,7 +3832,7 @@ const Jr = /* @__PURE__ */ b(qr, [["render", Gr]]), Yr = {
     "attributes"
   ],
   data() {
-    return { isEditing: E, filterAttrs: W };
+    return { isEditing: E, filterAttrs: V };
   }
 }), Qr = ["alt", "src"];
 function Zr(e, t, n, o, r, s) {
@@ -3856,7 +3844,7 @@ function Zr(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), A(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Qr);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Qr);
 }
 const _r = /* @__PURE__ */ b(Xr, [["render", Zr]]), es = {
   name: "Video",
@@ -3876,7 +3864,7 @@ const _r = /* @__PURE__ */ b(Xr, [["render", Zr]]), es = {
   }, {
     name: "posterImage",
     type: "file",
-    allowedFileTypes: Ce,
+    allowedFileTypes: Se,
     helperText: "Image to show before the video plays"
   }, {
     name: "autoPlay",
@@ -4011,7 +3999,7 @@ const _r = /* @__PURE__ */ b(Xr, [["render", Zr]]), es = {
   }
 };
 function as(e, t, n, o, r, s) {
-  var i, l, a, u, m, h, d;
+  var i, l, a, u, h, m, d;
   return c(), p("div", ns, [
     z("video", C({
       class: "builder-video",
@@ -4024,7 +4012,6 @@ function as(e, t, n, o, r, s) {
         objectPosition: e.position,
         // Hack to get object fit to work as expected and
         // not have the video overflow
-        zIndex: 2,
         borderRadius: "1px",
         ...e.aspectRatio ? {
           position: "absolute"
@@ -4033,7 +4020,7 @@ function as(e, t, n, o, r, s) {
       src: e.video || "no-src",
       poster: e.posterImage
     }, e.spreadProps), [
-      e.lazyLoad ? v("", !0) : (c(), p("source", {
+      e.lazyLoad ? S("", !0) : (c(), p("source", {
         key: 0,
         type: "video/mp4",
         src: e.video
@@ -4047,13 +4034,13 @@ function as(e, t, n, o, r, s) {
         pointerEvents: "none",
         fontSize: "0px"
       })
-    }, null, 4)) : v("", !0),
-    (m = (u = e.builderBlock) == null ? void 0 : u.children) != null && m.length && e.fitContent ? (c(), p("div", ss, [
-      x(e.$slots, "default")
-    ])) : v("", !0),
-    (d = (h = e.builderBlock) == null ? void 0 : h.children) != null && d.length && !e.fitContent ? (c(), p("div", is, [
-      x(e.$slots, "default")
-    ])) : v("", !0)
+    }, null, 4)) : S("", !0),
+    (h = (u = e.builderBlock) == null ? void 0 : u.children) != null && h.length && e.fitContent ? (c(), p("div", ss, [
+      B(e.$slots, "default")
+    ])) : S("", !0),
+    (d = (m = e.builderBlock) == null ? void 0 : m.children) != null && d.length && !e.fitContent ? (c(), p("div", is, [
+      B(e.$slots, "default")
+    ])) : S("", !0)
   ]);
 }
 const ls = /* @__PURE__ */ b(ts, [["render", as]]), cs = () => [{
@@ -4083,7 +4070,7 @@ const ls = /* @__PURE__ */ b(ts, [["render", as]]), cs = () => [{
 }, {
   component: ls,
   ...es
-}], xe = () => [{
+}], Ae = () => [{
   component: Pt,
   ...Mo
 }, {
@@ -4223,7 +4210,7 @@ const ls = /* @__PURE__ */ b(ts, [["render", as]]), cs = () => [{
     "${t}", "${e}", ${bt}
   )`, yt = g({
   render() {
-    return Ne("script", {
+    return We("script", {
       innerHTML: this.scriptStr,
       "data-id": this.id,
       nonce: this.nonce
@@ -4232,7 +4219,7 @@ const ls = /* @__PURE__ */ b(ts, [["render", as]]), cs = () => [{
   name: "inlined-script",
   props: ["scriptStr", "id", "nonce"]
 });
-function Ve(e) {
+function xe(e) {
   return Math.round(e * 1e3) / 1e3;
 }
 const bs = (e, t, n = !0) => {
@@ -4249,11 +4236,11 @@ const bs = (e, t, n = !0) => {
 }, ys = (e) => bs(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
-}), We = ({
+}), Ve = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, s = Ve(o / n.width), i = Ve(r / n.height);
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, s = xe(o / n.width), i = xe(r / n.height);
   return {
     x: s,
     y: i
@@ -4263,18 +4250,18 @@ const bs = (e, t, n = !0) => {
   return {
     targetBuilderElement: o || void 0,
     metadata: {
-      targetOffset: t ? We({
+      targetOffset: t ? Ve({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? We({
+      builderTargetOffset: n ? Ve({
         event: e,
         target: n
       }) : void 0,
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, vs = ["svelte", "qwik", "vue"], Ss = () => vs.includes(R) && (E() || Ke()), Cs = (e) => {
+}, vs = ["svelte", "qwik", "vue"], Ss = () => vs.includes(R) && (E() || je()), Cs = (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 = "";
@@ -4367,7 +4354,7 @@ font-weight: ${i};
   },
   mounted() {
     var e, t;
-    if (I()) {
+    if (T()) {
       if (E() && !this.isNestedRender && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
         new CustomEvent("initeditingbldr")
       ), this.builderContextSignal.content && J(this.canTrack)) {
@@ -4381,7 +4368,7 @@ font-weight: ${i};
           variationId: o !== r ? o : void 0
         });
       }
-      Ke() && !E() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+      je() && !E() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
         new CustomEvent("initpreviewingbldr")
       );
     }
@@ -4415,7 +4402,7 @@ font-weight: ${i};
     }
   },
   unmounted() {
-    I() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
+    T() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       this.emitStateUpdate
     ));
@@ -4475,7 +4462,7 @@ font-weight: ${i};
       this.builderContextSignal.content = t;
     },
     processMessage(e) {
-      return ot({
+      return nt({
         model: this.model,
         trustedHosts: this.trustedHosts,
         callbacks: {
@@ -4489,7 +4476,7 @@ font-weight: ${i};
             });
           },
           animation: (t) => {
-            dt(t);
+            ct(t);
           },
           contentUpdate: (t) => {
             this.mergeNewContent(t);
@@ -4560,7 +4547,7 @@ font-weight: ${i};
       );
     },
     elementRef_onIniteditingbldr(e) {
-      window.addEventListener("message", this.processMessage), wn(), nt({
+      window.addEventListener("message", this.processMessage), wn(), tt({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -4619,14 +4606,14 @@ function Ps(e, t, n, o, r, s) {
     onInitpreviewingbldr: (u) => e.elementRef_onInitpreviewingbldr(u)
   }, { ...e.showContentProps, ...e.contentWrapperProps }), {
     default: N(() => [
-      x(e.$slots, "default")
+      B(e.$slots, "default")
     ]),
     _: 3
-  }, 16, ["onClick", "builder-content-id", "builder-model", "className", "style", "onIniteditingbldr", "onInitpreviewingbldr"])) : v("", !0);
+  }, 16, ["onClick", "builder-content-id", "builder-model", "className", "style", "onIniteditingbldr", "onInitpreviewingbldr"])) : S("", !0);
 }
 const Bs = /* @__PURE__ */ b(Es, [["render", Ps]]), As = g({
   name: "content-styles",
-  components: { InlinedStyles: Se },
+  components: { InlinedStyles: ve },
   props: ["cssCode", "contentId", "customFonts", "isNestedRender", "nonce"],
   data() {
     return {
@@ -4720,7 +4707,7 @@ const Vs = /* @__PURE__ */ b(As, [["render", xs]]), Ws = ({
         contentId: (t = this.content) == null ? void 0 : t.id
       }),
       registeredComponents: [
-        ...xe(),
+        ...Ae(),
         ...this.customComponents || []
       ].reduce(
         (n, { component: o, ...r }) => ({
@@ -4749,7 +4736,7 @@ const Vs = /* @__PURE__ */ b(As, [["render", xs]]), Ws = ({
         apiKey: this.apiKey,
         apiVersion: this.apiVersion,
         componentInfos: [
-          ...xe(),
+          ...Ae(),
           ...this.customComponents || []
         ].reduce(
           (n, { component: o, ...r }) => ({
@@ -4770,14 +4757,14 @@ const Vs = /* @__PURE__ */ b(As, [["render", xs]]), Ws = ({
   provide() {
     const e = this;
     return {
-      [Oe.key]: {
+      [Ne.key]: {
         registeredComponents: e.registeredComponents
       }
     };
   },
   created() {
     var t, n;
-    this.apiKey || B.error(
+    this.apiKey || A.error(
       "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
     );
     const e = (n = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : n.jsCode;
@@ -4819,22 +4806,22 @@ function Ds(e, t, n, o, r, s) {
     isNestedRender: e.isNestedRender
   }, {}), {
     default: N(() => {
-      var m, h, d, f, S, w, L;
+      var h, m, d, f, v, w, L;
       return [
         e.isSsrAbTest ? (c(), y(i, {
           key: 0,
           id: "builderio-variant-visibility",
           scriptStr: e.scriptStr,
           nonce: e.nonce || ""
-        }, null, 8, ["scriptStr", "nonce"])) : v("", !0),
+        }, null, 8, ["scriptStr", "nonce"])) : S("", !0),
         e.TARGET !== "reactNative" ? (c(), y(l, {
           key: 1,
           nonce: e.nonce || "",
           isNestedRender: e.isNestedRender,
-          contentId: (m = e.builderContextSignal.content) == null ? void 0 : m.id,
-          cssCode: (d = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : d.cssCode,
-          customFonts: (S = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : S.customFonts
-        }, null, 8, ["nonce", "isNestedRender", "contentId", "cssCode", "customFonts"])) : v("", !0),
+          contentId: (h = e.builderContextSignal.content) == null ? void 0 : h.id,
+          cssCode: (d = (m = e.builderContextSignal.content) == null ? void 0 : m.data) == null ? void 0 : d.cssCode,
+          customFonts: (v = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : v.customFonts
+        }, null, 8, ["nonce", "isNestedRender", "contentId", "cssCode", "customFonts"])) : S("", !0),
         P(a, {
           blocks: (L = (w = e.builderContextSignal.content) == null ? void 0 : w.data) == null ? void 0 : L.blocks,
           context: e.builderContextSignal,
@@ -4850,7 +4837,7 @@ const Ls = /* @__PURE__ */ b(Fs, [["render", Ds]]), Us = g({
   name: "content-variants",
   components: {
     InlinedScript: yt,
-    InlinedStyles: Se,
+    InlinedStyles: ve,
     ContentComponent: Ls
   },
   props: [
@@ -4915,14 +4902,14 @@ const Ls = /* @__PURE__ */ b(Fs, [["render", Ds]]), Us = g({
 });
 function Ms(e, t, n, o, r, s) {
   const i = k("InlinedScript"), l = k("InlinedStyles"), a = k("ContentComponent");
-  return c(), p(T, null, [
+  return c(), p($, null, [
     !e.isNestedRender && e.TARGET !== "reactNative" ? (c(), y(i, {
       key: 0,
       id: "builderio-init-variants-fns",
       scriptStr: e.getInitVariantsFnsScriptString(),
       nonce: e.nonce || ""
-    }, null, 8, ["scriptStr", "nonce"])) : v("", !0),
-    e.shouldRenderVariants ? (c(), p(T, { key: 1 }, [
+    }, null, 8, ["scriptStr", "nonce"])) : S("", !0),
+    e.shouldRenderVariants ? (c(), p($, { key: 1 }, [
       P(l, {
         id: "builderio-variants",
         styles: e.hideVariantsStyleString,
@@ -4933,7 +4920,7 @@ function Ms(e, t, n, o, r, s) {
         scriptStr: e.updateCookieAndStylesScriptStr,
         nonce: e.nonce || ""
       }, null, 8, ["scriptStr", "nonce"]),
-      (c(!0), p(T, null, V(e.getVariants(e.content), (u, m) => (c(), y(a, C({
+      (c(!0), p($, null, W(e.getVariants(e.content), (u, h) => (c(), y(a, C({
         key: u.testVariationId,
         apiHost: e.apiHost,
         isNestedRender: e.isNestedRender,
@@ -4957,7 +4944,7 @@ function Ms(e, t, n, o, r, s) {
         contentWrapperProps: e.contentWrapperProps,
         trustedHosts: e.trustedHosts
       }, {}), null, 16, ["apiHost", "isNestedRender", "nonce", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"]))), 128))
-    ], 64)) : v("", !0),
+    ], 64)) : S("", !0),
     P(a, C({
       apiHost: e.apiHost,
       nonce: e.nonce,
@@ -5001,7 +4988,7 @@ const Hs = /* @__PURE__ */ b(Us, [["render", Ms]]), js = async ({
         }
       }
     }).catch((n) => {
-      B.error("Could not fetch symbol content: ", n);
+      A.error("Could not fetch symbol content: ", n);
     });
 }, Ks = g({
   name: "builder-symbol",
@@ -5017,7 +5004,7 @@ const Hs = /* @__PURE__ */ b(Us, [["render", Ms]]), js = async ({
   ],
   data() {
     var e;
-    return { contentToUse: (e = this.symbol) == null ? void 0 : e.content, filterAttrs: W };
+    return { contentToUse: (e = this.symbol) == null ? void 0 : e.content, filterAttrs: V };
   },
   mounted() {
     this.setContent();
@@ -5064,9 +5051,9 @@ const Hs = /* @__PURE__ */ b(Us, [["render", Ms]]), js = async ({
   }
 });
 function qs(e, t, n, o, r, s) {
-  var l, a, u, m, h;
+  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) }, A(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+  return c(), p("div", C({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     P(i, {
       nonce: e.builderContext.nonce,
       isNestedRender: !0,
@@ -5080,10 +5067,10 @@ function qs(e, t, n, o, r, s) {
       data: {
         ...(a = e.symbol) == null ? void 0 : a.data,
         ...e.builderContext.localState,
-        ...(m = (u = e.contentToUse) == null ? void 0 : u.data) == null ? void 0 : m.state
+        ...(h = (u = e.contentToUse) == null ? void 0 : u.data) == null ? void 0 : h.state
       },
       canTrack: e.builderContext.canTrack,
-      model: (h = e.symbol) == null ? void 0 : h.model,
+      model: (m = e.symbol) == null ? void 0 : m.model,
       content: e.contentToUse,
       linkComponent: e.builderLinkComponent,
       blocksWrapper: e.blocksWrapper,
@@ -5094,7 +5081,7 @@ function qs(e, t, n, o, r, s) {
 const zs = /* @__PURE__ */ b(Ks, [["render", qs]]);
 export {
   Mn as A,
-  ve as B,
+  mt as B,
   vo as C,
   ye as D,
   Ys as E,
@@ -5104,7 +5091,7 @@ export {
   Wo as S,
   R as T,
   ls as V,
-  Se as _,
+  ve as _,
   ei as a,
   oi as b,
   D as c,
@@ -5121,11 +5108,11 @@ export {
   M as n,
   Hs as o,
   E as p,
-  Ke as q,
+  je as q,
   tn as r,
   on as s,
   Xs as t,
-  qe as u,
+  Ke as u,
   Qs as v,
   Os as w,
   Zs as x,