@builder.io/sdk-vue 1.1.1 → 2.0.0

package/lib/browser/{index-ZjI6yLCn.js → index-pDvo-fub.js}

@@ -1,9 +1,9 @@
-var mt = Object.defineProperty;
-var ht = (e, t, n) => t in e ? mt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var re = (e, t, n) => (ht(e, typeof t != "symbol" ? t + "" : t, n), n);
+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 p, Fragment as I, createBlock as k, resolveDynamicComponent as K, mergeProps as S, toHandlers as P, withCtx as W, renderSlot as E, resolveComponent as g, createTextVNode as ft, toDisplayString as ne, defineAsyncComponent as H, createVNode as $, renderList as N, createCommentVNode as v, h as Ae, createElementVNode as z, normalizeStyle as O, normalizeClass as J, markRaw as bt } from "vue";
-const gt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), yt = (e) => typeof e == "string" && gt.has(e.toLowerCase());
+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 E, resolveComponent as g, createTextVNode as ht, toDisplayString as ne, defineAsyncComponent as H, createVNode as $, renderList as N, createCommentVNode as v, h as xe, createElementVNode as z, normalizeStyle as L, 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 x(e = {}, t, n) {
   const o = {};
   for (const r in e) {
@@ -14,11 +14,11 @@ function x(e = {}, t, n) {
   }
   return o;
 }
-const kt = f({
+const yt = f({
   name: "dynamic-renderer",
   props: ["TagName", "attributes", "actionAttributes"],
   data() {
-    return { isEmptyElement: yt };
+    return { isEmptyElement: gt };
   }
 }), b = (e, t) => {
   const n = e.__vccOpts || e;
@@ -26,14 +26,14 @@ const kt = f({
     n[o] = r;
   return n;
 };
-function vt(e, t, n, o, r, i) {
-  return e.isEmptyElement(e.TagName) ? (d(), k(K(e.TagName), S({ key: 1 }, e.attributes, P(e.actionAttributes)), null, 16)) : (d(), p(I, { key: 0 }, [
-    typeof e.TagName == "string" ? (d(), k(K(e.TagName), S({ key: 0 }, e.attributes, P(e.actionAttributes)), {
+function kt(e, t, n, o, r, i) {
+  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(() => [
         E(e.$slots, "default")
       ]),
       _: 3
-    }, 16)) : (d(), k(K(e.TagName), S({ key: 1 }, e.attributes, P(e.actionAttributes)), {
+    }, 16)) : (d(), k(K(e.TagName), C({ key: 1 }, e.attributes, P(e.actionAttributes)), {
       default: W(() => [
         E(e.$slots, "default")
       ]),
@@ -41,9 +41,9 @@ function vt(e, t, n, o, r, i) {
     }, 16))
   ], 64));
 }
-const he = /* @__PURE__ */ b(kt, [["render", vt]]), Ei = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const me = /* @__PURE__ */ b(yt, [["render", kt]]), Pi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: he
+  default: me
 }, Symbol.toStringTag, { value: "Module" })), A = "vue", ee = () => {
   switch (A) {
     case "react":
@@ -57,9 +57,9 @@ const he = /* @__PURE__ */ b(kt, [["render", vt]]), Ei = /* @__PURE__ */ Object.
     case "angular":
       return "class";
   }
-}, Ct = f({
+}, vt = f({
   name: "builder-button",
-  components: { DynamicRenderer: he },
+  components: { DynamicRenderer: me },
   props: [
     "attributes",
     "link",
@@ -94,12 +94,12 @@ function St(e, t, n, o, r, i) {
     actionAttributes: e.filterAttrs(e.attributes, "v-on:", !0)
   }, {
     default: W(() => [
-      ft(ne(e.text), 1)
+      ht(ne(e.text), 1)
     ]),
     _: 1
   }, 8, ["attributes", "TagName", "actionAttributes"]);
 }
-const wt = /* @__PURE__ */ b(Ct, [["render", St]]), Tt = Symbol(), de = {
+const Ct = /* @__PURE__ */ b(vt, [["render", St]]), wt = Symbol(), ce = {
   Builder: {
     content: null,
     context: {},
@@ -114,12 +114,12 @@ const wt = /* @__PURE__ */ b(Ct, [["render", St]]), Tt = Symbol(), de = {
     BlocksWrapper: "div",
     BlocksWrapperProps: {}
   },
-  key: Tt
-}, It = Symbol(), Ve = {
+  key: wt
+}, Tt = Symbol(), Ae = {
   Components: { registeredComponents: {} },
-  key: It
+  key: Tt
 };
-function $t(e) {
+function It(e) {
   var t;
   return {
     ...(t = e.component) == null ? void 0 : t.options,
@@ -135,27 +135,27 @@ const Z = "[Builder.io]: ", B = {
 function T() {
   return typeof window < "u" && typeof document < "u";
 }
-const Rt = (e) => {
+const $t = (e) => {
   const t = {};
   return e.forEach((n, o) => {
     t[o] = n;
   }), t;
-}, We = (e) => e instanceof URLSearchParams ? Rt(e) : e, Ne = (e) => typeof e == "string" ? e : e instanceof URLSearchParams ? e.toString() : new URLSearchParams(e).toString();
-function Bt() {
+}, Ve = (e) => e instanceof URLSearchParams ? $t(e) : e, We = (e) => typeof e == "string" ? e : e instanceof URLSearchParams ? e.toString() : new URLSearchParams(e).toString();
+function Rt() {
   return T() && window.self !== window.top;
 }
 function R(e) {
-  return Bt() && // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
-  Ne(e || window.location.search).indexOf("builder.frameEditing=") !== -1;
+  return Rt() && // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
+  We(e || window.location.search).indexOf("builder.frameEditing=") !== -1;
 }
-const Pt = () => {
+const Bt = () => {
   if (T()) {
     const e = new URL(location.href);
     return e.pathname === "" && (e.pathname = "/"), e;
   } else
     return console.warn("Cannot get location for tracking in non-browser environment"), null;
-}, Et = () => typeof navigator == "object" && navigator.userAgent || "", Le = () => {
-  const e = Et(), t = {
+}, Pt = () => typeof navigator == "object" && navigator.userAgent || "", Ne = () => {
+  const e = Pt(), t = {
     Android() {
       return e.match(/Android/i);
     },
@@ -174,13 +174,13 @@ const Pt = () => {
     any() {
       return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || A === "reactNative";
     }
-  }, n = e.match(/Tablet|iPad/i), o = Pt();
+  }, n = e.match(/Tablet|iPad/i), o = Bt();
   return {
     urlPath: o == null ? void 0 : o.pathname,
     host: (o == null ? void 0 : o.host) || (o == null ? void 0 : o.hostname),
     device: n ? "tablet" : t.any() ? "mobile" : "desktop"
   };
-}, xt = ({
+}, Et = ({
   builder: e,
   context: t,
   event: n,
@@ -192,12 +192,12 @@ const Pt = () => {
   builder: e,
   context: t,
   event: n
-}), At = () => ({
+}), xt = () => ({
   isEditing: R(),
   isBrowser: T(),
   isServer: !T(),
-  getUserAttributes: () => Le()
-}), Vt = (e, {
+  getUserAttributes: () => Ne()
+}), At = (e, {
   isExpression: t = !0
 }) => /* we disable this for cases where we definitely don't want a return */ t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e, Se = ({
   code: e,
@@ -208,7 +208,7 @@ const Pt = () => {
   rootSetState: i,
   rootState: s
 }) => {
-  const l = xt({
+  const l = Et({
     builder: t,
     context: n,
     event: o,
@@ -246,17 +246,17 @@ function Fe({
   });
 }
 const D = (e) => e != null;
-function Wt() {
+function Vt() {
   var e;
   return typeof process < "u" && D((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
 }
-const Nt = () => {
+const Wt = () => {
   var o;
-  if (!Wt())
+  if (!Vt())
     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;
-}, Lt = (e) => (T() || Nt(), Se(e)), V = class V {
+}, Nt = (e) => (T() || Wt(), Se(e)), V = class V {
   static getCacheKey(t) {
     return JSON.stringify({
       ...t,
@@ -274,7 +274,7 @@ const Nt = () => {
     });
   }
 };
-re(V, "cacheLimit", 20), re(V, "cache", /* @__PURE__ */ new Map());
+oe(V, "cacheLimit", 20), oe(V, "cache", /* @__PURE__ */ new Map());
 let U = V;
 function te({
   code: e,
@@ -289,10 +289,10 @@ function te({
   if (e === "")
     return;
   const a = {
-    code: Vt(e, {
+    code: At(e, {
       isExpression: s
     }),
-    builder: At(),
+    builder: xt(),
     context: t,
     event: i,
     rootSetState: r,
@@ -305,7 +305,7 @@ function te({
       return h.value;
   }
   try {
-    const u = Lt(a);
+    const u = Nt(a);
     if (l) {
       const h = U.getCacheKey(a);
       U.setCachedValue(h, u);
@@ -355,7 +355,7 @@ const Ft = ({
   }
   return s;
 };
-function De({
+function Le({
   block: e,
   context: t,
   shouldEvaluateBindings: n,
@@ -372,7 +372,7 @@ function De({
     context: t
   }) : s;
 }
-const fe = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
+const he = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
 function Ot(e, t, n = {}) {
   let o, r, i, s = null, l = 0;
   const a = function() {
@@ -395,55 +395,55 @@ function q(e, ...t) {
   }
   return n;
 }
-function Dt(e) {
+function Lt(e) {
   for (const t of e)
     switch (t.trigger) {
       case "pageLoad":
-        je(t);
+        Me(t);
         break;
       case "scrollInView":
-        Mt(t);
+        Ut(t);
         break;
     }
 }
-function Ue(e) {
+function De(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
-function Me(e, t) {
-  const n = Ut(e), o = getComputedStyle(t), r = e.steps[0].styles, i = e.steps[e.steps.length - 1].styles, s = [r, i];
+function Ue(e, t) {
+  const n = Dt(e), o = getComputedStyle(t), r = e.steps[0].styles, i = e.steps[e.steps.length - 1].styles, s = [r, i];
   for (const l of s)
     for (const a of n)
       a in l || (l[a] = o[a]);
 }
-function Ut(e) {
+function Dt(e) {
   const t = [];
   for (const n of e.steps)
     for (const o in n.styles)
       t.indexOf(o) === -1 && t.push(o);
   return t;
 }
-function je(e) {
+function Me(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    Ue(e.elementId || e.id || "");
+    De(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    Me(e, n), n.style.transition = "none", n.style.transitionDelay = "0", q(n.style, e.steps[0].styles), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${fe(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), q(n.style, e.steps[1].styles), setTimeout(() => {
+    Ue(e, n), n.style.transition = "none", n.style.transitionDelay = "0", q(n.style, e.steps[0].styles), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${he(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), q(n.style, e.steps[1].styles), setTimeout(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
     });
   });
 }
-function Mt(e) {
+function Ut(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    Ue(e.elementId || e.id || "");
+    De(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    Me(e, n);
+    Ue(e, n);
     let o = !1, r = !1;
     function i() {
       !o && l(n) ? (o = !0, r = !0, setTimeout(() => {
@@ -464,49 +464,49 @@ function Mt(e) {
       q(n.style, a);
     }
     u(), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${fe(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
+      n.style.transition = `all ${e.duration}s ${he(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
     }), document.addEventListener("scroll", s, {
       capture: !0,
       passive: !0
     }), i();
   });
 }
-const He = (e) => Object.entries(e).map(([n, o]) => {
+const je = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
-    return `${fe(n)}: ${o};`;
-}).filter(D), jt = (e) => He(e).join(`
-`), xi = ({
+    return `${he(n)}: ${o};`;
+}).filter(D), Mt = (e) => je(e).join(`
+`), Ei = ({
   mediaQuery: e,
   className: t,
   styles: n
 }) => {
   const o = `.${t} {
-    ${jt(n)}
+    ${Mt(n)}
   }`;
   return e ? `${e} {
       ${o}
     }` : o;
 };
-function Ht({
+function jt({
   style: e
 }) {
   return e;
 }
-const Ai = ({
+const xi = ({
   block: e,
   context: t
-}) => Ke(Ht({
+}) => He(jt({
   style: e.style || {},
   context: t,
   block: e
 }));
-function Ke(e) {
+function He(e) {
   switch (A) {
     case "svelte":
     case "vue":
     case "solid":
     case "angular":
-      return He(e).join(" ");
+      return je(e).join(" ");
     case "qwik":
     case "reactNative":
     case "react":
@@ -514,13 +514,13 @@ function Ke(e) {
       return e;
   }
 }
-const Kt = ({
+const Ht = ({
   block: e,
   context: t,
   registeredComponents: n
 }) => {
   var i;
-  const o = (i = De({
+  const o = (i = Le({
     block: e,
     localState: t.localState,
     rootState: t.rootState,
@@ -536,7 +536,7 @@ const Kt = ({
   console.warn(`
       Could not find a registered component named "${o}". 
       If you registered it, is the file that registered it imported by the file that needs to render it?`);
-}, qt = ({
+}, Kt = ({
   block: e,
   context: t
 }) => {
@@ -570,60 +570,64 @@ const Kt = ({
     },
     block: o
   }));
-}, oe = (e) => ({
-  // once we bump to a major version, toggle this to `false`.
-  builderBlock: !0,
-  // once we bump to a major version, toggle this to `false`.
-  builderContext: !0,
-  builderComponents: !1,
-  builderLinkComponent: !1,
-  ...e
-}), zt = (e, t) => e ? oe(e.shouldReceiveBuilderProps).builderLinkComponent ? {
-  builderLinkComponent: t
-} : {} : {}, Jt = (e, t) => e ? oe(e.shouldReceiveBuilderProps).builderComponents ? {
-  builderComponents: t
-} : {} : {}, Gt = (e, t) => e ? oe(e.shouldReceiveBuilderProps).builderBlock ? {
-  builderBlock: t
-} : {} : {}, Yt = (e, t) => e ? oe(e.shouldReceiveBuilderProps).builderContext ? {
-  builderContext: t
-} : {} : {}, Qt = () => Promise.resolve().then(() => un).then((e) => e.default).catch((e) => {
+}, qt = (e, t) => {
+  var n;
+  return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderLinkComponent ? {
+    builderLinkComponent: t
+  } : {};
+}, zt = (e, t) => {
+  var n;
+  return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderComponents ? {
+    builderComponents: t
+  } : {};
+}, Jt = (e, t) => {
+  var n;
+  return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderBlock ? {
+    builderBlock: t
+  } : {};
+}, Gt = (e, t) => {
+  var n;
+  return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderContext ? {
+    builderContext: t
+  } : {};
+}, Yt = () => Promise.resolve().then(() => dn).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
     e
   ), e;
-}), Xt = () => import("./block-styles-IgeLKqtO.js").then((e) => e.default).catch((e) => {
+}), Qt = () => import("./block-styles-cVSrkWog.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;
-}), Zt = () => import("./block-wrapper-2dz0ANfE.js").then((e) => e.default).catch((e) => {
+}), Xt = () => import("./block-wrapper-maIbj8Gi.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;
-}), _t = () => import("./component-ref-V2PjOzrU.js").then((e) => e.default).catch((e) => {
+}), Zt = () => import("./component-ref-1N_Kijok.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;
-}), en = () => import("./repeated-block-N87PTuTY.js").then((e) => e.default).catch((e) => {
+}), _t = () => import("./repeated-block-nP-Etgd7.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
   ), e;
-}), tn = f({
+}), en = f({
   name: "block",
   components: {
-    BlockStyles: H(Xt),
-    ComponentRef: H(_t),
-    RepeatedBlock: H(en),
-    BlockWrapper: H(Zt),
-    DynamicDiv: H(Qt)
+    BlockStyles: H(Qt),
+    ComponentRef: H(Zt),
+    RepeatedBlock: H(_t),
+    BlockWrapper: H(Xt),
+    DynamicDiv: H(Yt)
   },
   props: ["block", "context", "registeredComponents", "linkComponent"],
   mounted() {
     const e = this.processedBlock.id, t = this.processedBlock.animations;
-    t && e && Dt(
+    t && e && Lt(
       t.map((n) => ({
         ...n,
         elementId: e
@@ -632,21 +636,21 @@ const Kt = ({
   },
   computed: {
     blockComponent() {
-      return Kt({
+      return Ht({
         block: this.block,
         context: this.context,
         registeredComponents: this.registeredComponents
       });
     },
     repeatItem() {
-      return qt({
+      return Kt({
         block: this.block,
         context: this.context
       });
     },
     processedBlock() {
       var e;
-      return (e = this.block.repeat) != null && e.collection ? this.block : De({
+      return (e = this.block.repeat) != null && e.collection ? this.block : Le({
         block: this.block,
         localState: this.context.localState,
         rootState: this.context.rootState,
@@ -676,11 +680,11 @@ const Kt = ({
         blockChildren: this.processedBlock.children ?? [],
         componentRef: (e = this.blockComponent) == null ? void 0 : e.component,
         componentOptions: {
-          ...$t(this.processedBlock),
-          ...Gt(this.blockComponent, this.processedBlock),
-          ...Yt(this.blockComponent, this.context),
-          ...zt(this.blockComponent, this.linkComponent),
-          ...Jt(
+          ...It(this.processedBlock),
+          ...Jt(this.blockComponent, this.processedBlock),
+          ...Gt(this.blockComponent, this.context),
+          ...qt(this.blockComponent, this.linkComponent),
+          ...zt(
             this.blockComponent,
             this.registeredComponents
           )
@@ -695,7 +699,7 @@ const Kt = ({
     }
   }
 });
-function nn(e, t, n, o, r, i) {
+function tn(e, t, n, o, r, i) {
   var c;
   const s = g("BlockStyles"), l = g("ComponentRef"), a = g("Block", !0), u = g("BlockWrapper"), h = g("RepeatedBlock");
   return e.canShowBlock ? (d(), p(I, { key: 0 }, [
@@ -715,8 +719,8 @@ function nn(e, t, n, o, r, i) {
       includeBlockProps: e.componentRefProps.includeBlockProps,
       isInteractive: e.componentRefProps.isInteractive
     }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"])) : (d(), p(I, { key: 0 }, [
-      e.repeatItem ? (d(!0), p(I, { key: 1 }, N(e.repeatItem, (m, C) => (d(), k(h, {
-        key: C,
+      e.repeatItem ? (d(!0), p(I, { key: 1 }, N(e.repeatItem, (m, S) => (d(), k(h, {
+        key: S,
         repeatContext: m.context,
         block: m.block,
         registeredComponents: e.registeredComponents,
@@ -739,7 +743,7 @@ function nn(e, t, n, o, r, i) {
             includeBlockProps: e.componentRefProps.includeBlockProps,
             isInteractive: e.componentRefProps.isInteractive
           }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"]),
-          (d(!0), p(I, null, N(e.childrenWithoutParentComponent, (m, C) => (d(), k(a, {
+          (d(!0), p(I, null, N(e.childrenWithoutParentComponent, (m, S) => (d(), k(a, {
             key: m.id,
             block: m,
             registeredComponents: e.registeredComponents,
@@ -752,10 +756,10 @@ function nn(e, t, n, o, r, i) {
     ], 64))
   ], 64)) : v("", !0);
 }
-const be = /* @__PURE__ */ b(tn, [["render", nn]]), Vi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const fe = /* @__PURE__ */ b(en, [["render", tn]]), Ai = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: be
-}, Symbol.toStringTag, { value: "Module" })), on = f({
+  default: fe
+}, Symbol.toStringTag, { value: "Module" })), nn = f({
   name: "builder-blocks-wrapper",
   props: [
     "blocks",
@@ -800,8 +804,8 @@ const be = /* @__PURE__ */ b(tn, [["render", nn]]), Vi = /* @__PURE__ */ Object.
     }
   }
 });
-function rn(e, t, n, o, r, i) {
-  return d(), k(K(e.BlocksWrapper), S({
+function on(e, t, n, o, r, i) {
+  return d(), k(K(e.BlocksWrapper), C({
     class: e.className + " component-178o76acnws",
     "builder-path": e.path,
     "builder-parent-id": e.parent,
@@ -816,9 +820,9 @@ function rn(e, t, n, o, r, i) {
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const sn = /* @__PURE__ */ b(on, [["render", rn], ["__scopeId", "data-v-a5b13ef9"]]), an = f({
+const rn = /* @__PURE__ */ b(nn, [["render", on], ["__scopeId", "data-v-a5b13ef9"]]), sn = f({
   name: "builder-blocks",
-  components: { BlocksWrapper: sn, Block: be },
+  components: { BlocksWrapper: rn, Block: fe },
   props: [
     "blocks",
     "parent",
@@ -829,11 +833,11 @@ const sn = /* @__PURE__ */ b(on, [["render", rn], ["__scopeId", "data-v-a5b13ef9
     "registeredComponents"
   ],
   inject: {
-    builderContext: de.key,
-    componentsContext: Ve.key
+    builderContext: ce.key,
+    componentsContext: Ae.key
   }
 });
-function ln(e, t, n, o, r, i) {
+function an(e, t, n, o, r, i) {
   var a, u;
   const s = g("Block"), l = g("BlocksWrapper");
   return d(), k(l, {
@@ -856,28 +860,28 @@ function ln(e, t, n, o, r, i) {
     _: 1
   }, 8, ["blocks", "parent", "path", "styleProp", "BlocksWrapper", "BlocksWrapperProps"]);
 }
-const M = /* @__PURE__ */ b(an, [["render", ln]]), cn = f({
+const M = /* @__PURE__ */ b(sn, [["render", an]]), ln = f({
   name: "dynamic-div",
   props: []
 });
-function dn(e, t, n, o, r, i) {
+function cn(e, t, n, o, r, i) {
   return d(), p("div", null, [
     E(e.$slots, "default")
   ]);
 }
-const Q = /* @__PURE__ */ b(cn, [["render", dn]]), un = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Q = /* @__PURE__ */ b(ln, [["render", cn]]), dn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Q
-}, Symbol.toStringTag, { value: "Module" })), ge = f({
+}, Symbol.toStringTag, { value: "Module" })), be = f({
   render() {
-    return Ae("style", {
+    return xe("style", {
       innerHTML: this.styles,
       "data-id": this.id
     });
   },
   name: "inlined-styles",
   props: ["styles", "id"]
-}), qe = {
+}), Ke = {
   small: {
     min: 320,
     default: 321,
@@ -893,11 +897,11 @@ const Q = /* @__PURE__ */ b(cn, [["render", dn]]), un = /* @__PURE__ */ Object.f
     default: 991,
     max: 1200
   }
-}, Wi = (e, t = qe) => `@media (max-width: ${t[e].max}px)`, pn = ({
+}, Vi = (e, t = Ke) => `@media (max-width: ${t[e].max}px)`, un = ({
   small: e,
   medium: t
 }) => {
-  const n = Y(qe);
+  const n = Y(Ke);
   if (!e || !t)
     return n;
   const o = Math.floor(e / 2);
@@ -919,11 +923,11 @@ const Q = /* @__PURE__ */ b(cn, [["render", dn]]), un = /* @__PURE__ */ Object.f
     min: i,
     default: i + 1
   }, n;
-}, mn = (e) => `builder-columns ${e}-breakpoints`, hn = f({
+}, pn = (e) => `builder-columns ${e}-breakpoints`, mn = f({
   name: "builder-columns",
   components: {
-    InlinedStyles: ge,
-    DynamicRenderer: he,
+    InlinedStyles: be,
+    DynamicRenderer: me,
     Blocks: M,
     DynamicDiv: Q
   },
@@ -944,7 +948,7 @@ const Q = /* @__PURE__ */ b(cn, [["render", dn]]), un = /* @__PURE__ */ Object.f
       stackAt: this.stackColumnsAt || "tablet",
       flexDir: this.stackColumnsAt === "never" ? "row" : this.reverseColumnsWhenStacked ? "column-reverse" : "column",
       TARGET: A,
-      getColumnsClass: mn
+      getColumnsClass: pn
     };
   },
   methods: {
@@ -956,8 +960,8 @@ const Q = /* @__PURE__ */ b(cn, [["render", dn]]), un = /* @__PURE__ */ Object.f
       return ((t = this.cols[e]) == null ? void 0 : t.width) || 100 / this.cols.length;
     },
     getColumnCssWidth(e) {
-      const t = this.gutterSize * (this.cols.length - 1) / this.cols.length;
-      return `calc(${this.getWidth(e)}% - ${t}px)`;
+      const t = this.getWidth(e), n = this.gutterSize * (this.cols.length - 1) * (t / 100);
+      return `calc(${t}% - ${n}px)`;
     },
     getTabletStyle({
       stackedStyle: e,
@@ -1010,7 +1014,7 @@ const Q = /* @__PURE__ */ b(cn, [["render", dn]]), un = /* @__PURE__ */ Object.f
     },
     getWidthForBreakpointSize(e) {
       var n, o;
-      return pn(
+      return un(
         ((o = (n = this.builderContext.content) == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || {}
       )[e].max;
     },
@@ -1047,15 +1051,15 @@ const Q = /* @__PURE__ */ b(cn, [["render", dn]]), un = /* @__PURE__ */ Object.f
           href: e.link
         } : {},
         [ee()]: "builder-column",
-        style: Ke(this.columnCssVars(t))
+        style: He(this.columnCssVars(t))
       };
     }
   }
 });
-function fn(e, t, n, o, r, i) {
+function hn(e, t, n, o, r, i) {
   var u;
   const s = g("InlinedStyles"), l = g("Blocks"), a = g("DynamicRenderer");
-  return d(), p("div", S({
+  return d(), p("div", C({
     class: e.getColumnsClass((u = e.builderBlock) == null ? void 0 : u.id) + " div-2brhoa1k8gd",
     style: e.columnsCssVars()
   }, {}), [
@@ -1087,45 +1091,45 @@ function fn(e, t, n, o, r, i) {
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const bn = /* @__PURE__ */ b(hn, [["render", fn], ["__scopeId", "data-v-27a4dde0"]]), gn = f({
+const fn = /* @__PURE__ */ b(mn, [["render", hn], ["__scopeId", "data-v-5320212d"]]), bn = f({
   name: "builder-fragment-component",
   props: []
 });
-function yn(e, t, n, o, r, i) {
+function gn(e, t, n, o, r, i) {
   return d(), p("span", null, [
     E(e.$slots, "default")
   ]);
 }
-const kn = /* @__PURE__ */ b(gn, [["render", yn]]);
-function we(e) {
+const yn = /* @__PURE__ */ b(bn, [["render", gn]]);
+function Ce(e) {
   return e.replace(/http(s)?:/, "");
 }
-function vn(e = "", t, n) {
+function kn(e = "", t, n) {
   const o = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), r = e.indexOf("?") !== -1 ? "&" : "?";
   return e.match(o) ? e.replace(o, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + r + t + "=" + encodeURIComponent(n);
 }
-function Cn(e, t) {
+function vn(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
-    return we(e);
+    return Ce(e);
   const n = e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
   if (n) {
     const o = e.split(n[0]), r = n[3], i = t.match("x") ? t : `${t}x`;
-    return we(`${o[0]}_${i}${r}`);
+    return Ce(`${o[0]}_${i}${r}`);
   }
   return null;
 }
-function ie(e) {
+function re(e) {
   if (!e)
     return e;
   const t = [100, 200, 400, 800, 1200, 1600, 2e3];
   if (e.match(/builder\.io/)) {
     let n = e;
     const o = Number(e.split("?width=")[1]);
-    return isNaN(o) || (n = `${n} ${o}w`), t.filter((r) => r !== o).map((r) => `${vn(e, "width", r)} ${r}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), t.filter((r) => r !== o).map((r) => `${kn(e, "width", r)} ${r}w`).concat([n]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [Cn(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
+  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [vn(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
 const Sn = f({
   name: "builder-image",
@@ -1154,10 +1158,10 @@ const Sn = f({
         return this.srcset;
       if (this.srcset && ((n = this.image) != null && n.includes("builder.io/api/v1/image"))) {
         if (!this.srcset.includes(this.image.split("?")[0]))
-          return console.debug("Removed given srcset"), ie(t);
+          return console.debug("Removed given srcset"), re(t);
       } else if (this.image && !this.srcset)
-        return ie(t);
-      return ie(t);
+        return re(t);
+      return re(t);
     },
     webpSrcSet() {
       var e;
@@ -1174,11 +1178,11 @@ const Sn = f({
       return this.aspectRatio ? e : void 0;
     }
   }
-}), wn = ["srcset"], Tn = ["loading", "fetchpriority", "alt", "role", "src", "srcset", "sizes"], In = {
+}), Cn = ["srcset"], wn = ["loading", "fetchpriority", "alt", "role", "src", "srcset", "sizes"], Tn = {
   key: 2,
   class: "div-1pl23ac79ld-2"
 };
-function $n(e, t, n, o, r, i) {
+function In(e, t, n, o, r, i) {
   var s, l, a, u, h, c;
   return d(), p(I, null, [
     z("picture", null, [
@@ -1186,13 +1190,13 @@ function $n(e, t, n, o, r, i) {
         key: 0,
         type: "image/webp",
         srcset: e.webpSrcSet
-      }, null, 8, wn)) : v("", !0),
+      }, null, 8, Cn)) : v("", !0),
       z("img", {
         loading: e.highPriority ? "eager" : "lazy",
         fetchpriority: e.highPriority ? "high" : "auto",
         alt: e.altText,
         role: e.altText ? void 0 : "presentation",
-        style: O({
+        style: L({
           objectPosition: e.backgroundPosition || "center",
           objectFit: e.backgroundSize || "cover",
           ...e.aspectRatioCss
@@ -1203,30 +1207,30 @@ function $n(e, t, n, o, r, i) {
         src: e.image,
         srcset: e.srcSetToUse,
         sizes: e.sizes
-      }, null, 14, Tn)
+      }, null, 14, wn)
     ]),
     e.aspectRatio && !((l = (s = e.builderBlock) == null ? void 0 : s.children) != null && l.length && e.fitContent) ? (d(), p("div", {
       key: 0,
       class: "builder-image-sizer div-1pl23ac79ld",
-      style: O({
+      style: L({
         paddingTop: e.aspectRatio * 100 + "%"
       })
     }, null, 4)) : v("", !0),
     (u = (a = e.builderBlock) == null ? void 0 : a.children) != null && u.length && e.fitContent ? E(e.$slots, "default", { key: 1 }, void 0, !0) : v("", !0),
-    !e.fitContent && ((c = (h = e.builderBlock) == null ? void 0 : h.children) != null && c.length) ? (d(), p("div", In, [
+    !e.fitContent && ((c = (h = e.builderBlock) == null ? void 0 : h.children) != null && c.length) ? (d(), p("div", Tn, [
       E(e.$slots, "default", {}, void 0, !0)
     ])) : v("", !0)
   ], 64);
 }
-const Rn = /* @__PURE__ */ b(Sn, [["render", $n], ["__scopeId", "data-v-0d528855"]]), Bn = f({
+const $n = /* @__PURE__ */ b(Sn, [["render", In], ["__scopeId", "data-v-0d528855"]]), Rn = f({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
     return { filterAttrs: x };
   }
 });
-function Pn(e, t, n, o, r, i) {
-  return d(), p("section", S({
+function Bn(e, t, n, o, r, i) {
+  return d(), p("section", C({
     style: {
       width: "100%",
       alignSelf: "stretch",
@@ -1243,12 +1247,12 @@ function Pn(e, t, n, o, r, i) {
     E(e.$slots, "default")
   ], 16);
 }
-const En = /* @__PURE__ */ b(Bn, [["render", Pn]]), xn = (e) => {
+const Pn = /* @__PURE__ */ b(Rn, [["render", Bn]]), En = (e) => {
   if (e === "localhost" || e === "127.0.0.1")
     return e;
   const t = e.split(".");
   return t.length > 2 ? t.slice(1).join(".") : e;
-}, ze = ({
+}, qe = ({
   name: e,
   canTrack: t
 }) => {
@@ -1259,14 +1263,14 @@ const En = /* @__PURE__ */ b(Bn, [["render", Pn]]), xn = (e) => {
     B.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, Je = async (e) => ze(e), An = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(D).join("; "), Vn = [["secure", ""], ["SameSite", "None"]], Wn = ({
+}, ze = async (e) => qe(e), xn = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(D).join("; "), An = [["secure", ""], ["SameSite", "None"]], Vn = ({
   name: e,
   value: t,
   expires: n
 }) => {
-  const r = (T() ? location.protocol === "https:" : !0) ? Vn : [[]], i = n ? [["expires", n.toUTCString()]] : [[]], s = [[e, t], ...i, ["path", "/"], ["domain", xn(window.location.hostname)], ...r];
-  return An(s);
-}, Ge = async ({
+  const r = (T() ? location.protocol === "https:" : !0) ? An : [[]], i = n ? [["expires", n.toUTCString()]] : [[]], s = [[e, t], ...i, ["path", "/"], ["domain", En(window.location.hostname)], ...r];
+  return xn(s);
+}, Je = async ({
   name: e,
   value: t,
   expires: n,
@@ -1275,7 +1279,7 @@ const En = /* @__PURE__ */ b(Bn, [["render", Pn]]), xn = (e) => {
   try {
     if (!o)
       return;
-    const r = Wn({
+    const r = Vn({
       name: e,
       value: t,
       expires: n
@@ -1284,24 +1288,24 @@ const En = /* @__PURE__ */ b(Bn, [["render", Pn]]), xn = (e) => {
   } catch (r) {
     B.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
   }
-}, Nn = "builder.tests", ye = (e) => `${Nn}.${e}`, Ln = ({
+}, Wn = "builder.tests", ge = (e) => `${Wn}.${e}`, Nn = ({
   contentId: e
-}) => Je({
-  name: ye(e),
+}) => ze({
+  name: ge(e),
   canTrack: !0
 }), Fn = ({
   contentId: e
-}) => ze({
-  name: ye(e),
+}) => qe({
+  name: ge(e),
   canTrack: !0
 }), On = ({
   contentId: e,
   value: t
-}) => Ge({
-  name: ye(e),
+}) => Je({
+  name: ge(e),
   value: t,
   canTrack: !0
-}), Ye = (e) => D(e.id) && D(e.variations) && Object.keys(e.variations).length > 0, Dn = ({
+}), Ge = (e) => D(e.id) && D(e.variations) && Object.keys(e.variations).length > 0, Ln = ({
   id: e,
   variations: t
 }) => {
@@ -1314,15 +1318,15 @@ const En = /* @__PURE__ */ b(Bn, [["render", Pn]]), xn = (e) => {
       return i;
   }
   return e;
-}, Qe = (e) => {
-  const t = Dn(e);
+}, Ye = (e) => {
+  const t = Ln(e);
   return On({
     contentId: e.id,
     value: t
   }).catch((n) => {
     B.error("could not store A/B test variation: ", n);
   }), t;
-}, Xe = ({
+}, Qe = ({
   item: e,
   testGroupId: t
 }) => {
@@ -1336,7 +1340,7 @@ const En = /* @__PURE__ */ b(Bn, [["render", Pn]]), xn = (e) => {
     testVariationId: n.id,
     testVariationName: n.name || (n.id === e.id ? "Default" : "")
   };
-}, Un = ({
+}, Dn = ({
   item: e,
   canTrack: t
 }) => {
@@ -1344,14 +1348,14 @@ const En = /* @__PURE__ */ b(Bn, [["render", Pn]]), xn = (e) => {
     return e;
   if (!e)
     return;
-  if (!Ye(e))
+  if (!Ge(e))
     return e;
   const n = Fn({
     contentId: e.id
-  }) || Qe({
+  }) || Ye({
     variations: e.variations,
     id: e.id
-  }), o = Xe({
+  }), o = Qe({
     item: e,
     testGroupId: n
   });
@@ -1359,18 +1363,18 @@ const En = /* @__PURE__ */ b(Bn, [["render", Pn]]), xn = (e) => {
     ...e,
     ...o
   };
-}, Mn = async ({
+}, Un = async ({
   item: e,
   canTrack: t
 }) => {
-  if (!t || !Ye(e))
+  if (!t || !Ge(e))
     return e;
-  const o = await Ln({
+  const o = await Nn({
     contentId: e.id
-  }) || Qe({
+  }) || Ye({
     variations: e.variations,
     id: e.id
-  }), r = Xe({
+  }), r = Qe({
     item: e,
     testGroupId: o
   });
@@ -1378,7 +1382,7 @@ const En = /* @__PURE__ */ b(Bn, [["render", Pn]]), xn = (e) => {
     ...e,
     ...r
   };
-}, G = (e) => D(e) ? e : !0, se = {
+}, G = (e) => D(e) ? e : !0, ie = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item title",
   responsiveStyles: {
@@ -1407,7 +1411,7 @@ const En = /* @__PURE__ */ b(Bn, [["render", Pn]]), xn = (e) => {
       }
     }
   }]
-}, ae = {
+}, se = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item detail",
   responsiveStyles: {
@@ -1438,7 +1442,7 @@ const En = /* @__PURE__ */ b(Bn, [["render", Pn]]), xn = (e) => {
       }
     }
   }]
-}, jn = {
+}, Mn = {
   name: "Builder:Accordion",
   canHaveChildren: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FagZ9n5CUKRfbL9t6CaJOyVSK4Es2%2Ffab6c1fd3fe542408cbdec078bca7f35",
@@ -1455,19 +1459,19 @@ const En = /* @__PURE__ */ b(Bn, [["render", Pn]]), xn = (e) => {
       name: "title",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [se]
+      defaultValue: [ie]
     }, {
       name: "detail",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [ae]
+      defaultValue: [se]
     }],
     defaultValue: [{
-      title: [se],
-      detail: [ae]
+      title: [ie],
+      detail: [se]
     }, {
-      title: [se],
-      detail: [ae]
+      title: [ie],
+      detail: [se]
     }],
     showIf: (e) => !e.get("useChildrenForItems")
   }, {
@@ -1502,7 +1506,7 @@ const En = /* @__PURE__ */ b(Bn, [["render", Pn]]), xn = (e) => {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Hn = (e) => e.toString(), Kn = f({
+}, jn = (e) => e.toString(), Hn = f({
   name: "builder-accordion",
   components: { Blocks: M },
   props: [
@@ -1516,7 +1520,7 @@ const En = /* @__PURE__ */ b(Bn, [["render", Pn]]), xn = (e) => {
     "builderLinkComponent"
   ],
   data() {
-    return { open: [], convertOrderNumberToString: Hn };
+    return { open: [], convertOrderNumberToString: jn };
   },
   computed: {
     onlyOneAtATime() {
@@ -1597,17 +1601,17 @@ const En = /* @__PURE__ */ b(Bn, [["render", Pn]]), xn = (e) => {
       this.open.includes(e) ? this.open = this.onlyOneAtATime ? [] : this.open.filter((t) => t !== e) : this.open = this.onlyOneAtATime ? [e] : this.open.concat(e);
     }
   }
-}), qn = ["data-index", "onClick"];
-function zn(e, t, n, o, r, i) {
+}), Kn = ["data-index", "onClick"];
+function qn(e, t, n, o, r, i) {
   const s = g("Blocks");
   return d(), p("div", {
     class: "builder-accordion",
-    style: O(e.accordionStyles)
+    style: L(e.accordionStyles)
   }, [
     (d(!0), p(I, null, N(e.items, (l, a) => (d(), p(I, { key: a }, [
       z("div", {
         class: J(e.getAccordionTitleClassName(a)),
-        style: O({
+        style: L({
           ...e.accordionTitleStyles,
           width: e.grid ? e.gridRowWidth : void 0,
           order: e.openGridItemOrder !== null ? e.convertOrderNumberToString(a) : e.convertOrderNumberToString(a + 1)
@@ -1623,11 +1627,11 @@ function zn(e, t, n, o, r, i) {
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent
         }, null, 8, ["blocks", "path", "parent", "context", "registeredComponents", "linkComponent"])
-      ], 14, qn),
+      ], 14, Kn),
       e.open.includes(a) ? (d(), p("div", {
         key: 0,
         class: J(e.getAccordionDetailClassName(a)),
-        style: O(e.accordionDetailStyles)
+        style: L(e.accordionDetailStyles)
       }, [
         $(s, {
           blocks: l.detail,
@@ -1641,7 +1645,7 @@ function zn(e, t, n, o, r, i) {
     ], 64))), 128))
   ], 4);
 }
-const Jn = /* @__PURE__ */ b(Kn, [["render", zn]]), Gn = {
+const zn = /* @__PURE__ */ b(Hn, [["render", qn]]), Jn = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1675,12 +1679,9 @@ const Jn = /* @__PURE__ */ b(Kn, [["render", zn]]), Gn = {
   static: !0,
   noWrap: !0,
   shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !1,
-    builderComponents: !1,
     builderLinkComponent: !0
   }
-}, Yn = {
+}, Gn = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -1887,19 +1888,13 @@ const Jn = /* @__PURE__ */ b(Kn, [["render", zn]]), Gn = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Qn = {
-  shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !1,
-    builderComponents: !1,
-    builderLinkComponent: !1
-  },
+}, Yn = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, Xn = {
+}, Qn = {
   name: "Image",
   static: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -2005,18 +2000,9 @@ const Jn = /* @__PURE__ */ b(Kn, [["render", zn]]), Gn = {
     defaultValue: 0.7041
   }],
   shouldReceiveBuilderProps: {
-    builderBlock: !0,
-    builderContext: !1,
-    builderComponents: !1,
-    builderLinkComponent: !1
+    builderBlock: !0
   }
-}, Zn = {
-  shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !1,
-    builderComponents: !1,
-    builderLinkComponent: !1
-  },
+}, Xn = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -2055,7 +2041,7 @@ const Jn = /* @__PURE__ */ b(Kn, [["render", zn]]), Gn = {
       }
     }
   }]
-}, _n = {
+}, Zn = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -2069,20 +2055,17 @@ const Jn = /* @__PURE__ */ b(Kn, [["render", zn]]), Gn = {
     defaultValue: "children"
   }],
   shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !0,
-    builderComponents: !1,
-    builderLinkComponent: !1
+    builderContext: !0
   }
-}, eo = f({
+}, _n = f({
   name: "builder-slot",
   components: { Blocks: M },
   props: ["builderContext", "name"]
 });
-function to(e, t, n, o, r, i) {
+function eo(e, t, n, o, r, i) {
   var l, a, u;
   const s = g("Blocks");
-  return d(), p("div", S(
+  return d(), p("div", C(
     { style: {
       pointerEvents: "auto"
     } },
@@ -2098,7 +2081,7 @@ function to(e, t, n, o, r, i) {
     }, null, 8, ["parent", "path", "context", "blocks"])
   ], 16);
 }
-const no = /* @__PURE__ */ b(eo, [["render", to]]), oo = {
+const to = /* @__PURE__ */ b(_n, [["render", eo]]), no = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -2137,7 +2120,7 @@ const no = /* @__PURE__ */ b(eo, [["render", to]]), oo = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, le = {
+}, ae = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -2159,7 +2142,7 @@ const no = /* @__PURE__ */ b(eo, [["render", to]]), oo = {
       text: "New tab"
     }
   }
-}, ce = {
+}, le = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -2175,7 +2158,7 @@ const no = /* @__PURE__ */ b(eo, [["render", to]]), oo = {
       text: "New tab content "
     }
   }
-}, ro = {
+}, oo = {
   name: "Builder: Tabs",
   inputs: [{
     name: "tabs",
@@ -2185,16 +2168,16 @@ const no = /* @__PURE__ */ b(eo, [["render", to]]), oo = {
       name: "label",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [le]
+      defaultValue: [ae]
     }, {
       name: "content",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [ce]
+      defaultValue: [le]
     }],
     defaultValue: [{
       label: [{
-        ...le,
+        ...ae,
         component: {
           name: "Text",
           options: {
@@ -2203,7 +2186,7 @@ const no = /* @__PURE__ */ b(eo, [["render", to]]), oo = {
         }
       }],
       content: [{
-        ...ce,
+        ...le,
         component: {
           name: "Text",
           options: {
@@ -2213,7 +2196,7 @@ const no = /* @__PURE__ */ b(eo, [["render", to]]), oo = {
       }]
     }, {
       label: [{
-        ...le,
+        ...ae,
         component: {
           name: "Text",
           options: {
@@ -2222,7 +2205,7 @@ const no = /* @__PURE__ */ b(eo, [["render", to]]), oo = {
         }
       }],
       content: [{
-        ...ce,
+        ...le,
         component: {
           name: "Text",
           options: {
@@ -2278,7 +2261,7 @@ const no = /* @__PURE__ */ b(eo, [["render", to]]), oo = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, io = f({
+}, ro = f({
   name: "builder-tabs",
   components: { Blocks: M },
   props: [
@@ -2303,13 +2286,13 @@ const no = /* @__PURE__ */ b(eo, [["render", to]]), oo = {
       e === this.activeTab && this.collapsible ? this.activeTab = -1 : this.activeTab = e;
     }
   }
-}), so = ["onClick"], ao = { key: 0 };
-function lo(e, t, n, o, r, i) {
+}), io = ["onClick"], so = { key: 0 };
+function ao(e, t, n, o, r, i) {
   const s = g("Blocks");
   return d(), p("div", null, [
     z("div", {
       class: "builder-tabs-wrap",
-      style: O({
+      style: L({
         display: "flex",
         flexDirection: "row",
         justifyContent: e.tabHeaderLayout || "flex-start",
@@ -2319,7 +2302,7 @@ function lo(e, t, n, o, r, i) {
       (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: O({
+        style: L({
           ...e.activeTab === a ? e.activeTabStyle : {}
         }),
         onClick: (u) => e.onClick(a)
@@ -2332,9 +2315,9 @@ function lo(e, t, n, o, r, i) {
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent
         }, null, 8, ["parent", "path", "blocks", "context", "registeredComponents", "linkComponent"])
-      ], 14, so))), 128))
+      ], 14, io))), 128))
     ], 4),
-    e.activeTabContent(e.activeTab) ? (d(), p("div", ao, [
+    e.activeTabContent(e.activeTab) ? (d(), p("div", so, [
       $(s, {
         parent: e.builderBlock.id,
         path: `component.options.tabs.${e.activeTab}.content`,
@@ -2346,12 +2329,9 @@ function lo(e, t, n, o, r, i) {
     ])) : v("", !0)
   ]);
 }
-const co = /* @__PURE__ */ b(io, [["render", lo]]), uo = {
+const lo = /* @__PURE__ */ b(ro, [["render", ao]]), co = {
   shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !1,
-    builderComponents: !1,
-    builderLinkComponent: !1
+    builderBlock: !1
   },
   name: "Text",
   static: !0,
@@ -2370,11 +2350,11 @@ const co = /* @__PURE__ */ b(io, [["render", lo]]), uo = {
     height: "auto",
     textAlign: "center"
   }
-}, po = f({
+}, uo = f({
   name: "builder-text",
   props: ["text"]
-}), mo = ["innerHTML"];
-function ho(e, t, n, o, r, i) {
+}), po = ["innerHTML"];
+function mo(e, t, n, o, r, i) {
   var s;
   return d(), p("div", {
     class: "builder-text",
@@ -2382,15 +2362,9 @@ function ho(e, t, n, o, r, i) {
     style: {
       outline: "none"
     }
-  }, null, 8, mo);
+  }, null, 8, po);
 }
-const fo = /* @__PURE__ */ b(po, [["render", ho]]), bo = {
-  shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !1,
-    builderComponents: !1,
-    builderLinkComponent: !1
-  },
+const ho = /* @__PURE__ */ b(uo, [["render", mo]]), fo = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -2412,7 +2386,7 @@ const fo = /* @__PURE__ */ b(po, [["render", ho]]), bo = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, go = f({
+}, bo = f({
   name: "builder-custom-code",
   props: ["replaceNodes", "code"],
   data() {
@@ -2446,21 +2420,15 @@ const fo = /* @__PURE__ */ b(po, [["render", ho]]), bo = {
       }
     }
   }
-}), yo = ["innerHTML"];
-function ko(e, t, n, o, r, i) {
+}), go = ["innerHTML"];
+function yo(e, t, n, o, r, i) {
   return d(), p("div", {
     ref: "elementRef",
     class: J("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
     innerHTML: e.code
-  }, null, 10, yo);
+  }, null, 10, go);
 }
-const vo = /* @__PURE__ */ b(go, [["render", ko]]), Co = {
-  shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !1,
-    builderComponents: !1,
-    builderLinkComponent: !1
-  },
+const ko = /* @__PURE__ */ b(bo, [["render", yo]]), vo = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -2468,27 +2436,14 @@ const vo = /* @__PURE__ */ b(go, [["render", ko]]), Co = {
     type: "url",
     required: !0,
     defaultValue: "",
-    helperText: "e.g. enter a youtube url, google map, etc",
-    onChange: (e) => {
-      const t = e.get("url");
-      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");
-        });
-      } else
-        e.delete("content");
-    }
+    helperText: "e.g. enter a youtube url, google map, etc"
   }, {
     name: "content",
     type: "html",
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, So = ["text/javascript", "application/javascript", "application/ecmascript"], wo = (e) => So.includes(e.type), To = f({
+}, So = ["text/javascript", "application/javascript", "application/ecmascript"], Co = (e) => So.includes(e.type), wo = f({
   name: "builder-embed",
   props: ["content"],
   data() {
@@ -2521,7 +2476,7 @@ const vo = /* @__PURE__ */ b(go, [["render", ko]]), Co = {
           this.scriptsInserted.push(n.src);
           const o = document.createElement("script");
           o.async = !0, o.src = n.src, document.head.appendChild(o);
-        } else if (wo(n) && !this.scriptsRun.includes(n.innerText))
+        } else if (Co(n) && !this.scriptsRun.includes(n.innerText))
           try {
             this.scriptsRun.push(n.innerText), new Function(n.innerText)();
           } catch (o) {
@@ -2530,15 +2485,15 @@ const vo = /* @__PURE__ */ b(go, [["render", ko]]), Co = {
       }
     }
   }
-}), Io = ["innerHTML"];
-function $o(e, t, n, o, r, i) {
+}), To = ["innerHTML"];
+function Io(e, t, n, o, r, i) {
   return d(), p("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: e.content
-  }, null, 8, Io);
+  }, null, 8, To);
 }
-const Ro = /* @__PURE__ */ b(To, [["render", $o]]), Bo = {
+const $o = /* @__PURE__ */ b(wo, [["render", Io]]), Ro = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -2775,15 +2730,15 @@ const Ro = /* @__PURE__ */ b(To, [["render", $o]]), Bo = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Po = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], Eo = () => {
+}, Bo = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], Po = () => {
   const e = process.env.NODE_ENV || "production";
-  return Po.includes(e) ? e : "production";
-}, xo = (e, t, n) => {
+  return Bo.includes(e) ? e : "production";
+}, Eo = (e, t, n) => {
   const o = String.prototype.split.call(t, /[,[\].]+?/).filter(Boolean).reduce((r, i) => r != null ? r[i] : r, e);
   return o === void 0 || o === e ? n : o;
-}, Ao = f({
+}, xo = f({
   name: "builder-form-component",
-  components: { Block: be, Blocks: M },
+  components: { Block: fe, Blocks: M },
   props: [
     "builderContext",
     "previewState",
@@ -2842,12 +2797,12 @@ const Ro = /* @__PURE__ */ b(To, [["render", $o]]), Bo = {
         let i;
         const s = new FormData(o), l = Array.from(o.querySelectorAll("input,select,textarea")).filter((c) => !!c.name).map((c) => {
           let m;
-          const C = c.name;
+          const S = c.name;
           if (c instanceof HTMLInputElement)
             if (c.type === "radio") {
               if (c.checked)
                 return m = c.name, {
-                  key: C,
+                  key: S,
                   value: m
                 };
             } else if (c.type === "checkbox")
@@ -2860,7 +2815,7 @@ const Ro = /* @__PURE__ */ b(To, [["render", $o]]), Bo = {
           else
             m = c.value;
           return {
-            key: C,
+            key: S,
             value: m
           };
         });
@@ -2871,8 +2826,8 @@ const Ro = /* @__PURE__ */ b(To, [["render", $o]]), Bo = {
           i = s;
         else {
           const c = {};
-          Array.from(l).forEach(({ value: m, key: C }) => {
-            Oe(c, C, m);
+          Array.from(l).forEach(({ value: m, key: S }) => {
+            Oe(c, S, m);
           }), i = JSON.stringify(c);
         }
         a && a !== "multipart/form-data" && (t && ((n = this.action) != null && n.includes("zapier.com")) || (r["content-type"] = a));
@@ -2884,7 +2839,7 @@ const Ro = /* @__PURE__ */ b(To, [["render", $o]]), Bo = {
         if (this.$refs.formRef && (this.$refs.formRef.dispatchEvent(u), u.defaultPrevented))
           return;
         this.formState = "sending";
-        const h = `${Eo() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
+        const h = `${Po() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
           this.sendSubmissionsToEmail || ""
         )}&name=${encodeURIComponent(this.name || "")}`;
         fetch(
@@ -2897,9 +2852,9 @@ const Ro = /* @__PURE__ */ b(To, [["render", $o]]), Bo = {
         ).then(
           async (c) => {
             let m;
-            const C = c.headers.get("content-type");
-            if (C && C.indexOf("application/json") !== -1 ? m = await c.json() : m = await c.text(), !c.ok && this.errorMessagePath) {
-              let y = xo(m, this.errorMessagePath);
+            const S = c.headers.get("content-type");
+            if (S && S.indexOf("application/json") !== -1 ? m = await c.json() : m = await c.text(), !c.ok && this.errorMessagePath) {
+              let y = Eo(m, this.errorMessagePath);
               y && (typeof y != "string" && (y = JSON.stringify(y)), this.formErrorMessage = y, this.mergeNewRootState({
                 formErrorMessage: y
               }));
@@ -2918,12 +2873,12 @@ const Ro = /* @__PURE__ */ b(To, [["render", $o]]), Bo = {
               }
               if (this.successUrl)
                 if (this.$refs.formRef) {
-                  const L = new CustomEvent("route", {
+                  const F = new CustomEvent("route", {
                     detail: {
                       url: this.successUrl
                     }
                   });
-                  this.$refs.formRef.dispatchEvent(L), L.defaultPrevented || (location.href = this.successUrl);
+                  this.$refs.formRef.dispatchEvent(F), F.defaultPrevented || (location.href = this.successUrl);
                 } else
                   location.href = this.successUrl;
             }
@@ -2940,14 +2895,14 @@ const Ro = /* @__PURE__ */ b(To, [["render", $o]]), Bo = {
       }
     }
   }
-}), Vo = ["validate", "action", "method", "name"], Wo = {
+}), Ao = ["validate", "action", "method", "name"], Vo = {
   key: 3,
   class: "builder-form-error-text pre-3i4ezorcfhi"
 };
-function No(e, t, n, o, r, i) {
+function Wo(e, t, n, o, r, i) {
   var a;
   const s = g("Block"), l = g("Blocks");
-  return d(), p("form", S({
+  return d(), p("form", C({
     validate: e.validate,
     ref: "formRef",
     action: !e.sendWithJs && e.action,
@@ -2974,22 +2929,16 @@ function No(e, t, n, o, r, i) {
       blocks: e.sendingMessage,
       context: e.builderContext
     }, null, 8, ["blocks", "context"])) : v("", !0),
-    e.submissionState() === "error" && e.responseData ? (d(), p("pre", Wo, ne(JSON.stringify(e.responseData, null, 2)), 1)) : v("", !0),
+    e.submissionState() === "error" && e.responseData ? (d(), p("pre", Vo, ne(JSON.stringify(e.responseData, null, 2)), 1)) : v("", !0),
     e.submissionState() === "success" ? (d(), k(l, {
       key: 4,
       path: "successMessage",
       blocks: e.successMessage,
       context: e.builderContext
     }, null, 8, ["blocks", "context"])) : v("", !0)
-  ], 16, Vo);
+  ], 16, Ao);
 }
-const Lo = /* @__PURE__ */ b(Ao, [["render", No], ["__scopeId", "data-v-489330f7"]]), Fo = {
-  shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !1,
-    builderComponents: !1,
-    builderLinkComponent: !1
-  },
+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: [
@@ -3054,9 +3003,9 @@ const Lo = /* @__PURE__ */ b(Ao, [["render", No], ["__scopeId", "data-v-489330f7
   data() {
     return { isEditing: R, filterAttrs: x };
   }
-}), Do = ["placeholder", "type", "name", "value", "defaultValue", "required"];
-function Uo(e, t, n, o, r, i) {
-  return d(), p("input", S({
+}), Lo = ["placeholder", "type", "name", "value", "defaultValue", "required"];
+function Do(e, t, n, o, r, i) {
+  return d(), p("input", C({
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     placeholder: e.placeholder,
     type: e.type,
@@ -3064,15 +3013,9 @@ function Uo(e, t, n, o, r, i) {
     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, Do);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Lo);
 }
-const Mo = /* @__PURE__ */ b(Oo, [["render", Uo]]), jo = {
-  shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !1,
-    builderComponents: !1,
-    builderLinkComponent: !1
-  },
+const Uo = /* @__PURE__ */ b(Oo, [["render", Do]]), Mo = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -3114,15 +3057,15 @@ const Mo = /* @__PURE__ */ b(Oo, [["render", Uo]]), jo = {
   }],
   static: !0,
   noWrap: !0
-}, Ho = f({
+}, jo = f({
   name: "builder-select-component",
   props: ["attributes", "value", "defaultValue", "name", "required", "options"],
   data() {
     return { isEditing: R, filterAttrs: x };
   }
-}), Ko = ["value", "defaultValue", "name", "required"], qo = ["value"];
-function zo(e, t, n, o, r, i) {
-  return d(), p("select", S({
+}), Ho = ["value", "defaultValue", "name", "required"], Ko = ["value"];
+function qo(e, t, n, o, r, i) {
+  return d(), p("select", C({
     value: e.value,
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     defaultValue: e.defaultValue,
@@ -3132,16 +3075,10 @@ function zo(e, t, n, o, r, i) {
     (d(!0), p(I, null, N(e.options, (s, l) => (d(), p("option", {
       key: `${s.name}-${l}`,
       value: s.value
-    }, ne(s.name || s.value), 9, qo))), 128))
-  ], 16, Ko);
+    }, ne(s.name || s.value), 9, Ko))), 128))
+  ], 16, Ho);
 }
-const Jo = /* @__PURE__ */ b(Ho, [["render", zo]]), Go = {
-  shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !1,
-    builderComponents: !1,
-    builderLinkComponent: !1
-  },
+const zo = /* @__PURE__ */ b(jo, [["render", qo]]), Jo = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -3166,23 +3103,17 @@ const Jo = /* @__PURE__ */ b(Ho, [["render", zo]]), Go = {
   // that only shows if advanced setting is flipped
   // TODO: defaultChildren
   // canHaveChildren: true,
-}, Yo = f({
+}, Go = f({
   name: "builder-submit-button",
   props: ["attributes", "text"],
   data() {
     return { filterAttrs: x };
   }
 });
-function Qo(e, t, n, o, r, i) {
-  return d(), p("button", S({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ne(e.text), 17);
+function Yo(e, t, n, o, r, i) {
+  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 Xo = /* @__PURE__ */ b(Yo, [["render", Qo]]), Zo = {
-  shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !1,
-    builderComponents: !1,
-    builderLinkComponent: !1
-  },
+const Qo = /* @__PURE__ */ b(Go, [["render", Yo]]), Xo = {
   name: "Form:TextArea",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
   inputs: [{
@@ -3218,7 +3149,7 @@ const Xo = /* @__PURE__ */ b(Yo, [["render", Qo]]), Zo = {
   },
   static: !0,
   noWrap: !0
-}, _o = f({
+}, Zo = f({
   name: "builder-textarea",
   props: [
     "attributes",
@@ -3231,23 +3162,17 @@ const Xo = /* @__PURE__ */ b(Yo, [["render", Qo]]), Zo = {
   data() {
     return { filterAttrs: x };
   }
-}), er = ["placeholder", "name", "value", "defaultValue", "required"];
-function tr(e, t, n, o, r, i) {
-  return d(), p("textarea", S({
+}), _o = ["placeholder", "name", "value", "defaultValue", "required"];
+function er(e, t, n, o, r, i) {
+  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, er);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, _o);
 }
-const nr = /* @__PURE__ */ b(_o, [["render", tr]]), or = {
-  shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !1,
-    builderComponents: !1,
-    builderLinkComponent: !1
-  },
+const tr = /* @__PURE__ */ b(Zo, [["render", er]]), nr = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -3261,7 +3186,7 @@ const nr = /* @__PURE__ */ b(_o, [["render", tr]]), or = {
   }],
   noWrap: !0,
   static: !0
-}, rr = f({
+}, or = f({
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -3274,9 +3199,9 @@ const nr = /* @__PURE__ */ b(_o, [["render", tr]]), or = {
   data() {
     return { isEditing: R, filterAttrs: x };
   }
-}), ir = ["alt", "src"];
-function sr(e, t, n, o, r, i) {
-  return d(), p("img", S({
+}), rr = ["alt", "src"];
+function ir(e, t, n, o, r, i) {
+  return d(), p("img", C({
     style: {
       objectFit: e.backgroundSize || "cover",
       objectPosition: e.backgroundPosition || "center"
@@ -3284,9 +3209,9 @@ function sr(e, t, n, o, r, i) {
     key: e.isEditing() && e.imgSrc || "default-key",
     alt: e.altText,
     src: e.imgSrc || e.image
-  }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, ir);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, rr);
 }
-const ar = /* @__PURE__ */ b(rr, [["render", sr]]), lr = {
+const sr = /* @__PURE__ */ b(or, [["render", ir]]), ar = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -3368,12 +3293,9 @@ const ar = /* @__PURE__ */ b(rr, [["render", sr]]), lr = {
     advanced: !0
   }],
   shouldReceiveBuilderProps: {
-    builderBlock: !0,
-    builderContext: !1,
-    builderComponents: !1,
-    builderLinkComponent: !1
+    builderBlock: !0
   }
-}, cr = f({
+}, lr = f({
   name: "builder-video",
   props: [
     "autoPlay",
@@ -3418,16 +3340,16 @@ const ar = /* @__PURE__ */ b(rr, [["render", sr]]), lr = {
       };
     }
   }
-}), dr = { style: {
+}), cr = { style: {
   position: "relative"
-} }, ur = ["preload", "src", "poster"], pr = ["src"], mr = {
+} }, dr = ["preload", "src", "poster"], ur = ["src"], pr = {
   key: 1,
   style: {
     display: "flex",
     flexDirection: "column",
     alignItems: "stretch"
   }
-}, hr = {
+}, mr = {
   key: 2,
   style: {
     pointerEvents: "none",
@@ -3441,10 +3363,10 @@ const ar = /* @__PURE__ */ b(rr, [["render", sr]]), lr = {
     height: "100%"
   }
 };
-function fr(e, t, n, o, r, i) {
+function hr(e, t, n, o, r, i) {
   var s, l, a, u, h, c, m;
-  return d(), p("div", dr, [
-    z("video", S({
+  return d(), p("div", cr, [
+    z("video", C({
       class: "builder-video",
       preload: e.preload || "metadata",
       style: {
@@ -3468,98 +3390,98 @@ function fr(e, t, n, o, r, i) {
         key: 0,
         type: "video/mp4",
         src: e.video
-      }, null, 8, pr))
-    ], 16, ur),
+      }, 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: O({
+      style: L({
         width: "100%",
         paddingTop: e.aspectRatio * 100 + "%",
         pointerEvents: "none",
         fontSize: "0px"
       })
     }, null, 4)) : v("", !0),
-    (h = (u = e.builderBlock) == null ? void 0 : u.children) != null && h.length && e.fitContent ? (d(), p("div", mr, [
+    (h = (u = e.builderBlock) == null ? void 0 : u.children) != null && h.length && e.fitContent ? (d(), p("div", pr, [
       E(e.$slots, "default")
     ])) : v("", !0),
-    (m = (c = e.builderBlock) == null ? void 0 : c.children) != null && m.length && !e.fitContent ? (d(), p("div", hr, [
+    (m = (c = e.builderBlock) == null ? void 0 : c.children) != null && m.length && !e.fitContent ? (d(), p("div", mr, [
       E(e.$slots, "default")
     ])) : v("", !0)
   ]);
 }
-const br = /* @__PURE__ */ b(cr, [["render", fr]]), gr = () => [{
-  component: vo,
-  ...bo
+const fr = /* @__PURE__ */ b(lr, [["render", hr]]), br = () => [{
+  component: ko,
+  ...fo
 }, {
-  component: Ro,
-  ...Co
+  component: $o,
+  ...vo
 }, {
-  component: Lo,
-  ...Bo
+  component: No,
+  ...Ro
 }, {
-  component: Mo,
+  component: Uo,
   ...Fo
 }, {
-  component: Xo,
-  ...Go
+  component: Qo,
+  ...Jo
 }, {
-  component: Jo,
-  ...jo
+  component: zo,
+  ...Mo
 }, {
-  component: nr,
-  ...Zo
+  component: tr,
+  ...Xo
 }, {
-  component: ar,
-  ...or
+  component: sr,
+  ...nr
 }, {
-  component: br,
-  ...lr
-}], Te = () => [{
-  component: wt,
+  component: fr,
+  ...ar
+}], we = () => [{
+  component: Ct,
+  ...Jn
+}, {
+  component: fn,
   ...Gn
 }, {
-  component: bn,
+  component: yn,
   ...Yn
 }, {
-  component: kn,
+  component: $n,
   ...Qn
 }, {
-  component: Rn,
+  component: Pn,
   ...Xn
 }, {
-  component: En,
+  component: to,
   ...Zn
 }, {
-  component: no,
-  ..._n
-}, {
-  component: $i,
-  ...oo
+  component: Ii,
+  ...no
 }, {
-  component: fo,
-  ...uo
+  component: ho,
+  ...co
 }, {
-  component: co,
-  ...ro
+  component: lo,
+  ...oo
 }, {
-  component: Jn,
-  ...jn
-}, ...gr()], yr = (e) => ({
+  component: zn,
+  ...Mn
+}, ...br()], gr = (e) => ({
   type: "builder.registerComponent",
-  data: ue(e)
-}), kr = (e) => {
+  data: de(e)
+}), yr = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-}, vr = (e) => typeof e == "function" ? kr(e) : Y(e), ue = ({
+}, 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, i]) => ({
     ...o,
-    [r]: vr(i)
+    [r]: kr(i)
   }), {}))
-}), Cr = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+}), vr = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -3649,27 +3571,27 @@ const br = /* @__PURE__ */ b(cr, [["render", fr]]), gr = () => [{
     thisScriptEl?.remove();
   }
   return;
-}`, Ze = "builderIoAbTest", _e = "builderIoRenderContent", _ = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, Xe = "builderIoAbTest", Ze = "builderIoRenderContent", _ = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), wr = ({
+})), Cr = ({
   canTrack: e,
   content: t
-}) => !(!(_(t).length > 0) || !e), Tr = (e) => e === "react" || e === "reactNative", et = Tr(A), Ir = () => `
-  window.${Ze} = ${Cr}
-  window.${_e} = ${Sr}
-  `, $r = (e, t) => `
-  window.${Ze}(
-    "${t}",${JSON.stringify(e)}, ${et}
-  )`, Rr = ({
+}) => !(!(_(t).length > 0) || !e), wr = (e) => e === "react" || e === "reactNative", _e = wr(A), Tr = () => `
+  window.${Xe} = ${vr}
+  window.${Ze} = ${Sr}
+  `, Ir = (e, t) => `
+  window.${Xe}(
+    "${t}",${JSON.stringify(e)}, ${_e}
+  )`, $r = ({
   contentId: e,
   variationId: t
-}) => `window.${_e}(
-    "${t}", "${e}", ${et}
-  )`, tt = f({
+}) => `window.${Ze}(
+    "${t}", "${e}", ${_e}
+  )`, et = f({
   render() {
-    return Ae("script", {
+    return xe("script", {
       innerHTML: this.scriptStr,
       "data-id": this.id
     });
@@ -3677,52 +3599,52 @@ const br = /* @__PURE__ */ b(cr, [["render", fr]]), gr = () => [{
   name: "inlined-script",
   props: ["scriptStr", "id"]
 });
-function Br() {
+function Rr() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function Pr() {
-  const e = Br().fetch;
+function Br() {
+  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 nt = Pr();
-function pe(e, t = null, n = ".") {
+const tt = Br();
+function ue(e, t = null, n = ".") {
   return Object.keys(e).reduce((o, r) => {
     const i = e[r], s = [t, r].filter(Boolean).join(n);
     return [typeof i == "object", i !== null, !(Array.isArray(i) && i.length === 0)].every(Boolean) ? {
       ...o,
-      ...pe(i, s, n)
+      ...ue(i, s, n)
     } : {
       ...o,
       [s]: i
     };
   }, {});
 }
-function ot(e, t, n = {}) {
+function nt(e, t, n = {}) {
   for (const o in e) {
     const r = e[o], i = t ? t + "." + o : o;
-    r && typeof r == "object" && !Array.isArray(r) && !Object.keys(r).find((s) => s.startsWith("$")) ? ot(r, i, n) : n[i] = r;
+    r && typeof r == "object" && !Array.isArray(r) && !Object.keys(r).find((s) => s.startsWith("$")) ? nt(r, i, n) : n[i] = r;
   }
   return n;
 }
-const Er = "v3", Ie = "builder.", xr = "options.", rt = (e) => {
+const Pr = "v3", Te = "builder.", Er = "options.", ot = (e) => {
   if (!e)
     return {};
-  const t = We(e), n = {};
+  const t = Ve(e), n = {};
   return Object.keys(t).forEach((o) => {
-    if (o.startsWith(Ie)) {
-      const r = o.replace(Ie, "").replace(xr, "");
+    if (o.startsWith(Te)) {
+      const r = o.replace(Te, "").replace(Er, "");
       n[r] = t[o];
     }
   }), n;
-}, Ar = () => {
+}, xr = () => {
   if (!T())
     return {};
   const e = new URLSearchParams(window.location.search);
-  return rt(e);
-}, $e = (e) => typeof e == "number" && !isNaN(e) && e >= 0, ke = (e) => {
+  return ot(e);
+}, Ie = (e) => typeof e == "number" && !isNaN(e) && e >= 0, ye = (e) => {
   const {
     limit: t = 30,
     userAttributes: n,
@@ -3731,60 +3653,60 @@ const Er = "v3", Ie = "builder.", xr = "options.", rt = (e) => {
     apiKey: i,
     enrich: s,
     locale: l,
-    apiVersion: a = Er,
+    apiVersion: a = Pr,
     fields: u,
     omit: h,
     offset: c,
     cacheSeconds: m,
-    staleCacheSeconds: C,
+    staleCacheSeconds: S,
     sort: y,
-    includeUnpublished: L
+    includeUnpublished: F
   } = e;
   if (!i)
     throw new Error("Missing API key");
   if (!["v3"].includes(a))
     throw new Error(`Invalid apiVersion: expected 'v3', received '${a}'`);
   const X = t !== 1, w = new URL(`https://cdn.builder.io/api/${a}/content/${r}`);
-  if (w.searchParams.set("apiKey", i), w.searchParams.set("limit", String(t)), w.searchParams.set("noTraverse", String(X)), w.searchParams.set("includeRefs", String(!0)), l && w.searchParams.set("locale", l), s && w.searchParams.set("enrich", String(s)), 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 L == "boolean" && w.searchParams.set("includeUnpublished", String(L)), m && $e(m) && w.searchParams.set("cacheSeconds", String(m)), C && $e(C) && w.searchParams.set("staleCacheSeconds", String(C)), y) {
-    const F = pe({
+  if (w.searchParams.set("apiKey", i), w.searchParams.set("limit", String(t)), w.searchParams.set("noTraverse", String(X)), w.searchParams.set("includeRefs", String(!0)), l && w.searchParams.set("locale", l), s && w.searchParams.set("enrich", String(s)), 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)), S && Ie(S) && w.searchParams.set("staleCacheSeconds", String(S)), y) {
+    const O = ue({
       sort: y
     });
-    for (const j in F)
-      w.searchParams.set(j, JSON.stringify(F[j]));
+    for (const j in O)
+      w.searchParams.set(j, JSON.stringify(O[j]));
   }
-  const pt = {
-    ...Ar(),
-    ...We(e.options || {})
-  }, Ce = pe(pt);
-  for (const F in Ce)
-    w.searchParams.set(F, String(Ce[F]));
+  const ut = {
+    ...xr(),
+    ...Ve(e.options || {})
+  }, ve = ue(ut);
+  for (const O in ve)
+    w.searchParams.set(O, String(ve[O]));
   if (n && w.searchParams.set("userAttributes", JSON.stringify(n)), o) {
-    const F = ot({
+    const O = nt({
       query: o
     });
-    for (const j in F)
-      w.searchParams.set(j, JSON.stringify(F[j]));
+    for (const j in O)
+      w.searchParams.set(j, JSON.stringify(O[j]));
   }
   return w;
-}, Vr = (e) => "results" in e;
-async function ve(e) {
-  const t = await Lr({
+}, Ar = (e) => "results" in e;
+async function ke(e) {
+  const t = await Nr({
     ...e,
     limit: 1
   });
   return t && t[0] || null;
 }
-const Wr = async (e) => {
-  const t = ke(e);
-  return await (await (e.fetch ?? nt)(t.href, e.fetchOptions)).json();
-}, Nr = async (e, t, n = ke(e)) => {
+const Vr = async (e) => {
+  const t = ye(e);
+  return await (await (e.fetch ?? tt)(t.href, e.fetchOptions)).json();
+}, Wr = async (e, t, n = ye(e)) => {
   const o = G(e.canTrack);
   if (n.search.includes("preview="), !o || !(T() || A === "reactNative"))
     return t.results;
   try {
     const r = [];
     for (const i of t.results)
-      r.push(await Mn({
+      r.push(await Un({
         item: i,
         canTrack: o
       }));
@@ -3794,10 +3716,10 @@ const Wr = async (e) => {
   }
   return t.results;
 };
-async function Lr(e) {
+async function Nr(e) {
   try {
-    const t = ke(e), n = await Wr(e);
-    return Vr(n) ? Nr(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
@@ -3808,7 +3730,7 @@ async function Lr(e) {
 }
 function Fr(e) {
   const t = e || (T() ? window.location.search : void 0);
-  return t ? Ne(t).indexOf("builder.preview=") !== -1 : !1;
+  return t ? We(t).indexOf("builder.preview=") !== -1 : !1;
 }
 function Or() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
@@ -3816,82 +3738,82 @@ function Or() {
     return (e == "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function it() {
+function rt() {
   return Or().replace(/-/g, "");
 }
-const st = "builderSessionId", Dr = async ({
+const it = "builderSessionId", Lr = async ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = await Je({
-    name: st,
+  const t = await ze({
+    name: it,
     canTrack: e
   });
   if (D(t))
     return t;
   {
-    const n = Ur();
-    return Mr({
+    const n = Dr();
+    return Ur({
       id: n,
       canTrack: e
     }), n;
   }
-}, Ur = () => it(), Mr = ({
+}, Dr = () => rt(), Ur = ({
   id: e,
   canTrack: t
-}) => Ge({
-  name: st,
+}) => Je({
+  name: it,
   value: e,
   canTrack: t
-}), at = () => T() && typeof localStorage < "u" ? localStorage : void 0, jr = ({
+}), st = () => T() && typeof localStorage < "u" ? localStorage : void 0, Mr = ({
   key: e,
   canTrack: t
 }) => {
   var n;
   try {
-    return t ? (n = at()) == null ? void 0 : n.getItem(e) : void 0;
+    return t ? (n = st()) == null ? void 0 : n.getItem(e) : void 0;
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, Hr = ({
+}, jr = ({
   key: e,
   canTrack: t,
   value: n
 }) => {
   var o;
   try {
-    t && ((o = at()) == null || o.setItem(e, n));
+    t && ((o = st()) == null || o.setItem(e, n));
   } catch (r) {
     console.debug("[LocalStorage] SET error: ", r);
   }
-}, lt = "builderVisitorId", Kr = ({
+}, at = "builderVisitorId", Hr = ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = jr({
-    key: lt,
+  const t = Mr({
+    key: at,
     canTrack: e
   });
   if (D(t))
     return t;
   {
-    const n = qr();
-    return zr({
+    const n = Kr();
+    return qr({
       id: n,
       canTrack: e
     }), n;
   }
-}, qr = () => it(), zr = ({
+}, Kr = () => rt(), qr = ({
   id: e,
   canTrack: t
-}) => Hr({
-  key: lt,
+}) => jr({
+  key: at,
   value: e,
   canTrack: t
-}), Jr = async ({
+}), zr = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -3899,16 +3821,16 @@ const st = "builderSessionId", Dr = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const t = await Dr({
+  const t = await Lr({
     canTrack: e
-  }), n = Kr({
+  }), n = Hr({
     canTrack: e
   });
   return {
     sessionId: t,
     visitorId: n
   };
-}, Gr = async ({
+}, Jr = async ({
   type: e,
   canTrack: t,
   apiKey: n,
@@ -3922,14 +3844,14 @@ const st = "builderSessionId", Dr = async ({
       url: location.href,
       ...o
     },
-    ...await Jr({
+    ...await zr({
       canTrack: t
     }),
-    userAttributes: Le(),
+    userAttributes: Ne(),
     ownerId: n
   }
 });
-async function me(e) {
+async function pe(e) {
   if (!e.apiKey) {
     B.error("Missing API key for track call. Please provide your API key.");
     return;
@@ -3938,7 +3860,7 @@ async function me(e) {
     return fetch("https://cdn.builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await Gr(e)]
+        events: [await Jr(e)]
       }),
       headers: {
         "content-type": "application/json"
@@ -3948,14 +3870,14 @@ async function me(e) {
       console.error("Failed to track: ", t);
     });
 }
-const Ni = (e) => me({
+const Wi = (e) => pe({
   ...e,
   canTrack: !0
 });
-function Re(e) {
+function $e(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const Yr = (e, t, n = !0) => {
+const Gr = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = n ? e : e.parentElement;
@@ -3966,45 +3888,45 @@ const Yr = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, Qr = (e) => Yr(e, (t) => {
+}, Yr = (e) => Gr(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
-}), Be = ({
+}), Re = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, i = Re(o / n.width), s = Re(r / n.height);
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, i = $e(o / n.width), s = $e(r / n.height);
   return {
     x: i,
     y: s
   };
-}, Xr = (e) => {
-  const t = e.target, n = t && Qr(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: {
-      targetOffset: t ? Be({
+      targetOffset: t ? Re({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? Be({
+      builderTargetOffset: n ? Re({
         event: e,
         target: n
       }) : void 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"];
-function ct(e, t) {
+}, 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 _r = "1.1.1", Pe = {};
-function ei(e, t) {
-  let n = Pe[e];
-  if (n || (n = Pe[e] = []), n.push(t), T()) {
+const Zr = "2.0.0", Be = {};
+function _r(e, t) {
+  let n = Be[e];
+  if (n || (n = Be[e] = []), n.push(t), T()) {
     const o = {
       type: "builder.register",
       data: {
@@ -4019,8 +3941,8 @@ function ei(e, t) {
     }
   }
 }
-const ti = () => {
-  ei("insertMenu", {
+const ei = () => {
+  _r("insertMenu", {
     name: "_default",
     default: !0,
     items: [{
@@ -4042,14 +3964,14 @@ const ti = () => {
     }]
   });
 };
-let Ee = !1;
-const dt = (e = {}) => {
+let Pe = !1;
+const ct = (e = {}) => {
   var t, n;
-  Ee || (Ee = !0, T() && ((t = window.parent) == null || t.postMessage({
+  Pe || (Pe = !0, T() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
       target: A,
-      version: _r,
+      version: Zr,
       supportsPatchUpdates: !1,
       // Supports builder-model="..." attribute which is needed to
       // scope our '+ add block' button styling
@@ -4063,7 +3985,7 @@ const dt = (e = {}) => {
     }
   }, "*"), window.addEventListener("message", (o) => {
     var i, s;
-    if (!ct(e.trustedHosts, o))
+    if (!lt(e.trustedHosts, o))
       return;
     const {
       data: r
@@ -4075,8 +3997,8 @@ const dt = (e = {}) => {
           let c, m = null;
           try {
             c = h.apply(null, a);
-          } catch (C) {
-            m = C;
+          } catch (S) {
+            m = S;
           }
           m ? (i = window.parent) == null || i.postMessage({
             type: "builder.evaluateError",
@@ -4084,13 +4006,13 @@ const dt = (e = {}) => {
               id: u,
               error: m.message
             }
-          }, "*") : c && typeof c.then == "function" ? c.then((C) => {
+          }, "*") : c && typeof c.then == "function" ? c.then((S) => {
             var y;
             (y = window.parent) == null || y.postMessage({
               type: "builder.evaluateResult",
               data: {
                 id: u,
-                result: C
+                result: S
               }
             }, "*");
           }).catch(console.error) : (s = window.parent) == null || s.postMessage({
@@ -4104,12 +4026,12 @@ const dt = (e = {}) => {
         }
       }
   })));
-}, ut = ({
+}, dt = ({
   model: e,
   trustedHosts: t,
   callbacks: n
 }) => (o) => {
-  if (!ct(t, o))
+  if (!lt(t, o))
     return;
   const {
     data: r
@@ -4130,12 +4052,12 @@ const dt = (e = {}) => {
         break;
       }
     }
-}, Li = (e, t, n) => {
+}, Ni = (e, t, n) => {
   if (!T)
     return B.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
     };
-  dt();
-  const o = ut({
+  ct();
+  const o = dt({
     callbacks: {
       contentUpdate: t,
       animation: () => {
@@ -4149,7 +4071,7 @@ const dt = (e = {}) => {
   return window.addEventListener("message", o), () => {
     window.removeEventListener("message", o);
   };
-}, ni = (e) => {
+}, ti = (e) => {
   var i;
   const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = e.fileUrl ?? ((i = e == null ? void 0 : e.files) == null ? void 0 : i.regular);
   let r = "";
@@ -4175,15 +4097,15 @@ font-weight: ${s};
         `.trim());
     }
   return r;
-}, oi = ({
+}, ni = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => ni(n))) == null ? void 0 : t.join(" ")) || "";
-}, ri = ({
+  return ((t = e == null ? void 0 : e.map((n) => ti(n))) == null ? void 0 : t.join(" ")) || "";
+}, oi = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", ii = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", ri = `
 .builder-button {
   all: unset;
 }
@@ -4200,7 +4122,7 @@ font-weight: ${s};
   text-align: inherit;
   font-family: inherit;
 }
-`, si = (e) => e ? "" : ii, ai = (e) => `variant-${e}`, li = f({
+`, ii = (e) => e ? "" : ri, si = (e) => `variant-${e}`, ai = f({
   name: "enable-editor",
   components: { DynamicDiv: Q },
   props: [
@@ -4224,14 +4146,14 @@ font-weight: ${s};
       httpReqsData: {},
       httpReqsPending: {},
       clicked: !1,
-      builderContext: de,
-      getWrapperClassName: ai
+      builderContext: ce,
+      getWrapperClassName: si
     };
   },
   provide() {
     const e = this;
     return {
-      [de.key]: e.builderContextSignal
+      [ce.key]: e.builderContextSignal
     };
   },
   mounted() {
@@ -4242,7 +4164,7 @@ font-weight: ${s};
           new CustomEvent("initeditingbldr")
         ), this.builderContextSignal.content && G(this.canTrack)) {
           const i = (n = this.builderContextSignal.content) == null ? void 0 : n.testVariationId, s = (o = this.builderContextSignal.content) == null ? void 0 : o.id, l = this.apiKey;
-          me({
+          pe({
             type: "impression",
             canTrack: !0,
             contentId: s,
@@ -4373,7 +4295,7 @@ font-weight: ${s};
       this.builderContextSignal.content = t;
     },
     processMessage(e) {
-      return ut({
+      return dt({
         model: this.model,
         trustedHosts: this.trustedHosts,
         callbacks: {
@@ -4387,7 +4309,7 @@ font-weight: ${s};
             });
           },
           animation: (t) => {
-            je(t);
+            Me(t);
           },
           contentUpdate: (t) => {
             this.mergeNewContent(t);
@@ -4414,13 +4336,13 @@ font-weight: ${s};
       var t, n;
       if (this.builderContextSignal.content) {
         const o = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId, r = (n = this.builderContextSignal.content) == null ? void 0 : n.id;
-        me({
+        pe({
           type: "click",
           canTrack: G(this.canTrack),
           contentId: r,
           apiKey: this.apiKey,
           variationId: o !== r ? o : void 0,
-          ...Xr(e),
+          ...Qr(e),
           unique: !this.clicked
         });
       }
@@ -4446,7 +4368,7 @@ font-weight: ${s};
             })
           )
         );
-        nt(i).then((s) => s.json()).then((s) => {
+        tt(i).then((s) => s.json()).then((s) => {
           this.mergeNewRootState({
             [o]: s
           }), this.httpReqsData[o] = !0;
@@ -4473,7 +4395,7 @@ font-weight: ${s};
       );
     },
     elementRef_onIniteditingbldr(e) {
-      window.addEventListener("message", this.processMessage), ti(), dt({
+      window.addEventListener("message", this.processMessage), ei(), ct({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -4487,7 +4409,7 @@ font-weight: ${s};
         this.builderContextSignal.componentInfos
       ).forEach((t) => {
         var o;
-        const n = yr(t);
+        const n = gr(t);
         (o = window.parent) == null || o.postMessage(n, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
@@ -4498,7 +4420,7 @@ font-weight: ${s};
       const t = new URL(location.href).searchParams, n = t.get("builder.preview"), o = t.get(
         `builder.overrides.${n}`
       ), r = t.get("apiKey") || t.get("builder.space");
-      n === this.model && r === this.apiKey && (!this.content || o === this.content.id) && ve({
+      n === this.model && r === this.apiKey && (!this.content || o === this.content.id) && ke({
         model: this.model,
         apiKey: this.apiKey,
         apiVersion: this.builderContextSignal.apiVersion
@@ -4508,9 +4430,9 @@ font-weight: ${s};
     }
   }
 });
-function ci(e, t, n, o, r, i) {
+function li(e, t, n, o, r, i) {
   var s, l, a;
-  return e.builderContextSignal.content ? (d(), k(K(e.ContentWrapper), S({
+  return e.builderContextSignal.content ? (d(), k(K(e.ContentWrapper), C({
     key: 0,
     ref: "elementRef",
     onClick: (u) => e.onClick(u),
@@ -4526,33 +4448,33 @@ function ci(e, t, n, o, r, i) {
     _: 3
   }, 16, ["onClick", "builder-content-id", "builder-model", "class", "onIniteditingbldr", "onInitpreviewingbldr"])) : v("", !0);
 }
-const di = /* @__PURE__ */ b(li, [["render", ci]]), ui = f({
+const ci = /* @__PURE__ */ b(ai, [["render", li]]), di = f({
   name: "content-styles",
-  components: { InlinedStyles: ge },
+  components: { InlinedStyles: be },
   props: ["cssCode", "contentId", "customFonts", "isNestedRender"],
   data() {
     return {
       injectedStyles: `
-${ri({
+${oi({
         cssCode: this.cssCode,
         contentId: this.contentId
       })}
-${oi({
+${ni({
         customFonts: this.customFonts
       })}
-${si(this.isNestedRender)}
+${ii(this.isNestedRender)}
 `.trim()
     };
   }
 });
-function pi(e, t, n, o, r, i) {
+function ui(e, t, n, o, r, i) {
   const s = g("InlinedStyles");
   return d(), k(s, {
     id: "builderio-content",
     styles: e.injectedStyles
   }, null, 8, ["styles"]);
 }
-const mi = /* @__PURE__ */ b(ui, [["render", pi]]), hi = ({
+const pi = /* @__PURE__ */ b(di, [["render", ui]]), mi = ({
   content: e,
   data: t,
   locale: n
@@ -4569,7 +4491,7 @@ const mi = /* @__PURE__ */ b(ui, [["render", pi]]), hi = ({
       locale: n
     } : {}
   };
-}, fi = ({
+}, hi = ({
   content: e,
   data: t
 }) => e ? {
@@ -4579,12 +4501,12 @@ const mi = /* @__PURE__ */ b(ui, [["render", pi]]), hi = ({
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, bi = bt, gi = f({
+} : void 0, fi = ft, bi = f({
   name: "content-component",
   components: {
-    EnableEditor: di,
-    InlinedScript: tt,
-    ContentStyles: mi,
+    EnableEditor: ci,
+    InlinedScript: et,
+    ContentStyles: pi,
     Blocks: M,
     DynamicDiv: Q
   },
@@ -4612,32 +4534,32 @@ const mi = /* @__PURE__ */ b(ui, [["render", pi]]), hi = ({
   data() {
     var e, t;
     return {
-      scriptStr: Rr({
+      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
         contentId: (t = this.content) == null ? void 0 : t.id
       }),
       registeredComponents: [
-        ...Te(),
+        ...we(),
         ...this.customComponents || []
       ].reduce(
         (n, { component: o, ...r }) => ({
           ...n,
           [r.name]: {
-            component: bi(o),
-            ...ue(r)
+            component: fi(o),
+            ...de(r)
           }
         }),
         {}
       ),
       builderContextSignal: {
-        content: fi({
+        content: hi({
           content: this.content,
           data: this.data
         }),
         localState: void 0,
-        rootState: hi({
+        rootState: mi({
           content: this.content,
           data: this.data,
           locale: this.locale
@@ -4648,12 +4570,12 @@ const mi = /* @__PURE__ */ b(ui, [["render", pi]]), hi = ({
         apiKey: this.apiKey,
         apiVersion: this.apiVersion,
         componentInfos: [
-          ...Te(),
+          ...we(),
           ...this.customComponents || []
         ].reduce(
           (n, { component: o, ...r }) => ({
             ...n,
-            [r.name]: ue(r)
+            [r.name]: de(r)
           }),
           {}
         ),
@@ -4667,7 +4589,7 @@ const mi = /* @__PURE__ */ b(ui, [["render", pi]]), hi = ({
   provide() {
     const e = this;
     return {
-      [Ve.key]: {
+      [Ae.key]: {
         registeredComponents: e.registeredComponents
       }
     };
@@ -4678,9 +4600,9 @@ const mi = /* @__PURE__ */ b(ui, [["render", pi]]), hi = ({
     }
   }
 });
-function yi(e, t, n, o, r, i) {
+function gi(e, t, n, o, r, i) {
   const s = g("InlinedScript"), l = g("ContentStyles"), a = g("Blocks"), u = g("EnableEditor");
-  return d(), k(u, S({
+  return d(), k(u, C({
     content: e.content,
     data: e.data,
     model: e.model,
@@ -4696,7 +4618,7 @@ function yi(e, t, n, o, r, i) {
     trustedHosts: e.trustedHosts
   }, {}), {
     default: W(() => {
-      var h, c, m, C, y, L, X;
+      var h, c, m, S, y, F, X;
       return [
         e.isSsrAbTest ? (d(), k(s, {
           key: 0,
@@ -4708,10 +4630,10 @@ function yi(e, t, n, o, r, i) {
           isNestedRender: e.isNestedRender,
           contentId: (h = e.builderContextSignal.content) == null ? void 0 : h.id,
           cssCode: (m = (c = e.builderContextSignal.content) == null ? void 0 : c.data) == null ? void 0 : m.cssCode,
-          customFonts: (y = (C = e.builderContextSignal.content) == null ? void 0 : C.data) == null ? void 0 : y.customFonts
+          customFonts: (y = (S = e.builderContextSignal.content) == null ? void 0 : S.data) == null ? void 0 : y.customFonts
         }, null, 8, ["isNestedRender", "contentId", "cssCode", "customFonts"])) : v("", !0),
         $(a, {
-          blocks: (X = (L = e.builderContextSignal.content) == null ? void 0 : L.data) == null ? void 0 : X.blocks,
+          blocks: (X = (F = e.builderContextSignal.content) == null ? void 0 : F.data) == null ? void 0 : X.blocks,
           context: e.builderContextSignal,
           registeredComponents: e.registeredComponents,
           linkComponent: e.linkComponent
@@ -4721,12 +4643,12 @@ function yi(e, t, n, o, r, i) {
     _: 1
   }, 16, ["content", "data", "model", "context", "apiKey", "canTrack", "locale", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps", "trustedHosts"]);
 }
-const ki = /* @__PURE__ */ b(gi, [["render", yi]]), vi = f({
+const yi = /* @__PURE__ */ b(bi, [["render", gi]]), ki = f({
   name: "content-variants",
   components: {
-    InlinedScript: tt,
-    InlinedStyles: ge,
-    ContentComponent: ki
+    InlinedScript: et,
+    InlinedStyles: be,
+    ContentComponent: yi
   },
   props: [
     "canTrack",
@@ -4749,12 +4671,12 @@ const ki = /* @__PURE__ */ b(gi, [["render", yi]]), vi = f({
   ],
   data() {
     return {
-      shouldRenderVariants: wr({
+      shouldRenderVariants: Cr({
         canTrack: G(this.canTrack),
         content: this.content
       }),
       TARGET: A,
-      getInitVariantsFnsScriptString: Ir,
+      getInitVariantsFnsScriptString: Tr,
       getVariants: _
     };
   },
@@ -4765,7 +4687,7 @@ const ki = /* @__PURE__ */ b(gi, [["render", yi]]), vi = f({
   computed: {
     updateCookieAndStylesScriptStr() {
       var e;
-      return $r(
+      return Ir(
         _(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
@@ -4781,14 +4703,14 @@ const ki = /* @__PURE__ */ b(gi, [["render", yi]]), vi = f({
       return this.shouldRenderVariants ? {
         ...this.content,
         testVariationId: (e = this.content) == null ? void 0 : e.id
-      } : Un({
+      } : Dn({
         item: this.content,
         canTrack: G(this.canTrack)
       });
     }
   }
 });
-function Ci(e, t, n, o, r, i) {
+function vi(e, t, n, o, r, i) {
   const s = g("InlinedScript"), l = g("InlinedStyles"), a = g("ContentComponent");
   return d(), p(I, null, [
     !e.isNestedRender && e.TARGET !== "reactNative" ? (d(), k(s, {
@@ -4828,7 +4750,7 @@ function Ci(e, t, n, o, r, i) {
         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)) : v("", !0),
-    $(a, S({
+    $(a, C({
       isNestedRender: e.isNestedRender,
       content: e.defaultContent,
       showContent: !0,
@@ -4853,13 +4775,13 @@ function Ci(e, t, n, o, r, i) {
     }), null, 16, ["isNestedRender", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"])
   ], 64);
 }
-const Si = /* @__PURE__ */ b(vi, [["render", Ci]]), wi = async ({
+const Si = /* @__PURE__ */ b(ki, [["render", vi]]), Ci = async ({
   builderContextValue: e,
   symbol: t
 }) => {
   if (t != null && t.model && // This is a hack, we should not need to check for this, but it is needed for Svelte.
   (e != null && e.apiKey))
-    return ve({
+    return ke({
       model: t.model,
       apiKey: e.apiKey,
       apiVersion: e.apiVersion,
@@ -4871,7 +4793,7 @@ const Si = /* @__PURE__ */ b(vi, [["render", Ci]]), wi = async ({
     }).catch((n) => {
       B.error("Could not fetch symbol content: ", n);
     });
-}, Ti = f({
+}, wi = f({
   name: "builder-symbol",
   components: { ContentVariants: Si, DynamicDiv: Q },
   props: [
@@ -4922,7 +4844,7 @@ const Si = /* @__PURE__ */ b(vi, [["render", Ci]]), wi = async ({
   },
   methods: {
     setContent() {
-      this.contentToUse || wi({
+      this.contentToUse || Ci({
         symbol: this.symbol,
         builderContextValue: this.builderContext
       }).then((e) => {
@@ -4931,10 +4853,10 @@ const Si = /* @__PURE__ */ b(vi, [["render", Ci]]), wi = async ({
     }
   }
 });
-function Ii(e, t, n, o, r, i) {
+function Ti(e, t, n, o, r, i) {
   var l, a, u, h, c;
   const s = g("ContentVariants");
-  return d(), p("div", S({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, P(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)), [
     $(s, {
       isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
@@ -4958,13 +4880,13 @@ function Ii(e, t, n, o, r, i) {
     }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "canTrack", "model", "content", "linkComponent", "blocksWrapper", "contentWrapper"])
   ], 16);
 }
-const $i = /* @__PURE__ */ b(Ti, [["render", Ii]]), xe = {};
+const Ii = /* @__PURE__ */ b(wi, [["render", Ti]]), Ee = {};
 function Fi(e) {
   if (T()) {
-    Object.assign(xe, e);
+    Object.assign(Ee, e);
     const t = {
       type: "builder.settingsChange",
-      data: xe
+      data: Ee
     };
     parent.postMessage(t, "*");
   }
@@ -4981,52 +4903,52 @@ const Oi = async (e) => {
         urlPath: t
       } : {}
     },
-    options: rt(e.searchParams || ((i = e.url) == null ? void 0 : i.searchParams) || e.options)
+    options: ot(e.searchParams || ((i = e.url) == null ? void 0 : i.searchParams) || e.options)
   };
   return {
     apiKey: n.apiKey,
     model: n.model,
-    content: await ve(n)
+    content: await ke(n)
   };
 };
 export {
-  Nr as A,
-  be as B,
-  bn as C,
-  Lr as D,
-  ve as E,
-  kn as F,
-  Ei as G,
-  Vi as H,
-  Rn as I,
-  En as S,
+  Wr as A,
+  fe as B,
+  fn as C,
+  Nr as D,
+  ke as E,
+  yn as F,
+  Pi as G,
+  Ai as H,
+  $n as I,
+  Pn as S,
   A as T,
-  br as V,
-  ge as _,
-  pn as a,
-  xi as b,
+  fr as V,
+  be as _,
+  un as a,
+  Ei as b,
   D as c,
-  Wi as d,
-  fe as e,
+  Vi as d,
+  he as e,
   b as f,
-  De as g,
+  Le as g,
   te as h,
-  Ai as i,
+  xi as i,
   ee as j,
-  de as k,
-  wt as l,
-  $i as m,
-  fo as n,
+  ce as k,
+  Ct as l,
+  Ii as m,
+  ho as n,
   M as o,
   Si as p,
   R as q,
   Fr as r,
-  yr as s,
-  ei as t,
+  gr as s,
+  _r as t,
   Fi as u,
-  rt as v,
-  bi as w,
-  Ni as x,
-  Li as y,
+  ot as v,
+  fi as w,
+  Wi as x,
+  Ni as y,
   Oi as z
 };