@builder.io/sdk-vue 2.0.23 → 2.0.24

package/lib/browser/{index-seWAP4vy.js → index-VkKzZMwZ.js}

@@ -1,5 +1,5 @@
 import "./style.css";
-import { defineComponent as f, openBlock as c, createElementBlock as m, Fragment as w, createBlock as g, resolveDynamicComponent as j, mergeProps as C, toHandlers as B, withCtx as W, renderSlot as x, resolveComponent as y, createTextVNode as ct, toDisplayString as ee, defineAsyncComponent as M, createVNode as $, renderList as A, createCommentVNode as S, h as Pe, createElementVNode as K, normalizeStyle as F, normalizeClass as q, markRaw as dt } from "vue";
+import { defineComponent as f, openBlock as d, createElementBlock as m, Fragment as w, createBlock as k, resolveDynamicComponent as j, mergeProps as C, toHandlers as B, withCtx as W, renderSlot as x, resolveComponent as v, createTextVNode as ct, toDisplayString as ee, defineAsyncComponent as M, createVNode as $, renderList as A, createCommentVNode as S, h as Pe, createElementVNode as K, normalizeStyle as F, normalizeClass as q, markRaw as dt } from "vue";
 const ut = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), pt = (e) => typeof e == "string" && ut.has(e.toLowerCase());
 function V(e = {}, t, n) {
   const o = {};
@@ -24,13 +24,13 @@ const mt = f({
   return n;
 };
 function ht(e, t, n, o, r, i) {
-  return e.isEmptyElement(e.TagName) ? (c(), g(j(e.TagName), C({ key: 1 }, e.attributes, B(e.actionAttributes)), null, 16)) : (c(), m(w, { key: 0 }, [
-    typeof e.TagName == "string" ? (c(), g(j(e.TagName), C({ key: 0 }, e.attributes, B(e.actionAttributes)), {
+  return e.isEmptyElement(e.TagName) ? (d(), k(j(e.TagName), C({ key: 1 }, e.attributes, B(e.actionAttributes)), null, 16)) : (d(), m(w, { key: 0 }, [
+    typeof e.TagName == "string" ? (d(), k(j(e.TagName), C({ key: 0 }, e.attributes, B(e.actionAttributes)), {
       default: W(() => [
         x(e.$slots, "default")
       ]),
       _: 3
-    }, 16)) : (c(), g(j(e.TagName), C({ key: 1 }, e.attributes, B(e.actionAttributes)), {
+    }, 16)) : (d(), k(j(e.TagName), C({ key: 1 }, e.attributes, B(e.actionAttributes)), {
       default: W(() => [
         x(e.$slots, "default")
       ]),
@@ -84,8 +84,8 @@ const de = /* @__PURE__ */ b(mt, [["render", ht]]), Pi = /* @__PURE__ */ Object.
   }
 });
 function bt(e, t, n, o, r, i) {
-  const s = y("DynamicRenderer");
-  return c(), g(s, {
+  const s = v("DynamicRenderer");
+  return d(), k(s, {
     attributes: e.attrs(),
     TagName: e.link ? e.builderLinkComponent || "a" : "button",
     actionAttributes: e.filterAttrs(e.attributes, "v-on:", !0)
@@ -640,7 +640,7 @@ function qe(e, t) {
   const n = new URL(t.origin), o = n.hostname;
   return (e || an).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
 }
-const ln = "2.0.23", cn = () => {
+const ln = "2.0.24", cn = () => {
   jt("insertMenu", {
     name: "_default",
     default: !0,
@@ -693,11 +693,11 @@ const ze = (e = {}) => {
       switch (r.type) {
         case "builder.evaluate": {
           const l = r.data.text, a = r.data.arguments || [], u = r.data.id, h = new Function(l);
-          let d, p = null;
+          let c, p = null;
           try {
-            d = h.apply(null, a);
-          } catch (k) {
-            p = k;
+            c = h.apply(null, a);
+          } catch (y) {
+            p = y;
           }
           p ? (i = window.parent) == null || i.postMessage({
             type: "builder.evaluateError",
@@ -705,19 +705,19 @@ const ze = (e = {}) => {
               id: u,
               error: p.message
             }
-          }, "*") : d && typeof d.then == "function" ? d.then((k) => {
-            var v;
-            (v = window.parent) == null || v.postMessage({
+          }, "*") : c && typeof c.then == "function" ? c.then((y) => {
+            var g;
+            (g = window.parent) == null || g.postMessage({
               type: "builder.evaluateResult",
               data: {
                 id: u,
-                result: k
+                result: y
               }
             }, "*");
           }).catch(console.error) : (s = window.parent) == null || s.postMessage({
             type: "builder.evaluateResult",
             data: {
-              result: d,
+              result: c,
               id: u
             }
           }, "*");
@@ -907,10 +907,10 @@ const vn = "v3", Te = (e) => typeof e == "number" && !isNaN(e) && e >= 0, me = (
     apiVersion: a = vn,
     fields: u,
     omit: h,
-    offset: d,
+    offset: c,
     cacheSeconds: p,
-    staleCacheSeconds: k,
-    sort: v,
+    staleCacheSeconds: y,
+    sort: g,
     includeUnpublished: N
   } = e;
   if (!i)
@@ -918,9 +918,9 @@ const vn = "v3", Te = (e) => typeof e == "number" && !isNaN(e) && e >= 0, me = (
   if (!["v3"].includes(a))
     throw new Error(`Invalid apiVersion: expected 'v3', received '${a}'`);
   const Y = t !== 1, T = new URL(`https://cdn.builder.io/api/${a}/content/${r}`);
-  if (T.searchParams.set("apiKey", i), T.searchParams.set("limit", String(t)), T.searchParams.set("noTraverse", String(Y)), T.searchParams.set("includeRefs", String(!0)), l && T.searchParams.set("locale", l), s && T.searchParams.set("enrich", String(s)), T.searchParams.set("omit", h || "meta.componentsUsed"), u && T.searchParams.set("fields", u), Number.isFinite(d) && d > -1 && T.searchParams.set("offset", String(Math.floor(d))), typeof N == "boolean" && T.searchParams.set("includeUnpublished", String(N)), p && Te(p) && T.searchParams.set("cacheSeconds", String(p)), k && Te(k) && T.searchParams.set("staleCacheSeconds", String(k)), v) {
+  if (T.searchParams.set("apiKey", i), T.searchParams.set("limit", String(t)), T.searchParams.set("noTraverse", String(Y)), T.searchParams.set("includeRefs", String(!0)), l && T.searchParams.set("locale", l), s && T.searchParams.set("enrich", String(s)), T.searchParams.set("omit", h || "meta.componentsUsed"), u && T.searchParams.set("fields", u), Number.isFinite(c) && c > -1 && T.searchParams.set("offset", String(Math.floor(c))), typeof N == "boolean" && T.searchParams.set("includeUnpublished", String(N)), p && Te(p) && T.searchParams.set("cacheSeconds", String(p)), y && Te(y) && T.searchParams.set("staleCacheSeconds", String(y)), g) {
     const O = ce({
-      sort: v
+      sort: g
     });
     for (const U in O)
       T.searchParams.set(U, JSON.stringify(O[U]));
@@ -1082,8 +1082,8 @@ function En(e) {
       leading: !1
     });
     function l(h) {
-      const d = h.getBoundingClientRect(), p = window.innerHeight, v = (e.thresholdPercent || 0) / 100 * p;
-      return d.bottom > v && d.top < p - v;
+      const c = h.getBoundingClientRect(), p = window.innerHeight, g = (e.thresholdPercent || 0) / 100 * p;
+      return c.bottom > g && c.top < p - g;
     }
     const a = e.steps[0].styles;
     function u() {
@@ -1212,22 +1212,22 @@ const xn = ({
     "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
     e
   ), e;
-}), Dn = () => import("./block-styles-wK6lFE9B.js").then((e) => e.default).catch((e) => {
+}), Dn = () => import("./block-styles-TEcZV6HE.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;
-}), Ln = () => import("./block-wrapper-MKu8n7U7.js").then((e) => e.default).catch((e) => {
+}), Ln = () => import("./block-wrapper-FeIbV4lJ.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;
-}), Un = () => import("./component-ref-78k364NZ.js").then((e) => e.default).catch((e) => {
+}), Un = () => import("./component-ref-XOiYQaEV.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;
-}), Mn = () => import("./repeated-block-8i7afs5q.js").then((e) => e.default).catch((e) => {
+}), Mn = () => import("./repeated-block-rRkup9T9.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
@@ -1326,21 +1326,21 @@ const xn = ({
   }
 });
 function Hn(e, t, n, o, r, i) {
-  var d;
-  const s = y("BlockStyles"), l = y("ComponentRef"), a = y("Block", !0), u = y("BlockWrapper"), h = y("RepeatedBlock");
-  return e.canShowBlock ? (c(), m(w, { key: 0 }, [
+  var c;
+  const s = v("BlockStyles"), l = v("ComponentRef"), a = v("Block", !0), u = v("BlockWrapper"), h = v("RepeatedBlock");
+  return e.canShowBlock ? (d(), m(w, { key: 0 }, [
     $(s, {
       block: e.processedBlock,
       context: e.context
     }, null, 8, ["block", "context"]),
-    (d = e.blockComponent) != null && d.noWrap ? (c(), m(w, { key: 1 }, [
-      e.repeatItem ? (c(!0), m(w, { key: 1 }, A(e.repeatItem, (p, k) => (c(), g(h, {
-        key: k,
+    (c = e.blockComponent) != null && c.noWrap ? (d(), m(w, { key: 1 }, [
+      e.repeatItem ? (d(!0), m(w, { key: 1 }, A(e.repeatItem, (p, y) => (d(), k(h, {
+        key: y,
         repeatContext: p.context,
         block: p.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
-      }, null, 8, ["repeatContext", "block", "registeredComponents", "linkComponent"]))), 128)) : (c(), g(l, {
+      }, null, 8, ["repeatContext", "block", "registeredComponents", "linkComponent"]))), 128)) : (d(), k(l, {
         key: 0,
         componentRef: e.componentRefProps.componentRef,
         componentOptions: e.componentRefProps.componentOptions,
@@ -1352,14 +1352,14 @@ function Hn(e, t, n, o, r, i) {
         includeBlockProps: e.componentRefProps.includeBlockProps,
         isInteractive: e.componentRefProps.isInteractive
       }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"]))
-    ], 64)) : (c(), m(w, { key: 0 }, [
-      e.repeatItem ? (c(!0), m(w, { key: 1 }, A(e.repeatItem, (p, k) => (c(), g(h, {
-        key: k,
+    ], 64)) : (d(), m(w, { key: 0 }, [
+      e.repeatItem ? (d(!0), m(w, { key: 1 }, A(e.repeatItem, (p, y) => (d(), k(h, {
+        key: y,
         repeatContext: p.context,
         block: p.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
-      }, null, 8, ["repeatContext", "block", "registeredComponents", "linkComponent"]))), 128)) : (c(), g(u, {
+      }, null, 8, ["repeatContext", "block", "registeredComponents", "linkComponent"]))), 128)) : (d(), k(u, {
         key: 0,
         Wrapper: e.Tag,
         block: e.processedBlock,
@@ -1377,7 +1377,7 @@ function Hn(e, t, n, o, r, i) {
             includeBlockProps: e.componentRefProps.includeBlockProps,
             isInteractive: e.componentRefProps.isInteractive
           }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"]),
-          (c(!0), m(w, null, A(e.childrenWithoutParentComponent, (p, k) => (c(), g(a, {
+          (d(!0), m(w, null, A(e.childrenWithoutParentComponent, (p, y) => (d(), k(a, {
             key: p.id,
             block: p,
             registeredComponents: e.registeredComponents,
@@ -1397,6 +1397,7 @@ const be = /* @__PURE__ */ b(jn, [["render", Hn]]), Oi = /* @__PURE__ */ Object.
   name: "builder-blocks-wrapper",
   props: [
     "blocks",
+    "classNameProp",
     "parent",
     "path",
     "styleProp",
@@ -1408,7 +1409,11 @@ const be = /* @__PURE__ */ b(jn, [["render", Hn]]), Oi = /* @__PURE__ */ Object.
   computed: {
     className() {
       var e;
-      return "builder-blocks" + ((e = this.blocks) != null && e.length ? "" : " no-blocks");
+      return [
+        "builder-blocks",
+        (e = this.blocks) != null && e.length ? "" : "no-blocks",
+        this.classNameProp
+      ].filter(Boolean).join(" ");
     }
   },
   methods: {
@@ -1441,7 +1446,7 @@ const be = /* @__PURE__ */ b(jn, [["render", Hn]]), Oi = /* @__PURE__ */ Object.
   }
 });
 function qn(e, t, n, o, r, i) {
-  return c(), g(j(e.BlocksWrapper), C({
+  return d(), k(j(e.BlocksWrapper), C({
     ref: "blocksWrapperRef",
     class: e.className + " component-1k2igrjdg3x",
     "builder-path": e.path,
@@ -1457,7 +1462,7 @@ function qn(e, t, n, o, r, i) {
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const zn = /* @__PURE__ */ b(Kn, [["render", qn], ["__scopeId", "data-v-162df12b"]]), Jn = f({
+const zn = /* @__PURE__ */ b(Kn, [["render", qn], ["__scopeId", "data-v-e241e088"]]), Jn = f({
   name: "builder-blocks",
   components: { BlocksWrapper: zn, Block: be },
   props: [
@@ -1465,6 +1470,7 @@ const zn = /* @__PURE__ */ b(Kn, [["render", qn], ["__scopeId", "data-v-162df12b
     "parent",
     "path",
     "styleProp",
+    "className",
     "context",
     "linkComponent",
     "registeredComponents"
@@ -1475,34 +1481,38 @@ const zn = /* @__PURE__ */ b(Kn, [["render", qn], ["__scopeId", "data-v-162df12b
   }
 });
 function Gn(e, t, n, o, r, i) {
-  var a, u;
-  const s = y("Block"), l = y("BlocksWrapper");
-  return c(), g(l, {
+  var a, u, h, c;
+  const s = v("Block"), l = v("BlocksWrapper");
+  return d(), k(l, {
     blocks: e.blocks,
     parent: e.parent,
     path: e.path,
     styleProp: e.styleProp,
-    BlocksWrapper: ((a = e.context) == null ? void 0 : a.BlocksWrapper) || e.builderContext.BlocksWrapper,
-    BlocksWrapperProps: ((u = e.context) == null ? void 0 : u.BlocksWrapperProps) || e.builderContext.BlocksWrapperProps
+    classNameProp: e.className,
+    BlocksWrapper: ((a = e.context) == null ? void 0 : a.BlocksWrapper) || ((u = e.builderContext) == null ? void 0 : u.BlocksWrapper),
+    BlocksWrapperProps: ((h = e.context) == null ? void 0 : h.BlocksWrapperProps) || ((c = e.builderContext) == null ? void 0 : c.BlocksWrapperProps)
   }, {
     default: W(() => [
-      e.blocks ? (c(!0), m(w, { key: 0 }, A(e.blocks, (h, d) => (c(), g(s, {
-        key: h.id,
-        block: h,
-        linkComponent: e.linkComponent,
-        context: e.context || e.builderContext,
-        registeredComponents: e.registeredComponents || e.componentsContext.registeredComponents
-      }, null, 8, ["block", "linkComponent", "context", "registeredComponents"]))), 128)) : S("", !0)
+      e.blocks ? (d(!0), m(w, { key: 0 }, A(e.blocks, (p, y) => {
+        var g;
+        return d(), k(s, {
+          key: p.id,
+          block: p,
+          linkComponent: e.linkComponent,
+          context: e.context || e.builderContext,
+          registeredComponents: e.registeredComponents || ((g = e.componentsContext) == null ? void 0 : g.registeredComponents)
+        }, null, 8, ["block", "linkComponent", "context", "registeredComponents"]);
+      }), 128)) : S("", !0)
     ]),
     _: 1
-  }, 8, ["blocks", "parent", "path", "styleProp", "BlocksWrapper", "BlocksWrapperProps"]);
+  }, 8, ["blocks", "parent", "path", "styleProp", "classNameProp", "BlocksWrapper", "BlocksWrapperProps"]);
 }
 const L = /* @__PURE__ */ b(Jn, [["render", Gn]]), Yn = f({
   name: "dynamic-div",
   props: []
 });
 function Xn(e, t, n, o, r, i) {
-  return c(), m("div", null, [
+  return d(), m("div", null, [
     x(e.$slots, "default")
   ]);
 }
@@ -1697,26 +1707,26 @@ const G = /* @__PURE__ */ b(Yn, [["render", Xn]]), Qn = /* @__PURE__ */ Object.f
 });
 function to(e, t, n, o, r, i) {
   var u;
-  const s = y("InlinedStyles"), l = y("Blocks"), a = y("DynamicRenderer");
-  return c(), m("div", C({
+  const s = v("InlinedStyles"), l = v("Blocks"), a = v("DynamicRenderer");
+  return d(), m("div", C({
     class: e.getColumnsClass((u = e.builderBlock) == null ? void 0 : u.id) + " div-4wbls88y960",
     style: e.columnsCssVars()
   }, {}), [
-    e.TARGET !== "reactNative" ? (c(), g(s, {
+    e.TARGET !== "reactNative" ? (d(), k(s, {
       key: 0,
       id: "builderio-columns",
       styles: e.columnsStyles(),
       nonce: e.builderContext.nonce
     }, null, 8, ["styles", "nonce"])) : S("", !0),
-    (c(!0), m(w, null, A(e.columns, (h, d) => (c(), g(a, {
-      key: d,
+    (d(!0), m(w, null, A(e.columns, (h, c) => (d(), k(a, {
+      key: c,
       TagName: e.getTagName(h),
       actionAttributes: {},
-      attributes: e.getAttributes(h, d)
+      attributes: e.getAttributes(h, c)
     }, {
       default: W(() => [
         $(l, {
-          path: `component.options.columns.${d}.blocks`,
+          path: `component.options.columns.${c}.blocks`,
           parent: e.builderBlock.id,
           styleProp: {
             flexGrow: "1"
@@ -1736,7 +1746,7 @@ const no = /* @__PURE__ */ b(eo, [["render", to], ["__scopeId", "data-v-adc066fc
   props: []
 });
 function ro(e, t, n, o, r, i) {
-  return c(), m("span", null, [
+  return d(), m("span", null, [
     x(e.$slots, "default")
   ]);
 }
@@ -1827,10 +1837,10 @@ const lo = f({
   class: "div-29wpyomtntv-2"
 };
 function mo(e, t, n, o, r, i) {
-  var s, l, a, u, h, d;
-  return c(), m(w, null, [
+  var s, l, a, u, h, c;
+  return d(), m(w, null, [
     K("picture", null, [
-      e.webpSrcSet ? (c(), m("source", {
+      e.webpSrcSet ? (d(), m("source", {
         key: 0,
         type: "image/webp",
         srcset: e.webpSrcSet
@@ -1853,7 +1863,7 @@ function mo(e, t, n, o, r, i) {
         sizes: e.sizes
       }, null, 14, uo)
     ]),
-    e.aspectRatio && !((l = (s = e.builderBlock) == null ? void 0 : s.children) != null && l.length && e.fitContent) ? (c(), m("div", {
+    e.aspectRatio && !((l = (s = e.builderBlock) == null ? void 0 : s.children) != null && l.length && e.fitContent) ? (d(), m("div", {
       key: 0,
       class: "builder-image-sizer div-29wpyomtntv",
       style: F({
@@ -1861,7 +1871,7 @@ function mo(e, t, n, o, r, i) {
       })
     }, null, 4)) : S("", !0),
     (u = (a = e.builderBlock) == null ? void 0 : a.children) != null && u.length && e.fitContent ? x(e.$slots, "default", { key: 1 }, void 0, !0) : S("", !0),
-    !e.fitContent && ((d = (h = e.builderBlock) == null ? void 0 : h.children) != null && d.length) ? (c(), m("div", po, [
+    !e.fitContent && ((c = (h = e.builderBlock) == null ? void 0 : h.children) != null && c.length) ? (d(), m("div", po, [
       x(e.$slots, "default", {}, void 0, !0)
     ])) : S("", !0)
   ], 64);
@@ -1874,7 +1884,7 @@ const ho = /* @__PURE__ */ b(lo, [["render", mo], ["__scopeId", "data-v-77f8a6c4
   }
 });
 function bo(e, t, n, o, r, i) {
-  return c(), m("section", C({
+  return d(), m("section", C({
     style: {
       width: "100%",
       alignSelf: "stretch",
@@ -2112,12 +2122,12 @@ const go = /* @__PURE__ */ b(fo, [["render", bo]]), ne = {
   }
 }), So = ["data-index", "onClick"];
 function Co(e, t, n, o, r, i) {
-  const s = y("Blocks");
-  return c(), m("div", {
+  const s = v("Blocks");
+  return d(), m("div", {
     class: "builder-accordion",
     style: F(e.accordionStyles)
   }, [
-    (c(!0), m(w, null, A(e.items, (l, a) => (c(), m(w, { key: a }, [
+    (d(!0), m(w, null, A(e.items, (l, a) => (d(), m(w, { key: a }, [
       K("div", {
         class: q(e.getAccordionTitleClassName(a)),
         style: F({
@@ -2137,7 +2147,7 @@ function Co(e, t, n, o, r, i) {
           linkComponent: e.builderLinkComponent
         }, null, 8, ["blocks", "path", "parent", "context", "registeredComponents", "linkComponent"])
       ], 14, So),
-      e.open.includes(a) ? (c(), m("div", {
+      e.open.includes(a) ? (d(), m("div", {
         key: 0,
         class: q(e.getAccordionDetailClassName(a)),
         style: F(e.accordionDetailStyles)
@@ -2426,13 +2436,13 @@ const wo = /* @__PURE__ */ b(vo, [["render", Co]]), To = {
       function n(s, l = 6e4) {
         return new Promise((a, u) => {
           const h = document.createElement("img");
-          let d = !1;
+          let c = !1;
           h.onload = () => {
-            d = !0, a(h);
+            c = !0, a(h);
           }, h.addEventListener("error", (p) => {
             console.warn("Image load failed", p.error), u(p.error);
           }), h.src = s, setTimeout(() => {
-            d || u(new Error("Image load timed out"));
+            c || u(new Error("Image load timed out"));
           }, l);
         });
       }
@@ -2574,8 +2584,8 @@ const wo = /* @__PURE__ */ b(vo, [["render", Co]]), To = {
 });
 function xo(e, t, n, o, r, i) {
   var l, a, u;
-  const s = y("Blocks");
-  return c(), m("div", C(
+  const s = v("Blocks");
+  return d(), m("div", C(
     { style: {
       pointerEvents: "auto"
     } },
@@ -2799,8 +2809,8 @@ const Ao = /* @__PURE__ */ b(Bo, [["render", xo]]), Vo = {
   }
 }), Oo = ["onClick"], Fo = { key: 0 };
 function Do(e, t, n, o, r, i) {
-  const s = y("Blocks");
-  return c(), m("div", null, [
+  const s = v("Blocks");
+  return d(), m("div", null, [
     K("div", {
       class: "builder-tabs-wrap",
       style: F({
@@ -2810,7 +2820,7 @@ function Do(e, t, n, o, r, i) {
         overflow: "auto"
       })
     }, [
-      (c(!0), m(w, null, A(e.tabs, (l, a) => (c(), m("span", {
+      (d(!0), m(w, null, A(e.tabs, (l, a) => (d(), m("span", {
         key: a,
         class: q(`builder-tab-wrap ${e.activeTab === a ? "builder-tab-active" : ""}`),
         style: F({
@@ -2828,7 +2838,7 @@ function Do(e, t, n, o, r, i) {
         }, null, 8, ["parent", "path", "blocks", "context", "registeredComponents", "linkComponent"])
       ], 14, Oo))), 128))
     ], 4),
-    e.activeTabContent(e.activeTab) ? (c(), m("div", Fo, [
+    e.activeTabContent(e.activeTab) ? (d(), m("div", Fo, [
       $(s, {
         parent: e.builderBlock.id,
         path: `component.options.tabs.${e.activeTab}.content`,
@@ -2888,7 +2898,7 @@ const Lo = /* @__PURE__ */ b(No, [["render", Do]]), Uo = {
   }
 }), jo = ["innerHTML"];
 function Ho(e, t, n, o, r, i) {
-  return c(), m("div", {
+  return d(), m("div", {
     class: "builder-text",
     innerHTML: e.processedText,
     style: {
@@ -2954,7 +2964,7 @@ const Ko = /* @__PURE__ */ b(Mo, [["render", Ho]]), qo = {
   }
 }), Jo = ["innerHTML"];
 function Go(e, t, n, o, r, i) {
-  return c(), m("div", {
+  return d(), m("div", {
     ref: "elementRef",
     class: q("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
     innerHTML: e.code
@@ -3019,7 +3029,7 @@ const Yo = /* @__PURE__ */ b(zo, [["render", Go]]), Xo = {
   }
 }), er = ["innerHTML"];
 function tr(e, t, n, o, r, i) {
-  return c(), m("div", {
+  return d(), m("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: e.content
@@ -3324,40 +3334,40 @@ const nr = /* @__PURE__ */ b(_o, [["render", tr]]), or = {
         e.preventDefault();
         const o = e.currentTarget || e.target, r = this.customHeaders || {};
         let i;
-        const s = new FormData(o), l = Array.from(o.querySelectorAll("input,select,textarea")).filter((d) => !!d.name).map((d) => {
+        const s = new FormData(o), l = Array.from(o.querySelectorAll("input,select,textarea")).filter((c) => !!c.name).map((c) => {
           let p;
-          const k = d.name;
-          if (d instanceof HTMLInputElement)
-            if (d.type === "radio") {
-              if (d.checked)
-                return p = d.name, {
-                  key: k,
+          const y = c.name;
+          if (c instanceof HTMLInputElement)
+            if (c.type === "radio") {
+              if (c.checked)
+                return p = c.name, {
+                  key: y,
                   value: p
                 };
-            } else if (d.type === "checkbox")
-              p = d.checked;
-            else if (d.type === "number" || d.type === "range") {
-              const v = d.valueAsNumber;
-              isNaN(v) || (p = v);
+            } else if (c.type === "checkbox")
+              p = c.checked;
+            else if (c.type === "number" || c.type === "range") {
+              const g = c.valueAsNumber;
+              isNaN(g) || (p = g);
             } else
-              d.type === "file" ? p = d.files : p = d.value;
+              c.type === "file" ? p = c.files : p = c.value;
           else
-            p = d.value;
+            p = c.value;
           return {
-            key: k,
+            key: y,
             value: p
           };
         });
         let a = this.contentType;
-        if (this.sendSubmissionsTo === "email" && (a = "multipart/form-data"), Array.from(l).forEach(({ value: d }) => {
-          (d instanceof File || Array.isArray(d) && d[0] instanceof File || d instanceof FileList) && (a = "multipart/form-data");
+        if (this.sendSubmissionsTo === "email" && (a = "multipart/form-data"), Array.from(l).forEach(({ value: c }) => {
+          (c instanceof File || Array.isArray(c) && c[0] instanceof File || c instanceof FileList) && (a = "multipart/form-data");
         }), a !== "application/json")
           i = s;
         else {
-          const d = {};
-          Array.from(l).forEach(({ value: p, key: k }) => {
-            Oe(d, k, p);
-          }), i = JSON.stringify(d);
+          const c = {};
+          Array.from(l).forEach(({ value: p, key: y }) => {
+            Oe(c, y, p);
+          }), i = JSON.stringify(c);
         }
         a && a !== "multipart/form-data" && (t && ((n = this.action) != null && n.includes("zapier.com")) || (r["content-type"] = a));
         const u = new CustomEvent("presubmit", {
@@ -3379,24 +3389,24 @@ const nr = /* @__PURE__ */ b(_o, [["render", tr]]), or = {
             method: this.method || "post"
           }
         ).then(
-          async (d) => {
+          async (c) => {
             let p;
-            const k = d.headers.get("content-type");
-            if (k && k.indexOf("application/json") !== -1 ? p = await d.json() : p = await d.text(), !d.ok && this.errorMessagePath) {
-              let v = xe(p, this.errorMessagePath);
-              v && (typeof v != "string" && (v = JSON.stringify(v)), this.formErrorMessage = v, this.mergeNewRootState({
-                formErrorMessage: v
+            const y = c.headers.get("content-type");
+            if (y && y.indexOf("application/json") !== -1 ? p = await c.json() : p = await c.text(), !c.ok && this.errorMessagePath) {
+              let g = xe(p, this.errorMessagePath);
+              g && (typeof g != "string" && (g = JSON.stringify(g)), this.formErrorMessage = g, this.mergeNewRootState({
+                formErrorMessage: g
               }));
             }
-            if (this.responseData = p, this.formState = d.ok ? "success" : "error", d.ok) {
-              const v = new CustomEvent("submit:success", {
+            if (this.responseData = p, this.formState = c.ok ? "success" : "error", c.ok) {
+              const g = new CustomEvent("submit:success", {
                 detail: {
-                  res: d,
+                  res: c,
                   body: p
                 }
               });
               if (this.$refs.formRef) {
-                if (this.$refs.formRef.dispatchEvent(v), v.defaultPrevented)
+                if (this.$refs.formRef.dispatchEvent(g), g.defaultPrevented)
                   return;
                 this.resetFormOnSubmit !== !1 && this.$refs.formRef.reset();
               }
@@ -3412,13 +3422,13 @@ const nr = /* @__PURE__ */ b(_o, [["render", tr]]), or = {
                   location.href = this.successUrl;
             }
           },
-          (d) => {
+          (c) => {
             const p = new CustomEvent("submit:error", {
               detail: {
-                error: d
+                error: c
               }
             });
-            this.$refs.formRef && (this.$refs.formRef.dispatchEvent(p), p.defaultPrevented) || (this.responseData = d, this.formState = "error");
+            this.$refs.formRef && (this.$refs.formRef.dispatchEvent(p), p.defaultPrevented) || (this.responseData = c, this.formState = "error");
           }
         );
       }
@@ -3430,8 +3440,8 @@ const nr = /* @__PURE__ */ b(_o, [["render", tr]]), or = {
 };
 function cr(e, t, n, o, r, i) {
   var a;
-  const s = y("Block"), l = y("Blocks");
-  return c(), m("form", C({
+  const s = v("Block"), l = v("Blocks");
+  return d(), m("form", C({
     validate: e.validate,
     ref: "formRef",
     action: !e.sendWithJs && e.action,
@@ -3439,27 +3449,27 @@ function cr(e, t, n, o, r, i) {
     name: e.name,
     onSubmit: t[0] || (t[0] = (u) => e.onSubmit(u))
   }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, B(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    e.builderBlock && e.builderBlock.children ? (c(!0), m(w, { key: 0 }, A((a = e.builderBlock) == null ? void 0 : a.children, (u, h) => (c(), g(s, {
+    e.builderBlock && e.builderBlock.children ? (d(!0), m(w, { key: 0 }, A((a = e.builderBlock) == null ? void 0 : a.children, (u, h) => (d(), k(s, {
       key: `form-block-${e.idx}`,
       block: u,
       context: e.builderContext,
       registeredComponents: e.builderComponents,
       linkComponent: e.builderLinkComponent
     }, null, 8, ["block", "context", "registeredComponents", "linkComponent"]))), 128)) : S("", !0),
-    e.submissionState() === "error" ? (c(), g(l, {
+    e.submissionState() === "error" ? (d(), k(l, {
       key: 1,
       path: "errorMessage",
       blocks: e.errorMessage,
       context: e.builderContext
     }, null, 8, ["blocks", "context"])) : S("", !0),
-    e.submissionState() === "sending" ? (c(), g(l, {
+    e.submissionState() === "sending" ? (d(), k(l, {
       key: 2,
       path: "sendingMessage",
       blocks: e.sendingMessage,
       context: e.builderContext
     }, null, 8, ["blocks", "context"])) : S("", !0),
-    e.submissionState() === "error" && e.responseData ? (c(), m("pre", lr, ee(JSON.stringify(e.responseData, null, 2)), 1)) : S("", !0),
-    e.submissionState() === "success" ? (c(), g(l, {
+    e.submissionState() === "error" && e.responseData ? (d(), m("pre", lr, ee(JSON.stringify(e.responseData, null, 2)), 1)) : S("", !0),
+    e.submissionState() === "success" ? (d(), k(l, {
       key: 4,
       path: "successMessage",
       blocks: e.successMessage,
@@ -3534,7 +3544,7 @@ const dr = /* @__PURE__ */ b(sr, [["render", cr], ["__scopeId", "data-v-6e18f21b
   }
 }), mr = ["placeholder", "type", "name", "value", "defaultValue", "required"];
 function hr(e, t, n, o, r, i) {
-  return c(), m("input", C({
+  return d(), m("input", C({
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     placeholder: e.placeholder,
     type: e.type,
@@ -3594,14 +3604,14 @@ const fr = /* @__PURE__ */ b(pr, [["render", hr]]), br = {
   }
 }), yr = ["value", "defaultValue", "name", "required"], kr = ["value"];
 function vr(e, t, n, o, r, i) {
-  return c(), m("select", C({
+  return d(), m("select", C({
     value: e.value,
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     defaultValue: e.defaultValue,
     name: e.name,
     required: e.required
   }, e.filterAttrs(e.attributes, "v-on:", !1), B(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    (c(!0), m(w, null, A(e.options, (s, l) => (c(), m("option", {
+    (d(!0), m(w, null, A(e.options, (s, l) => (d(), m("option", {
       key: `${s.name}-${l}`,
       value: s.value
     }, ee(s.name || s.value), 9, kr))), 128))
@@ -3640,7 +3650,7 @@ const Sr = /* @__PURE__ */ b(gr, [["render", vr]]), Cr = {
   }
 });
 function Tr(e, t, n, o, r, i) {
-  return c(), m("button", C({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), B(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ee(e.text), 17);
+  return d(), m("button", C({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), B(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ee(e.text), 17);
 }
 const Ir = /* @__PURE__ */ b(wr, [["render", Tr]]), $r = {
   name: "Form:TextArea",
@@ -3693,7 +3703,7 @@ const Ir = /* @__PURE__ */ b(wr, [["render", Tr]]), $r = {
   }
 }), Er = ["placeholder", "name", "value", "defaultValue", "required"];
 function Pr(e, t, n, o, r, i) {
-  return c(), m("textarea", C({
+  return d(), m("textarea", C({
     placeholder: e.placeholder,
     name: e.name,
     value: e.value,
@@ -3730,7 +3740,7 @@ const Br = /* @__PURE__ */ b(Rr, [["render", Pr]]), xr = {
   }
 }), Vr = ["alt", "src"];
 function Wr(e, t, n, o, r, i) {
-  return c(), m("img", C({
+  return d(), m("img", C({
     style: {
       objectFit: e.backgroundSize || "cover",
       objectPosition: e.backgroundPosition || "center"
@@ -3893,8 +3903,8 @@ const Nr = /* @__PURE__ */ b(Ar, [["render", Wr]]), Or = {
   }
 };
 function Hr(e, t, n, o, r, i) {
-  var s, l, a, u, h, d, p;
-  return c(), m("div", Dr, [
+  var s, l, a, u, h, c, p;
+  return d(), m("div", Dr, [
     K("video", C({
       class: "builder-video",
       preload: e.preload || "metadata",
@@ -3915,13 +3925,13 @@ function Hr(e, t, n, o, r, i) {
       src: e.video || "no-src",
       poster: e.posterImage
     }, e.spreadProps), [
-      e.lazyLoad ? S("", !0) : (c(), m("source", {
+      e.lazyLoad ? S("", !0) : (d(), m("source", {
         key: 0,
         type: "video/mp4",
         src: e.video
       }, null, 8, Ur))
     ], 16, Lr),
-    e.aspectRatio && !(e.fitContent && ((a = (l = e.builderBlock) == null ? void 0 : l.children) != null && a.length)) ? (c(), m("div", {
+    e.aspectRatio && !(e.fitContent && ((a = (l = e.builderBlock) == null ? void 0 : l.children) != null && a.length)) ? (d(), m("div", {
       key: 0,
       style: F({
         width: "100%",
@@ -3930,10 +3940,10 @@ function Hr(e, t, n, o, r, i) {
         fontSize: "0px"
       })
     }, null, 4)) : S("", !0),
-    (h = (u = e.builderBlock) == null ? void 0 : u.children) != null && h.length && e.fitContent ? (c(), m("div", Mr, [
+    (h = (u = e.builderBlock) == null ? void 0 : u.children) != null && h.length && e.fitContent ? (d(), m("div", Mr, [
       x(e.$slots, "default")
     ])) : S("", !0),
-    (p = (d = e.builderBlock) == null ? void 0 : d.children) != null && p.length && !e.fitContent ? (c(), m("div", jr, [
+    (p = (c = e.builderBlock) == null ? void 0 : c.children) != null && p.length && !e.fitContent ? (d(), m("div", jr, [
       x(e.$slots, "default")
     ])) : S("", !0)
   ]);
@@ -4474,7 +4484,7 @@ font-weight: ${s};
 });
 function ci(e, t, n, o, r, i) {
   var s, l, a;
-  return e.builderContextSignal.content ? (c(), g(j(e.ContentWrapper), C({
+  return e.builderContextSignal.content ? (d(), k(j(e.ContentWrapper), C({
     key: 0,
     ref: "elementRef",
     onClick: (u) => e.onClick(u),
@@ -4510,8 +4520,8 @@ ${si(this.isNestedRender)}
   }
 });
 function pi(e, t, n, o, r, i) {
-  const s = y("InlinedStyles");
-  return c(), g(s, {
+  const s = v("InlinedStyles");
+  return d(), k(s, {
     id: "builderio-content",
     styles: e.injectedStyles,
     nonce: e.nonce
@@ -4663,8 +4673,8 @@ const mi = /* @__PURE__ */ b(ui, [["render", pi]]), hi = ({
   }
 });
 function yi(e, t, n, o, r, i) {
-  const s = y("InlinedScript"), l = y("ContentStyles"), a = y("Blocks"), u = y("EnableEditor");
-  return c(), g(u, C({
+  const s = v("InlinedScript"), l = v("ContentStyles"), a = v("Blocks"), u = v("EnableEditor");
+  return d(), k(u, C({
     nonce: e.nonce,
     content: e.content,
     data: e.data,
@@ -4681,21 +4691,21 @@ function yi(e, t, n, o, r, i) {
     trustedHosts: e.trustedHosts
   }, {}), {
     default: W(() => {
-      var h, d, p, k, v, N, Y;
+      var h, c, p, y, g, N, Y;
       return [
-        e.isSsrAbTest ? (c(), g(s, {
+        e.isSsrAbTest ? (d(), k(s, {
           key: 0,
           id: "builderio-variant-visibility",
           scriptStr: e.scriptStr,
           nonce: e.nonce || ""
         }, null, 8, ["scriptStr", "nonce"])) : S("", !0),
-        e.TARGET !== "reactNative" ? (c(), g(l, {
+        e.TARGET !== "reactNative" ? (d(), k(l, {
           key: 1,
           nonce: e.nonce || "",
           isNestedRender: e.isNestedRender,
           contentId: (h = e.builderContextSignal.content) == null ? void 0 : h.id,
-          cssCode: (p = (d = e.builderContextSignal.content) == null ? void 0 : d.data) == null ? void 0 : p.cssCode,
-          customFonts: (v = (k = e.builderContextSignal.content) == null ? void 0 : k.data) == null ? void 0 : v.customFonts
+          cssCode: (p = (c = e.builderContextSignal.content) == null ? void 0 : c.data) == null ? void 0 : p.cssCode,
+          customFonts: (g = (y = e.builderContextSignal.content) == null ? void 0 : y.data) == null ? void 0 : g.customFonts
         }, null, 8, ["nonce", "isNestedRender", "contentId", "cssCode", "customFonts"])) : S("", !0),
         $(a, {
           blocks: (Y = (N = e.builderContextSignal.content) == null ? void 0 : N.data) == null ? void 0 : Y.blocks,
@@ -4775,15 +4785,15 @@ const ki = /* @__PURE__ */ b(gi, [["render", yi]]), vi = f({
   }
 });
 function Si(e, t, n, o, r, i) {
-  const s = y("InlinedScript"), l = y("InlinedStyles"), a = y("ContentComponent");
-  return c(), m(w, null, [
-    !e.isNestedRender && e.TARGET !== "reactNative" ? (c(), g(s, {
+  const s = v("InlinedScript"), l = v("InlinedStyles"), a = v("ContentComponent");
+  return d(), m(w, null, [
+    !e.isNestedRender && e.TARGET !== "reactNative" ? (d(), k(s, {
       key: 0,
       id: "builderio-init-variants-fns",
       scriptStr: e.getInitVariantsFnsScriptString(),
       nonce: e.nonce || ""
     }, null, 8, ["scriptStr", "nonce"])) : S("", !0),
-    e.shouldRenderVariants ? (c(), m(w, { key: 1 }, [
+    e.shouldRenderVariants ? (d(), m(w, { key: 1 }, [
       $(l, {
         id: "builderio-variants",
         styles: e.hideVariantsStyleString,
@@ -4794,7 +4804,7 @@ function Si(e, t, n, o, r, i) {
         scriptStr: e.updateCookieAndStylesScriptStr,
         nonce: e.nonce || ""
       }, null, 8, ["scriptStr", "nonce"]),
-      (c(!0), m(w, null, A(e.getVariants(e.content), (u, h) => (c(), g(a, C({
+      (d(!0), m(w, null, A(e.getVariants(e.content), (u, h) => (d(), k(a, C({
         key: u.testVariationId,
         isNestedRender: e.isNestedRender,
         nonce: e.nonce,
@@ -4923,9 +4933,9 @@ const Ci = /* @__PURE__ */ b(vi, [["render", Si]]), wi = async ({
   }
 });
 function Ii(e, t, n, o, r, i) {
-  var l, a, u, h, d;
-  const s = y("ContentVariants");
-  return c(), m("div", C({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, B(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+  var l, a, u, h, c;
+  const s = v("ContentVariants");
+  return d(), m("div", C({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, B(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     $(s, {
       nonce: e.builderContext.nonce,
       isNestedRender: !0,
@@ -4942,7 +4952,7 @@ function Ii(e, t, n, o, r, i) {
         ...(h = (u = e.contentToUse) == null ? void 0 : u.data) == null ? void 0 : h.state
       },
       canTrack: e.builderContext.canTrack,
-      model: (d = e.symbol) == null ? void 0 : d.model,
+      model: (c = e.symbol) == null ? void 0 : c.model,
       content: e.contentToUse,
       linkComponent: e.builderLinkComponent,
       blocksWrapper: e.blocksWrapper,