@builder.io/sdk-vue 2.0.23 → 2.0.24

package/lib/node/{index-Iiftot2Q.js → index-vY7Ih1wu.js}

@@ -1,4 +1,4 @@
-import { defineComponent as f, openBlock as c, createElementBlock as m, Fragment as T, createBlock as g, resolveDynamicComponent as j, mergeProps as C, toHandlers as E, withCtx as W, renderSlot as P, resolveComponent as y, createTextVNode as rt, toDisplayString as _, defineAsyncComponent as M, createVNode as I, renderList as A, createCommentVNode as S, h as Re, createElementVNode as K, normalizeStyle as O, normalizeClass as q, markRaw as it } from "vue";
+import { defineComponent as f, openBlock as d, createElementBlock as m, Fragment as T, createBlock as k, resolveDynamicComponent as j, mergeProps as C, toHandlers as E, withCtx as W, renderSlot as P, resolveComponent as v, createTextVNode as rt, toDisplayString as _, defineAsyncComponent as M, createVNode as I, renderList as A, createCommentVNode as S, h as Re, createElementVNode as K, normalizeStyle as O, normalizeClass as q, markRaw as it } from "vue";
 import { T as x, g as st, f as at, i as $, s as lt, r as ct, p as dt, a as ut, l as B, b as Ee, c as ce, d as pt, n as Pe, e as D, h as R, j as mt } from "./should-force-browser-runtime-in-node-o45oecPI.js";
 const ht = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), ft = (e) => typeof e == "string" && ht.has(e.toLowerCase());
 function V(e = {}, t, n) {
@@ -24,13 +24,13 @@ const bt = f({
   return n;
 };
 function gt(e, t, n, o, r, s) {
-  return e.isEmptyElement(e.TagName) ? (c(), g(j(e.TagName), C({ key: 1 }, e.attributes, E(e.actionAttributes)), null, 16)) : (c(), m(T, { key: 0 }, [
-    typeof e.TagName == "string" ? (c(), g(j(e.TagName), C({ key: 0 }, e.attributes, E(e.actionAttributes)), {
+  return e.isEmptyElement(e.TagName) ? (d(), k(j(e.TagName), C({ key: 1 }, e.attributes, E(e.actionAttributes)), null, 16)) : (d(), m(T, { key: 0 }, [
+    typeof e.TagName == "string" ? (d(), k(j(e.TagName), C({ key: 0 }, e.attributes, E(e.actionAttributes)), {
       default: W(() => [
         P(e.$slots, "default")
       ]),
       _: 3
-    }, 16)) : (c(), g(j(e.TagName), C({ key: 1 }, e.attributes, E(e.actionAttributes)), {
+    }, 16)) : (d(), k(j(e.TagName), C({ key: 1 }, e.attributes, E(e.actionAttributes)), {
       default: W(() => [
         P(e.$slots, "default")
       ]),
@@ -84,8 +84,8 @@ const de = /* @__PURE__ */ b(bt, [["render", gt]]), wi = /* @__PURE__ */ Object.
   }
 });
 function kt(e, t, n, o, r, s) {
-  const i = y("DynamicRenderer");
-  return c(), g(i, {
+  const i = v("DynamicRenderer");
+  return d(), k(i, {
     attributes: e.attrs(),
     TagName: e.link ? e.builderLinkComponent || "a" : "button",
     actionAttributes: e.filterAttrs(e.attributes, "v-on:", !0)
@@ -522,7 +522,7 @@ function Ue(e, t) {
   const n = new URL(t.origin), o = n.hostname;
   return (e || tn).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
 }
-const nn = "2.0.23", on = () => {
+const nn = "2.0.24", on = () => {
   Ot("insertMenu", {
     name: "_default",
     default: !0,
@@ -575,11 +575,11 @@ const Me = (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 ? (s = window.parent) == null || s.postMessage({
             type: "builder.evaluateError",
@@ -587,19 +587,19 @@ const Me = (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) : (i = window.parent) == null || i.postMessage({
             type: "builder.evaluateResult",
             data: {
-              result: d,
+              result: c,
               id: u
             }
           }, "*");
@@ -789,10 +789,10 @@ const fn = "v3", Ce = (e) => typeof e == "number" && !isNaN(e) && e >= 0, pe = (
     apiVersion: a = fn,
     fields: u,
     omit: h,
-    offset: d,
+    offset: c,
     cacheSeconds: p,
-    staleCacheSeconds: k,
-    sort: v,
+    staleCacheSeconds: y,
+    sort: g,
     includeUnpublished: N
   } = e;
   if (!s)
@@ -800,9 +800,9 @@ const fn = "v3", Ce = (e) => typeof e == "number" && !isNaN(e) && e >= 0, pe = (
   if (!["v3"].includes(a))
     throw new Error(`Invalid apiVersion: expected 'v3', received '${a}'`);
   const Y = t !== 1, w = new URL(`https://cdn.builder.io/api/${a}/content/${r}`);
-  if (w.searchParams.set("apiKey", s), w.searchParams.set("limit", String(t)), w.searchParams.set("noTraverse", String(Y)), w.searchParams.set("includeRefs", String(!0)), l && w.searchParams.set("locale", l), i && w.searchParams.set("enrich", String(i)), w.searchParams.set("omit", h || "meta.componentsUsed"), u && w.searchParams.set("fields", u), Number.isFinite(d) && d > -1 && w.searchParams.set("offset", String(Math.floor(d))), typeof N == "boolean" && w.searchParams.set("includeUnpublished", String(N)), p && Ce(p) && w.searchParams.set("cacheSeconds", String(p)), k && Ce(k) && w.searchParams.set("staleCacheSeconds", String(k)), v) {
+  if (w.searchParams.set("apiKey", s), w.searchParams.set("limit", String(t)), w.searchParams.set("noTraverse", String(Y)), w.searchParams.set("includeRefs", String(!0)), l && w.searchParams.set("locale", l), i && w.searchParams.set("enrich", String(i)), w.searchParams.set("omit", h || "meta.componentsUsed"), u && w.searchParams.set("fields", u), Number.isFinite(c) && c > -1 && w.searchParams.set("offset", String(Math.floor(c))), typeof N == "boolean" && w.searchParams.set("includeUnpublished", String(N)), p && Ce(p) && w.searchParams.set("cacheSeconds", String(p)), y && Ce(y) && w.searchParams.set("staleCacheSeconds", String(y)), g) {
     const F = le({
-      sort: v
+      sort: g
     });
     for (const U in F)
       w.searchParams.set(U, JSON.stringify(F[U]));
@@ -964,8 +964,8 @@ function Tn(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() {
@@ -1094,22 +1094,22 @@ const $n = ({
     "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
     e
   ), e;
-}), Vn = () => import("./block-styles-VnxJDeth.js").then((e) => e.default).catch((e) => {
+}), Vn = () => import("./block-styles-quUqeiHV.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;
-}), Wn = () => import("./block-wrapper-0QkyDUi8.js").then((e) => e.default).catch((e) => {
+}), Wn = () => import("./block-wrapper-1t5eBFHt.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;
-}), Nn = () => import("./component-ref-ykrv8SqH.js").then((e) => e.default).catch((e) => {
+}), Nn = () => import("./component-ref-Aiwer6jd.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;
-}), Fn = () => import("./repeated-block-3sBOF_Jy.js").then((e) => e.default).catch((e) => {
+}), Fn = () => import("./repeated-block-n_E2nVxY.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
@@ -1208,21 +1208,21 @@ const $n = ({
   }
 });
 function Dn(e, t, n, o, r, s) {
-  var d;
-  const i = y("BlockStyles"), l = y("ComponentRef"), a = y("Block", !0), u = y("BlockWrapper"), h = y("RepeatedBlock");
-  return e.canShowBlock ? (c(), m(T, { key: 0 }, [
+  var c;
+  const i = v("BlockStyles"), l = v("ComponentRef"), a = v("Block", !0), u = v("BlockWrapper"), h = v("RepeatedBlock");
+  return e.canShowBlock ? (d(), m(T, { key: 0 }, [
     I(i, {
       block: e.processedBlock,
       context: e.context
     }, null, 8, ["block", "context"]),
-    (d = e.blockComponent) != null && d.noWrap ? (c(), m(T, { key: 1 }, [
-      e.repeatItem ? (c(!0), m(T, { key: 1 }, A(e.repeatItem, (p, k) => (c(), g(h, {
-        key: k,
+    (c = e.blockComponent) != null && c.noWrap ? (d(), m(T, { key: 1 }, [
+      e.repeatItem ? (d(!0), m(T, { 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,
@@ -1234,14 +1234,14 @@ function Dn(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(), m(T, { key: 0 }, [
-      e.repeatItem ? (c(!0), m(T, { key: 1 }, A(e.repeatItem, (p, k) => (c(), g(h, {
-        key: k,
+    ], 64)) : (d(), m(T, { key: 0 }, [
+      e.repeatItem ? (d(!0), m(T, { 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,
@@ -1259,7 +1259,7 @@ function Dn(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), m(T, null, A(e.childrenWithoutParentComponent, (p, k) => (c(), g(a, {
+          (d(!0), m(T, null, A(e.childrenWithoutParentComponent, (p, y) => (d(), k(a, {
             key: p.id,
             block: p,
             registeredComponents: e.registeredComponents,
@@ -1279,6 +1279,7 @@ const fe = /* @__PURE__ */ b(On, [["render", Dn]]), xi = /* @__PURE__ */ Object.
   name: "builder-blocks-wrapper",
   props: [
     "blocks",
+    "classNameProp",
     "parent",
     "path",
     "styleProp",
@@ -1290,7 +1291,11 @@ const fe = /* @__PURE__ */ b(On, [["render", Dn]]), xi = /* @__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: {
@@ -1323,7 +1328,7 @@ const fe = /* @__PURE__ */ b(On, [["render", Dn]]), xi = /* @__PURE__ */ Object.
   }
 });
 function Un(e, t, n, o, r, s) {
-  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,
@@ -1339,7 +1344,7 @@ function Un(e, t, n, o, r, s) {
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const Mn = /* @__PURE__ */ b(Ln, [["render", Un], ["__scopeId", "data-v-162df12b"]]), jn = f({
+const Mn = /* @__PURE__ */ b(Ln, [["render", Un], ["__scopeId", "data-v-e241e088"]]), jn = f({
   name: "builder-blocks",
   components: { BlocksWrapper: Mn, Block: fe },
   props: [
@@ -1347,6 +1352,7 @@ const Mn = /* @__PURE__ */ b(Ln, [["render", Un], ["__scopeId", "data-v-162df12b
     "parent",
     "path",
     "styleProp",
+    "className",
     "context",
     "linkComponent",
     "registeredComponents"
@@ -1357,34 +1363,38 @@ const Mn = /* @__PURE__ */ b(Ln, [["render", Un], ["__scopeId", "data-v-162df12b
   }
 });
 function Hn(e, t, n, o, r, s) {
-  var a, u;
-  const i = y("Block"), l = y("BlocksWrapper");
-  return c(), g(l, {
+  var a, u, h, c;
+  const i = 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(T, { key: 0 }, A(e.blocks, (h, d) => (c(), g(i, {
-        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(T, { key: 0 }, A(e.blocks, (p, y) => {
+        var g;
+        return d(), k(i, {
+          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", Hn]]), Kn = f({
   name: "dynamic-div",
   props: []
 });
 function qn(e, t, n, o, r, s) {
-  return c(), m("div", null, [
+  return d(), m("div", null, [
     P(e.$slots, "default")
   ]);
 }
@@ -1579,26 +1589,26 @@ const G = /* @__PURE__ */ b(Kn, [["render", qn]]), zn = /* @__PURE__ */ Object.f
 });
 function Xn(e, t, n, o, r, s) {
   var u;
-  const i = y("InlinedStyles"), l = y("Blocks"), a = y("DynamicRenderer");
-  return c(), m("div", C({
+  const i = 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(i, {
+    e.TARGET !== "reactNative" ? (d(), k(i, {
       key: 0,
       id: "builderio-columns",
       styles: e.columnsStyles(),
       nonce: e.builderContext.nonce
     }, null, 8, ["styles", "nonce"])) : S("", !0),
-    (c(!0), m(T, null, A(e.columns, (h, d) => (c(), g(a, {
-      key: d,
+    (d(!0), m(T, 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(() => [
         I(l, {
-          path: `component.options.columns.${d}.blocks`,
+          path: `component.options.columns.${c}.blocks`,
           parent: e.builderBlock.id,
           styleProp: {
             flexGrow: "1"
@@ -1618,7 +1628,7 @@ const Qn = /* @__PURE__ */ b(Yn, [["render", Xn], ["__scopeId", "data-v-adc066fc
   props: []
 });
 function _n(e, t, n, o, r, s) {
-  return c(), m("span", null, [
+  return d(), m("span", null, [
     P(e.$slots, "default")
   ]);
 }
@@ -1709,10 +1719,10 @@ const oo = f({
   class: "div-29wpyomtntv-2"
 };
 function ao(e, t, n, o, r, s) {
-  var i, l, a, u, h, d;
-  return c(), m(T, null, [
+  var i, l, a, u, h, c;
+  return d(), m(T, null, [
     K("picture", null, [
-      e.webpSrcSet ? (c(), m("source", {
+      e.webpSrcSet ? (d(), m("source", {
         key: 0,
         type: "image/webp",
         srcset: e.webpSrcSet
@@ -1735,7 +1745,7 @@ function ao(e, t, n, o, r, s) {
         sizes: e.sizes
       }, null, 14, io)
     ]),
-    e.aspectRatio && !((l = (i = e.builderBlock) == null ? void 0 : i.children) != null && l.length && e.fitContent) ? (c(), m("div", {
+    e.aspectRatio && !((l = (i = e.builderBlock) == null ? void 0 : i.children) != null && l.length && e.fitContent) ? (d(), m("div", {
       key: 0,
       class: "builder-image-sizer div-29wpyomtntv",
       style: O({
@@ -1743,7 +1753,7 @@ function ao(e, t, n, o, r, s) {
       })
     }, null, 4)) : S("", !0),
     (u = (a = e.builderBlock) == null ? void 0 : a.children) != null && u.length && e.fitContent ? P(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", so, [
+    !e.fitContent && ((c = (h = e.builderBlock) == null ? void 0 : h.children) != null && c.length) ? (d(), m("div", so, [
       P(e.$slots, "default", {}, void 0, !0)
     ])) : S("", !0)
   ], 64);
@@ -1756,7 +1766,7 @@ const lo = /* @__PURE__ */ b(oo, [["render", ao], ["__scopeId", "data-v-77f8a6c4
   }
 });
 function uo(e, t, n, o, r, s) {
-  return c(), m("section", C({
+  return d(), m("section", C({
     style: {
       width: "100%",
       alignSelf: "stretch",
@@ -1994,12 +2004,12 @@ const po = /* @__PURE__ */ b(co, [["render", uo]]), te = {
   }
 }), bo = ["data-index", "onClick"];
 function go(e, t, n, o, r, s) {
-  const i = y("Blocks");
-  return c(), m("div", {
+  const i = v("Blocks");
+  return d(), m("div", {
     class: "builder-accordion",
     style: O(e.accordionStyles)
   }, [
-    (c(!0), m(T, null, A(e.items, (l, a) => (c(), m(T, { key: a }, [
+    (d(!0), m(T, null, A(e.items, (l, a) => (d(), m(T, { key: a }, [
       K("div", {
         class: q(e.getAccordionTitleClassName(a)),
         style: O({
@@ -2019,7 +2029,7 @@ function go(e, t, n, o, r, s) {
           linkComponent: e.builderLinkComponent
         }, null, 8, ["blocks", "path", "parent", "context", "registeredComponents", "linkComponent"])
       ], 14, bo),
-      e.open.includes(a) ? (c(), m("div", {
+      e.open.includes(a) ? (d(), m("div", {
         key: 0,
         class: q(e.getAccordionDetailClassName(a)),
         style: O(e.accordionDetailStyles)
@@ -2308,13 +2318,13 @@ const yo = /* @__PURE__ */ b(fo, [["render", go]]), ko = {
       function n(i, 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 = i, setTimeout(() => {
-            d || u(new Error("Image load timed out"));
+            c || u(new Error("Image load timed out"));
           }, l);
         });
       }
@@ -2456,8 +2466,8 @@ const yo = /* @__PURE__ */ b(fo, [["render", go]]), ko = {
 });
 function $o(e, t, n, o, r, s) {
   var l, a, u;
-  const i = y("Blocks");
-  return c(), m("div", C(
+  const i = v("Blocks");
+  return d(), m("div", C(
     { style: {
       pointerEvents: "auto"
     } },
@@ -2681,8 +2691,8 @@ const Ro = /* @__PURE__ */ b(Io, [["render", $o]]), Eo = {
   }
 }), xo = ["onClick"], Ao = { key: 0 };
 function Vo(e, t, n, o, r, s) {
-  const i = y("Blocks");
-  return c(), m("div", null, [
+  const i = v("Blocks");
+  return d(), m("div", null, [
     K("div", {
       class: "builder-tabs-wrap",
       style: O({
@@ -2692,7 +2702,7 @@ function Vo(e, t, n, o, r, s) {
         overflow: "auto"
       })
     }, [
-      (c(!0), m(T, null, A(e.tabs, (l, a) => (c(), m("span", {
+      (d(!0), m(T, null, A(e.tabs, (l, a) => (d(), m("span", {
         key: a,
         class: q(`builder-tab-wrap ${e.activeTab === a ? "builder-tab-active" : ""}`),
         style: O({
@@ -2710,7 +2720,7 @@ function Vo(e, t, n, o, r, s) {
         }, null, 8, ["parent", "path", "blocks", "context", "registeredComponents", "linkComponent"])
       ], 14, xo))), 128))
     ], 4),
-    e.activeTabContent(e.activeTab) ? (c(), m("div", Ao, [
+    e.activeTabContent(e.activeTab) ? (d(), m("div", Ao, [
       I(i, {
         parent: e.builderBlock.id,
         path: `component.options.tabs.${e.activeTab}.content`,
@@ -2770,7 +2780,7 @@ const Wo = /* @__PURE__ */ b(Bo, [["render", Vo]]), No = {
   }
 }), Oo = ["innerHTML"];
 function Do(e, t, n, o, r, s) {
-  return c(), m("div", {
+  return d(), m("div", {
     class: "builder-text",
     innerHTML: e.processedText,
     style: {
@@ -2836,7 +2846,7 @@ const Lo = /* @__PURE__ */ b(Fo, [["render", Do]]), Uo = {
   }
 }), jo = ["innerHTML"];
 function Ho(e, t, n, o, r, s) {
-  return c(), m("div", {
+  return d(), m("div", {
     ref: "elementRef",
     class: q("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
     innerHTML: e.code
@@ -2901,7 +2911,7 @@ const Ko = /* @__PURE__ */ b(Mo, [["render", Ho]]), qo = {
   }
 }), Yo = ["innerHTML"];
 function Xo(e, t, n, o, r, s) {
-  return c(), m("div", {
+  return d(), m("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: e.content
@@ -3206,40 +3216,40 @@ const Qo = /* @__PURE__ */ b(Go, [["render", Xo]]), Zo = {
         e.preventDefault();
         const o = e.currentTarget || e.target, r = this.customHeaders || {};
         let s;
-        const i = new FormData(o), l = Array.from(o.querySelectorAll("input,select,textarea")).filter((d) => !!d.name).map((d) => {
+        const i = 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")
           s = i;
         else {
-          const d = {};
-          Array.from(l).forEach(({ value: p, key: k }) => {
-            Ee(d, k, p);
-          }), s = JSON.stringify(d);
+          const c = {};
+          Array.from(l).forEach(({ value: p, key: y }) => {
+            Ee(c, y, p);
+          }), s = 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", {
@@ -3261,24 +3271,24 @@ const Qo = /* @__PURE__ */ b(Go, [["render", Xo]]), Zo = {
             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();
               }
@@ -3294,13 +3304,13 @@ const Qo = /* @__PURE__ */ b(Go, [["render", Xo]]), Zo = {
                   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");
           }
         );
       }
@@ -3312,8 +3322,8 @@ const Qo = /* @__PURE__ */ b(Go, [["render", Xo]]), Zo = {
 };
 function rr(e, t, n, o, r, s) {
   var a;
-  const i = y("Block"), l = y("Blocks");
-  return c(), m("form", C({
+  const i = v("Block"), l = v("Blocks");
+  return d(), m("form", C({
     validate: e.validate,
     ref: "formRef",
     action: !e.sendWithJs && e.action,
@@ -3321,27 +3331,27 @@ function rr(e, t, n, o, r, s) {
     name: e.name,
     onSubmit: t[0] || (t[0] = (u) => e.onSubmit(u))
   }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    e.builderBlock && e.builderBlock.children ? (c(!0), m(T, { key: 0 }, A((a = e.builderBlock) == null ? void 0 : a.children, (u, h) => (c(), g(i, {
+    e.builderBlock && e.builderBlock.children ? (d(!0), m(T, { key: 0 }, A((a = e.builderBlock) == null ? void 0 : a.children, (u, h) => (d(), k(i, {
       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", or, _(JSON.stringify(e.responseData, null, 2)), 1)) : S("", !0),
-    e.submissionState() === "success" ? (c(), g(l, {
+    e.submissionState() === "error" && e.responseData ? (d(), m("pre", or, _(JSON.stringify(e.responseData, null, 2)), 1)) : S("", !0),
+    e.submissionState() === "success" ? (d(), k(l, {
       key: 4,
       path: "successMessage",
       blocks: e.successMessage,
@@ -3416,7 +3426,7 @@ const ir = /* @__PURE__ */ b(tr, [["render", rr], ["__scopeId", "data-v-6e18f21b
   }
 }), lr = ["placeholder", "type", "name", "value", "defaultValue", "required"];
 function cr(e, t, n, o, r, s) {
-  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,
@@ -3476,14 +3486,14 @@ const dr = /* @__PURE__ */ b(ar, [["render", cr]]), ur = {
   }
 }), mr = ["value", "defaultValue", "name", "required"], hr = ["value"];
 function fr(e, t, n, o, r, s) {
-  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), E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    (c(!0), m(T, null, A(e.options, (i, l) => (c(), m("option", {
+    (d(!0), m(T, null, A(e.options, (i, l) => (d(), m("option", {
       key: `${i.name}-${l}`,
       value: i.value
     }, _(i.name || i.value), 9, hr))), 128))
@@ -3522,7 +3532,7 @@ const br = /* @__PURE__ */ b(pr, [["render", fr]]), gr = {
   }
 });
 function kr(e, t, n, o, r, s) {
-  return c(), m("button", C({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), _(e.text), 17);
+  return d(), m("button", C({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), _(e.text), 17);
 }
 const vr = /* @__PURE__ */ b(yr, [["render", kr]]), Sr = {
   name: "Form:TextArea",
@@ -3575,7 +3585,7 @@ const vr = /* @__PURE__ */ b(yr, [["render", kr]]), Sr = {
   }
 }), Tr = ["placeholder", "name", "value", "defaultValue", "required"];
 function wr(e, t, n, o, r, s) {
-  return c(), m("textarea", C({
+  return d(), m("textarea", C({
     placeholder: e.placeholder,
     name: e.name,
     value: e.value,
@@ -3612,7 +3622,7 @@ const Ir = /* @__PURE__ */ b(Cr, [["render", wr]]), $r = {
   }
 }), Er = ["alt", "src"];
 function Pr(e, t, n, o, r, s) {
-  return c(), m("img", C({
+  return d(), m("img", C({
     style: {
       objectFit: e.backgroundSize || "cover",
       objectPosition: e.backgroundPosition || "center"
@@ -3775,8 +3785,8 @@ const Br = /* @__PURE__ */ b(Rr, [["render", Pr]]), xr = {
   }
 };
 function Dr(e, t, n, o, r, s) {
-  var i, l, a, u, h, d, p;
-  return c(), m("div", Vr, [
+  var i, l, a, u, h, c, p;
+  return d(), m("div", Vr, [
     K("video", C({
       class: "builder-video",
       preload: e.preload || "metadata",
@@ -3797,13 +3807,13 @@ function Dr(e, t, n, o, r, s) {
       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, Nr))
     ], 16, Wr),
-    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: O({
         width: "100%",
@@ -3812,10 +3822,10 @@ function Dr(e, t, n, o, r, s) {
         fontSize: "0px"
       })
     }, null, 4)) : S("", !0),
-    (h = (u = e.builderBlock) == null ? void 0 : u.children) != null && h.length && e.fitContent ? (c(), m("div", Fr, [
+    (h = (u = e.builderBlock) == null ? void 0 : u.children) != null && h.length && e.fitContent ? (d(), m("div", Fr, [
       P(e.$slots, "default")
     ])) : S("", !0),
-    (p = (d = e.builderBlock) == null ? void 0 : d.children) != null && p.length && !e.fitContent ? (c(), m("div", Or, [
+    (p = (c = e.builderBlock) == null ? void 0 : c.children) != null && p.length && !e.fitContent ? (d(), m("div", Or, [
       P(e.$slots, "default")
     ])) : S("", !0)
   ]);
@@ -4356,7 +4366,7 @@ font-weight: ${i};
 });
 function ri(e, t, n, o, r, s) {
   var i, 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),
@@ -4392,8 +4402,8 @@ ${ti(this.isNestedRender)}
   }
 });
 function ai(e, t, n, o, r, s) {
-  const i = y("InlinedStyles");
-  return c(), g(i, {
+  const i = v("InlinedStyles");
+  return d(), k(i, {
     id: "builderio-content",
     styles: e.injectedStyles,
     nonce: e.nonce
@@ -4545,8 +4555,8 @@ const li = /* @__PURE__ */ b(si, [["render", ai]]), ci = ({
   }
 });
 function mi(e, t, n, o, r, s) {
-  const i = y("InlinedScript"), l = y("ContentStyles"), a = y("Blocks"), u = y("EnableEditor");
-  return c(), g(u, C({
+  const i = 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,
@@ -4563,21 +4573,21 @@ function mi(e, t, n, o, r, s) {
     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(i, {
+        e.isSsrAbTest ? (d(), k(i, {
           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),
         I(a, {
           blocks: (Y = (N = e.builderContextSignal.content) == null ? void 0 : N.data) == null ? void 0 : Y.blocks,
@@ -4657,15 +4667,15 @@ const hi = /* @__PURE__ */ b(pi, [["render", mi]]), fi = f({
   }
 });
 function bi(e, t, n, o, r, s) {
-  const i = y("InlinedScript"), l = y("InlinedStyles"), a = y("ContentComponent");
-  return c(), m(T, null, [
-    !e.isNestedRender && e.TARGET !== "reactNative" ? (c(), g(i, {
+  const i = v("InlinedScript"), l = v("InlinedStyles"), a = v("ContentComponent");
+  return d(), m(T, null, [
+    !e.isNestedRender && e.TARGET !== "reactNative" ? (d(), k(i, {
       key: 0,
       id: "builderio-init-variants-fns",
       scriptStr: e.getInitVariantsFnsScriptString(),
       nonce: e.nonce || ""
     }, null, 8, ["scriptStr", "nonce"])) : S("", !0),
-    e.shouldRenderVariants ? (c(), m(T, { key: 1 }, [
+    e.shouldRenderVariants ? (d(), m(T, { key: 1 }, [
       I(l, {
         id: "builderio-variants",
         styles: e.hideVariantsStyleString,
@@ -4676,7 +4686,7 @@ function bi(e, t, n, o, r, s) {
         scriptStr: e.updateCookieAndStylesScriptStr,
         nonce: e.nonce || ""
       }, null, 8, ["scriptStr", "nonce"]),
-      (c(!0), m(T, null, A(e.getVariants(e.content), (u, h) => (c(), g(a, C({
+      (d(!0), m(T, null, A(e.getVariants(e.content), (u, h) => (d(), k(a, C({
         key: u.testVariationId,
         isNestedRender: e.isNestedRender,
         nonce: e.nonce,
@@ -4805,9 +4815,9 @@ const gi = /* @__PURE__ */ b(fi, [["render", bi]]), yi = async ({
   }
 });
 function vi(e, t, n, o, r, s) {
-  var l, a, u, h, d;
-  const i = y("ContentVariants");
-  return c(), m("div", C({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+  var l, a, u, h, c;
+  const i = v("ContentVariants");
+  return d(), m("div", C({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     I(i, {
       nonce: e.builderContext.nonce,
       isNestedRender: !0,
@@ -4824,7 +4834,7 @@ function vi(e, t, n, o, r, s) {
         ...(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,