@builder.io/sdk-vue 1.0.33 → 1.0.36

package/lib/browser/{index-Qkz0NE0g.js → index-NLkfEtPh.js}

@@ -2,9 +2,9 @@ var pt = Object.defineProperty;
 var mt = (e, t, n) => t in e ? pt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var oe = (e, t, n) => (mt(e, typeof t != "symbol" ? t + "" : t, n), n);
 import "./style.css";
-import { defineComponent as f, openBlock as d, createElementBlock as m, Fragment as I, createBlock as k, resolveDynamicComponent as K, mergeProps as w, toHandlers as x, withCtx as V, renderSlot as P, resolveComponent as g, createTextVNode as ht, toDisplayString as ne, defineAsyncComponent as H, createVNode as R, renderList as W, createCommentVNode as S, h as xe, createElementVNode as z, normalizeStyle as D, normalizeClass as J, markRaw as ft } from "vue";
+import { defineComponent as f, openBlock as d, createElementBlock as p, Fragment as I, createBlock as k, resolveDynamicComponent as K, mergeProps as C, toHandlers as P, withCtx as W, renderSlot as x, resolveComponent as g, createTextVNode as ht, toDisplayString as ne, defineAsyncComponent as H, createVNode as R, renderList as N, createCommentVNode as S, h as xe, createElementVNode as z, normalizeStyle as D, normalizeClass as J, markRaw as ft } from "vue";
 const bt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), gt = (e) => typeof e == "string" && bt.has(e.toLowerCase());
-function N(e = {}, t, n) {
+function A(e = {}, t, n) {
   const o = {};
   for (const r in e) {
     if (!e[r] || n && !r.startsWith(t))
@@ -27,21 +27,21 @@ const yt = f({
   return n;
 };
 function kt(e, t, n, o, r, s) {
-  return e.isEmptyElement(e.TagName) ? (d(), k(K(e.TagName), w({ key: 1 }, e.attributes, x(e.actionAttributes)), null, 16)) : (d(), m(I, { key: 0 }, [
-    typeof e.TagName == "string" ? (d(), k(K(e.TagName), w({ key: 0 }, e.attributes, x(e.actionAttributes)), {
-      default: V(() => [
-        P(e.$slots, "default")
+  return e.isEmptyElement(e.TagName) ? (d(), k(K(e.TagName), C({ key: 1 }, e.attributes, P(e.actionAttributes)), null, 16)) : (d(), p(I, { key: 0 }, [
+    typeof e.TagName == "string" ? (d(), k(K(e.TagName), C({ key: 0 }, e.attributes, P(e.actionAttributes)), {
+      default: W(() => [
+        x(e.$slots, "default")
       ]),
       _: 3
-    }, 16)) : (d(), k(K(e.TagName), w({ key: 1 }, e.attributes, x(e.actionAttributes)), {
-      default: V(() => [
-        P(e.$slots, "default")
+    }, 16)) : (d(), k(K(e.TagName), C({ key: 1 }, e.attributes, P(e.actionAttributes)), {
+      default: W(() => [
+        x(e.$slots, "default")
       ]),
       _: 3
     }, 16))
   ], 64));
 }
-const me = /* @__PURE__ */ b(yt, [["render", kt]]), Ts = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const me = /* @__PURE__ */ b(yt, [["render", kt]]), Bs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: me
 }, Symbol.toStringTag, { value: "Module" })), $ = "vue", ee = () => {
@@ -68,12 +68,12 @@ const me = /* @__PURE__ */ b(yt, [["render", kt]]), Ts = /* @__PURE__ */ Object.
     "text"
   ],
   data() {
-    return { filterAttrs: N };
+    return { filterAttrs: A };
   },
   methods: {
     attrs() {
       return {
-        ...N(this.attributes, "v-on:", !1),
+        ...A(this.attributes, "v-on:", !1),
         [ee()]: `${this.link ? "" : "builder-button"} ${this.attributes[ee()] || ""}`,
         ...this.link ? {
           href: this.link,
@@ -93,7 +93,7 @@ function vt(e, t, n, o, r, s) {
     TagName: e.link ? e.builderLinkComponent || "a" : "button",
     actionAttributes: e.filterAttrs(e.attributes, "v-on:", !0)
   }, {
-    default: V(() => [
+    default: W(() => [
       ht(ne(e.text), 1)
     ]),
     _: 1
@@ -256,7 +256,7 @@ const Wt = () => {
     return !1;
   const e = process.arch === "arm64", t = process.version.startsWith("v20"), n = (o = process.env.NODE_OPTIONS) == null ? void 0 : o.includes("--no-node-snapshot");
   return e && t && !n ? (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;
-}, Nt = (e) => (T() || Wt(), ve(e)), A = class A {
+}, Nt = (e) => (T() || Wt(), ve(e)), V = class V {
   static getCacheKey(t) {
     return JSON.stringify({
       ...t,
@@ -266,16 +266,16 @@ const Wt = () => {
     });
   }
   static getCachedValue(t) {
-    return A.cache.get(t);
+    return V.cache.get(t);
   }
   static setCachedValue(t, n) {
-    A.cache.size > 20 && A.cache.delete(A.cache.keys().next().value), A.cache.set(t, {
+    V.cache.size > 20 && V.cache.delete(V.cache.keys().next().value), V.cache.set(t, {
       value: n
     });
   }
 };
-oe(A, "cacheLimit", 20), oe(A, "cache", /* @__PURE__ */ new Map());
-let L = A;
+oe(V, "cacheLimit", 20), oe(V, "cache", /* @__PURE__ */ new Map());
+let L = V;
 function te({
   code: e,
   context: t,
@@ -456,8 +456,8 @@ function Lt(e) {
       leading: !1
     });
     function l(h) {
-      const c = h.getBoundingClientRect(), p = window.innerHeight, y = (e.thresholdPercent || 0) / 100 * p;
-      return c.bottom > y && c.top < p - y;
+      const c = h.getBoundingClientRect(), m = window.innerHeight, y = (e.thresholdPercent || 0) / 100 * m;
+      return c.bottom > y && c.top < m - y;
     }
     const a = e.steps[0].styles;
     function u() {
@@ -475,7 +475,7 @@ const je = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
     return `${he(n)}: ${o};`;
 }).filter(U), Mt = (e) => je(e).join(`
-`), Is = ({
+`), Ps = ({
   mediaQuery: e,
   className: t,
   styles: n
@@ -492,7 +492,7 @@ function jt({
 }) {
   return e;
 }
-const $s = ({
+const xs = ({
   block: e,
   context: t
 }) => He(jt({
@@ -583,22 +583,22 @@ const Ht = ({
     "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
     e
   ), e;
-}), Qt = () => import("./block-styles-kerUOxgY.js").then((e) => e.default).catch((e) => {
+}), Qt = () => import("./block-styles-QmmLdzpW.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;
-}), Xt = () => import("./block-wrapper-LzC9qaC1.js").then((e) => e.default).catch((e) => {
+}), Xt = () => import("./block-wrapper-26flngEX.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;
-}), Zt = () => import("./component-ref-xImJQvWl.js").then((e) => e.default).catch((e) => {
+}), Zt = () => import("./component-ref-f6HeLjzo.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;
-}), _t = () => import("./repeated-block-H8xyyPjB.js").then((e) => e.default).catch((e) => {
+}), _t = () => import("./repeated-block-By1JKWmB.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
@@ -690,7 +690,7 @@ const Ht = ({
 function tn(e, t, n, o, r, s) {
   var c;
   const i = g("BlockStyles"), l = g("ComponentRef"), a = g("Block", !0), u = g("BlockWrapper"), h = g("RepeatedBlock");
-  return e.canShowBlock ? (d(), m(I, { key: 0 }, [
+  return e.canShowBlock ? (d(), p(I, { key: 0 }, [
     R(i, {
       block: e.block,
       context: e.context
@@ -706,11 +706,11 @@ function tn(e, t, n, o, r, s) {
       builderBlock: e.componentRefProps.builderBlock,
       includeBlockProps: e.componentRefProps.includeBlockProps,
       isInteractive: e.componentRefProps.isInteractive
-    }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"])) : (d(), m(I, { key: 0 }, [
-      e.repeatItem ? (d(!0), m(I, { key: 1 }, W(e.repeatItem, (p, v) => (d(), k(h, {
+    }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"])) : (d(), p(I, { key: 0 }, [
+      e.repeatItem ? (d(!0), p(I, { key: 1 }, N(e.repeatItem, (m, v) => (d(), k(h, {
         key: v,
-        repeatContext: p.context,
-        block: p.block,
+        repeatContext: m.context,
+        block: m.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
       }, null, 8, ["repeatContext", "block", "registeredComponents", "linkComponent"]))), 128)) : (d(), k(u, {
@@ -719,7 +719,7 @@ function tn(e, t, n, o, r, s) {
         block: e.processedBlock,
         context: e.context
       }, {
-        default: V(() => [
+        default: W(() => [
           R(l, {
             componentRef: e.componentRefProps.componentRef,
             componentOptions: e.componentRefProps.componentOptions,
@@ -731,9 +731,9 @@ function tn(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"]),
-          (d(!0), m(I, null, W(e.childrenWithoutParentComponent, (p, v) => (d(), k(a, {
-            key: p.id,
-            block: p,
+          (d(!0), p(I, null, N(e.childrenWithoutParentComponent, (m, v) => (d(), k(a, {
+            key: m.id,
+            block: m,
             registeredComponents: e.registeredComponents,
             linkComponent: e.linkComponent,
             context: e.context
@@ -744,7 +744,7 @@ function tn(e, t, n, o, r, s) {
     ], 64))
   ], 64)) : S("", !0);
 }
-const fe = /* @__PURE__ */ b(en, [["render", tn]]), Rs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const fe = /* @__PURE__ */ b(en, [["render", tn]]), As = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: fe
 }, Symbol.toStringTag, { value: "Module" })), nn = f({
@@ -793,8 +793,8 @@ const fe = /* @__PURE__ */ b(en, [["render", tn]]), Rs = /* @__PURE__ */ Object.
   }
 });
 function on(e, t, n, o, r, s) {
-  return d(), k(K(e.BlocksWrapper), w({
-    class: e.className + " component-1k2igrjdg3x",
+  return d(), k(K(e.BlocksWrapper), C({
+    class: e.className + " component-178o76acnws",
     "builder-path": e.path,
     "builder-parent-id": e.parent,
     style: e.styleProp,
@@ -802,13 +802,13 @@ function on(e, t, n, o, r, s) {
     onMouseEnter: (i) => e.onMouseEnter(),
     onKeyPress: (i) => e.onClick()
   }, { ...e.BlocksWrapperProps }), {
-    default: V(() => [
-      P(e.$slots, "default", {}, void 0, !0)
+    default: W(() => [
+      x(e.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const rn = /* @__PURE__ */ b(nn, [["render", on], ["__scopeId", "data-v-f091a4a7"]]), sn = f({
+const rn = /* @__PURE__ */ b(nn, [["render", on], ["__scopeId", "data-v-a5b13ef9"]]), sn = f({
   name: "builder-blocks",
   components: { BlocksWrapper: rn, Block: fe },
   props: [
@@ -836,8 +836,8 @@ function an(e, t, n, o, r, s) {
     BlocksWrapper: ((a = e.context) == null ? void 0 : a.BlocksWrapper) || e.builderContext.BlocksWrapper,
     BlocksWrapperProps: ((u = e.context) == null ? void 0 : u.BlocksWrapperProps) || e.builderContext.BlocksWrapperProps
   }, {
-    default: V(() => [
-      e.blocks ? (d(!0), m(I, { key: 0 }, W(e.blocks, (h, c) => (d(), k(i, {
+    default: W(() => [
+      e.blocks ? (d(!0), p(I, { key: 0 }, N(e.blocks, (h, c) => (d(), k(i, {
         key: h.id,
         block: h,
         linkComponent: e.linkComponent,
@@ -853,8 +853,8 @@ const M = /* @__PURE__ */ b(sn, [["render", an]]), ln = f({
   props: []
 });
 function cn(e, t, n, o, r, s) {
-  return d(), m("div", null, [
-    P(e.$slots, "default")
+  return d(), p("div", null, [
+    x(e.$slots, "default")
   ]);
 }
 const Q = /* @__PURE__ */ b(ln, [["render", cn]]), dn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -885,7 +885,7 @@ const Q = /* @__PURE__ */ b(ln, [["render", cn]]), dn = /* @__PURE__ */ Object.f
     default: 991,
     max: 1200
   }
-}, Es = (e, t = Ke) => `@media (max-width: ${t[e].max}px)`, un = ({
+}, Vs = (e, t = Ke) => `@media (max-width: ${t[e].max}px)`, un = ({
   small: e,
   medium: t
 }) => {
@@ -1047,7 +1047,7 @@ const Q = /* @__PURE__ */ b(ln, [["render", cn]]), dn = /* @__PURE__ */ Object.f
 function hn(e, t, n, o, r, s) {
   var u;
   const i = g("InlinedStyles"), l = g("Blocks"), a = g("DynamicRenderer");
-  return d(), m("div", w({
+  return d(), p("div", C({
     class: e.getColumnsClass((u = e.builderBlock) == null ? void 0 : u.id) + " div-2brhoa1k8gd",
     style: e.columnsCssVars()
   }, {}), [
@@ -1056,13 +1056,13 @@ function hn(e, t, n, o, r, s) {
       id: "builderio-columns",
       styles: e.columnsStyles()
     }, null, 8, ["styles"])) : S("", !0),
-    (d(!0), m(I, null, W(e.columns, (h, c) => (d(), k(a, {
+    (d(!0), p(I, null, N(e.columns, (h, c) => (d(), k(a, {
       key: c,
       TagName: e.getTagName(h),
       actionAttributes: {},
       attributes: e.getAttributes(h, c)
     }, {
-      default: V(() => [
+      default: W(() => [
         R(l, {
           path: `component.options.columns.${c}.blocks`,
           parent: e.builderBlock.id,
@@ -1084,8 +1084,8 @@ const fn = /* @__PURE__ */ b(mn, [["render", hn], ["__scopeId", "data-v-27a4dde0
   props: []
 });
 function gn(e, t, n, o, r, s) {
-  return d(), m("span", null, [
-    P(e.$slots, "default")
+  return d(), p("span", null, [
+    x(e.$slots, "default")
   ]);
 }
 const yn = /* @__PURE__ */ b(bn, [["render", gn]]);
@@ -1172,9 +1172,9 @@ const vn = f({
 };
 function In(e, t, n, o, r, s) {
   var i, l, a, u, h, c;
-  return d(), m(I, null, [
+  return d(), p(I, null, [
     z("picture", null, [
-      e.webpSrcSet ? (d(), m("source", {
+      e.webpSrcSet ? (d(), p("source", {
         key: 0,
         type: "image/webp",
         srcset: e.webpSrcSet
@@ -1197,16 +1197,16 @@ function In(e, t, n, o, r, s) {
         sizes: e.sizes
       }, null, 14, wn)
     ]),
-    e.aspectRatio && !((l = (i = e.builderBlock) == null ? void 0 : i.children) != null && l.length && e.fitContent) ? (d(), m("div", {
+    e.aspectRatio && !((l = (i = e.builderBlock) == null ? void 0 : i.children) != null && l.length && e.fitContent) ? (d(), p("div", {
       key: 0,
       class: "builder-image-sizer div-1pl23ac79ld",
       style: D({
         paddingTop: e.aspectRatio * 100 + "%"
       })
     }, 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 && ((c = (h = e.builderBlock) == null ? void 0 : h.children) != null && c.length) ? (d(), m("div", Tn, [
-      P(e.$slots, "default", {}, void 0, !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 && ((c = (h = e.builderBlock) == null ? void 0 : h.children) != null && c.length) ? (d(), p("div", Tn, [
+      x(e.$slots, "default", {}, void 0, !0)
     ])) : S("", !0)
   ], 64);
 }
@@ -1214,11 +1214,11 @@ const $n = /* @__PURE__ */ b(vn, [["render", In], ["__scopeId", "data-v-0d528855
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
-    return { filterAttrs: N };
+    return { filterAttrs: A };
   }
 });
 function En(e, t, n, o, r, s) {
-  return d(), m("section", w({
+  return d(), p("section", C({
     style: {
       width: "100%",
       alignSelf: "stretch",
@@ -1231,8 +1231,8 @@ function En(e, t, n, o, r, s) {
       marginLeft: "auto",
       marginRight: "auto"
     }
-  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    P(e.$slots, "default")
+  }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    x(e.$slots, "default")
   ], 16);
 }
 const Bn = /* @__PURE__ */ b(Rn, [["render", En]]), Pn = (e) => {
@@ -1586,11 +1586,11 @@ const Bn = /* @__PURE__ */ b(Rn, [["render", En]]), Pn = (e) => {
 }), Kn = ["data-index", "onClick"];
 function qn(e, t, n, o, r, s) {
   const i = g("Blocks");
-  return d(), m("div", {
+  return d(), p("div", {
     class: "builder-accordion",
     style: D(e.accordionStyles)
   }, [
-    (d(!0), m(I, null, W(e.items, (l, a) => (d(), m(I, { key: a }, [
+    (d(!0), p(I, null, N(e.items, (l, a) => (d(), p(I, { key: a }, [
       z("div", {
         class: J(e.getAccordionTitleClassName(a)),
         style: D({
@@ -1610,7 +1610,7 @@ function qn(e, t, n, o, r, s) {
           linkComponent: e.builderLinkComponent
         }, null, 8, ["blocks", "path", "parent", "context", "registeredComponents", "linkComponent"])
       ], 14, Kn),
-      e.open.includes(a) ? (d(), m("div", {
+      e.open.includes(a) ? (d(), p("div", {
         key: 0,
         class: J(e.getAccordionDetailClassName(a)),
         style: D(e.accordionDetailStyles)
@@ -1882,7 +1882,7 @@ const zn = /* @__PURE__ */ b(Hn, [["render", qn]]), Jn = {
     name: "image",
     type: "file",
     bubble: !0,
-    allowedFileTypes: ["jpeg", "jpg", "png", "svg"],
+    allowedFileTypes: ["jpeg", "jpg", "png", "svg", "webp"],
     required: !0,
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (e) => {
@@ -1893,8 +1893,8 @@ const zn = /* @__PURE__ */ b(Hn, [["render", qn]]), Jn = {
           let c = !1;
           h.onload = () => {
             c = !0, a(h);
-          }, h.addEventListener("error", (p) => {
-            console.warn("Image load failed", p.error), u(p.error);
+          }, h.addEventListener("error", (m) => {
+            console.warn("Image load failed", m.error), u(m.error);
           }), h.src = i, setTimeout(() => {
             c || u(new Error("Image load timed out"));
           }, l);
@@ -2032,7 +2032,7 @@ const zn = /* @__PURE__ */ b(Hn, [["render", qn]]), Jn = {
 function eo(e, t, n, o, r, s) {
   var l, a, u;
   const i = g("Blocks");
-  return d(), m("div", w(
+  return d(), p("div", C(
     { style: {
       pointerEvents: "auto"
     } },
@@ -2244,7 +2244,7 @@ const to = /* @__PURE__ */ b(_n, [["render", eo]]), no = {
 }), so = ["onClick"], io = { key: 0 };
 function ao(e, t, n, o, r, s) {
   const i = g("Blocks");
-  return d(), m("div", null, [
+  return d(), p("div", null, [
     z("div", {
       class: "builder-tabs-wrap",
       style: D({
@@ -2254,7 +2254,7 @@ function ao(e, t, n, o, r, s) {
         overflow: "auto"
       })
     }, [
-      (d(!0), m(I, null, W(e.tabs, (l, a) => (d(), m("span", {
+      (d(!0), p(I, null, N(e.tabs, (l, a) => (d(), p("span", {
         key: a,
         class: J(`builder-tab-wrap ${e.activeTab === a ? "builder-tab-active" : ""}`),
         style: D({
@@ -2272,7 +2272,7 @@ function ao(e, t, n, o, r, s) {
         }, null, 8, ["parent", "path", "blocks", "context", "registeredComponents", "linkComponent"])
       ], 14, so))), 128))
     ], 4),
-    e.activeTabContent(e.activeTab) ? (d(), m("div", io, [
+    e.activeTabContent(e.activeTab) ? (d(), p("div", io, [
       R(i, {
         parent: e.builderBlock.id,
         path: `component.options.tabs.${e.activeTab}.content`,
@@ -2308,7 +2308,7 @@ const lo = /* @__PURE__ */ b(ro, [["render", ao]]), co = {
 }), po = ["innerHTML"];
 function mo(e, t, n, o, r, s) {
   var i;
-  return d(), m("div", {
+  return d(), p("div", {
     class: "builder-text",
     innerHTML: ((i = e.text) == null ? void 0 : i.toString()) || "",
     style: {
@@ -2374,7 +2374,7 @@ const ho = /* @__PURE__ */ b(uo, [["render", mo]]), fo = {
   }
 }), go = ["innerHTML"];
 function yo(e, t, n, o, r, s) {
-  return d(), m("div", {
+  return d(), p("div", {
     ref: "elementRef",
     class: J("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
     innerHTML: e.code
@@ -2391,13 +2391,16 @@ const ko = /* @__PURE__ */ b(bo, [["render", yo]]), So = {
     helperText: "e.g. enter a youtube url, google map, etc",
     onChange: (e) => {
       const t = e.get("url");
-      if (t)
-        return e.set("content", "Loading..."), fetch(`https://iframe.ly/api/iframely?url=${t}&api_key=ae0e60e78201a3f2b0de4b`).then((o) => o.json()).then((o) => {
+      if (t) {
+        e.set("content", "Loading...");
+        const n = _iframelyApiKey;
+        return fetch(`https://iframe.ly/api/iframely?url=${t}&api_key=${n}`).then((o) => o.json()).then((o) => {
           e.get("url") === t && (o.html ? e.set("content", o.html) : e.set("content", "Invalid url, please try another"));
         }).catch((o) => {
           e.set("content", "There was an error embedding this URL, please try again or another URL");
         });
-      e.delete("content");
+      } else
+        e.delete("content");
     }
   }, {
     name: "content",
@@ -2449,7 +2452,7 @@ const ko = /* @__PURE__ */ b(bo, [["render", yo]]), So = {
   }
 }), To = ["innerHTML"];
 function Io(e, t, n, o, r, s) {
-  return d(), m("div", {
+  return d(), p("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: e.content
@@ -2723,7 +2726,7 @@ const $o = /* @__PURE__ */ b(wo, [["render", Io]]), Ro = {
       formState: "unsubmitted",
       responseData: null,
       formErrorMessage: "",
-      filterAttrs: N
+      filterAttrs: A
     };
   },
   methods: {
@@ -2752,27 +2755,27 @@ const $o = /* @__PURE__ */ b(wo, [["render", Io]]), Ro = {
         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((c) => !!c.name).map((c) => {
-          let p;
+          let m;
           const v = c.name;
           if (c instanceof HTMLInputElement)
             if (c.type === "radio") {
               if (c.checked)
-                return p = c.name, {
+                return m = c.name, {
                   key: v,
-                  value: p
+                  value: m
                 };
             } else if (c.type === "checkbox")
-              p = c.checked;
+              m = c.checked;
             else if (c.type === "number" || c.type === "range") {
               const y = c.valueAsNumber;
-              isNaN(y) || (p = y);
+              isNaN(y) || (m = y);
             } else
-              c.type === "file" ? p = c.files : p = c.value;
+              c.type === "file" ? m = c.files : m = c.value;
           else
-            p = c.value;
+            m = c.value;
           return {
             key: v,
-            value: p
+            value: m
           };
         });
         let a = this.contentType;
@@ -2782,8 +2785,8 @@ const $o = /* @__PURE__ */ b(wo, [["render", Io]]), Ro = {
           s = i;
         else {
           const c = {};
-          Array.from(l).forEach(({ value: p, key: v }) => {
-            Oe(c, v, p);
+          Array.from(l).forEach(({ value: m, key: v }) => {
+            Oe(c, v, m);
           }), s = JSON.stringify(c);
         }
         a && a !== "multipart/form-data" && (t && ((n = this.action) != null && n.includes("zapier.com")) || (r["content-type"] = a));
@@ -2807,19 +2810,19 @@ const $o = /* @__PURE__ */ b(wo, [["render", Io]]), Ro = {
           }
         ).then(
           async (c) => {
-            let p;
+            let m;
             const v = c.headers.get("content-type");
-            if (v && v.indexOf("application/json") !== -1 ? p = await c.json() : p = await c.text(), !c.ok && this.errorMessagePath) {
-              let y = Po(p, this.errorMessagePath);
+            if (v && v.indexOf("application/json") !== -1 ? m = await c.json() : m = await c.text(), !c.ok && this.errorMessagePath) {
+              let y = Po(m, this.errorMessagePath);
               y && (typeof y != "string" && (y = JSON.stringify(y)), this.formErrorMessage = y, this.mergeNewRootState({
                 formErrorMessage: y
               }));
             }
-            if (this.responseData = p, this.formState = c.ok ? "success" : "error", c.ok) {
+            if (this.responseData = m, this.formState = c.ok ? "success" : "error", c.ok) {
               const y = new CustomEvent("submit:success", {
                 detail: {
                   res: c,
-                  body: p
+                  body: m
                 }
               });
               if (this.$refs.formRef) {
@@ -2840,12 +2843,12 @@ const $o = /* @__PURE__ */ b(wo, [["render", Io]]), Ro = {
             }
           },
           (c) => {
-            const p = new CustomEvent("submit:error", {
+            const m = new CustomEvent("submit:error", {
               detail: {
                 error: c
               }
             });
-            this.$refs.formRef && (this.$refs.formRef.dispatchEvent(p), p.defaultPrevented) || (this.responseData = c, this.formState = "error");
+            this.$refs.formRef && (this.$refs.formRef.dispatchEvent(m), m.defaultPrevented) || (this.responseData = c, this.formState = "error");
           }
         );
       }
@@ -2853,20 +2856,20 @@ const $o = /* @__PURE__ */ b(wo, [["render", Io]]), Ro = {
   }
 }), Ao = ["validate", "action", "method", "name"], Vo = {
   key: 3,
-  class: "builder-form-error-text pre-3q96myty4lk"
+  class: "builder-form-error-text pre-3i4ezorcfhi"
 };
 function Wo(e, t, n, o, r, s) {
   var a;
   const i = g("Block"), l = g("Blocks");
-  return d(), m("form", w({
+  return d(), 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) }, x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    e.builderBlock && e.builderBlock.children ? (d(!0), m(I, { key: 0 }, W((a = e.builderBlock) == null ? void 0 : a.children, (u, h) => (d(), k(i, {
+  }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    e.builderBlock && e.builderBlock.children ? (d(!0), p(I, { key: 0 }, N((a = e.builderBlock) == null ? void 0 : a.children, (u, h) => (d(), k(i, {
       key: `form-block-${e.idx}`,
       block: u,
       context: e.builderContext,
@@ -2885,7 +2888,7 @@ function Wo(e, t, n, o, r, s) {
       blocks: e.sendingMessage,
       context: e.builderContext
     }, null, 8, ["blocks", "context"])) : S("", !0),
-    e.submissionState() === "error" && e.responseData ? (d(), m("pre", Vo, ne(JSON.stringify(e.responseData, null, 2)), 1)) : S("", !0),
+    e.submissionState() === "error" && e.responseData ? (d(), p("pre", Vo, ne(JSON.stringify(e.responseData, null, 2)), 1)) : S("", !0),
     e.submissionState() === "success" ? (d(), k(l, {
       key: 4,
       path: "successMessage",
@@ -2894,7 +2897,7 @@ function Wo(e, t, n, o, r, s) {
     }, null, 8, ["blocks", "context"])) : S("", !0)
   ], 16, Ao);
 }
-const No = /* @__PURE__ */ b(xo, [["render", Wo], ["__scopeId", "data-v-6e18f21b"]]), Fo = {
+const No = /* @__PURE__ */ b(xo, [["render", Wo], ["__scopeId", "data-v-489330f7"]]), Fo = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -2957,11 +2960,11 @@ const No = /* @__PURE__ */ b(xo, [["render", Wo], ["__scopeId", "data-v-6e18f21b
     "required"
   ],
   data() {
-    return { isEditing: E, filterAttrs: N };
+    return { isEditing: E, filterAttrs: A };
   }
 }), Do = ["placeholder", "type", "name", "value", "defaultValue", "required"];
 function Uo(e, t, n, o, r, s) {
-  return d(), m("input", w({
+  return d(), p("input", C({
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     placeholder: e.placeholder,
     type: e.type,
@@ -2969,7 +2972,7 @@ function Uo(e, t, n, o, r, s) {
     value: e.value,
     defaultValue: e.defaultValue,
     required: e.required
-  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Do);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Do);
 }
 const Lo = /* @__PURE__ */ b(Oo, [["render", Uo]]), Mo = {
   name: "Form:Select",
@@ -3015,19 +3018,20 @@ const Lo = /* @__PURE__ */ b(Oo, [["render", Uo]]), Mo = {
   noWrap: !0
 }, jo = f({
   name: "builder-select-component",
-  props: ["attributes", "value", "defaultValue", "name", "options"],
+  props: ["attributes", "value", "defaultValue", "name", "required", "options"],
   data() {
-    return { isEditing: E, filterAttrs: N };
+    return { isEditing: E, filterAttrs: A };
   }
-}), Ho = ["value", "defaultValue", "name"], Ko = ["value"];
+}), Ho = ["value", "defaultValue", "name", "required"], Ko = ["value"];
 function qo(e, t, n, o, r, s) {
-  return d(), m("select", w({
+  return d(), p("select", C({
     value: e.value,
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     defaultValue: e.defaultValue,
-    name: e.name
-  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    (d(!0), m(I, null, W(e.options, (i, l) => (d(), m("option", {
+    name: e.name,
+    required: e.required
+  }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    (d(!0), p(I, null, N(e.options, (i, l) => (d(), p("option", {
       key: `${i.name}-${l}`,
       value: i.value
     }, ne(i.name || i.value), 9, Ko))), 128))
@@ -3062,13 +3066,72 @@ const zo = /* @__PURE__ */ b(jo, [["render", qo]]), Jo = {
   name: "builder-submit-button",
   props: ["attributes", "text"],
   data() {
-    return { filterAttrs: N };
+    return { filterAttrs: A };
   }
 });
 function Yo(e, t, n, o, r, s) {
-  return d(), m("button", w({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ne(e.text), 17);
+  return d(), p("button", C({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ne(e.text), 17);
 }
 const Qo = /* @__PURE__ */ b(Go, [["render", Yo]]), Xo = {
+  name: "Form:TextArea",
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
+  inputs: [{
+    advanced: !0,
+    name: "value",
+    type: "string"
+  }, {
+    name: "name",
+    type: "string",
+    required: !0,
+    helperText: 'Every input in a form needs a unique name describing what it gets, e.g. "email"'
+  }, {
+    name: "defaultValue",
+    type: "string"
+  }, {
+    name: "placeholder",
+    type: "string",
+    defaultValue: "Hello there"
+  }, {
+    name: "required",
+    type: "boolean",
+    defaultValue: !1
+  }],
+  defaultStyles: {
+    paddingTop: "10px",
+    paddingBottom: "10px",
+    paddingLeft: "10px",
+    paddingRight: "10px",
+    borderRadius: "3px",
+    borderWidth: "1px",
+    borderStyle: "solid",
+    borderColor: "#ccc"
+  },
+  static: !0,
+  noWrap: !0
+}, Zo = f({
+  name: "builder-textarea",
+  props: [
+    "attributes",
+    "placeholder",
+    "name",
+    "value",
+    "defaultValue",
+    "required"
+  ],
+  data() {
+    return { filterAttrs: A };
+  }
+}), _o = ["placeholder", "name", "value", "defaultValue", "required"];
+function er(e, t, n, o, r, s) {
+  return d(), p("textarea", C({
+    placeholder: e.placeholder,
+    name: e.name,
+    value: e.value,
+    defaultValue: e.defaultValue,
+    required: e.required
+  }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, _o);
+}
+const tr = /* @__PURE__ */ b(Zo, [["render", er]]), nr = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -3082,7 +3145,7 @@ const Qo = /* @__PURE__ */ b(Go, [["render", Yo]]), Xo = {
   }],
   noWrap: !0,
   static: !0
-}, Zo = f({
+}, or = f({
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -3093,11 +3156,11 @@ const Qo = /* @__PURE__ */ b(Go, [["render", Yo]]), Xo = {
     "attributes"
   ],
   data() {
-    return { isEditing: E, filterAttrs: N };
+    return { isEditing: E, filterAttrs: A };
   }
-}), _o = ["alt", "src"];
-function er(e, t, n, o, r, s) {
-  return d(), m("img", w({
+}), rr = ["alt", "src"];
+function sr(e, t, n, o, r, s) {
+  return d(), p("img", C({
     style: {
       objectFit: e.backgroundSize || "cover",
       objectPosition: e.backgroundPosition || "center"
@@ -3105,9 +3168,9 @@ function er(e, t, n, o, r, s) {
     key: e.isEditing() && e.imgSrc || "default-key",
     alt: e.altText,
     src: e.imgSrc || e.image
-  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, _o);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, rr);
 }
-const tr = /* @__PURE__ */ b(Zo, [["render", er]]), nr = {
+const ir = /* @__PURE__ */ b(or, [["render", sr]]), ar = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -3188,7 +3251,7 @@ const tr = /* @__PURE__ */ b(Zo, [["render", er]]), nr = {
     defaultValue: !0,
     advanced: !0
   }]
-}, or = f({
+}, lr = f({
   name: "builder-video",
   props: [
     "autoPlay",
@@ -3233,16 +3296,16 @@ const tr = /* @__PURE__ */ b(Zo, [["render", er]]), nr = {
       };
     }
   }
-}), rr = { style: {
+}), cr = { style: {
   position: "relative"
-} }, sr = ["preload", "src", "poster"], ir = ["src"], ar = {
+} }, dr = ["preload", "src", "poster"], ur = ["src"], pr = {
   key: 1,
   style: {
     display: "flex",
     flexDirection: "column",
     alignItems: "stretch"
   }
-}, lr = {
+}, mr = {
   key: 2,
   style: {
     pointerEvents: "none",
@@ -3256,10 +3319,10 @@ const tr = /* @__PURE__ */ b(Zo, [["render", er]]), nr = {
     height: "100%"
   }
 };
-function cr(e, t, n, o, r, s) {
-  var i, l, a, u, h, c, p;
-  return d(), m("div", rr, [
-    z("video", w({
+function hr(e, t, n, o, r, s) {
+  var i, l, a, u, h, c, m;
+  return d(), p("div", cr, [
+    z("video", C({
       class: "builder-video",
       preload: e.preload || "metadata",
       style: {
@@ -3279,13 +3342,13 @@ function cr(e, t, n, o, r, s) {
       src: e.video || "no-src",
       poster: e.posterImage
     }, e.spreadProps), [
-      e.lazyLoad ? S("", !0) : (d(), m("source", {
+      e.lazyLoad ? S("", !0) : (d(), p("source", {
         key: 0,
         type: "video/mp4",
         src: e.video
-      }, null, 8, ir))
-    ], 16, sr),
-    e.aspectRatio && !(e.fitContent && ((a = (l = e.builderBlock) == null ? void 0 : l.children) != null && a.length)) ? (d(), m("div", {
+      }, null, 8, ur))
+    ], 16, dr),
+    e.aspectRatio && !(e.fitContent && ((a = (l = e.builderBlock) == null ? void 0 : l.children) != null && a.length)) ? (d(), p("div", {
       key: 0,
       style: D({
         width: "100%",
@@ -3294,15 +3357,15 @@ function cr(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 ? (d(), m("div", ar, [
-      P(e.$slots, "default")
+    (h = (u = e.builderBlock) == null ? void 0 : u.children) != null && h.length && e.fitContent ? (d(), p("div", pr, [
+      x(e.$slots, "default")
     ])) : S("", !0),
-    (p = (c = e.builderBlock) == null ? void 0 : c.children) != null && p.length && !e.fitContent ? (d(), m("div", lr, [
-      P(e.$slots, "default")
+    (m = (c = e.builderBlock) == null ? void 0 : c.children) != null && m.length && !e.fitContent ? (d(), p("div", mr, [
+      x(e.$slots, "default")
     ])) : S("", !0)
   ]);
 }
-const dr = /* @__PURE__ */ b(or, [["render", cr]]), ur = () => [{
+const fr = /* @__PURE__ */ b(lr, [["render", hr]]), br = () => [{
   component: ko,
   ...fo
 }, {
@@ -3324,8 +3387,11 @@ const dr = /* @__PURE__ */ b(or, [["render", cr]]), ur = () => [{
   component: tr,
   ...Xo
 }, {
-  component: dr,
+  component: ir,
   ...nr
+}, {
+  component: fr,
+  ...ar
 }], we = () => [{
   component: Ct,
   ...Jn
@@ -3345,7 +3411,7 @@ const dr = /* @__PURE__ */ b(or, [["render", cr]]), ur = () => [{
   component: to,
   ...Zn
 }, {
-  component: Ss,
+  component: Is,
   ...no
 }, {
   component: ho,
@@ -3356,22 +3422,22 @@ const dr = /* @__PURE__ */ b(or, [["render", cr]]), ur = () => [{
 }, {
   component: zn,
   ...Mn
-}, ...ur()], pr = (e) => ({
+}, ...br()], gr = (e) => ({
   type: "builder.registerComponent",
   data: de(e)
-}), mr = (e) => {
+}), yr = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-}, hr = (e) => typeof e == "function" ? mr(e) : Y(e), de = ({
+}, kr = (e) => typeof e == "function" ? yr(e) : Y(e), de = ({
   inputs: e,
   ...t
 }) => ({
   ...Y(t),
   inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [r, s]) => ({
     ...o,
-    [r]: hr(s)
+    [r]: kr(s)
   }), {}))
-}), fr = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+}), Sr = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -3427,7 +3493,7 @@ const dr = /* @__PURE__ */ b(or, [["render", cr]]), ur = () => [{
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, br = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, vr = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -3465,16 +3531,16 @@ const dr = /* @__PURE__ */ b(or, [["render", cr]]), ur = () => [{
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), gr = ({
+})), Cr = ({
   canTrack: e,
   content: t
-}) => !(!(_(t).length > 0) || !e), yr = (e) => e === "react" || e === "reactNative", _e = yr($), kr = () => `
-  window.${Xe} = ${fr}
-  window.${Ze} = ${br}
-  `, Sr = (e, t) => `
+}) => !(!(_(t).length > 0) || !e), wr = (e) => e === "react" || e === "reactNative", _e = wr($), Tr = () => `
+  window.${Xe} = ${Sr}
+  window.${Ze} = ${vr}
+  `, Ir = (e, t) => `
   window.${Xe}(
     "${t}",${JSON.stringify(e)}, ${_e}
-  )`, vr = ({
+  )`, $r = ({
   contentId: e,
   variationId: t
 }) => `window.${Ze}(
@@ -3489,17 +3555,17 @@ const dr = /* @__PURE__ */ b(or, [["render", cr]]), ur = () => [{
   name: "inlined-script",
   props: ["scriptStr", "id"]
 });
-function Cr() {
+function Rr() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function wr() {
-  const e = Cr().fetch;
+function Er() {
+  const e = Rr().fetch;
   if (typeof e > "u")
     throw console.warn(`Builder SDK could not find a global fetch function. Make sure you have a polyfill for fetch in your project. 
       For more information, read https://github.com/BuilderIO/this-package-uses-fetch`), new Error("Builder SDK could not find a global `fetch` function");
   return e;
 }
-const tt = wr();
+const tt = Er();
 function ue(e, t = null, n = ".") {
   return Object.keys(e).reduce((o, r) => {
     const s = e[r], i = [t, r].filter(Boolean).join(n);
@@ -3519,17 +3585,17 @@ function nt(e, t, n = {}) {
   }
   return n;
 }
-const Tr = "v3", Te = "builder.", Ir = "options.", ot = (e) => {
+const Br = "v3", Te = "builder.", Pr = "options.", ot = (e) => {
   if (!e)
     return {};
   const t = Ve(e), n = {};
   return Object.keys(t).forEach((o) => {
     if (o.startsWith(Te)) {
-      const r = o.replace(Te, "").replace(Ir, "");
+      const r = o.replace(Te, "").replace(Pr, "");
       n[r] = t[o];
     }
   }), n;
-}, $r = () => {
+}, xr = () => {
   if (!T())
     return {};
   const e = new URLSearchParams(window.location.search);
@@ -3543,11 +3609,11 @@ const Tr = "v3", Te = "builder.", Ir = "options.", ot = (e) => {
     apiKey: s,
     enrich: i,
     locale: l,
-    apiVersion: a = Tr,
+    apiVersion: a = Br,
     fields: u,
     omit: h,
     offset: c,
-    cacheSeconds: p,
+    cacheSeconds: m,
     staleCacheSeconds: v,
     sort: y,
     includeUnpublished: F
@@ -3556,40 +3622,40 @@ const Tr = "v3", Te = "builder.", Ir = "options.", ot = (e) => {
     throw new Error("Missing API key");
   if (!["v3"].includes(a))
     throw new Error(`Invalid apiVersion: expected 'v3', received '${a}'`);
-  const X = t !== 1, C = new URL(`https://cdn.builder.io/api/${a}/content/${r}`);
-  if (C.searchParams.set("apiKey", s), C.searchParams.set("limit", String(t)), C.searchParams.set("noTraverse", String(X)), C.searchParams.set("includeRefs", String(!0)), l && C.searchParams.set("locale", l), i && C.searchParams.set("enrich", String(i)), C.searchParams.set("omit", h || "meta.componentsUsed"), u && C.searchParams.set("fields", u), Number.isFinite(c) && c > -1 && C.searchParams.set("offset", String(Math.floor(c))), typeof F == "boolean" && C.searchParams.set("includeUnpublished", String(F)), p && Ie(p) && C.searchParams.set("cacheSeconds", String(p)), v && Ie(v) && C.searchParams.set("staleCacheSeconds", String(v)), y) {
+  const X = 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(X)), 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 F == "boolean" && w.searchParams.set("includeUnpublished", String(F)), m && Ie(m) && w.searchParams.set("cacheSeconds", String(m)), v && Ie(v) && w.searchParams.set("staleCacheSeconds", String(v)), y) {
     const O = ue({
       sort: y
     });
     for (const j in O)
-      C.searchParams.set(j, JSON.stringify(O[j]));
+      w.searchParams.set(j, JSON.stringify(O[j]));
   }
   const ut = {
-    ...$r(),
+    ...xr(),
     ...Ve(e.options || {})
   }, Se = ue(ut);
   for (const O in Se)
-    C.searchParams.set(O, String(Se[O]));
-  if (n && C.searchParams.set("userAttributes", JSON.stringify(n)), o) {
+    w.searchParams.set(O, String(Se[O]));
+  if (n && w.searchParams.set("userAttributes", JSON.stringify(n)), o) {
     const O = nt({
       query: o
     });
     for (const j in O)
-      C.searchParams.set(j, JSON.stringify(O[j]));
+      w.searchParams.set(j, JSON.stringify(O[j]));
   }
-  return C;
-}, Rr = (e) => "results" in e;
+  return w;
+}, Ar = (e) => "results" in e;
 async function ke(e) {
-  const t = await Pr({
+  const t = await Nr({
     ...e,
     limit: 1
   });
   return t && t[0] || null;
 }
-const Er = async (e) => {
+const Vr = async (e) => {
   const t = ye(e);
   return await (await (e.fetch ?? tt)(t.href, e.fetchOptions)).json();
-}, Br = async (e, t, n = ye(e)) => {
+}, Wr = async (e, t, n = ye(e)) => {
   const o = G(e.canTrack);
   if (n.search.includes("preview="), !o || !(T() || $ === "reactNative"))
     return t.results;
@@ -3606,10 +3672,10 @@ const Er = async (e) => {
   }
   return t.results;
 };
-async function Pr(e) {
+async function Nr(e) {
   try {
-    const t = ye(e), n = await Er(e);
-    return Rr(n) ? Br(e, n) : (B.error("Error fetching data. ", {
+    const t = ye(e), n = await Vr(e);
+    return Ar(n) ? Wr(e, n) : (B.error("Error fetching data. ", {
       url: t,
       content: n,
       options: e
@@ -3618,20 +3684,20 @@ async function Pr(e) {
     return B.error("Error fetching data. ", t), null;
   }
 }
-function xr(e) {
+function Fr(e) {
   const t = e || (T() ? window.location.search : void 0);
   return t ? We(t).indexOf("builder.preview=") !== -1 : !1;
 }
-function Ar() {
+function Or() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
     const t = Math.random() * 16 | 0;
     return (e == "x" ? t : t & 3 | 8).toString(16);
   });
 }
 function rt() {
-  return Ar().replace(/-/g, "");
+  return Or().replace(/-/g, "");
 }
-const st = "builderSessionId", Vr = async ({
+const st = "builderSessionId", Dr = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -3643,20 +3709,20 @@ const st = "builderSessionId", Vr = async ({
   if (U(t))
     return t;
   {
-    const n = Wr();
-    return Nr({
+    const n = Ur();
+    return Lr({
       id: n,
       canTrack: e
     }), n;
   }
-}, Wr = () => rt(), Nr = ({
+}, Ur = () => rt(), Lr = ({
   id: e,
   canTrack: t
 }) => Je({
   name: st,
   value: e,
   canTrack: t
-}), it = () => T() && typeof localStorage < "u" ? localStorage : void 0, Fr = ({
+}), it = () => T() && typeof localStorage < "u" ? localStorage : void 0, Mr = ({
   key: e,
   canTrack: t
 }) => {
@@ -3667,7 +3733,7 @@ const st = "builderSessionId", Vr = async ({
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, Or = ({
+}, jr = ({
   key: e,
   canTrack: t,
   value: n
@@ -3678,32 +3744,32 @@ const st = "builderSessionId", Vr = async ({
   } catch (r) {
     console.debug("[LocalStorage] SET error: ", r);
   }
-}, at = "builderVisitorId", Dr = ({
+}, at = "builderVisitorId", Hr = ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = Fr({
+  const t = Mr({
     key: at,
     canTrack: e
   });
   if (U(t))
     return t;
   {
-    const n = Ur();
-    return Lr({
+    const n = Kr();
+    return qr({
       id: n,
       canTrack: e
     }), n;
   }
-}, Ur = () => rt(), Lr = ({
+}, Kr = () => rt(), qr = ({
   id: e,
   canTrack: t
-}) => Or({
+}) => jr({
   key: at,
   value: e,
   canTrack: t
-}), Mr = async ({
+}), zr = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -3711,16 +3777,16 @@ const st = "builderSessionId", Vr = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const t = await Vr({
+  const t = await Dr({
     canTrack: e
-  }), n = Dr({
+  }), n = Hr({
     canTrack: e
   });
   return {
     sessionId: t,
     visitorId: n
   };
-}, jr = async ({
+}, Jr = async ({
   type: e,
   canTrack: t,
   apiKey: n,
@@ -3734,7 +3800,7 @@ const st = "builderSessionId", Vr = async ({
       url: location.href,
       ...o
     },
-    ...await Mr({
+    ...await zr({
       canTrack: t
     }),
     userAttributes: Ne(),
@@ -3750,7 +3816,7 @@ async function pe(e) {
     return fetch("https://cdn.builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await jr(e)]
+        events: [await Jr(e)]
       }),
       headers: {
         "content-type": "application/json"
@@ -3760,14 +3826,14 @@ async function pe(e) {
       console.error("Failed to track: ", t);
     });
 }
-const Bs = (e) => pe({
+const Ws = (e) => pe({
   ...e,
   canTrack: !0
 });
 function $e(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const Hr = (e, t, n = !0) => {
+const Gr = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = n ? e : e.parentElement;
@@ -3778,7 +3844,7 @@ const Hr = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, Kr = (e) => Hr(e, (t) => {
+}, Yr = (e) => Gr(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
 }), Re = ({
@@ -3790,8 +3856,8 @@ const Hr = (e, t, n = !0) => {
     x: s,
     y: i
   };
-}, qr = (e) => {
-  const t = e.target, n = t && Kr(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, Qr = (e) => {
+  const t = e.target, n = t && Yr(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
@@ -3806,15 +3872,15 @@ const Hr = (e, t, n = !0) => {
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, zr = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
+}, Xr = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
 function lt(e, t) {
   if (!t.origin.startsWith("http") && !t.origin.startsWith("https"))
     return !1;
   const n = new URL(t.origin), o = n.hostname;
-  return (e || zr).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
+  return (e || Xr).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
 }
-const Jr = "1.0.33", Ee = {};
-function Gr(e, t) {
+const Zr = "1.0.36", Ee = {};
+function _r(e, t) {
   let n = Ee[e];
   if (n || (n = Ee[e] = []), n.push(t), T()) {
     const o = {
@@ -3831,8 +3897,8 @@ function Gr(e, t) {
     }
   }
 }
-const Yr = () => {
-  Gr("insertMenu", {
+const es = () => {
+  _r("insertMenu", {
     name: "_default",
     default: !0,
     items: [{
@@ -3861,7 +3927,7 @@ const ct = (e = {}) => {
     type: "builder.sdkInfo",
     data: {
       target: $,
-      version: Jr,
+      version: Zr,
       supportsPatchUpdates: !1,
       // Supports builder-model="..." attribute which is needed to
       // scope our '+ add block' button styling
@@ -3884,17 +3950,17 @@ const ct = (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 c, p = null;
+          let c, m = null;
           try {
             c = h.apply(null, a);
           } catch (v) {
-            p = v;
+            m = v;
           }
-          p ? (s = window.parent) == null || s.postMessage({
+          m ? (s = window.parent) == null || s.postMessage({
             type: "builder.evaluateError",
             data: {
               id: u,
-              error: p.message
+              error: m.message
             }
           }, "*") : c && typeof c.then == "function" ? c.then((v) => {
             var y;
@@ -3942,7 +4008,7 @@ const ct = (e = {}) => {
         break;
       }
     }
-}, Ps = (e, t, n) => {
+}, Ns = (e, t, n) => {
   if (!T)
     return B.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
     };
@@ -3961,7 +4027,7 @@ const ct = (e = {}) => {
   return window.addEventListener("message", o), () => {
     window.removeEventListener("message", o);
   };
-}, Qr = (e) => {
+}, ts = (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 = "";
@@ -3987,15 +4053,15 @@ font-weight: ${i};
         `.trim());
     }
   return r;
-}, Xr = ({
+}, ns = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => Qr(n))) == null ? void 0 : t.join(" ")) || "";
-}, Zr = ({
+  return ((t = e == null ? void 0 : e.map((n) => ts(n))) == null ? void 0 : t.join(" ")) || "";
+}, os = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", _r = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", rs = `
 .builder-button {
   all: unset;
 }
@@ -4012,7 +4078,7 @@ font-weight: ${i};
   text-align: inherit;
   font-family: inherit;
 }
-`, es = (e) => e ? "" : _r, ts = (e) => `variant-${e}`, ns = f({
+`, ss = (e) => e ? "" : rs, is = (e) => `variant-${e}`, as = f({
   name: "enable-editor",
   components: { DynamicDiv: Q },
   props: [
@@ -4037,7 +4103,7 @@ font-weight: ${i};
       httpReqsPending: {},
       clicked: !1,
       builderContext: ce,
-      getWrapperClassName: ts
+      getWrapperClassName: is
     };
   },
   provide() {
@@ -4062,7 +4128,7 @@ font-weight: ${i};
             variationId: s !== i ? s : void 0
           });
         }
-        xr() && !E() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+        Fr() && !E() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initpreviewingbldr")
         );
       }
@@ -4232,7 +4298,7 @@ font-weight: ${i};
           contentId: r,
           apiKey: this.apiKey,
           variationId: o !== r ? o : void 0,
-          ...qr(e),
+          ...Qr(e),
           unique: !this.clicked
         });
       }
@@ -4285,7 +4351,7 @@ font-weight: ${i};
       );
     },
     elementRef_onIniteditingbldr(e) {
-      window.addEventListener("message", this.processMessage), Yr(), ct({
+      window.addEventListener("message", this.processMessage), es(), ct({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -4299,7 +4365,7 @@ font-weight: ${i};
         this.builderContextSignal.componentInfos
       ).forEach((t) => {
         var o;
-        const n = pr(t);
+        const n = gr(t);
         (o = window.parent) == null || o.postMessage(n, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
@@ -4320,9 +4386,9 @@ font-weight: ${i};
     }
   }
 });
-function os(e, t, n, o, r, s) {
+function ls(e, t, n, o, r, s) {
   var i, l, a;
-  return e.builderContextSignal.content ? (d(), k(K(e.ContentWrapper), w({
+  return e.builderContextSignal.content ? (d(), k(K(e.ContentWrapper), C({
     key: 0,
     ref: "elementRef",
     onClick: (u) => e.onClick(u),
@@ -4332,39 +4398,39 @@ function os(e, t, n, o, r, s) {
     onIniteditingbldr: (u) => e.elementRef_onIniteditingbldr(u),
     onInitpreviewingbldr: (u) => e.elementRef_onInitpreviewingbldr(u)
   }, { ...e.showContentProps, ...e.contentWrapperProps }), {
-    default: V(() => [
-      P(e.$slots, "default")
+    default: W(() => [
+      x(e.$slots, "default")
     ]),
     _: 3
   }, 16, ["onClick", "builder-content-id", "builder-model", "class", "onIniteditingbldr", "onInitpreviewingbldr"])) : S("", !0);
 }
-const rs = /* @__PURE__ */ b(ns, [["render", os]]), ss = f({
+const cs = /* @__PURE__ */ b(as, [["render", ls]]), ds = f({
   name: "content-styles",
   components: { InlinedStyles: be },
   props: ["cssCode", "contentId", "customFonts", "isNestedRender"],
   data() {
     return {
       injectedStyles: `
-${Zr({
+${os({
         cssCode: this.cssCode,
         contentId: this.contentId
       })}
-${Xr({
+${ns({
         customFonts: this.customFonts
       })}
-${es(this.isNestedRender)}
+${ss(this.isNestedRender)}
 `.trim()
     };
   }
 });
-function is(e, t, n, o, r, s) {
+function us(e, t, n, o, r, s) {
   const i = g("InlinedStyles");
   return d(), k(i, {
     id: "builderio-content",
     styles: e.injectedStyles
   }, null, 8, ["styles"]);
 }
-const as = /* @__PURE__ */ b(ss, [["render", is]]), ls = ({
+const ps = /* @__PURE__ */ b(ds, [["render", us]]), ms = ({
   content: e,
   data: t,
   locale: n
@@ -4381,7 +4447,7 @@ const as = /* @__PURE__ */ b(ss, [["render", is]]), ls = ({
       locale: n
     } : {}
   };
-}, cs = ({
+}, hs = ({
   content: e,
   data: t
 }) => e ? {
@@ -4391,12 +4457,12 @@ const as = /* @__PURE__ */ b(ss, [["render", is]]), ls = ({
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, ds = ft, us = f({
+} : void 0, fs = ft, bs = f({
   name: "content-component",
   components: {
-    EnableEditor: rs,
+    EnableEditor: cs,
     InlinedScript: et,
-    ContentStyles: as,
+    ContentStyles: ps,
     Blocks: M,
     DynamicDiv: Q
   },
@@ -4424,7 +4490,7 @@ const as = /* @__PURE__ */ b(ss, [["render", is]]), ls = ({
   data() {
     var e, t;
     return {
-      scriptStr: vr({
+      scriptStr: $r({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
         variationId: (e = this.content) == null ? void 0 : e.testVariationId,
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
@@ -4437,19 +4503,19 @@ const as = /* @__PURE__ */ b(ss, [["render", is]]), ls = ({
         (n, { component: o, ...r }) => ({
           ...n,
           [r.name]: {
-            component: ds(o),
+            component: fs(o),
             ...de(r)
           }
         }),
         {}
       ),
       builderContextSignal: {
-        content: cs({
+        content: hs({
           content: this.content,
           data: this.data
         }),
         localState: void 0,
-        rootState: ls({
+        rootState: ms({
           content: this.content,
           data: this.data,
           locale: this.locale
@@ -4490,9 +4556,9 @@ const as = /* @__PURE__ */ b(ss, [["render", is]]), ls = ({
     }
   }
 });
-function ps(e, t, n, o, r, s) {
+function gs(e, t, n, o, r, s) {
   const i = g("InlinedScript"), l = g("ContentStyles"), a = g("Blocks"), u = g("EnableEditor");
-  return d(), k(u, w({
+  return d(), k(u, C({
     content: e.content,
     data: e.data,
     model: e.model,
@@ -4507,8 +4573,8 @@ function ps(e, t, n, o, r, s) {
     contentWrapperProps: e.contentWrapperProps,
     trustedHosts: e.trustedHosts
   }, {}), {
-    default: V(() => {
-      var h, c, p, v, y, F, X;
+    default: W(() => {
+      var h, c, m, v, y, F, X;
       return [
         e.isSsrAbTest ? (d(), k(i, {
           key: 0,
@@ -4519,7 +4585,7 @@ function ps(e, t, n, o, r, s) {
           key: 1,
           isNestedRender: e.isNestedRender,
           contentId: (h = e.builderContextSignal.content) == null ? void 0 : h.id,
-          cssCode: (p = (c = e.builderContextSignal.content) == null ? void 0 : c.data) == null ? void 0 : p.cssCode,
+          cssCode: (m = (c = e.builderContextSignal.content) == null ? void 0 : c.data) == null ? void 0 : m.cssCode,
           customFonts: (y = (v = e.builderContextSignal.content) == null ? void 0 : v.data) == null ? void 0 : y.customFonts
         }, null, 8, ["isNestedRender", "contentId", "cssCode", "customFonts"])) : S("", !0),
         R(a, {
@@ -4533,12 +4599,12 @@ function ps(e, t, n, o, r, s) {
     _: 1
   }, 16, ["content", "data", "model", "context", "apiKey", "canTrack", "locale", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps", "trustedHosts"]);
 }
-const ms = /* @__PURE__ */ b(us, [["render", ps]]), hs = f({
+const ys = /* @__PURE__ */ b(bs, [["render", gs]]), ks = f({
   name: "content-variants",
   components: {
     InlinedScript: et,
     InlinedStyles: be,
-    ContentComponent: ms
+    ContentComponent: ys
   },
   props: [
     "canTrack",
@@ -4561,12 +4627,12 @@ const ms = /* @__PURE__ */ b(us, [["render", ps]]), hs = f({
   ],
   data() {
     return {
-      shouldRenderVariants: gr({
+      shouldRenderVariants: Cr({
         canTrack: G(this.canTrack),
         content: this.content
       }),
       TARGET: $,
-      getInitVariantsFnsScriptString: kr,
+      getInitVariantsFnsScriptString: Tr,
       getVariants: _
     };
   },
@@ -4575,7 +4641,7 @@ const ms = /* @__PURE__ */ b(us, [["render", ps]]), hs = f({
   computed: {
     updateCookieAndStylesScriptStr() {
       var e;
-      return Sr(
+      return Ir(
         _(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
@@ -4598,15 +4664,15 @@ const ms = /* @__PURE__ */ b(us, [["render", ps]]), hs = f({
     }
   }
 });
-function fs(e, t, n, o, r, s) {
+function Ss(e, t, n, o, r, s) {
   const i = g("InlinedScript"), l = g("InlinedStyles"), a = g("ContentComponent");
-  return d(), m(I, null, [
+  return d(), p(I, null, [
     !e.isNestedRender && e.TARGET !== "reactNative" ? (d(), k(i, {
       key: 0,
       id: "builderio-init-variants-fns",
       scriptStr: e.getInitVariantsFnsScriptString()
     }, null, 8, ["scriptStr"])) : S("", !0),
-    e.shouldRenderVariants ? (d(), m(I, { key: 1 }, [
+    e.shouldRenderVariants ? (d(), p(I, { key: 1 }, [
       R(l, {
         id: "builderio-variants",
         styles: e.hideVariantsStyleString
@@ -4615,7 +4681,7 @@ function fs(e, t, n, o, r, s) {
         id: "builderio-variants-visibility",
         scriptStr: e.updateCookieAndStylesScriptStr
       }, null, 8, ["scriptStr"]),
-      (d(!0), m(I, null, W(e.getVariants(e.content), (u, h) => (d(), k(a, {
+      (d(!0), p(I, null, N(e.getVariants(e.content), (u, h) => (d(), k(a, {
         key: u.testVariationId,
         isNestedRender: e.isNestedRender,
         content: u,
@@ -4638,7 +4704,7 @@ function fs(e, t, n, o, r, s) {
         trustedHosts: e.trustedHosts
       }, null, 8, ["isNestedRender", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"]))), 128))
     ], 64)) : S("", !0),
-    R(a, w({
+    R(a, C({
       isNestedRender: e.isNestedRender,
       content: e.defaultContent,
       showContent: !0,
@@ -4663,7 +4729,7 @@ function fs(e, t, n, o, r, s) {
     }), null, 16, ["isNestedRender", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"])
   ], 64);
 }
-const bs = /* @__PURE__ */ b(hs, [["render", fs]]), gs = async ({
+const vs = /* @__PURE__ */ b(ks, [["render", Ss]]), Cs = async ({
   builderContextValue: e,
   symbol: t
 }) => {
@@ -4681,9 +4747,9 @@ const bs = /* @__PURE__ */ b(hs, [["render", fs]]), gs = async ({
     }).catch((n) => {
       B.error("Could not fetch symbol content: ", n);
     });
-}, ys = f({
+}, ws = f({
   name: "builder-symbol",
-  components: { ContentVariants: bs, DynamicDiv: Q },
+  components: { ContentVariants: vs, DynamicDiv: Q },
   props: [
     "symbol",
     "attributes",
@@ -4695,7 +4761,7 @@ const bs = /* @__PURE__ */ b(hs, [["render", fs]]), gs = async ({
   ],
   data() {
     var e;
-    return { contentToUse: (e = this.symbol) == null ? void 0 : e.content, filterAttrs: N };
+    return { contentToUse: (e = this.symbol) == null ? void 0 : e.content, filterAttrs: A };
   },
   mounted() {
     this.setContent();
@@ -4732,7 +4798,7 @@ const bs = /* @__PURE__ */ b(hs, [["render", fs]]), gs = async ({
   },
   methods: {
     setContent() {
-      this.contentToUse || gs({
+      this.contentToUse || Cs({
         symbol: this.symbol,
         builderContextValue: this.builderContext
       }).then((e) => {
@@ -4741,10 +4807,10 @@ const bs = /* @__PURE__ */ b(hs, [["render", fs]]), gs = async ({
     }
   }
 });
-function ks(e, t, n, o, r, s) {
+function Ts(e, t, n, o, r, s) {
   var l, a, u, h, c;
   const i = g("ContentVariants");
-  return d(), m("div", w({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+  return d(), p("div", C({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     R(i, {
       isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
@@ -4768,8 +4834,8 @@ function ks(e, t, n, o, r, s) {
     }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "canTrack", "model", "content", "linkComponent", "blocksWrapper", "contentWrapper"])
   ], 16);
 }
-const Ss = /* @__PURE__ */ b(ys, [["render", ks]]), Pe = {};
-function xs(e) {
+const Is = /* @__PURE__ */ b(ws, [["render", Ts]]), Pe = {};
+function Fs(e) {
   if (T()) {
     Object.assign(Pe, e);
     const t = {
@@ -4779,7 +4845,7 @@ function xs(e) {
     parent.postMessage(t, "*");
   }
 }
-const As = async (e) => {
+const Os = async (e) => {
   var o, r, s;
   const t = e.path || ((o = e.url) == null ? void 0 : o.pathname) || ((r = e.userAttributes) == null ? void 0 : r.urlPath), n = {
     ...e,
@@ -4800,43 +4866,43 @@ const As = async (e) => {
   };
 };
 export {
-  Br as A,
+  Wr as A,
   fe as B,
   fn as C,
-  Pr as D,
+  Nr as D,
   ke as E,
   yn as F,
-  Ts as G,
-  Rs as H,
+  Bs as G,
+  As as H,
   $n as I,
   Bn as S,
   $ as T,
-  dr as V,
+  fr as V,
   be as _,
   un as a,
-  Is as b,
+  Ps as b,
   U as c,
-  Es as d,
+  Vs as d,
   he as e,
   b as f,
   De as g,
   te as h,
-  $s as i,
+  xs as i,
   ee as j,
   ce as k,
   Ct as l,
-  Ss as m,
+  Is as m,
   ho as n,
   M as o,
-  bs as p,
+  vs as p,
   E as q,
-  xr as r,
-  pr as s,
-  Gr as t,
-  xs as u,
+  Fr as r,
+  gr as s,
+  _r as t,
+  Fs as u,
   ot as v,
-  ds as w,
-  Bs as x,
-  Ps as y,
-  As as z
+  fs as w,
+  Ws as x,
+  Ns as y,
+  Os as z
 };