@builder.io/sdk-vue 1.0.27 → 1.0.28

package/lib/browser/{index-sDts8rvf.js → index-NHNyRHHd.js}

@@ -1,51 +1,51 @@
-var dt = Object.defineProperty;
-var ut = (e, t, n) => t in e ? dt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var ne = (e, t, n) => (ut(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 u, createElementBlock as h, Fragment as $, createBlock as k, resolveDynamicComponent as H, mergeProps as w, toHandlers as x, withCtx as B, renderSlot as P, resolveComponent as y, createTextVNode as pt, toDisplayString as te, defineAsyncComponent as D, createVNode as E, renderList as O, createCommentVNode as S, h as Ee, createElementVNode as _, normalizeStyle as K, normalizeClass as de, markRaw as mt } from "vue";
-const ht = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), ft = (e) => typeof e == "string" && ht.has(e.toLowerCase());
-function W(e = {}, t, n) {
+import { defineComponent as f, openBlock as d, createElementBlock as m, Fragment as I, createBlock as k, resolveDynamicComponent as K, mergeProps as w, toHandlers as B, withCtx as V, renderSlot as P, resolveComponent as g, createTextVNode as ht, toDisplayString as ne, defineAsyncComponent as H, createVNode as $, renderList as W, createCommentVNode as S, h as xe, createElementVNode as z, normalizeStyle as D, normalizeClass as J, markRaw as ft } from "vue";
+const bt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), gt = (e) => typeof e == "string" && bt.has(e.toLowerCase());
+function N(e = {}, t, n) {
   const o = {};
-  for (const s in e) {
-    if (!e[s] || n && !s.startsWith(t))
+  for (const r in e) {
+    if (!e[r] || n && !r.startsWith(t))
       continue;
-    const r = n ? s.replace(t, "") : s;
-    o[r] = e[s];
+    const s = n ? r.replace(t, "") : r;
+    o[s] = e[r];
   }
   return o;
 }
-const bt = f({
+const yt = f({
   name: "dynamic-renderer",
   props: ["TagName", "attributes", "actionAttributes"],
   data() {
-    return { isEmptyElement: ft };
+    return { isEmptyElement: gt };
   }
 }), b = (e, t) => {
   const n = e.__vccOpts || e;
-  for (const [o, s] of t)
-    n[o] = s;
+  for (const [o, r] of t)
+    n[o] = r;
   return n;
 };
-function gt(e, t, n, o, s, r) {
-  return e.isEmptyElement(e.TagName) ? (u(), k(H(e.TagName), w({ key: 1 }, e.attributes, x(e.actionAttributes)), null, 16)) : (u(), h($, { key: 0 }, [
-    typeof e.TagName == "string" ? (u(), k(H(e.TagName), w({ key: 0 }, e.attributes, x(e.actionAttributes)), {
-      default: B(() => [
+function kt(e, t, n, o, r, s) {
+  return e.isEmptyElement(e.TagName) ? (d(), k(K(e.TagName), w({ key: 1 }, e.attributes, B(e.actionAttributes)), null, 16)) : (d(), m(I, { key: 0 }, [
+    typeof e.TagName == "string" ? (d(), k(K(e.TagName), w({ key: 0 }, e.attributes, B(e.actionAttributes)), {
+      default: V(() => [
         P(e.$slots, "default")
       ]),
       _: 3
-    }, 16)) : (u(), k(H(e.TagName), w({ key: 1 }, e.attributes, x(e.actionAttributes)), {
-      default: B(() => [
+    }, 16)) : (d(), k(K(e.TagName), w({ key: 1 }, e.attributes, B(e.actionAttributes)), {
+      default: V(() => [
         P(e.$slots, "default")
       ]),
       _: 3
     }, 16))
   ], 64));
 }
-const ue = /* @__PURE__ */ b(bt, [["render", gt]]), fr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const me = /* @__PURE__ */ b(yt, [["render", kt]]), Cs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ue
-}, Symbol.toStringTag, { value: "Module" })), V = "vue", Z = () => {
-  switch (V) {
+  default: me
+}, Symbol.toStringTag, { value: "Module" })), x = "vue", ee = () => {
+  switch (x) {
     case "react":
     case "reactNative":
     case "rsc":
@@ -57,9 +57,9 @@ const ue = /* @__PURE__ */ b(bt, [["render", gt]]), fr = /* @__PURE__ */ Object.
     case "angular":
       return "class";
   }
-}, yt = f({
+}, St = f({
   name: "builder-button",
-  components: { DynamicRenderer: ue },
+  components: { DynamicRenderer: me },
   props: [
     "attributes",
     "link",
@@ -68,13 +68,13 @@ const ue = /* @__PURE__ */ b(bt, [["render", gt]]), fr = /* @__PURE__ */ Object.
     "text"
   ],
   data() {
-    return { filterAttrs: W };
+    return { filterAttrs: N };
   },
   methods: {
     attrs() {
       return {
-        ...W(this.attributes, "v-on:", !1),
-        [Z()]: `${this.link ? "" : "builder-button"} ${this.attributes[Z()] || ""}`,
+        ...N(this.attributes, "v-on:", !1),
+        [ee()]: `${this.link ? "" : "builder-button"} ${this.attributes[ee()] || ""}`,
         ...this.link ? {
           href: this.link,
           target: this.openLinkInNewTab ? "_blank" : void 0,
@@ -86,20 +86,20 @@ const ue = /* @__PURE__ */ b(bt, [["render", gt]]), fr = /* @__PURE__ */ Object.
     }
   }
 });
-function kt(e, t, n, o, s, r) {
-  const i = y("dynamic-renderer");
-  return u(), k(i, {
+function vt(e, t, n, o, r, s) {
+  const i = g("DynamicRenderer");
+  return d(), k(i, {
     attributes: e.attrs(),
     TagName: e.link ? e.builderLinkComponent || "a" : "button",
     actionAttributes: e.filterAttrs(e.attributes, "v-on:", !0)
   }, {
-    default: B(() => [
-      pt(te(e.text), 1)
+    default: V(() => [
+      ht(ne(e.text), 1)
     ]),
     _: 1
   }, 8, ["attributes", "TagName", "actionAttributes"]);
 }
-const vt = /* @__PURE__ */ b(yt, [["render", kt]]), St = Symbol(), ie = {
+const Ct = /* @__PURE__ */ b(St, [["render", vt]]), wt = Symbol(), ce = {
   Builder: {
     content: null,
     context: {},
@@ -114,12 +114,12 @@ const vt = /* @__PURE__ */ b(yt, [["render", kt]]), St = Symbol(), ie = {
     BlocksWrapper: "div",
     BlocksWrapperProps: {}
   },
-  key: St
-}, Ct = Symbol(), Pe = {
+  key: wt
+}, Tt = Symbol(), Ae = {
   Components: { registeredComponents: {} },
-  key: Ct
+  key: Tt
 };
-function wt(e) {
+function It(e) {
   var t;
   return {
     ...(t = e.component) == null ? void 0 : t.options,
@@ -130,36 +130,36 @@ function wt(e) {
     builderBlock: e
   };
 }
-const Q = "[Builder.io]: ", R = {
-  log: (...e) => console.log(Q, ...e),
-  error: (...e) => console.error(Q, ...e),
-  warn: (...e) => console.warn(Q, ...e),
-  debug: (...e) => console.debug(Q, ...e)
+const Z = "[Builder.io]: ", E = {
+  log: (...e) => console.log(Z, ...e),
+  error: (...e) => console.error(Z, ...e),
+  warn: (...e) => console.warn(Z, ...e),
+  debug: (...e) => console.debug(Z, ...e)
 };
 function T() {
   return typeof window < "u" && typeof document < "u";
 }
-const Tt = (e) => {
+const $t = (e) => {
   const t = {};
   return e.forEach((n, o) => {
     t[o] = n;
   }), t;
-}, xe = (e) => e instanceof URLSearchParams ? Tt(e) : e, Ve = (e) => typeof e == "string" ? e : e instanceof URLSearchParams ? e.toString() : new URLSearchParams(e).toString();
-function $t() {
+}, 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 I(e) {
-  return $t() && // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
-  Ve(e || window.location.search).indexOf("builder.frameEditing=") !== -1;
+function R(e) {
+  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 It = () => {
+const Et = () => {
   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;
-}, Rt = () => typeof navigator == "object" && navigator.userAgent || "", Ae = () => {
-  const e = Rt(), t = {
+}, Pt = () => typeof navigator == "object" && navigator.userAgent || "", Ne = () => {
+  const e = Pt(), t = {
     Android() {
       return e.match(/Android/i);
     },
@@ -176,15 +176,15 @@ const It = () => {
       return e.match(/IEMobile/i) || e.match(/WPDesktop/i);
     },
     any() {
-      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || V === "reactNative";
+      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || x === "reactNative";
     }
-  }, n = e.match(/Tablet|iPad/i), o = It();
+  }, n = e.match(/Tablet|iPad/i), o = Et();
   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"
   };
-}, Et = ({
+}, Bt = ({
   builder: e,
   context: t,
   event: n,
@@ -196,56 +196,56 @@ const It = () => {
   builder: e,
   context: t,
   event: n
-}), Pt = () => ({
-  isEditing: I(),
+}), xt = () => ({
+  isEditing: R(),
   isBrowser: T(),
   isServer: !T(),
-  getUserAttributes: () => Ae()
-}), xt = (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, ye = ({
+}) => /* 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, ve = ({
   code: e,
   builder: t,
   context: n,
   event: o,
-  localState: s,
-  rootSetState: r,
+  localState: r,
+  rootSetState: s,
   rootState: i
 }) => {
-  const a = Et({
+  const l = Bt({
     builder: t,
     context: n,
     event: o,
-    state: Be({
+    state: Fe({
       rootState: i,
-      localState: s,
-      rootSetState: r
+      localState: r,
+      rootSetState: s
     })
   });
-  return new Function(...a.map(([l]) => l), e)(...a.map(([, l]) => l));
+  return new Function(...l.map(([a]) => a), e)(...l.map(([, a]) => a));
 };
-function Be({
+function Fe({
   rootState: e,
   localState: t,
   rootSetState: n
 }) {
   return new Proxy(e, {
-    get: (o, s) => {
-      if (t && s in t)
-        return t[s];
-      const r = o[s];
-      return typeof r == "object" && r !== null ? Be({
-        rootState: r,
+    get: (o, r) => {
+      if (t && r in t)
+        return t[r];
+      const s = o[r];
+      return typeof s == "object" && s !== null ? Fe({
+        rootState: s,
         localState: void 0,
         rootSetState: n ? (i) => {
-          o[s] = i, n(o);
+          o[r] = i, n(o);
         } : void 0
-      }) : r;
+      }) : s;
     },
-    set: (o, s, r) => {
-      if (t && s in t)
+    set: (o, r, s) => {
+      if (t && r in t)
         throw new Error("Writing to local state is not allowed as it is read-only.");
-      return o[s] = r, n == null || n(o), !0;
+      return o[r] = s, n == null || n(o), !0;
     }
   });
 }
@@ -254,13 +254,13 @@ function Vt() {
   var e;
   return typeof process < "u" && U((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
 }
-const At = () => {
+const Wt = () => {
   var o;
   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 ? (R.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;
-}, Bt = (e) => (T() || At(), ye(e)), A = class A {
+  return e && t && !n ? (E.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "), !0) : !1;
+}, Nt = (e) => (T() || Wt(), ve(e)), A = class A {
   static getCacheKey(t) {
     return JSON.stringify({
       ...t,
@@ -278,208 +278,208 @@ const At = () => {
     });
   }
 };
-ne(A, "cacheLimit", 20), ne(A, "cache", /* @__PURE__ */ new Map());
+oe(A, "cacheLimit", 20), oe(A, "cache", /* @__PURE__ */ new Map());
 let L = A;
-function ee({
+function te({
   code: e,
   context: t,
   localState: n,
   rootState: o,
-  rootSetState: s,
-  event: r,
+  rootSetState: r,
+  event: s,
   isExpression: i = !0,
-  enableCache: a
+  enableCache: l
 }) {
   if (e === "")
     return;
-  const l = {
-    code: xt(e, {
+  const a = {
+    code: At(e, {
       isExpression: i
     }),
-    builder: Pt(),
+    builder: xt(),
     context: t,
-    event: r,
-    rootSetState: s,
+    event: s,
+    rootSetState: r,
     rootState: o,
     localState: n
   };
-  if (a) {
-    const d = L.getCacheKey(l), m = L.getCachedValue(d);
-    if (m)
-      return m.value;
+  if (l) {
+    const u = L.getCacheKey(a), h = L.getCachedValue(u);
+    if (h)
+      return h.value;
   }
   try {
-    const d = Bt(l);
-    if (a) {
-      const m = L.getCacheKey(l);
-      L.setCachedValue(m, d);
+    const u = Nt(a);
+    if (l) {
+      const h = L.getCacheKey(a);
+      L.setCachedValue(h, u);
     }
-    return d;
-  } catch (d) {
-    R.error("Failed code evaluation: " + d.message, {
+    return u;
+  } catch (u) {
+    E.error("Failed code evaluation: " + u.message, {
       code: e
     });
     return;
   }
 }
-const q = (e) => JSON.parse(JSON.stringify(e)), We = (e, t, n) => {
+const Y = (e) => JSON.parse(JSON.stringify(e)), Oe = (e, t, n) => {
   if (Object(e) !== e)
     return e;
   const o = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
-  return o.slice(0, -1).reduce((s, r, i) => Object(s[r]) === s[r] ? s[r] : s[r] = Math.abs(Number(o[i + 1])) >> 0 === +o[i + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
+  return o.slice(0, -1).reduce((r, s, i) => Object(r[s]) === r[s] ? r[s] : r[s] = Math.abs(Number(o[i + 1])) >> 0 === +o[i + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
 };
-const Wt = ({
+const Ft = ({
   block: e,
   context: t,
   localState: n,
   rootState: o,
-  rootSetState: s
+  rootSetState: r
 }) => {
   if (!e.bindings)
     return e;
-  const r = q(e), i = {
-    ...r,
+  const s = Y(e), i = {
+    ...s,
     properties: {
-      ...r.properties
+      ...s.properties
     },
     actions: {
-      ...r.actions
+      ...s.actions
     }
   };
-  for (const a in e.bindings) {
-    const l = e.bindings[a], d = ee({
-      code: l,
+  for (const l in e.bindings) {
+    const a = e.bindings[l], u = te({
+      code: a,
       localState: n,
       rootState: o,
-      rootSetState: s,
+      rootSetState: r,
       context: t,
       enableCache: !0
     });
-    We(i, a, d);
+    Oe(i, l, u);
   }
   return i;
 };
-function Ne({
+function De({
   block: e,
   context: t,
   shouldEvaluateBindings: n,
   localState: o,
-  rootState: s,
-  rootSetState: r
+  rootState: r,
+  rootSetState: s
 }) {
   const i = e;
-  return n ? Wt({
+  return n ? Ft({
     block: i,
     localState: o,
-    rootState: s,
-    rootSetState: r,
+    rootState: r,
+    rootSetState: s,
     context: t
   }) : i;
 }
-function Nt(e, t, n = {}) {
-  let o, s, r, i = null, a = 0;
-  const l = function() {
-    a = n.leading === !1 ? 0 : Date.now(), i = null, r = e.apply(o, s), i || (o = s = null);
+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, s, i = null, l = 0;
+  const a = function() {
+    l = n.leading === !1 ? 0 : Date.now(), i = null, s = e.apply(o, r), i || (o = r = null);
   };
   return function() {
-    const d = Date.now();
-    !a && n.leading === !1 && (a = d);
-    const m = t - (d - a);
-    return o = this, s = arguments, m <= 0 || m > t ? (i && (clearTimeout(i), i = null), a = d, r = e.apply(o, s), i || (o = s = null)) : !i && n.trailing !== !1 && (i = setTimeout(l, m)), r;
+    const u = Date.now();
+    !l && n.leading === !1 && (l = u);
+    const h = t - (u - l);
+    return o = this, r = arguments, h <= 0 || h > t ? (i && (clearTimeout(i), i = null), l = u, s = e.apply(o, r), i || (o = r = null)) : !i && n.trailing !== !1 && (i = setTimeout(a, h)), s;
   };
 }
-function j(e, ...t) {
+function q(e, ...t) {
   const n = Object(e);
   for (let o = 1; o < arguments.length; o++) {
-    const s = arguments[o];
-    if (s != null)
-      for (const r in s)
-        Object.prototype.hasOwnProperty.call(s, r) && (n[r] = s[r]);
+    const r = arguments[o];
+    if (r != null)
+      for (const s in r)
+        Object.prototype.hasOwnProperty.call(r, s) && (n[s] = r[s]);
   }
   return n;
 }
-const Fe = (e) => e ? e.replace(/([A-Z])/g, (t) => `-${t[0].toLowerCase()}`) : "";
-function Ft(e) {
+function Dt(e) {
   for (const t of e)
     switch (t.trigger) {
       case "pageLoad":
-        Le(t);
+        Me(t);
         break;
       case "scrollInView":
-        Ut(t);
+        Lt(t);
         break;
     }
 }
-function Oe(e) {
+function Ue(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
-function Ue(e, t) {
-  const n = Ot(e), o = getComputedStyle(t), s = e.steps[0].styles, r = e.steps[e.steps.length - 1].styles, i = [s, r];
-  for (const a of i)
-    for (const l of n)
-      l in a || (a[l] = o[l]);
+function Le(e, t) {
+  const n = Ut(e), o = getComputedStyle(t), r = e.steps[0].styles, s = e.steps[e.steps.length - 1].styles, i = [r, s];
+  for (const l of i)
+    for (const a of n)
+      a in l || (l[a] = o[a]);
 }
-function Ot(e) {
+function Ut(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 Le(e) {
+function Me(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    Oe(e.elementId || e.id || "");
+    Ue(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    Ue(e, n), n.style.transition = "none", n.style.transitionDelay = "0", j(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"), j(n.style, e.steps[1].styles), setTimeout(() => {
+    Le(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 Ut(e) {
+function Lt(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    Oe(e.elementId || e.id || "");
+    Ue(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    Ue(e, n);
-    let o = !1, s = !1;
-    function r() {
-      !o && a(n) ? (o = !0, s = !0, setTimeout(() => {
-        j(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", i), setTimeout(() => {
-          s = !1, e.repeat || (n.style.transition = "", n.style.transitionDelay = "");
+    Le(e, n);
+    let o = !1, r = !1;
+    function s() {
+      !o && l(n) ? (o = !0, r = !0, setTimeout(() => {
+        q(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", i), setTimeout(() => {
+          r = !1, e.repeat || (n.style.transition = "", n.style.transitionDelay = "");
         }, (e.duration + (e.delay || 0)) * 1e3 + 100);
-      })) : e.repeat && o && !s && !a(n) && (o = !1, j(n.style, e.steps[0].styles));
+      })) : e.repeat && o && !r && !l(n) && (o = !1, q(n.style, e.steps[0].styles));
     }
-    const i = Nt(r, 200, {
+    const i = Ot(s, 200, {
       leading: !1
     });
-    function a(m) {
-      const c = m.getBoundingClientRect(), p = window.innerHeight, g = (e.thresholdPercent || 0) / 100 * p;
-      return c.bottom > g && c.top < p - g;
+    function l(h) {
+      const c = h.getBoundingClientRect(), p = window.innerHeight, y = (e.thresholdPercent || 0) / 100 * p;
+      return c.bottom > y && c.top < p - y;
     }
-    const l = e.steps[0].styles;
-    function d() {
-      j(n.style, l);
+    const a = e.steps[0].styles;
+    function u() {
+      q(n.style, a);
     }
-    d(), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${Fe(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
+    u(), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${he(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
     }), document.addEventListener("scroll", i, {
       capture: !0,
       passive: !0
-    }), r();
+    }), s();
   });
 }
-const Lt = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), Me = (e) => Object.entries(e).map(([n, o]) => {
+const je = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
-    return `${Lt(n)}: ${o};`;
-}).filter(U), Mt = (e) => Me(e).join(`
-`), br = ({
+    return `${he(n)}: ${o};`;
+}).filter(U), Mt = (e) => je(e).join(`
+`), ws = ({
   mediaQuery: e,
   className: t,
   styles: n
@@ -491,26 +491,26 @@ const Lt = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase
       ${o}
     }` : o;
 };
-function Dt({
+function jt({
   style: e
 }) {
   return e;
 }
-const gr = ({
+const Ts = ({
   block: e,
   context: t
-}) => De(Dt({
+}) => He(jt({
   style: e.style || {},
   context: t,
   block: e
 }));
-function De(e) {
-  switch (V) {
+function He(e) {
+  switch (x) {
     case "svelte":
     case "vue":
     case "solid":
     case "angular":
-      return Me(e).join(" ");
+      return je(e).join(" ");
     case "qwik":
     case "reactNative":
     case "react":
@@ -523,24 +523,24 @@ const Ht = ({
   context: t,
   registeredComponents: n
 }) => {
-  var r;
-  const o = (r = Ne({
+  var s;
+  const o = (s = De({
     block: e,
     localState: t.localState,
     rootState: t.rootState,
     rootSetState: t.rootSetState,
     context: t.context,
     shouldEvaluateBindings: !1
-  }).component) == null ? void 0 : r.name;
+  }).component) == null ? void 0 : s.name;
   if (!o)
     return null;
-  const s = n[o];
-  if (s)
-    return s;
+  const r = n[o];
+  if (r)
+    return r;
   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?`);
-}, jt = ({
+}, Kt = ({
   block: e,
   context: t
 }) => {
@@ -550,7 +550,7 @@ const Ht = ({
   } = e;
   if (!(n != null && n.collection))
     return;
-  const s = ee({
+  const r = te({
     code: n.collection,
     localState: t.localState,
     rootState: t.rootState,
@@ -558,60 +558,60 @@ const Ht = ({
     context: t.context,
     enableCache: !0
   });
-  if (!Array.isArray(s))
+  if (!Array.isArray(r))
     return;
-  const r = n.collection.split(".").pop(), i = n.itemName || (r ? r + "Item" : "item");
-  return s.map((l, d) => ({
+  const s = n.collection.split(".").pop(), i = n.itemName || (s ? s + "Item" : "item");
+  return r.map((a, u) => ({
     context: {
       ...t,
       localState: {
         ...t.localState,
-        $index: d,
-        $item: l,
-        [i]: l,
-        [`$${i}Index`]: d
+        $index: u,
+        $item: a,
+        [i]: a,
+        [`$${i}Index`]: u
       }
     },
     block: o
   }));
-}, Kt = (e) => e && (e.isRSC || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs"].includes(e.name)), zt = (e) => e && (e.isRSC || ["Symbol", "Columns", "Form:Form", "Builder: Tabs"].includes(e.name)), qt = () => import("./block-styles-5vJtIFGc.js").then((e) => e.default).catch((e) => {
+}, qt = (e) => e && (e.isRSC || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(e.name)), zt = (e) => e && (e.isRSC || ["Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(e.name)), Jt = () => import("./block-styles-7fSdcHZX.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;
-}), Jt = () => import("./block-wrapper-JrLSq3J2.js").then((e) => e.default).catch((e) => {
+}), Gt = () => import("./block-wrapper-pcluv3oE.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;
-}), Gt = () => import("./component-ref-gxDw0wuA.js").then((e) => e.default).catch((e) => {
+}), Yt = () => import("./component-ref-WhzAplFn.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;
-}), Yt = () => import("./repeated-block-Qlvgzgy_.js").then((e) => e.default).catch((e) => {
+}), Qt = () => import("./repeated-block-HcLgTzGb.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;
-}), Qt = () => Promise.resolve().then(() => cn).then((e) => e.default).catch((e) => {
+}), Xt = () => 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 = f({
+}), Zt = f({
   name: "block",
   components: {
-    BlockStyles: D(qt),
-    ComponentRef: D(Gt),
-    RepeatedBlock: D(Yt),
-    BlockWrapper: D(Jt),
-    DynamicDiv: D(Qt)
+    BlockStyles: H(Jt),
+    ComponentRef: H(Yt),
+    RepeatedBlock: H(Qt),
+    BlockWrapper: H(Gt),
+    DynamicDiv: H(Xt)
   },
   props: ["block", "context", "registeredComponents", "linkComponent"],
   mounted() {
     const e = this.processedBlock.id, t = this.processedBlock.animations;
-    t && e && Ft(
+    t && e && Dt(
       t.map((n) => ({
         ...n,
         elementId: e
@@ -627,14 +627,14 @@ const Ht = ({
       });
     },
     repeatItem() {
-      return jt({
+      return Kt({
         block: this.block,
         context: this.context
       });
     },
     processedBlock() {
       var e;
-      return (e = this.block.repeat) != null && e.collection ? this.block : Ne({
+      return (e = this.block.repeat) != null && e.collection ? this.block : De({
         block: this.block,
         localState: this.context.localState,
         rootState: this.context.rootState,
@@ -664,9 +664,9 @@ const Ht = ({
         blockChildren: this.processedBlock.children ?? [],
         componentRef: (e = this.blockComponent) == null ? void 0 : e.component,
         componentOptions: {
-          ...wt(this.processedBlock),
+          ...It(this.processedBlock),
           builderContext: this.context,
-          ...Kt(this.blockComponent) ? {
+          ...qt(this.blockComponent) ? {
             builderLinkComponent: this.linkComponent
           } : {},
           ...zt(this.blockComponent) ? {
@@ -683,15 +683,15 @@ const Ht = ({
     }
   }
 });
-function _t(e, t, n, o, s, r) {
+function _t(e, t, n, o, r, s) {
   var c;
-  const i = y("block-styles"), a = y("component-ref"), l = y("block", !0), d = y("block-wrapper"), m = y("repeated-block");
-  return e.canShowBlock ? (u(), h($, { key: 0 }, [
-    E(i, {
+  const i = g("BlockStyles"), l = g("ComponentRef"), a = g("Block", !0), u = g("BlockWrapper"), h = g("RepeatedBlock");
+  return e.canShowBlock ? (d(), m(I, { key: 0 }, [
+    $(i, {
       block: e.block,
       context: e.context
     }, null, 8, ["block", "context"]),
-    (c = e.blockComponent) != null && c.noWrap ? (u(), k(a, {
+    (c = e.blockComponent) != null && c.noWrap ? (d(), k(l, {
       key: 1,
       componentRef: e.componentRefProps.componentRef,
       componentOptions: e.componentRefProps.componentOptions,
@@ -702,22 +702,22 @@ function _t(e, t, n, o, s, r) {
       builderBlock: e.componentRefProps.builderBlock,
       includeBlockProps: e.componentRefProps.includeBlockProps,
       isInteractive: e.componentRefProps.isInteractive
-    }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"])) : (u(), h($, { key: 0 }, [
-      e.repeatItem ? (u(!0), h($, { key: 1 }, O(e.repeatItem, (p, v) => (u(), k(m, {
+    }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"])) : (d(), m(I, { key: 0 }, [
+      e.repeatItem ? (d(!0), m(I, { key: 1 }, W(e.repeatItem, (p, v) => (d(), k(h, {
         key: v,
         repeatContext: p.context,
         block: p.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
-      }, null, 8, ["repeatContext", "block", "registeredComponents", "linkComponent"]))), 128)) : (u(), k(d, {
+      }, null, 8, ["repeatContext", "block", "registeredComponents", "linkComponent"]))), 128)) : (d(), k(u, {
         key: 0,
         Wrapper: e.Tag,
         block: e.processedBlock,
         context: e.context,
         linkComponent: e.linkComponent
       }, {
-        default: B(() => [
-          E(a, {
+        default: V(() => [
+          $(l, {
             componentRef: e.componentRefProps.componentRef,
             componentOptions: e.componentRefProps.componentOptions,
             blockChildren: e.componentRefProps.blockChildren,
@@ -728,7 +728,7 @@ function _t(e, t, n, o, s, r) {
             includeBlockProps: e.componentRefProps.includeBlockProps,
             isInteractive: e.componentRefProps.isInteractive
           }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"]),
-          (u(!0), h($, null, O(e.childrenWithoutParentComponent, (p, v) => (u(), k(l, {
+          (d(!0), m(I, null, W(e.childrenWithoutParentComponent, (p, v) => (d(), k(a, {
             key: p.id,
             block: p,
             registeredComponents: e.registeredComponents,
@@ -741,10 +741,10 @@ function _t(e, t, n, o, s, r) {
     ], 64))
   ], 64)) : S("", !0);
 }
-const pe = /* @__PURE__ */ b(Xt, [["render", _t]]), yr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const fe = /* @__PURE__ */ b(Zt, [["render", _t]]), Is = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: pe
-}, Symbol.toStringTag, { value: "Module" })), Zt = f({
+  default: fe
+}, Symbol.toStringTag, { value: "Module" })), en = f({
   name: "builder-blocks-wrapper",
   props: [
     "blocks",
@@ -763,7 +763,7 @@ const pe = /* @__PURE__ */ b(Xt, [["render", _t]]), yr = /* @__PURE__ */ Object.
   methods: {
     onClick() {
       var e, t;
-      I() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      R() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.clickEmptyBlocks",
           data: {
@@ -776,7 +776,7 @@ const pe = /* @__PURE__ */ b(Xt, [["render", _t]]), yr = /* @__PURE__ */ Object.
     },
     onMouseEnter() {
       var e, t;
-      I() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      R() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.hoverEmptyBlocks",
           data: {
@@ -789,9 +789,9 @@ const pe = /* @__PURE__ */ b(Xt, [["render", _t]]), yr = /* @__PURE__ */ Object.
     }
   }
 });
-function en(e, t, n, o, s, r) {
-  return u(), k(H(e.BlocksWrapper), w({
-    class: e.className + " component-178o76acnws",
+function tn(e, t, n, o, r, s) {
+  return d(), k(K(e.BlocksWrapper), w({
+    class: e.className + " component-1k2igrjdg3x",
     "builder-path": e.path,
     "builder-parent-id": e.parent,
     style: e.styleProp,
@@ -799,15 +799,15 @@ function en(e, t, n, o, s, r) {
     onMouseEnter: (i) => e.onMouseEnter(),
     onKeyPress: (i) => e.onClick()
   }, { ...e.BlocksWrapperProps }), {
-    default: B(() => [
+    default: V(() => [
       P(e.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const tn = /* @__PURE__ */ b(Zt, [["render", en], ["__scopeId", "data-v-a5b13ef9"]]), nn = f({
+const nn = /* @__PURE__ */ b(en, [["render", tn], ["__scopeId", "data-v-f091a4a7"]]), on = f({
   name: "builder-blocks",
-  components: { BlocksWrapper: tn, Block: pe },
+  components: { BlocksWrapper: nn, Block: fe },
   props: [
     "blocks",
     "parent",
@@ -818,25 +818,25 @@ const tn = /* @__PURE__ */ b(Zt, [["render", en], ["__scopeId", "data-v-a5b13ef9
     "registeredComponents"
   ],
   inject: {
-    builderContext: ie.key,
-    componentsContext: Pe.key
+    builderContext: ce.key,
+    componentsContext: Ae.key
   }
 });
-function on(e, t, n, o, s, r) {
-  var l, d;
-  const i = y("block"), a = y("blocks-wrapper");
-  return u(), k(a, {
+function rn(e, t, n, o, r, s) {
+  var a, u;
+  const i = g("Block"), l = g("BlocksWrapper");
+  return d(), k(l, {
     blocks: e.blocks,
     parent: e.parent,
     path: e.path,
     styleProp: e.styleProp,
-    BlocksWrapper: ((l = e.context) == null ? void 0 : l.BlocksWrapper) || e.builderContext.BlocksWrapper,
-    BlocksWrapperProps: ((d = e.context) == null ? void 0 : d.BlocksWrapperProps) || e.builderContext.BlocksWrapperProps
+    BlocksWrapper: ((a = e.context) == null ? void 0 : a.BlocksWrapper) || e.builderContext.BlocksWrapper,
+    BlocksWrapperProps: ((u = e.context) == null ? void 0 : u.BlocksWrapperProps) || e.builderContext.BlocksWrapperProps
   }, {
-    default: B(() => [
-      e.blocks ? (u(!0), h($, { key: 0 }, O(e.blocks, (m, c) => (u(), k(i, {
-        key: m.id,
-        block: m,
+    default: V(() => [
+      e.blocks ? (d(!0), m(I, { key: 0 }, W(e.blocks, (h, c) => (d(), k(i, {
+        key: h.id,
+        block: h,
         linkComponent: e.linkComponent,
         context: e.context || e.builderContext,
         registeredComponents: e.registeredComponents || e.componentsContext.registeredComponents
@@ -845,16 +845,16 @@ function on(e, t, n, o, s, r) {
     _: 1
   }, 8, ["blocks", "parent", "path", "styleProp", "BlocksWrapper", "BlocksWrapperProps"]);
 }
-const J = /* @__PURE__ */ b(nn, [["render", on]]), me = f({
+const M = /* @__PURE__ */ b(on, [["render", rn]]), be = f({
   render() {
-    return Ee("style", {
+    return xe("style", {
       innerHTML: this.styles,
       "data-id": this.id
     });
   },
   name: "inlined-styles",
   props: ["styles", "id"]
-}), He = {
+}), Ke = {
   small: {
     min: 320,
     default: 321,
@@ -870,11 +870,11 @@ const J = /* @__PURE__ */ b(nn, [["render", on]]), me = f({
     default: 991,
     max: 1200
   }
-}, kr = (e, t = He) => `@media (max-width: ${t[e].max}px)`, sn = ({
+}, $s = (e, t = Ke) => `@media (max-width: ${t[e].max}px)`, sn = ({
   small: e,
   medium: t
 }) => {
-  const n = q(He);
+  const n = Y(Ke);
   if (!e || !t)
     return n;
   const o = Math.floor(e / 2);
@@ -883,38 +883,38 @@ const J = /* @__PURE__ */ b(nn, [["render", on]]), me = f({
     min: o,
     default: o + 1
   };
-  const s = n.small.max + 1;
+  const r = n.small.max + 1;
   n.medium = {
     max: t,
-    min: s,
-    default: s + 1
+    min: r,
+    default: r + 1
   };
-  const r = n.medium.max + 1;
+  const s = n.medium.max + 1;
   return n.large = {
     max: 2e3,
     // TODO: decide upper limit
-    min: r,
-    default: r + 1
+    min: s,
+    default: s + 1
   }, n;
-}, rn = (e) => `builder-columns ${e}-breakpoints`, an = f({
+}, an = (e) => `builder-columns ${e}-breakpoints`, ln = f({
   name: "dynamic-div",
   props: []
 });
-function ln(e, t, n, o, s, r) {
-  return u(), h("div", null, [
+function cn(e, t, n, o, r, s) {
+  return d(), m("div", null, [
     P(e.$slots, "default")
   ]);
 }
-const G = /* @__PURE__ */ b(an, [["render", ln]]), cn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Q = /* @__PURE__ */ b(ln, [["render", cn]]), dn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: G
-}, Symbol.toStringTag, { value: "Module" })), dn = f({
+  default: Q
+}, Symbol.toStringTag, { value: "Module" })), un = f({
   name: "builder-columns",
   components: {
-    InlinedStyles: me,
-    DynamicRenderer: ue,
-    Blocks: J,
-    DynamicDiv: G
+    InlinedStyles: be,
+    DynamicRenderer: me,
+    Blocks: M,
+    DynamicDiv: Q
   },
   props: [
     "space",
@@ -932,8 +932,8 @@ const G = /* @__PURE__ */ b(an, [["render", ln]]), cn = /* @__PURE__ */ Object.f
       cols: this.columns || [],
       stackAt: this.stackColumnsAt || "tablet",
       flexDir: this.stackColumnsAt === "never" ? "row" : this.reverseColumnsWhenStacked ? "column-reverse" : "column",
-      TARGET: V,
-      getColumnsClass: rn
+      TARGET: x,
+      getColumnsClass: an
     };
   },
   methods: {
@@ -970,7 +970,7 @@ const G = /* @__PURE__ */ b(an, [["render", ln]]), cn = /* @__PURE__ */ Object.f
       };
     },
     columnCssVars(e) {
-      const t = e === 0 ? 0 : this.gutterSize, n = this.getColumnCssWidth(e), o = `${t}px`, s = "100%", r = 0;
+      const t = e === 0 ? 0 : this.gutterSize, n = this.getColumnCssWidth(e), o = `${t}px`, r = "100%", s = 0;
       return {
         ...{
           display: "flex",
@@ -980,19 +980,19 @@ const G = /* @__PURE__ */ b(an, [["render", ln]]), cn = /* @__PURE__ */ Object.f
         width: n,
         ["margin-left"]: o,
         "--column-width-mobile": this.getMobileStyle({
-          stackedStyle: s,
+          stackedStyle: r,
           desktopStyle: n
         }),
         "--column-margin-left-mobile": this.getMobileStyle({
-          stackedStyle: r,
+          stackedStyle: s,
           desktopStyle: o
         }),
         "--column-width-tablet": this.getTabletStyle({
-          stackedStyle: s,
+          stackedStyle: r,
           desktopStyle: n
         }),
         "--column-margin-left-tablet": this.getTabletStyle({
-          stackedStyle: r,
+          stackedStyle: s,
           desktopStyle: o
         })
       };
@@ -1035,32 +1035,32 @@ const G = /* @__PURE__ */ b(an, [["render", ln]]), cn = /* @__PURE__ */ Object.f
         ...e.link ? {
           href: e.link
         } : {},
-        [Z()]: "builder-column",
-        style: De(this.columnCssVars(t))
+        [ee()]: "builder-column",
+        style: He(this.columnCssVars(t))
       };
     }
   }
 });
-function un(e, t, n, o, s, r) {
-  var d;
-  const i = y("inlined-styles"), a = y("blocks"), l = y("dynamic-renderer");
-  return u(), h("div", w({
-    class: e.getColumnsClass((d = e.builderBlock) == null ? void 0 : d.id) + " div-t9spj7joih",
+function pn(e, t, n, o, r, s) {
+  var u;
+  const i = g("InlinedStyles"), l = g("Blocks"), a = g("DynamicRenderer");
+  return d(), m("div", w({
+    class: e.getColumnsClass((u = e.builderBlock) == null ? void 0 : u.id) + " div-2brhoa1k8gd",
     style: e.columnsCssVars()
   }, {}), [
-    e.TARGET !== "reactNative" ? (u(), k(i, {
+    e.TARGET !== "reactNative" ? (d(), k(i, {
       key: 0,
       id: "builderio-columns",
       styles: e.columnsStyles()
     }, null, 8, ["styles"])) : S("", !0),
-    (u(!0), h($, null, O(e.columns, (m, c) => (u(), k(l, {
+    (d(!0), m(I, null, W(e.columns, (h, c) => (d(), k(a, {
       key: c,
-      TagName: e.getTagName(m),
+      TagName: e.getTagName(h),
       actionAttributes: {},
-      attributes: e.getAttributes(m, c)
+      attributes: e.getAttributes(h, c)
     }, {
-      default: B(() => [
-        E(a, {
+      default: V(() => [
+        $(l, {
           path: `component.options.columns.${c}.blocks`,
           parent: e.builderBlock.id,
           styleProp: {
@@ -1069,54 +1069,54 @@ function un(e, t, n, o, s, r) {
           context: e.builderContext,
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent,
-          blocks: m.blocks
+          blocks: h.blocks
         }, null, 8, ["path", "parent", "context", "registeredComponents", "linkComponent", "blocks"])
       ]),
       _: 2
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const pn = /* @__PURE__ */ b(dn, [["render", un], ["__scopeId", "data-v-4878b55f"]]), mn = f({
+const mn = /* @__PURE__ */ b(un, [["render", pn], ["__scopeId", "data-v-92d2d1da"]]), hn = f({
   name: "builder-fragment-component",
   props: []
 });
-function hn(e, t, n, o, s, r) {
-  return u(), h("span", null, [
+function fn(e, t, n, o, r, s) {
+  return d(), m("span", null, [
     P(e.$slots, "default")
   ]);
 }
-const fn = /* @__PURE__ */ b(mn, [["render", hn]]);
-function ke(e) {
+const bn = /* @__PURE__ */ b(hn, [["render", fn]]);
+function Ce(e) {
   return e.replace(/http(s)?:/, "");
 }
-function bn(e = "", t, n) {
-  const o = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), s = e.indexOf("?") !== -1 ? "&" : "?";
-  return e.match(o) ? e.replace(o, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + s + t + "=" + encodeURIComponent(n);
+function gn(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 gn(e, t) {
+function yn(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
-    return ke(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]), s = n[3], r = t.match("x") ? t : `${t}x`;
-    return ke(`${o[0]}_${r}${s}`);
+    const o = e.split(n[0]), r = n[3], s = t.match("x") ? t : `${t}x`;
+    return Ce(`${o[0]}_${s}${r}`);
   }
   return null;
 }
-function oe(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((s) => s !== o).map((s) => `${bn(e, "width", s)} ${s}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), t.filter((r) => r !== o).map((r) => `${gn(e, "width", r)} ${r}w`).concat([n]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [gn(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) => [yn(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
-const yn = f({
+const kn = f({
   name: "builder-image",
   props: [
     "image",
@@ -1142,10 +1142,10 @@ const yn = 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"), oe(t);
+          return console.debug("Removed given srcset"), re(t);
       } else if (this.image && !this.srcset)
-        return oe(t);
-      return oe(t);
+        return re(t);
+      return re(t);
     },
     webpSrcSet() {
       var e;
@@ -1162,58 +1162,58 @@ const yn = f({
       return this.aspectRatio ? e : void 0;
     }
   }
-}), kn = ["srcset"], vn = ["alt", "role", "src", "srcset", "sizes"], Sn = {
+}), Sn = ["srcset"], vn = ["alt", "role", "src", "srcset", "sizes"], Cn = {
   key: 2,
-  class: "div-20351ewpue7-2"
+  class: "div-1pl23ac79ld-2"
 };
-function Cn(e, t, n, o, s, r) {
-  var i, a, l, d, m, c;
-  return u(), h($, null, [
-    _("picture", null, [
-      e.webpSrcSet ? (u(), h("source", {
+function wn(e, t, n, o, r, s) {
+  var i, l, a, u, h, c;
+  return d(), m(I, null, [
+    z("picture", null, [
+      e.webpSrcSet ? (d(), m("source", {
         key: 0,
         type: "image/webp",
         srcset: e.webpSrcSet
-      }, null, 8, kn)) : S("", !0),
-      _("img", {
+      }, null, 8, Sn)) : S("", !0),
+      z("img", {
         loading: "lazy",
         alt: e.altText,
         role: e.altText ? void 0 : "presentation",
-        style: K({
+        style: D({
           objectPosition: e.backgroundPosition || "center",
           objectFit: e.backgroundSize || "cover",
           ...e.aspectRatioCss
         }),
-        class: de(
-          "builder-image" + (e.className ? " " + e.className : "") + " img-20351ewpue7"
+        class: J(
+          "builder-image" + (e.className ? " " + e.className : "") + " img-1pl23ac79ld"
         ),
         src: e.image,
         srcset: e.srcSetToUse,
         sizes: e.sizes
       }, null, 14, vn)
     ]),
-    e.aspectRatio && !((a = (i = e.builderBlock) == null ? void 0 : i.children) != null && a.length && e.fitContent) ? (u(), h("div", {
+    e.aspectRatio && !((l = (i = e.builderBlock) == null ? void 0 : i.children) != null && l.length && e.fitContent) ? (d(), m("div", {
       key: 0,
-      class: "builder-image-sizer div-20351ewpue7",
-      style: K({
+      class: "builder-image-sizer div-1pl23ac79ld",
+      style: D({
         paddingTop: e.aspectRatio * 100 + "%"
       })
     }, null, 4)) : S("", !0),
-    (d = (l = e.builderBlock) == null ? void 0 : l.children) != null && d.length && e.fitContent ? P(e.$slots, "default", { key: 1 }, void 0, !0) : S("", !0),
-    !e.fitContent && ((c = (m = e.builderBlock) == null ? void 0 : m.children) != null && c.length) ? (u(), h("div", Sn, [
+    (u = (a = e.builderBlock) == null ? void 0 : a.children) != null && u.length && e.fitContent ? P(e.$slots, "default", { key: 1 }, void 0, !0) : S("", !0),
+    !e.fitContent && ((c = (h = e.builderBlock) == null ? void 0 : h.children) != null && c.length) ? (d(), m("div", Cn, [
       P(e.$slots, "default", {}, void 0, !0)
     ])) : S("", !0)
   ], 64);
 }
-const wn = /* @__PURE__ */ b(yn, [["render", Cn], ["__scopeId", "data-v-5dee860d"]]), Tn = f({
+const Tn = /* @__PURE__ */ b(kn, [["render", wn], ["__scopeId", "data-v-6b703704"]]), In = f({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
-    return { filterAttrs: W };
+    return { filterAttrs: N };
   }
 });
-function $n(e, t, n, o, s, r) {
-  return u(), h("section", w({
+function $n(e, t, n, o, r, s) {
+  return d(), m("section", w({
     style: {
       width: "100%",
       alignSelf: "stretch",
@@ -1226,16 +1226,16 @@ function $n(e, t, n, o, s, r) {
       marginLeft: "auto",
       marginRight: "auto"
     }
-  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+  }, e.filterAttrs(e.attributes, "v-on:", !1), B(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     P(e.$slots, "default")
   ], 16);
 }
-const In = /* @__PURE__ */ b(Tn, [["render", $n]]), Rn = (e) => {
+const Rn = /* @__PURE__ */ b(In, [["render", $n]]), 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;
-}, je = ({
+}, qe = ({
   name: e,
   canTrack: t
 }) => {
@@ -1243,17 +1243,17 @@ const In = /* @__PURE__ */ b(Tn, [["render", $n]]), Rn = (e) => {
   try {
     return t ? (n = document.cookie.split("; ").find((o) => o.startsWith(`${e}=`))) == null ? void 0 : n.split("=")[1] : void 0;
   } catch (o) {
-    R.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
+    E.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, Ke = async (e) => je(e), En = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(U).join("; "), Pn = [["secure", ""], ["SameSite", "None"]], xn = ({
+}, ze = async (e) => qe(e), Pn = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(U).join("; "), Bn = [["secure", ""], ["SameSite", "None"]], xn = ({
   name: e,
   value: t,
   expires: n
 }) => {
-  const s = (T() ? location.protocol === "https:" : !0) ? Pn : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...r, ["path", "/"], ["domain", Rn(window.location.hostname)], ...s];
-  return En(i);
-}, ze = async ({
+  const r = (T() ? location.protocol === "https:" : !0) ? Bn : [[]], s = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...s, ["path", "/"], ["domain", En(window.location.hostname)], ...r];
+  return Pn(i);
+}, Je = async ({
   name: e,
   value: t,
   expires: n,
@@ -1262,54 +1262,54 @@ const In = /* @__PURE__ */ b(Tn, [["render", $n]]), Rn = (e) => {
   try {
     if (!o)
       return;
-    const s = xn({
+    const r = xn({
       name: e,
       value: t,
       expires: n
     });
-    document.cookie = s;
-  } catch (s) {
-    R.warn("[COOKIE] SET error: ", (s == null ? void 0 : s.message) || s);
+    document.cookie = r;
+  } catch (r) {
+    E.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
   }
-}, Vn = "builder.tests", he = (e) => `${Vn}.${e}`, An = ({
+}, An = "builder.tests", ge = (e) => `${An}.${e}`, Vn = ({
   contentId: e
-}) => Ke({
-  name: he(e),
+}) => ze({
+  name: ge(e),
   canTrack: !0
-}), Bn = ({
+}), Wn = ({
   contentId: e
-}) => je({
-  name: he(e),
+}) => qe({
+  name: ge(e),
   canTrack: !0
-}), Wn = ({
+}), Nn = ({
   contentId: e,
   value: t
-}) => ze({
-  name: he(e),
+}) => Je({
+  name: ge(e),
   value: t,
   canTrack: !0
-}), qe = (e) => U(e.id) && U(e.variations) && Object.keys(e.variations).length > 0, Nn = ({
+}), Ge = (e) => U(e.id) && U(e.variations) && Object.keys(e.variations).length > 0, Fn = ({
   id: e,
   variations: t
 }) => {
-  var s;
+  var r;
   let n = 0;
   const o = Math.random();
-  for (const r in t) {
-    const i = (s = t[r]) == null ? void 0 : s.testRatio;
+  for (const s in t) {
+    const i = (r = t[s]) == null ? void 0 : r.testRatio;
     if (n += i, o < n)
-      return r;
+      return s;
   }
   return e;
-}, Je = (e) => {
-  const t = Nn(e);
-  return Wn({
+}, Ye = (e) => {
+  const t = Fn(e);
+  return Nn({
     contentId: e.id,
     value: t
   }).catch((n) => {
-    R.error("could not store A/B test variation: ", n);
+    E.error("could not store A/B test variation: ", n);
   }), t;
-}, Ge = ({
+}, Qe = ({
   item: e,
   testGroupId: t
 }) => {
@@ -1323,7 +1323,7 @@ const In = /* @__PURE__ */ b(Tn, [["render", $n]]), Rn = (e) => {
     testVariationId: n.id,
     testVariationName: n.name || (n.id === e.id ? "Default" : "")
   };
-}, Fn = ({
+}, On = ({
   item: e,
   canTrack: t
 }) => {
@@ -1331,14 +1331,14 @@ const In = /* @__PURE__ */ b(Tn, [["render", $n]]), Rn = (e) => {
     return e;
   if (!e)
     return;
-  if (!qe(e))
+  if (!Ge(e))
     return e;
-  const n = Bn({
+  const n = Wn({
     contentId: e.id
-  }) || Je({
+  }) || Ye({
     variations: e.variations,
     id: e.id
-  }), o = Ge({
+  }), o = Qe({
     item: e,
     testGroupId: n
   });
@@ -1346,26 +1346,26 @@ const In = /* @__PURE__ */ b(Tn, [["render", $n]]), Rn = (e) => {
     ...e,
     ...o
   };
-}, On = async ({
+}, Dn = async ({
   item: e,
   canTrack: t
 }) => {
-  if (!t || !qe(e))
+  if (!t || !Ge(e))
     return e;
-  const o = await An({
+  const o = await Vn({
     contentId: e.id
-  }) || Je({
+  }) || Ye({
     variations: e.variations,
     id: e.id
-  }), s = Ge({
+  }), r = Qe({
     item: e,
     testGroupId: o
   });
   return {
     ...e,
-    ...s
+    ...r
   };
-}, z = (e) => U(e) ? e : !0, Un = {
+}, G = (e) => U(e) ? e : !0, Un = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1577,7 +1577,7 @@ const In = /* @__PURE__ */ b(Tn, [["render", $n]]), Rn = (e) => {
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && n.find((s) => s.get("width")) && (n.find((r) => !r.get("width")) || n.reduce((a, l) => a + l.get("width"), 0) !== 100) && t();
+      Array.isArray(n) && n.find((r) => r.get("width")) && (n.find((s) => !s.get("width")) || n.reduce((l, a) => l + a.get("width"), 0) !== 100) && t();
     }
   }, {
     name: "space",
@@ -1605,7 +1605,7 @@ const In = /* @__PURE__ */ b(Tn, [["render", $n]]), Rn = (e) => {
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, Dn = {
+}, jn = {
   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",
@@ -1625,29 +1625,29 @@ const In = /* @__PURE__ */ b(Tn, [["render", $n]]), Rn = (e) => {
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
-      function n(i, a = 6e4) {
-        return new Promise((l, d) => {
-          const m = document.createElement("img");
+      function n(i, l = 6e4) {
+        return new Promise((a, u) => {
+          const h = document.createElement("img");
           let c = !1;
-          m.onload = () => {
-            c = !0, l(m);
-          }, m.addEventListener("error", (p) => {
-            console.warn("Image load failed", p.error), d(p.error);
-          }), m.src = i, setTimeout(() => {
-            c || d(new Error("Image load timed out"));
-          }, a);
+          h.onload = () => {
+            c = !0, a(h);
+          }, h.addEventListener("error", (p) => {
+            console.warn("Image load failed", p.error), u(p.error);
+          }), h.src = i, setTimeout(() => {
+            c || u(new Error("Image load timed out"));
+          }, l);
         });
       }
       function o(i) {
         return Math.round(i * 1e3) / 1e3;
       }
-      const s = e.get("image"), r = e.get("aspectRatio");
-      if (fetch(s).then((i) => i.blob()).then((i) => {
+      const r = e.get("image"), s = e.get("aspectRatio");
+      if (fetch(r).then((i) => i.blob()).then((i) => {
         i.type.includes("svg") && e.set("noWebp", !0);
-      }), s && (!r || r === 0.7041))
-        return n(s).then((i) => {
-          const a = e.get("aspectRatio");
-          e.get("image") === s && (!a || a === 0.7041) && i.width && i.height && (e.set("aspectRatio", o(i.height / i.width)), e.set("height", i.height), e.set("width", i.width));
+      }), r && (!s || s === 0.7041))
+        return n(r).then((i) => {
+          const l = e.get("aspectRatio");
+          e.get("image") === r && (!l || l === 0.7041) && i.width && i.height && (e.set("aspectRatio", o(i.height / i.width)), e.set("height", i.height), e.set("width", i.width));
         });
     }
   }, {
@@ -1744,7 +1744,7 @@ const In = /* @__PURE__ */ b(Tn, [["render", $n]]), Rn = (e) => {
       }
     }
   }]
-}, jn = {
+}, Kn = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -1757,31 +1757,31 @@ const In = /* @__PURE__ */ b(Tn, [["render", $n]]), Rn = (e) => {
     required: !0,
     defaultValue: "children"
   }]
-}, Kn = f({
+}, qn = f({
   name: "builder-slot",
-  components: { Blocks: J },
+  components: { Blocks: M },
   props: ["builderContext", "name"]
 });
-function zn(e, t, n, o, s, r) {
-  var a, l, d;
-  const i = y("blocks");
-  return u(), h("div", w(
+function zn(e, t, n, o, r, s) {
+  var l, a, u;
+  const i = g("Blocks");
+  return d(), m("div", w(
     { style: {
       pointerEvents: "auto"
     } },
-    !((a = e.builderContext.context) != null && a.symbolId) && {
+    !((l = e.builderContext.context) != null && l.symbolId) && {
       "builder-slot": e.name
     }
   ), [
-    E(i, {
-      parent: (l = e.builderContext.context) == null ? void 0 : l.symbolId,
+    $(i, {
+      parent: (a = e.builderContext.context) == null ? void 0 : a.symbolId,
       path: `symbol.data.${e.name}`,
       context: e.builderContext,
-      blocks: (d = e.builderContext.rootState) == null ? void 0 : d[e.name]
+      blocks: (u = e.builderContext.rootState) == null ? void 0 : u[e.name]
     }, null, 8, ["parent", "path", "context", "blocks"])
   ], 16);
 }
-const qn = /* @__PURE__ */ b(Kn, [["render", zn]]), Jn = {
+const Jn = /* @__PURE__ */ b(qn, [["render", zn]]), Gn = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1836,7 +1836,7 @@ const qn = /* @__PURE__ */ b(Kn, [["render", zn]]), Jn = {
       text: "New tab"
     }
   }
-}, re = {
+}, ie = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -1852,7 +1852,7 @@ const qn = /* @__PURE__ */ b(Kn, [["render", zn]]), Jn = {
       text: "New tab content "
     }
   }
-}, Gn = {
+}, Yn = {
   name: "Builder: Tabs",
   inputs: [{
     name: "tabs",
@@ -1867,7 +1867,7 @@ const qn = /* @__PURE__ */ b(Kn, [["render", zn]]), Jn = {
       name: "content",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [re]
+      defaultValue: [ie]
     }],
     defaultValue: [{
       label: [{
@@ -1880,7 +1880,7 @@ const qn = /* @__PURE__ */ b(Kn, [["render", zn]]), Jn = {
         }
       }],
       content: [{
-        ...re,
+        ...ie,
         component: {
           name: "Text",
           options: {
@@ -1899,7 +1899,7 @@ const qn = /* @__PURE__ */ b(Kn, [["render", zn]]), Jn = {
         }
       }],
       content: [{
-        ...re,
+        ...ie,
         component: {
           name: "Text",
           options: {
@@ -1949,15 +1949,15 @@ const qn = /* @__PURE__ */ b(Kn, [["render", zn]]), Jn = {
       value: "flex-end"
     }]
   }]
-}, Yn = f({
+}, Qn = f({
   name: "builder-tabs",
-  components: { Blocks: J },
+  components: { Blocks: M },
   props: [
     "defaultActiveTab",
     "tabs",
-    "activeTabStyle",
-    "tabHeaderLayout",
     "collapsible",
+    "tabHeaderLayout",
+    "activeTabStyle",
     "builderBlock",
     "builderContext",
     "builderComponents",
@@ -1970,43 +1970,43 @@ const qn = /* @__PURE__ */ b(Kn, [["render", zn]]), Jn = {
     activeTabContent(e) {
       return this.tabs && this.tabs[e].content;
     },
-    getActiveTabStyle(e) {
-      return this.activeTab === e ? this.activeTabStyle : {};
+    onClick(e) {
+      e === this.activeTab && this.collapsible ? this.activeTab = -1 : this.activeTab = e;
     }
   }
-}), Qn = ["onClick"], Xn = { key: 0 };
-function _n(e, t, n, o, s, r) {
-  const i = y("blocks");
-  return u(), h("div", null, [
-    _("div", {
+}), Xn = ["onClick"], Zn = { key: 0 };
+function _n(e, t, n, o, r, s) {
+  const i = g("Blocks");
+  return d(), m("div", null, [
+    z("div", {
       class: "builder-tabs-wrap",
-      style: K({
+      style: D({
         display: "flex",
         flexDirection: "row",
         justifyContent: e.tabHeaderLayout || "flex-start",
         overflow: "auto"
       })
     }, [
-      (u(!0), h($, null, O(e.tabs, (a, l) => (u(), h("span", {
-        key: l,
-        class: de(`builder-tab-wrap ${e.activeTab === l ? "builder-tab-active" : ""}`),
-        style: K(e.getActiveTabStyle(l)),
-        onClick: (d) => {
-          l === e.activeTab && e.collapsible ? e.activeTab = -1 : e.activeTab = l;
-        }
+      (d(!0), m(I, null, W(e.tabs, (l, a) => (d(), m("span", {
+        key: a,
+        class: J(`builder-tab-wrap ${e.activeTab === a ? "builder-tab-active" : ""}`),
+        style: D({
+          ...e.activeTab === a ? e.activeTabStyle : {}
+        }),
+        onClick: (u) => e.onClick(a)
       }, [
-        E(i, {
+        $(i, {
           parent: e.builderBlock.id,
-          path: `component.options.tabs.${l}.label`,
-          blocks: a.label,
+          path: `component.options.tabs.${a}.label`,
+          blocks: l.label,
           context: e.builderContext,
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent
         }, null, 8, ["parent", "path", "blocks", "context", "registeredComponents", "linkComponent"])
-      ], 14, Qn))), 128))
+      ], 14, Xn))), 128))
     ], 4),
-    e.activeTabContent(e.activeTab) ? (u(), h("div", Xn, [
-      E(i, {
+    e.activeTabContent(e.activeTab) ? (d(), m("div", Zn, [
+      $(i, {
         parent: e.builderBlock.id,
         path: `component.options.tabs.${e.activeTab}.content`,
         blocks: e.activeTabContent(e.activeTab),
@@ -2017,7 +2017,7 @@ function _n(e, t, n, o, s, r) {
     ])) : S("", !0)
   ]);
 }
-const Zn = /* @__PURE__ */ b(Yn, [["render", _n]]), eo = {
+const eo = /* @__PURE__ */ b(Qn, [["render", _n]]), to = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -2035,21 +2035,278 @@ const Zn = /* @__PURE__ */ b(Yn, [["render", _n]]), eo = {
     height: "auto",
     textAlign: "center"
   }
-}, to = f({
+}, no = f({
   name: "builder-text",
   props: ["text"]
-}), no = ["innerHTML"];
-function oo(e, t, n, o, s, r) {
+}), oo = ["innerHTML"];
+function ro(e, t, n, o, r, s) {
   var i;
-  return u(), h("div", {
+  return d(), m("div", {
     class: "builder-text",
     innerHTML: ((i = e.text) == null ? void 0 : i.toString()) || "",
     style: {
       outline: "none"
     }
-  }, null, 8, no);
+  }, null, 8, oo);
 }
-const so = /* @__PURE__ */ b(to, [["render", oo]]), ro = {
+const so = /* @__PURE__ */ b(no, [["render", ro]]), io = (e) => e.toString(), ao = f({
+  name: "builder-accordion",
+  components: { Blocks: M },
+  props: [
+    "grid",
+    "oneAtATime",
+    "items",
+    "gridRowWidth",
+    "builderBlock",
+    "builderContext",
+    "builderComponents",
+    "builderLinkComponent"
+  ],
+  data() {
+    return { open: [], convertOrderNumberToString: io };
+  },
+  computed: {
+    onlyOneAtATime() {
+      return !!(this.grid || this.oneAtATime);
+    },
+    accordionStyles() {
+      return {
+        display: "flex",
+        alignItems: "stretch",
+        flexDirection: "column",
+        ...this.grid && {
+          flexDirection: "row",
+          alignItems: "flex-start",
+          flexWrap: "wrap"
+        }
+      };
+    },
+    accordionTitleStyles() {
+      const t = {
+        ...{
+          display: "flex",
+          flexDirection: "column"
+        },
+        alignItems: "stretch",
+        cursor: "pointer"
+      };
+      return Object.fromEntries(
+        Object.entries(t).filter(([n, o]) => o !== void 0)
+      );
+    },
+    openGridItemOrder() {
+      let e = null;
+      if (this.grid && this.open.length && document) {
+        const n = this.open[0];
+        let r = document.querySelector(
+          `.builder-accordion-title[data-index="${n}"]`
+        );
+        if (e = n, r) {
+          let s = r.getBoundingClientRect();
+          for (; r = r && r.nextElementSibling; )
+            if (r) {
+              if (r.classList.contains("builder-accordion-detail"))
+                continue;
+              const i = r.getBoundingClientRect();
+              if (i.left > s.left) {
+                const l = parseInt(
+                  r.getAttribute("data-index") || "",
+                  10
+                );
+                isNaN(l) || (s = i, e = l);
+              } else
+                break;
+            }
+        }
+      }
+      return typeof e == "number" && (e = e + 1), e;
+    },
+    accordionDetailStyles() {
+      const e = {
+        order: typeof this.openGridItemOrder == "number" ? this.openGridItemOrder : void 0,
+        ...this.grid && {
+          width: "100%"
+        }
+      };
+      return Object.fromEntries(
+        Object.entries(e).filter(([t, n]) => n !== void 0)
+      );
+    }
+  },
+  methods: {
+    getAccordionTitleClassName(e) {
+      return `builder-accordion-title builder-accordion-title-${this.open.includes(e) ? "open" : "closed"}`;
+    },
+    getAccordionDetailClassName(e) {
+      return `builder-accordion-detail builder-accordion-detail-${this.open.includes(e) ? "open" : "closed"}`;
+    },
+    onClick(e) {
+      this.open.includes(e) ? this.open = this.onlyOneAtATime ? [] : this.open.filter((t) => t !== e) : this.open = this.onlyOneAtATime ? [e] : this.open.concat(e);
+    }
+  }
+}), lo = ["data-index", "onClick"];
+function co(e, t, n, o, r, s) {
+  const i = g("Blocks");
+  return d(), m("div", {
+    class: "builder-accordion",
+    style: D(e.accordionStyles)
+  }, [
+    (d(!0), m(I, null, W(e.items, (l, a) => (d(), m(I, { key: a }, [
+      z("div", {
+        class: J(e.getAccordionTitleClassName(a)),
+        style: D({
+          ...e.accordionTitleStyles,
+          width: e.grid ? e.gridRowWidth : void 0,
+          order: e.openGridItemOrder !== null ? e.convertOrderNumberToString(a) : e.convertOrderNumberToString(a + 1)
+        }),
+        "data-index": a,
+        onClick: (u) => e.onClick(a)
+      }, [
+        $(i, {
+          blocks: l.title,
+          path: `items.${a}.title`,
+          parent: e.builderBlock.id,
+          context: e.builderContext,
+          registeredComponents: e.builderComponents,
+          linkComponent: e.builderLinkComponent
+        }, null, 8, ["blocks", "path", "parent", "context", "registeredComponents", "linkComponent"])
+      ], 14, lo),
+      e.open.includes(a) ? (d(), m("div", {
+        key: 0,
+        class: J(e.getAccordionDetailClassName(a)),
+        style: D(e.accordionDetailStyles)
+      }, [
+        $(i, {
+          blocks: l.detail,
+          path: `items.${a}.detail`,
+          parent: e.builderBlock.id,
+          context: e.builderContext,
+          registeredComponents: e.builderComponents,
+          linkComponent: e.builderLinkComponent
+        }, null, 8, ["blocks", "path", "parent", "context", "registeredComponents", "linkComponent"])
+      ], 6)) : S("", !0)
+    ], 64))), 128))
+  ], 4);
+}
+const uo = /* @__PURE__ */ b(ao, [["render", co]]), ae = {
+  "@type": "@builder.io/sdk:Element",
+  layerName: "Accordion item title",
+  responsiveStyles: {
+    large: {
+      marginTop: "10px",
+      position: "relative",
+      display: "flex",
+      alignItems: "stretch",
+      flexDirection: "column",
+      paddingBottom: "10px"
+    }
+  },
+  children: [{
+    "@type": "@builder.io/sdk:Element",
+    responsiveStyles: {
+      large: {
+        textAlign: "left",
+        display: "flex",
+        flexDirection: "column"
+      }
+    },
+    component: {
+      name: "Text",
+      options: {
+        text: "I am an accordion title. Click me!"
+      }
+    }
+  }]
+}, le = {
+  "@type": "@builder.io/sdk:Element",
+  layerName: "Accordion item detail",
+  responsiveStyles: {
+    large: {
+      position: "relative",
+      display: "flex",
+      alignItems: "stretch",
+      flexDirection: "column",
+      marginTop: "10px",
+      paddingBottom: "10px"
+    }
+  },
+  children: [{
+    "@type": "@builder.io/sdk:Element",
+    responsiveStyles: {
+      large: {
+        paddingTop: "50px",
+        textAlign: "left",
+        display: "flex",
+        flexDirection: "column",
+        paddingBottom: "50px"
+      }
+    },
+    component: {
+      name: "Text",
+      options: {
+        text: "I am an accordion detail, hello!"
+      }
+    }
+  }]
+}, po = {
+  name: "Builder:Accordion",
+  canHaveChildren: !0,
+  image: "https://cdn.builder.io/api/v1/image/assets%2FagZ9n5CUKRfbL9t6CaJOyVSK4Es2%2Ffab6c1fd3fe542408cbdec078bca7f35",
+  defaultStyles: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "stretch"
+  },
+  inputs: [{
+    name: "items",
+    type: "list",
+    broadcast: !0,
+    subFields: [{
+      name: "title",
+      type: "uiBlocks",
+      hideFromUI: !0,
+      defaultValue: [ae]
+    }, {
+      name: "detail",
+      type: "uiBlocks",
+      hideFromUI: !0,
+      defaultValue: [le]
+    }],
+    defaultValue: [{
+      title: [ae],
+      detail: [le]
+    }, {
+      title: [ae],
+      detail: [le]
+    }],
+    showIf: (e) => !e.get("useChildrenForItems")
+  }, {
+    name: "oneAtATime",
+    helperText: "Only allow opening one at a time (collapse all others when new item openned)",
+    type: "boolean",
+    defaultValue: !1
+  }, {
+    name: "grid",
+    helperText: "Display as a grid",
+    type: "boolean",
+    defaultValue: !1
+  }, {
+    name: "gridRowWidth",
+    helperText: "Display as a grid",
+    type: "string",
+    showIf: (e) => e.get("grid"),
+    defaultValue: "25%"
+  }, {
+    name: "useChildrenForItems",
+    type: "boolean",
+    helperText: "Use child elements for each slide, instead of the array. Useful for dynamically repeating items",
+    advanced: !0,
+    defaultValue: !1,
+    onChange: (e) => {
+      e.get("useChildrenForItems") === !0 && e.set("items", []);
+    }
+  }]
+}, mo = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -2071,7 +2328,7 @@ const so = /* @__PURE__ */ b(to, [["render", oo]]), ro = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, io = f({
+}, ho = f({
   name: "builder-custom-code",
   props: ["replaceNodes", "code"],
   data() {
@@ -2088,8 +2345,8 @@ const so = /* @__PURE__ */ b(to, [["render", oo]]), ro = {
         if (this.scriptsInserted.includes(o.src))
           continue;
         this.scriptsInserted.push(o.src);
-        const s = document.createElement("script");
-        s.async = !0, s.src = o.src, document.head.appendChild(s);
+        const r = document.createElement("script");
+        r.async = !0, r.src = o.src, document.head.appendChild(r);
       } else if (!o.type || [
         "text/javascript",
         "application/javascript",
@@ -2099,21 +2356,21 @@ const so = /* @__PURE__ */ b(to, [["render", oo]]), ro = {
           continue;
         try {
           this.scriptsRun.push(o.innerText), new Function(o.innerText)();
-        } catch (s) {
-          console.warn("`CustomCode`: Error running script:", s);
+        } catch (r) {
+          console.warn("`CustomCode`: Error running script:", r);
         }
       }
     }
   }
-}), ao = ["innerHTML"];
-function lo(e, t, n, o, s, r) {
-  return u(), h("div", {
+}), fo = ["innerHTML"];
+function bo(e, t, n, o, r, s) {
+  return d(), m("div", {
     ref: "elementRef",
-    class: de("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
+    class: J("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
     innerHTML: e.code
-  }, null, 10, ao);
+  }, null, 10, fo);
 }
-const co = /* @__PURE__ */ b(io, [["render", lo]]), uo = {
+const go = /* @__PURE__ */ b(ho, [["render", bo]]), yo = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -2138,7 +2395,7 @@ const co = /* @__PURE__ */ b(io, [["render", lo]]), uo = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, po = ["text/javascript", "application/javascript", "application/ecmascript"], mo = (e) => po.includes(e.type), ho = f({
+}, ko = ["text/javascript", "application/javascript", "application/ecmascript"], So = (e) => ko.includes(e.type), vo = f({
   name: "builder-embed",
   props: ["content"],
   data() {
@@ -2171,7 +2428,7 @@ const co = /* @__PURE__ */ b(io, [["render", lo]]), uo = {
           this.scriptsInserted.push(n.src);
           const o = document.createElement("script");
           o.async = !0, o.src = n.src, document.head.appendChild(o);
-        } else if (mo(n) && !this.scriptsRun.includes(n.innerText))
+        } else if (So(n) && !this.scriptsRun.includes(n.innerText))
           try {
             this.scriptsRun.push(n.innerText), new Function(n.innerText)();
           } catch (o) {
@@ -2180,15 +2437,15 @@ const co = /* @__PURE__ */ b(io, [["render", lo]]), uo = {
       }
     }
   }
-}), fo = ["innerHTML"];
-function bo(e, t, n, o, s, r) {
-  return u(), h("div", {
+}), Co = ["innerHTML"];
+function wo(e, t, n, o, r, s) {
+  return d(), m("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: e.content
-  }, null, 8, fo);
+  }, null, 8, Co);
 }
-const go = /* @__PURE__ */ b(ho, [["render", bo]]), yo = {
+const To = /* @__PURE__ */ b(vo, [["render", wo]]), Io = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -2419,15 +2676,15 @@ const go = /* @__PURE__ */ b(ho, [["render", bo]]), yo = {
       }
     }
   }]
-}, ko = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], vo = () => {
+}, $o = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], Ro = () => {
   const e = process.env.NODE_ENV || "production";
-  return ko.includes(e) ? e : "production";
-}, So = (e, t, n) => {
-  const o = String.prototype.split.call(t, /[,[\].]+?/).filter(Boolean).reduce((s, r) => s != null ? s[r] : s, e);
+  return $o.includes(e) ? e : "production";
+}, Eo = (e, t, n) => {
+  const o = String.prototype.split.call(t, /[,[\].]+?/).filter(Boolean).reduce((r, s) => r != null ? r[s] : r, e);
   return o === void 0 || o === e ? n : o;
-}, Co = f({
+}, Po = f({
   name: "builder-form-component",
-  components: { Block: pe, Blocks: J },
+  components: { Block: fe, Blocks: M },
   props: [
     "builderContext",
     "previewState",
@@ -2456,7 +2713,7 @@ const go = /* @__PURE__ */ b(ho, [["render", bo]]), yo = {
       formState: "unsubmitted",
       responseData: null,
       formErrorMessage: "",
-      filterAttrs: W
+      filterAttrs: N
     };
   },
   methods: {
@@ -2469,7 +2726,7 @@ const go = /* @__PURE__ */ b(ho, [["render", bo]]), yo = {
       this.builderContext.rootSetState ? (o = (n = this.builderContext).rootSetState) == null || o.call(n, t) : this.builderContext.rootState = t;
     },
     submissionState() {
-      return I() && this.previewState || this.formState;
+      return R() && this.previewState || this.formState;
     },
     onSubmit(e) {
       var n;
@@ -2482,9 +2739,9 @@ const go = /* @__PURE__ */ b(ho, [["render", bo]]), yo = {
           return;
         }
         e.preventDefault();
-        const o = e.currentTarget, s = this.customHeaders || {};
-        let r;
-        const i = new FormData(o), a = Array.from(
+        const o = e.currentTarget, r = this.customHeaders || {};
+        let s;
+        const i = new FormData(o), l = Array.from(
           e.currentTarget.querySelectorAll("input,select,textarea")
         ).filter((c) => !!c.name).map((c) => {
           let p;
@@ -2499,8 +2756,8 @@ const go = /* @__PURE__ */ b(ho, [["render", bo]]), yo = {
             } else if (c.type === "checkbox")
               p = c.checked;
             else if (c.type === "number" || c.type === "range") {
-              const g = c.valueAsNumber;
-              isNaN(g) || (p = g);
+              const y = c.valueAsNumber;
+              isNaN(y) || (p = y);
             } else
               c.type === "file" ? p = c.files : p = c.value;
           else
@@ -2510,34 +2767,34 @@ const go = /* @__PURE__ */ b(ho, [["render", bo]]), yo = {
             value: p
           };
         });
-        let l = this.contentType;
-        if (this.sendSubmissionsTo === "email" && (l = "multipart/form-data"), Array.from(a).forEach(({ value: c }) => {
-          (c instanceof File || Array.isArray(c) && c[0] instanceof File || c instanceof FileList) && (l = "multipart/form-data");
-        }), l !== "application/json")
-          r = i;
+        let a = this.contentType;
+        if (this.sendSubmissionsTo === "email" && (a = "multipart/form-data"), Array.from(l).forEach(({ value: c }) => {
+          (c instanceof File || Array.isArray(c) && c[0] instanceof File || c instanceof FileList) && (a = "multipart/form-data");
+        }), a !== "application/json")
+          s = i;
         else {
           const c = {};
-          Array.from(a).forEach(({ value: p, key: v }) => {
-            We(c, v, p);
-          }), r = JSON.stringify(c);
+          Array.from(l).forEach(({ value: p, key: v }) => {
+            Oe(c, v, p);
+          }), s = JSON.stringify(c);
         }
-        l && l !== "multipart/form-data" && (t && ((n = this.action) != null && n.includes("zapier.com")) || (s["content-type"] = l));
-        const d = new CustomEvent("presubmit", {
+        a && a !== "multipart/form-data" && (t && ((n = this.action) != null && n.includes("zapier.com")) || (r["content-type"] = a));
+        const u = new CustomEvent("presubmit", {
           detail: {
-            body: r
+            body: s
           }
         });
-        if (this.$refs.formRef && (this.$refs.formRef.dispatchEvent(d), d.defaultPrevented))
+        if (this.$refs.formRef && (this.$refs.formRef.dispatchEvent(u), u.defaultPrevented))
           return;
         this.formState = "sending";
-        const m = `${vo() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
+        const h = `${Ro() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
           this.sendSubmissionsToEmail || ""
         )}&name=${encodeURIComponent(this.name || "")}`;
         fetch(
-          this.sendSubmissionsTo === "email" ? m : this.action,
+          this.sendSubmissionsTo === "email" ? h : this.action,
           {
-            body: r,
-            headers: s,
+            body: s,
+            headers: r,
             method: this.method || "post"
           }
         ).then(
@@ -2545,31 +2802,31 @@ const go = /* @__PURE__ */ b(ho, [["render", bo]]), yo = {
             let p;
             const v = c.headers.get("content-type");
             if (v && v.indexOf("application/json") !== -1 ? p = await c.json() : p = await c.text(), !c.ok && this.errorMessagePath) {
-              let g = So(p, this.errorMessagePath);
-              g && (typeof g != "string" && (g = JSON.stringify(g)), this.formErrorMessage = g, this.mergeNewRootState({
-                formErrorMessage: g
+              let y = Eo(p, this.errorMessagePath);
+              y && (typeof y != "string" && (y = JSON.stringify(y)), this.formErrorMessage = y, this.mergeNewRootState({
+                formErrorMessage: y
               }));
             }
             if (this.responseData = p, this.formState = c.ok ? "success" : "error", c.ok) {
-              const g = new CustomEvent("submit:success", {
+              const y = new CustomEvent("submit:success", {
                 detail: {
                   res: c,
                   body: p
                 }
               });
               if (this.$refs.formRef) {
-                if (this.$refs.formRef.dispatchEvent(g), g.defaultPrevented)
+                if (this.$refs.formRef.dispatchEvent(y), y.defaultPrevented)
                   return;
                 this.resetFormOnSubmit !== !1 && this.$refs.formRef.reset();
               }
               if (this.successUrl)
                 if (this.$refs.formRef) {
-                  const N = new CustomEvent("route", {
+                  const F = new CustomEvent("route", {
                     detail: {
                       url: this.successUrl
                     }
                   });
-                  this.$refs.formRef.dispatchEvent(N), N.defaultPrevented || (location.href = this.successUrl);
+                  this.$refs.formRef.dispatchEvent(F), F.defaultPrevented || (location.href = this.successUrl);
                 } else
                   location.href = this.successUrl;
             }
@@ -2586,50 +2843,50 @@ const go = /* @__PURE__ */ b(ho, [["render", bo]]), yo = {
       }
     }
   }
-}), wo = ["validate", "action", "method", "name"], To = {
+}), Bo = ["validate", "action", "method", "name"], xo = {
   key: 3,
-  class: "builder-form-error-text pre-3i4ezorcfhi"
+  class: "builder-form-error-text pre-3q96myty4lk"
 };
-function $o(e, t, n, o, s, r) {
-  var l;
-  const i = y("block"), a = y("blocks");
-  return u(), h("form", w({
+function Ao(e, t, n, o, r, s) {
+  var a;
+  const i = g("Block"), l = g("Blocks");
+  return d(), m("form", w({
     validate: e.validate,
     ref: "formRef",
     action: !e.sendWithJs && e.action,
     method: e.method,
     name: e.name,
-    onSubmit: t[0] || (t[0] = (d) => e.onSubmit(d))
-  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    e.builderBlock && e.builderBlock.children ? (u(!0), h($, { key: 0 }, O((l = e.builderBlock) == null ? void 0 : l.children, (d, m) => (u(), k(i, {
+    onSubmit: t[0] || (t[0] = (u) => e.onSubmit(u))
+  }, e.filterAttrs(e.attributes, "v-on:", !1), B(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    e.builderBlock && e.builderBlock.children ? (d(!0), m(I, { key: 0 }, W((a = e.builderBlock) == null ? void 0 : a.children, (u, h) => (d(), k(i, {
       key: `form-block-${e.idx}`,
-      block: d,
+      block: u,
       context: e.builderContext,
       registeredComponents: e.builderComponents,
       linkComponent: e.builderLinkComponent
     }, null, 8, ["block", "context", "registeredComponents", "linkComponent"]))), 128)) : S("", !0),
-    e.submissionState() === "error" ? (u(), k(a, {
+    e.submissionState() === "error" ? (d(), k(l, {
       key: 1,
       path: "errorMessage",
       blocks: e.errorMessage,
       context: e.builderContext
     }, null, 8, ["blocks", "context"])) : S("", !0),
-    e.submissionState() === "sending" ? (u(), k(a, {
+    e.submissionState() === "sending" ? (d(), k(l, {
       key: 2,
       path: "sendingMessage",
       blocks: e.sendingMessage,
       context: e.builderContext
     }, null, 8, ["blocks", "context"])) : S("", !0),
-    e.submissionState() === "error" && e.responseData ? (u(), h("pre", To, te(JSON.stringify(e.responseData, null, 2)), 1)) : S("", !0),
-    e.submissionState() === "success" ? (u(), k(a, {
+    e.submissionState() === "error" && e.responseData ? (d(), m("pre", xo, ne(JSON.stringify(e.responseData, null, 2)), 1)) : S("", !0),
+    e.submissionState() === "success" ? (d(), k(l, {
       key: 4,
       path: "successMessage",
       blocks: e.successMessage,
       context: e.builderContext
     }, null, 8, ["blocks", "context"])) : S("", !0)
-  ], 16, wo);
+  ], 16, Bo);
 }
-const Io = /* @__PURE__ */ b(Co, [["render", $o], ["__scopeId", "data-v-1573388b"]]), Ro = {
+const Vo = /* @__PURE__ */ b(Po, [["render", Ao], ["__scopeId", "data-v-d55453cc"]]), Wo = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -2680,7 +2937,7 @@ const Io = /* @__PURE__ */ b(Co, [["render", $o], ["__scopeId", "data-v-1573388b
     borderStyle: "solid",
     borderColor: "#ccc"
   }
-}, Eo = f({
+}, No = f({
   name: "builder-form-input-component",
   props: [
     "attributes",
@@ -2692,11 +2949,11 @@ const Io = /* @__PURE__ */ b(Co, [["render", $o], ["__scopeId", "data-v-1573388b
     "required"
   ],
   data() {
-    return { isEditing: I, filterAttrs: W };
+    return { isEditing: R, filterAttrs: N };
   }
-}), Po = ["placeholder", "type", "name", "value", "defaultValue", "required"];
-function xo(e, t, n, o, s, r) {
-  return u(), h("input", w({
+}), Fo = ["placeholder", "type", "name", "value", "defaultValue", "required"];
+function Oo(e, t, n, o, r, s) {
+  return d(), m("input", w({
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     placeholder: e.placeholder,
     type: e.type,
@@ -2704,9 +2961,9 @@ function xo(e, t, n, o, s, r) {
     value: e.value,
     defaultValue: e.defaultValue,
     required: e.required
-  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Po);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), B(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Fo);
 }
-const Vo = /* @__PURE__ */ b(Eo, [["render", xo]]), Ao = {
+const Do = /* @__PURE__ */ b(No, [["render", Oo]]), Uo = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -2748,27 +3005,27 @@ const Vo = /* @__PURE__ */ b(Eo, [["render", xo]]), Ao = {
   }],
   static: !0,
   noWrap: !0
-}, Bo = f({
+}, Lo = f({
   name: "builder-select-component",
   props: ["attributes", "value", "defaultValue", "name", "options"],
   data() {
-    return { isEditing: I, filterAttrs: W };
+    return { isEditing: R, filterAttrs: N };
   }
-}), Wo = ["value", "defaultValue", "name"], No = ["value"];
-function Fo(e, t, n, o, s, r) {
-  return u(), h("select", w({
+}), Mo = ["value", "defaultValue", "name"], jo = ["value"];
+function Ho(e, t, n, o, r, s) {
+  return d(), m("select", w({
     value: e.value,
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     defaultValue: e.defaultValue,
     name: e.name
-  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    (u(!0), h($, null, O(e.options, (i, a) => (u(), h("option", {
-      key: `${i.name}-${a}`,
+  }, e.filterAttrs(e.attributes, "v-on:", !1), B(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    (d(!0), m(I, null, W(e.options, (i, l) => (d(), m("option", {
+      key: `${i.name}-${l}`,
       value: i.value
-    }, te(i.name || i.value), 9, No))), 128))
-  ], 16, Wo);
+    }, ne(i.name || i.value), 9, jo))), 128))
+  ], 16, Mo);
 }
-const Oo = /* @__PURE__ */ b(Bo, [["render", Fo]]), Uo = {
+const Ko = /* @__PURE__ */ b(Lo, [["render", Ho]]), qo = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -2793,17 +3050,17 @@ const Oo = /* @__PURE__ */ b(Bo, [["render", Fo]]), Uo = {
   // that only shows if advanced setting is flipped
   // TODO: defaultChildren
   // canHaveChildren: true,
-}, Lo = f({
+}, zo = f({
   name: "builder-submit-button",
   props: ["attributes", "text"],
   data() {
-    return { filterAttrs: W };
+    return { filterAttrs: N };
   }
 });
-function Mo(e, t, n, o, s, r) {
-  return u(), h("button", w({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), te(e.text), 17);
+function Jo(e, t, n, o, r, s) {
+  return d(), m("button", w({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), B(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ne(e.text), 17);
 }
-const Do = /* @__PURE__ */ b(Lo, [["render", Mo]]), Ho = {
+const Go = /* @__PURE__ */ b(zo, [["render", Jo]]), Yo = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -2817,7 +3074,7 @@ const Do = /* @__PURE__ */ b(Lo, [["render", Mo]]), Ho = {
   }],
   noWrap: !0,
   static: !0
-}, jo = f({
+}, Qo = f({
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -2828,11 +3085,11 @@ const Do = /* @__PURE__ */ b(Lo, [["render", Mo]]), Ho = {
     "attributes"
   ],
   data() {
-    return { isEditing: I, filterAttrs: W };
+    return { isEditing: R, filterAttrs: N };
   }
-}), Ko = ["alt", "src"];
-function zo(e, t, n, o, s, r) {
-  return u(), h("img", w({
+}), Xo = ["alt", "src"];
+function Zo(e, t, n, o, r, s) {
+  return d(), m("img", w({
     style: {
       objectFit: e.backgroundSize || "cover",
       objectPosition: e.backgroundPosition || "center"
@@ -2840,9 +3097,9 @@ function zo(e, t, n, o, s, r) {
     key: e.isEditing() && e.imgSrc || "default-key",
     alt: e.altText,
     src: e.imgSrc || e.image
-  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Ko);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), B(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Xo);
 }
-const qo = /* @__PURE__ */ b(jo, [["render", zo]]), Jo = {
+const _o = /* @__PURE__ */ b(Qo, [["render", Zo]]), er = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -2923,7 +3180,7 @@ const qo = /* @__PURE__ */ b(jo, [["render", zo]]), Jo = {
     defaultValue: !0,
     advanced: !0
   }]
-}, Go = f({
+}, tr = f({
   name: "builder-video",
   props: [
     "autoPlay",
@@ -2968,16 +3225,16 @@ const qo = /* @__PURE__ */ b(jo, [["render", zo]]), Jo = {
       };
     }
   }
-}), Yo = { style: {
+}), nr = { style: {
   position: "relative"
-} }, Qo = ["preload", "src", "poster"], Xo = ["src"], _o = {
+} }, or = ["preload", "src", "poster"], rr = ["src"], sr = {
   key: 1,
   style: {
     display: "flex",
     flexDirection: "column",
     alignItems: "stretch"
   }
-}, Zo = {
+}, ir = {
   key: 2,
   style: {
     pointerEvents: "none",
@@ -2991,10 +3248,10 @@ const qo = /* @__PURE__ */ b(jo, [["render", zo]]), Jo = {
     height: "100%"
   }
 };
-function es(e, t, n, o, s, r) {
-  var i, a, l, d, m, c, p;
-  return u(), h("div", Yo, [
-    _("video", w({
+function ar(e, t, n, o, r, s) {
+  var i, l, a, u, h, c, p;
+  return d(), m("div", nr, [
+    z("video", w({
       class: "builder-video",
       preload: e.preload || "metadata",
       style: {
@@ -3014,96 +3271,99 @@ function es(e, t, n, o, s, r) {
       src: e.video || "no-src",
       poster: e.posterImage
     }, e.spreadProps), [
-      e.lazyLoad ? S("", !0) : (u(), h("source", {
+      e.lazyLoad ? S("", !0) : (d(), m("source", {
         key: 0,
         type: "video/mp4",
         src: e.video
-      }, null, 8, Xo))
-    ], 16, Qo),
-    e.aspectRatio && !(e.fitContent && ((l = (a = e.builderBlock) == null ? void 0 : a.children) != null && l.length)) ? (u(), h("div", {
+      }, null, 8, rr))
+    ], 16, or),
+    e.aspectRatio && !(e.fitContent && ((a = (l = e.builderBlock) == null ? void 0 : l.children) != null && a.length)) ? (d(), m("div", {
       key: 0,
-      style: K({
+      style: D({
         width: "100%",
         paddingTop: e.aspectRatio * 100 + "%",
         pointerEvents: "none",
         fontSize: "0px"
       })
     }, null, 4)) : S("", !0),
-    (m = (d = e.builderBlock) == null ? void 0 : d.children) != null && m.length && e.fitContent ? (u(), h("div", _o, [
+    (h = (u = e.builderBlock) == null ? void 0 : u.children) != null && h.length && e.fitContent ? (d(), m("div", sr, [
       P(e.$slots, "default")
     ])) : S("", !0),
-    (p = (c = e.builderBlock) == null ? void 0 : c.children) != null && p.length && !e.fitContent ? (u(), h("div", Zo, [
+    (p = (c = e.builderBlock) == null ? void 0 : c.children) != null && p.length && !e.fitContent ? (d(), m("div", ir, [
       P(e.$slots, "default")
     ])) : S("", !0)
   ]);
 }
-const ts = /* @__PURE__ */ b(Go, [["render", es]]), ns = () => [{
-  component: co,
-  ...ro
-}, {
+const lr = /* @__PURE__ */ b(tr, [["render", ar]]), cr = () => [{
   component: go,
-  ...uo
+  ...mo
 }, {
-  component: Io,
+  component: To,
   ...yo
 }, {
   component: Vo,
-  ...Ro
+  ...Io
 }, {
   component: Do,
-  ...Uo
+  ...Wo
+}, {
+  component: Go,
+  ...qo
 }, {
-  component: Oo,
-  ...Ao
+  component: Ko,
+  ...Uo
 }, {
-  component: qo,
-  ...Ho
+  component: _o,
+  ...Yo
 }, {
-  component: ts,
-  ...Jo
-}], ve = () => [{
-  component: vt,
+  component: lr,
+  ...er
+}], we = () => [{
+  component: Ct,
   ...Un
 }, {
-  component: pn,
+  component: mn,
   ...Ln
 }, {
-  component: fn,
+  component: bn,
   ...Mn
 }, {
-  component: wn,
-  ...Dn
+  component: Tn,
+  ...jn
 }, {
-  component: In,
+  component: Rn,
   ...Hn
 }, {
-  component: qn,
-  ...jn
+  component: Jn,
+  ...Kn
 }, {
-  component: ur,
-  ...Jn
+  component: ys,
+  ...Gn
 }, {
   component: so,
-  ...eo
+  ...to
 }, {
-  component: Zn,
-  ...Gn
-}, ...ns()], os = (e) => ({
+  component: eo,
+  ...Yn
+}, {
+  component: uo,
+  ...po
+}, ...cr()], dr = (e) => ({
   type: "builder.registerComponent",
-  data: ae(e)
-}), ss = (e) => {
+  data: de(e)
+}), ur = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-}, rs = (e) => typeof e == "function" ? ss(e) : q(e), ae = ({
+}, pr = (e) => typeof e == "function" ? ur(e) : Y(e), de = ({
   inputs: e,
   ...t
 }) => ({
-  ...q(t),
-  inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [s, r]) => ({
+  ...Y(t),
+  inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [r, s]) => ({
     ...o,
-    [s]: rs(r)
+    [r]: pr(s)
   }), {}))
-}), is = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+}), mr = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -3159,7 +3419,7 @@ const ts = /* @__PURE__ */ b(Go, [["render", es]]), ns = () => [{
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, as = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, hr = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -3193,27 +3453,27 @@ const ts = /* @__PURE__ */ b(Go, [["render", es]]), ns = () => [{
     thisScriptEl?.remove();
   }
   return;
-}`, Ye = "builderIoAbTest", Qe = "builderIoRenderContent", X = (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
-})), ls = ({
+})), fr = ({
   canTrack: e,
   content: t
-}) => !(!(X(t).length > 0) || !e), cs = (e) => e === "react" || e === "reactNative", Xe = cs(V), ds = () => `
-  window.${Ye} = ${is}
-  window.${Qe} = ${as}
-  `, us = (e, t) => `
-  window.${Ye}(
-    "${t}",${JSON.stringify(e)}, ${Xe}
-  )`, ps = ({
+}) => !(!(_(t).length > 0) || !e), br = (e) => e === "react" || e === "reactNative", _e = br(x), gr = () => `
+  window.${Xe} = ${mr}
+  window.${Ze} = ${hr}
+  `, yr = (e, t) => `
+  window.${Xe}(
+    "${t}",${JSON.stringify(e)}, ${_e}
+  )`, kr = ({
   contentId: e,
   variationId: t
-}) => `window.${Qe}(
-    "${t}", "${e}", ${Xe}
-  )`, _e = f({
+}) => `window.${Ze}(
+    "${t}", "${e}", ${_e}
+  )`, et = f({
   render() {
-    return Ee("script", {
+    return xe("script", {
       innerHTML: this.scriptStr,
       "data-id": this.id
     });
@@ -3221,221 +3481,221 @@ const ts = /* @__PURE__ */ b(Go, [["render", es]]), ns = () => [{
   name: "inlined-script",
   props: ["scriptStr", "id"]
 });
-function ms() {
+function Sr() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function hs() {
-  const e = ms().fetch;
+function vr() {
+  const e = Sr().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 Ze = hs();
-function le(e, t = null, n = ".") {
-  return Object.keys(e).reduce((o, s) => {
-    const r = e[s], i = [t, s].filter(Boolean).join(n);
-    return [typeof r == "object", r !== null, !(Array.isArray(r) && r.length === 0)].every(Boolean) ? {
+const tt = vr();
+function ue(e, t = null, n = ".") {
+  return Object.keys(e).reduce((o, r) => {
+    const s = e[r], i = [t, r].filter(Boolean).join(n);
+    return [typeof s == "object", s !== null, !(Array.isArray(s) && s.length === 0)].every(Boolean) ? {
       ...o,
-      ...le(r, i, n)
+      ...ue(s, i, n)
     } : {
       ...o,
-      [i]: r
+      [i]: s
     };
   }, {});
 }
-function et(e, t, n = {}) {
+function nt(e, t, n = {}) {
   for (const o in e) {
-    const s = e[o], r = t ? t + "." + o : o;
-    s && typeof s == "object" && !Array.isArray(s) && !Object.keys(s).find((i) => i.startsWith("$")) ? et(s, r, n) : n[r] = s;
+    const r = e[o], s = t ? t + "." + o : o;
+    r && typeof r == "object" && !Array.isArray(r) && !Object.keys(r).find((i) => i.startsWith("$")) ? nt(r, s, n) : n[s] = r;
   }
   return n;
 }
-const fs = "v3", Se = "builder.", bs = "options.", tt = (e) => {
+const Cr = "v3", Te = "builder.", wr = "options.", ot = (e) => {
   if (!e)
     return {};
-  const t = xe(e), n = {};
+  const t = Ve(e), n = {};
   return Object.keys(t).forEach((o) => {
-    if (o.startsWith(Se)) {
-      const s = o.replace(Se, "").replace(bs, "");
-      n[s] = t[o];
+    if (o.startsWith(Te)) {
+      const r = o.replace(Te, "").replace(wr, "");
+      n[r] = t[o];
     }
   }), n;
-}, gs = () => {
+}, Tr = () => {
   if (!T())
     return {};
   const e = new URLSearchParams(window.location.search);
-  return tt(e);
-}, Ce = (e) => typeof e == "number" && !isNaN(e) && e >= 0, fe = (e) => {
+  return ot(e);
+}, Ie = (e) => typeof e == "number" && !isNaN(e) && e >= 0, ye = (e) => {
   const {
     limit: t = 30,
     userAttributes: n,
     query: o,
-    model: s,
-    apiKey: r,
+    model: r,
+    apiKey: s,
     enrich: i,
-    locale: a,
-    apiVersion: l = fs,
-    fields: d,
-    omit: m,
+    locale: l,
+    apiVersion: a = Cr,
+    fields: u,
+    omit: h,
     offset: c,
     cacheSeconds: p,
     staleCacheSeconds: v,
-    sort: g,
-    includeUnpublished: N
+    sort: y,
+    includeUnpublished: F
   } = e;
-  if (!r)
+  if (!s)
     throw new Error("Missing API key");
-  if (!["v3"].includes(l))
-    throw new Error(`Invalid apiVersion: expected 'v3', received '${l}'`);
-  const Y = t !== 1, C = new URL(`https://cdn.builder.io/api/${l}/content/${s}`);
-  if (C.searchParams.set("apiKey", r), C.searchParams.set("limit", String(t)), C.searchParams.set("noTraverse", String(Y)), C.searchParams.set("includeRefs", String(!0)), a && C.searchParams.set("locale", a), i && C.searchParams.set("enrich", String(i)), C.searchParams.set("omit", m || "meta.componentsUsed"), d && C.searchParams.set("fields", d), Number.isFinite(c) && c > -1 && C.searchParams.set("offset", String(Math.floor(c))), typeof N == "boolean" && C.searchParams.set("includeUnpublished", String(N)), p && Ce(p) && C.searchParams.set("cacheSeconds", String(p)), v && Ce(v) && C.searchParams.set("staleCacheSeconds", String(v)), g) {
-    const F = le({
-      sort: g
+  if (!["v3"].includes(a))
+    throw new Error(`Invalid apiVersion: expected 'v3', received '${a}'`);
+  const X = t !== 1, C = new URL(`https://cdn.builder.io/api/${a}/content/${r}`);
+  if (C.searchParams.set("apiKey", s), C.searchParams.set("limit", String(t)), C.searchParams.set("noTraverse", String(X)), C.searchParams.set("includeRefs", String(!0)), l && C.searchParams.set("locale", l), i && C.searchParams.set("enrich", String(i)), C.searchParams.set("omit", h || "meta.componentsUsed"), u && C.searchParams.set("fields", u), Number.isFinite(c) && c > -1 && C.searchParams.set("offset", String(Math.floor(c))), typeof F == "boolean" && C.searchParams.set("includeUnpublished", String(F)), p && Ie(p) && C.searchParams.set("cacheSeconds", String(p)), v && Ie(v) && C.searchParams.set("staleCacheSeconds", String(v)), y) {
+    const O = ue({
+      sort: y
     });
-    for (const M in F)
-      C.searchParams.set(M, JSON.stringify(F[M]));
+    for (const j in O)
+      C.searchParams.set(j, JSON.stringify(O[j]));
   }
-  const ct = {
-    ...gs(),
-    ...xe(e.options || {})
-  }, ge = le(ct);
-  for (const F in ge)
-    C.searchParams.set(F, String(ge[F]));
+  const ut = {
+    ...Tr(),
+    ...Ve(e.options || {})
+  }, Se = ue(ut);
+  for (const O in Se)
+    C.searchParams.set(O, String(Se[O]));
   if (n && C.searchParams.set("userAttributes", JSON.stringify(n)), o) {
-    const F = et({
+    const O = nt({
       query: o
     });
-    for (const M in F)
-      C.searchParams.set(M, JSON.stringify(F[M]));
+    for (const j in O)
+      C.searchParams.set(j, JSON.stringify(O[j]));
   }
   return C;
-}, ys = (e) => "results" in e;
-async function be(e) {
-  const t = await Ss({
+}, Ir = (e) => "results" in e;
+async function ke(e) {
+  const t = await Er({
     ...e,
     limit: 1
   });
   return t && t[0] || null;
 }
-const ks = async (e) => {
-  const t = fe(e);
-  return await (await (e.fetch ?? Ze)(t.href, e.fetchOptions)).json();
-}, vs = async (e, t, n = fe(e)) => {
-  const o = z(e.canTrack);
-  if (n.search.includes("preview="), !o || !(T() || V === "reactNative"))
+const $r = async (e) => {
+  const t = ye(e);
+  return await (await (e.fetch ?? tt)(t.href, e.fetchOptions)).json();
+}, Rr = async (e, t, n = ye(e)) => {
+  const o = G(e.canTrack);
+  if (n.search.includes("preview="), !o || !(T() || x === "reactNative"))
     return t.results;
   try {
-    const s = [];
-    for (const r of t.results)
-      s.push(await On({
-        item: r,
+    const r = [];
+    for (const s of t.results)
+      r.push(await Dn({
+        item: s,
         canTrack: o
       }));
-    t.results = s;
-  } catch (s) {
-    R.error("Could not process A/B tests. ", s);
+    t.results = r;
+  } catch (r) {
+    E.error("Could not process A/B tests. ", r);
   }
   return t.results;
 };
-async function Ss(e) {
+async function Er(e) {
   try {
-    const t = fe(e), n = await ks(e);
-    return ys(n) ? vs(e, n) : (R.error("Error fetching data. ", {
+    const t = ye(e), n = await $r(e);
+    return Ir(n) ? Rr(e, n) : (E.error("Error fetching data. ", {
       url: t,
       content: n,
       options: e
     }), null);
   } catch (t) {
-    return R.error("Error fetching data. ", t), null;
+    return E.error("Error fetching data. ", t), null;
   }
 }
-function Cs(e) {
+function Pr(e) {
   const t = e || (T() ? window.location.search : void 0);
-  return t ? Ve(t).indexOf("builder.preview=") !== -1 : !1;
+  return t ? We(t).indexOf("builder.preview=") !== -1 : !1;
 }
-function ws() {
+function Br() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
     const t = Math.random() * 16 | 0;
     return (e == "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function nt() {
-  return ws().replace(/-/g, "");
+function rt() {
+  return Br().replace(/-/g, "");
 }
-const ot = "builderSessionId", Ts = async ({
+const st = "builderSessionId", xr = async ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = await Ke({
-    name: ot,
+  const t = await ze({
+    name: st,
     canTrack: e
   });
   if (U(t))
     return t;
   {
-    const n = $s();
-    return Is({
+    const n = Ar();
+    return Vr({
       id: n,
       canTrack: e
     }), n;
   }
-}, $s = () => nt(), Is = ({
+}, Ar = () => rt(), Vr = ({
   id: e,
   canTrack: t
-}) => ze({
-  name: ot,
+}) => Je({
+  name: st,
   value: e,
   canTrack: t
-}), st = () => T() && typeof localStorage < "u" ? localStorage : void 0, Rs = ({
+}), it = () => T() && typeof localStorage < "u" ? localStorage : void 0, Wr = ({
   key: e,
   canTrack: t
 }) => {
   var n;
   try {
-    return t ? (n = st()) == null ? void 0 : n.getItem(e) : void 0;
+    return t ? (n = it()) == null ? void 0 : n.getItem(e) : void 0;
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, Es = ({
+}, Nr = ({
   key: e,
   canTrack: t,
   value: n
 }) => {
   var o;
   try {
-    t && ((o = st()) == null || o.setItem(e, n));
-  } catch (s) {
-    console.debug("[LocalStorage] SET error: ", s);
+    t && ((o = it()) == null || o.setItem(e, n));
+  } catch (r) {
+    console.debug("[LocalStorage] SET error: ", r);
   }
-}, rt = "builderVisitorId", Ps = ({
+}, at = "builderVisitorId", Fr = ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = Rs({
-    key: rt,
+  const t = Wr({
+    key: at,
     canTrack: e
   });
   if (U(t))
     return t;
   {
-    const n = xs();
-    return Vs({
+    const n = Or();
+    return Dr({
       id: n,
       canTrack: e
     }), n;
   }
-}, xs = () => nt(), Vs = ({
+}, Or = () => rt(), Dr = ({
   id: e,
   canTrack: t
-}) => Es({
-  key: rt,
+}) => Nr({
+  key: at,
   value: e,
   canTrack: t
-}), As = async ({
+}), Ur = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -3443,46 +3703,46 @@ const ot = "builderSessionId", Ts = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const t = await Ts({
+  const t = await xr({
     canTrack: e
-  }), n = Ps({
+  }), n = Fr({
     canTrack: e
   });
   return {
     sessionId: t,
     visitorId: n
   };
-}, Bs = async ({
+}, Lr = async ({
   type: e,
   canTrack: t,
   apiKey: n,
   metadata: o,
-  ...s
+  ...r
 }) => ({
   type: e,
   data: {
-    ...s,
+    ...r,
     metadata: {
       url: location.href,
       ...o
     },
-    ...await As({
+    ...await Ur({
       canTrack: t
     }),
-    userAttributes: Ae(),
+    userAttributes: Ne(),
     ownerId: n
   }
 });
-async function ce(e) {
+async function pe(e) {
   if (!e.apiKey) {
-    R.error("Missing API key for track call. Please provide your API key.");
+    E.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  if (e.canTrack && !I() && (T() || V === "reactNative"))
+  if (e.canTrack && !R() && (T() || x === "reactNative"))
     return fetch("https://cdn.builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await Bs(e)]
+        events: [await Lr(e)]
       }),
       headers: {
         "content-type": "application/json"
@@ -3492,14 +3752,14 @@ async function ce(e) {
       console.error("Failed to track: ", t);
     });
 }
-const vr = (e) => ce({
+const Rs = (e) => pe({
   ...e,
   canTrack: !0
 });
-function we(e) {
+function $e(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const Ws = (e, t, n = !0) => {
+const Mr = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = n ? e : e.parentElement;
@@ -3510,43 +3770,43 @@ const Ws = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, Ns = (e) => Ws(e, (t) => {
+}, jr = (e) => Mr(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
-}), Te = ({
+}), Re = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, s = e.clientY - n.top, r = we(o / n.width), i = we(s / n.height);
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, s = $e(o / n.width), i = $e(r / n.height);
   return {
-    x: r,
+    x: s,
     y: i
   };
-}, Fs = (e) => {
-  const t = e.target, n = t && Ns(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, Hr = (e) => {
+  const t = e.target, n = t && jr(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
-      targetOffset: t ? Te({
+      targetOffset: t ? Re({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? Te({
+      builderTargetOffset: n ? Re({
         event: e,
         target: n
       }) : void 0,
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, Os = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
-function it(e, t) {
+}, Kr = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
+function lt(e, t) {
   const n = new URL(t.origin), o = n.hostname;
-  return (e || Os).findIndex((s) => s.startsWith("*.") ? o.endsWith(s.slice(1)) : s === o) > -1;
+  return (e || Kr).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
 }
-const Us = "1.0.27", $e = {};
-function Ls(e, t) {
-  let n = $e[e];
-  if (n || (n = $e[e] = []), n.push(t), T()) {
+const qr = "1.0.28", Ee = {};
+function zr(e, t) {
+  let n = Ee[e];
+  if (n || (n = Ee[e] = []), n.push(t), T()) {
     const o = {
       type: "builder.register",
       data: {
@@ -3556,13 +3816,13 @@ function Ls(e, t) {
     };
     try {
       parent.postMessage(o, "*"), parent !== window && window.postMessage(o, "*");
-    } catch (s) {
-      console.debug("Could not postmessage", s);
+    } catch (r) {
+      console.debug("Could not postmessage", r);
     }
   }
 }
-const Ms = () => {
-  Ls("insertMenu", {
+const Jr = () => {
+  zr("insertMenu", {
     name: "_default",
     default: !0,
     items: [{
@@ -3584,14 +3844,14 @@ const Ms = () => {
     }]
   });
 };
-let Ie = !1;
-const at = (e = {}) => {
+let Pe = !1;
+const ct = (e = {}) => {
   var t, n;
-  Ie || (Ie = !0, T() && ((t = window.parent) == null || t.postMessage({
+  Pe || (Pe = !0, T() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
-      target: V,
-      version: Us,
+      target: x,
+      version: qr,
       supportsPatchUpdates: !1,
       // Supports builder-model="..." attribute which is needed to
       // scope our '+ add block' button styling
@@ -3604,34 +3864,34 @@ const at = (e = {}) => {
       options: e
     }
   }, "*"), window.addEventListener("message", (o) => {
-    var r, i;
-    if (!it(e.trustedHosts, o))
+    var s, i;
+    if (!lt(e.trustedHosts, o))
       return;
     const {
-      data: s
+      data: r
     } = o;
-    if (s != null && s.type)
-      switch (s.type) {
+    if (r != null && r.type)
+      switch (r.type) {
         case "builder.evaluate": {
-          const a = s.data.text, l = s.data.arguments || [], d = s.data.id, m = new Function(a);
+          const l = r.data.text, a = r.data.arguments || [], u = r.data.id, h = new Function(l);
           let c, p = null;
           try {
-            c = m.apply(null, l);
+            c = h.apply(null, a);
           } catch (v) {
             p = v;
           }
-          p ? (r = window.parent) == null || r.postMessage({
+          p ? (s = window.parent) == null || s.postMessage({
             type: "builder.evaluateError",
             data: {
-              id: d,
+              id: u,
               error: p.message
             }
           }, "*") : c && typeof c.then == "function" ? c.then((v) => {
-            var g;
-            (g = window.parent) == null || g.postMessage({
+            var y;
+            (y = window.parent) == null || y.postMessage({
               type: "builder.evaluateResult",
               data: {
-                id: d,
+                id: u,
                 result: v
               }
             }, "*");
@@ -3639,45 +3899,45 @@ const at = (e = {}) => {
             type: "builder.evaluateResult",
             data: {
               result: c,
-              id: d
+              id: u
             }
           }, "*");
           break;
         }
       }
   })));
-}, lt = ({
+}, dt = ({
   model: e,
   trustedHosts: t,
   callbacks: n
 }) => (o) => {
-  if (!it(t, o))
+  if (!lt(t, o))
     return;
   const {
-    data: s
+    data: r
   } = o;
-  if (s)
-    switch (s.type) {
+  if (r)
+    switch (r.type) {
       case "builder.configureSdk": {
-        n.configureSdk(s.data);
+        n.configureSdk(r.data);
         break;
       }
       case "builder.triggerAnimation": {
-        n.animation(s.data);
+        n.animation(r.data);
         break;
       }
       case "builder.contentUpdate": {
-        const r = s.data, i = r.key || r.alias || r.entry || r.modelName, a = r.data;
-        i === e && n.contentUpdate(a);
+        const s = r.data, i = s.key || s.alias || s.entry || s.modelName, l = s.data;
+        i === e && n.contentUpdate(l);
         break;
       }
     }
-}, Sr = (e, t, n) => {
+}, Es = (e, t, n) => {
   if (!T)
-    return R.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
+    return E.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
     };
-  at();
-  const o = lt({
+  ct();
+  const o = dt({
     callbacks: {
       contentUpdate: t,
       animation: () => {
@@ -3691,11 +3951,11 @@ const at = (e = {}) => {
   return window.addEventListener("message", o), () => {
     window.removeEventListener("message", o);
   };
-}, Ds = (e) => {
-  var r;
-  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = e.fileUrl ?? ((r = e == null ? void 0 : e.files) == null ? void 0 : r.regular);
-  let s = "";
-  if (o && t && n && (s += `
+}, Gr = (e) => {
+  var s;
+  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = e.fileUrl ?? ((s = e == null ? void 0 : e.files) == null ? void 0 : s.regular);
+  let r = "";
+  if (o && t && n && (r += `
 @font-face {
 font-family: "${t}";
 src: local("${n}"), url('${o}') format('woff2');
@@ -3706,26 +3966,26 @@ font-weight: 400;
     for (const i in e.files) {
       if (!(String(Number(i)) === i))
         continue;
-      const l = e.files[i];
-      l && l !== o && (s += `
+      const a = e.files[i];
+      a && a !== o && (r += `
 @font-face {
 font-family: "${t}";
-src: url('${l}') format('woff2');
+src: url('${a}') format('woff2');
 font-display: fallback;
 font-weight: ${i};
 }
         `.trim());
     }
-  return s;
-}, Hs = ({
+  return r;
+}, Yr = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => Ds(n))) == null ? void 0 : t.join(" ")) || "";
-}, js = ({
+  return ((t = e == null ? void 0 : e.map((n) => Gr(n))) == null ? void 0 : t.join(" ")) || "";
+}, Qr = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Ks = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Xr = `
 .builder-button {
   all: unset;
 }
@@ -3742,9 +4002,9 @@ font-weight: ${i};
   text-align: inherit;
   font-family: inherit;
 }
-`, zs = (e) => e ? "" : Ks, qs = (e) => `variant-${e}`, Js = f({
+`, Zr = (e) => e ? "" : Xr, _r = (e) => `variant-${e}`, es = f({
   name: "enable-editor",
-  components: { DynamicDiv: G },
+  components: { DynamicDiv: Q },
   props: [
     "builderContextSignal",
     "canTrack",
@@ -3766,39 +4026,39 @@ font-weight: ${i};
       httpReqsData: {},
       httpReqsPending: {},
       clicked: !1,
-      builderContext: ie,
-      getWrapperClassName: qs
+      builderContext: ce,
+      getWrapperClassName: _r
     };
   },
   provide() {
     const e = this;
     return {
-      [ie.key]: e.builderContextSignal
+      [ce.key]: e.builderContextSignal
     };
   },
   mounted() {
     (() => {
       var n, o;
       if (T()) {
-        if (I() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+        if (R() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initeditingbldr")
-        ), this.builderContextSignal.content && z(this.canTrack)) {
-          const r = (n = this.builderContextSignal.content) == null ? void 0 : n.testVariationId, i = (o = this.builderContextSignal.content) == null ? void 0 : o.id, a = this.apiKey;
-          ce({
+        ), this.builderContextSignal.content && G(this.canTrack)) {
+          const s = (n = this.builderContextSignal.content) == null ? void 0 : n.testVariationId, i = (o = this.builderContextSignal.content) == null ? void 0 : o.id, l = this.apiKey;
+          pe({
             type: "impression",
             canTrack: !0,
             contentId: i,
-            apiKey: a,
-            variationId: r !== i ? r : void 0
+            apiKey: l,
+            variationId: s !== i ? s : void 0
           });
         }
-        Cs() && !I() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+        Pr() && !R() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initpreviewingbldr")
         );
       }
     })(), (() => {
-      this.apiKey || R.error(
-        "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
+      this.apiKey || E.error(
+        "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
       ), this.evaluateJsCode(), this.runHttpRequests(), this.emitStateUpdate();
     })();
   },
@@ -3898,7 +4158,7 @@ font-weight: ${i};
       this.builderContextSignal.rootSetState ? (o = (n = this.builderContextSignal).rootSetState) == null || o.call(n, t) : this.builderContextSignal.rootState = t;
     },
     mergeNewContent(e) {
-      var n, o, s, r, i;
+      var n, o, r, s, i;
       const t = {
         ...this.builderContextSignal.content,
         ...e,
@@ -3909,27 +4169,27 @@ font-weight: ${i};
         meta: {
           ...(o = this.builderContextSignal.content) == null ? void 0 : o.meta,
           ...e == null ? void 0 : e.meta,
-          breakpoints: ((s = e == null ? void 0 : e.meta) == null ? void 0 : s.breakpoints) || ((i = (r = this.builderContextSignal.content) == null ? void 0 : r.meta) == null ? void 0 : i.breakpoints)
+          breakpoints: ((r = e == null ? void 0 : e.meta) == null ? void 0 : r.breakpoints) || ((i = (s = this.builderContextSignal.content) == null ? void 0 : s.meta) == null ? void 0 : i.breakpoints)
         }
       };
       this.builderContextSignal.content = t;
     },
     processMessage(e) {
-      return lt({
+      return dt({
         model: this.model,
         trustedHosts: this.trustedHosts,
         callbacks: {
           configureSdk: (t) => {
-            var s;
+            var r;
             const { breakpoints: n, contentId: o } = t;
-            !o || o !== ((s = this.builderContextSignal.content) == null ? void 0 : s.id) || n && this.mergeNewContent({
+            !o || o !== ((r = this.builderContextSignal.content) == null ? void 0 : r.id) || n && this.mergeNewContent({
               meta: {
                 breakpoints: n
               }
             });
           },
           animation: (t) => {
-            Le(t);
+            Me(t);
           },
           contentUpdate: (t) => {
             this.mergeNewContent(t);
@@ -3940,7 +4200,7 @@ font-weight: ${i};
     evaluateJsCode() {
       var t, n;
       const e = (n = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : n.jsCode;
-      e && ee({
+      e && te({
         code: e,
         context: this.context || {},
         localState: void 0,
@@ -3955,14 +4215,14 @@ font-weight: ${i};
     onClick(e) {
       var t, n;
       if (this.builderContextSignal.content) {
-        const o = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId, s = (n = this.builderContextSignal.content) == null ? void 0 : n.id;
-        ce({
+        const o = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId, r = (n = this.builderContextSignal.content) == null ? void 0 : n.id;
+        pe({
           type: "click",
-          canTrack: z(this.canTrack),
-          contentId: s,
+          canTrack: G(this.canTrack),
+          contentId: r,
           apiKey: this.apiKey,
-          variationId: o !== s ? o : void 0,
-          ...Fs(e),
+          variationId: o !== r ? o : void 0,
+          ...Hr(e),
           unique: !this.clicked
         });
       }
@@ -3971,15 +4231,15 @@ font-weight: ${i};
     runHttpRequests() {
       var t, n;
       const e = ((n = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : n.httpRequests) ?? {};
-      Object.entries(e).forEach(([o, s]) => {
-        if (!s || this.httpReqsPending[o] || this.httpReqsData[o] && !I())
+      Object.entries(e).forEach(([o, r]) => {
+        if (!r || this.httpReqsPending[o] || this.httpReqsData[o] && !R())
           return;
         this.httpReqsPending[o] = !0;
-        const r = s.replace(
+        const s = r.replace(
           /{{([^}]+)}}/g,
-          (i, a) => String(
-            ee({
-              code: a,
+          (i, l) => String(
+            te({
+              code: l,
               context: this.context || {},
               localState: void 0,
               rootState: this.builderContextSignal.rootState,
@@ -3988,24 +4248,24 @@ font-weight: ${i};
             })
           )
         );
-        Ze(r).then((i) => i.json()).then((i) => {
+        tt(s).then((i) => i.json()).then((i) => {
           this.mergeNewRootState({
             [o]: i
           }), this.httpReqsData[o] = !0;
         }).catch((i) => {
-          console.error("error fetching dynamic data", s, i);
+          console.error("error fetching dynamic data", r, i);
         }).finally(() => {
           this.httpReqsPending[o] = !1;
         });
       });
     },
     emitStateUpdate() {
-      I() && window.dispatchEvent(
+      R() && window.dispatchEvent(
         new CustomEvent(
           "builder:component:stateChange",
           {
             detail: {
-              state: q(this.builderContextSignal.rootState),
+              state: Y(this.builderContextSignal.rootState),
               ref: {
                 name: this.model
               }
@@ -4015,7 +4275,7 @@ font-weight: ${i};
       );
     },
     elementRef_onIniteditingbldr(e) {
-      window.addEventListener("message", this.processMessage), Ms(), at({
+      window.addEventListener("message", this.processMessage), Jr(), ct({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -4029,7 +4289,7 @@ font-weight: ${i};
         this.builderContextSignal.componentInfos
       ).forEach((t) => {
         var o;
-        const n = os(t);
+        const n = dr(t);
         (o = window.parent) == null || o.postMessage(n, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
@@ -4039,79 +4299,79 @@ font-weight: ${i};
     elementRef_onInitpreviewingbldr(e) {
       const t = new URL(location.href).searchParams, n = t.get("builder.preview"), o = t.get(
         `builder.preview.${n}`
-      ), s = t.get("apiKey") || t.get("builder.space");
-      n === this.model && s === this.apiKey && (!this.content || o === this.content.id) && be({
+      ), r = t.get("apiKey") || t.get("builder.space");
+      n === this.model && r === this.apiKey && (!this.content || o === this.content.id) && ke({
         model: this.model,
         apiKey: this.apiKey,
         apiVersion: this.builderContextSignal.apiVersion
-      }).then((r) => {
-        r && this.mergeNewContent(r);
+      }).then((s) => {
+        s && this.mergeNewContent(s);
       });
     }
   }
 });
-function Gs(e, t, n, o, s, r) {
-  var i, a, l;
-  return e.builderContextSignal.content ? (u(), k(H(e.ContentWrapper), w({
+function ts(e, t, n, o, r, s) {
+  var i, l, a;
+  return e.builderContextSignal.content ? (d(), k(K(e.ContentWrapper), w({
     key: 0,
     ref: "elementRef",
-    onClick: (d) => e.onClick(d),
+    onClick: (u) => e.onClick(u),
     "builder-content-id": (i = e.builderContextSignal.content) == null ? void 0 : i.id,
     "builder-model": e.model,
-    class: e.getWrapperClassName(((a = e.content) == null ? void 0 : a.testVariationId) || ((l = e.content) == null ? void 0 : l.id)),
-    onIniteditingbldr: (d) => e.elementRef_onIniteditingbldr(d),
-    onInitpreviewingbldr: (d) => e.elementRef_onInitpreviewingbldr(d)
+    class: e.getWrapperClassName(((l = e.content) == null ? void 0 : l.testVariationId) || ((a = e.content) == null ? void 0 : a.id)),
+    onIniteditingbldr: (u) => e.elementRef_onIniteditingbldr(u),
+    onInitpreviewingbldr: (u) => e.elementRef_onInitpreviewingbldr(u)
   }, { ...e.showContentProps, ...e.contentWrapperProps }), {
-    default: B(() => [
+    default: V(() => [
       P(e.$slots, "default")
     ]),
     _: 3
   }, 16, ["onClick", "builder-content-id", "builder-model", "class", "onIniteditingbldr", "onInitpreviewingbldr"])) : S("", !0);
 }
-const Ys = /* @__PURE__ */ b(Js, [["render", Gs]]), Qs = f({
+const ns = /* @__PURE__ */ b(es, [["render", ts]]), os = f({
   name: "content-styles",
-  components: { InlinedStyles: me },
+  components: { InlinedStyles: be },
   props: ["cssCode", "contentId", "customFonts", "isNestedRender"],
   data() {
     return {
       injectedStyles: `
-${js({
+${Qr({
         cssCode: this.cssCode,
         contentId: this.contentId
       })}
-${Hs({
+${Yr({
         customFonts: this.customFonts
       })}
-${zs(this.isNestedRender)}
+${Zr(this.isNestedRender)}
 `.trim()
     };
   }
 });
-function Xs(e, t, n, o, s, r) {
-  const i = y("inlined-styles");
-  return u(), k(i, {
+function rs(e, t, n, o, r, s) {
+  const i = g("InlinedStyles");
+  return d(), k(i, {
     id: "builderio-content",
     styles: e.injectedStyles
   }, null, 8, ["styles"]);
 }
-const _s = /* @__PURE__ */ b(Qs, [["render", Xs]]), Zs = ({
+const ss = /* @__PURE__ */ b(os, [["render", rs]]), is = ({
   content: e,
   data: t,
   locale: n
 }) => {
-  var r, i, a;
-  const o = {}, s = ((r = e == null ? void 0 : e.data) == null ? void 0 : r.state) || {};
-  return (a = (i = e == null ? void 0 : e.data) == null ? void 0 : i.inputs) == null || a.forEach((l) => {
-    l.name && l.defaultValue !== void 0 && (o[l.name] = l.defaultValue);
+  var s, i, l;
+  const o = {}, r = ((s = e == null ? void 0 : e.data) == null ? void 0 : s.state) || {};
+  return (l = (i = e == null ? void 0 : e.data) == null ? void 0 : i.inputs) == null || l.forEach((a) => {
+    a.name && a.defaultValue !== void 0 && (o[a.name] = a.defaultValue);
   }), {
     ...o,
-    ...s,
+    ...r,
     ...t,
     ...n ? {
       locale: n
     } : {}
   };
-}, er = ({
+}, as = ({
   content: e,
   data: t
 }) => e ? {
@@ -4121,14 +4381,14 @@ const _s = /* @__PURE__ */ b(Qs, [["render", Xs]]), Zs = ({
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, tr = mt, nr = f({
+} : void 0, ls = ft, cs = f({
   name: "content-component",
   components: {
-    EnableEditor: Ys,
-    InlinedScript: _e,
-    ContentStyles: _s,
-    Blocks: J,
-    DynamicDiv: G
+    EnableEditor: ns,
+    InlinedScript: et,
+    ContentStyles: ss,
+    Blocks: M,
+    DynamicDiv: Q
   },
   props: [
     "content",
@@ -4154,32 +4414,32 @@ const _s = /* @__PURE__ */ b(Qs, [["render", Xs]]), Zs = ({
   data() {
     var e, t;
     return {
-      scriptStr: ps({
+      scriptStr: kr({
         // 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: [
-        ...ve(),
+        ...we(),
         ...this.customComponents || []
       ].reduce(
-        (n, { component: o, ...s }) => ({
+        (n, { component: o, ...r }) => ({
           ...n,
-          [s.name]: {
-            component: tr(o),
-            ...ae(s)
+          [r.name]: {
+            component: ls(o),
+            ...de(r)
           }
         }),
         {}
       ),
       builderContextSignal: {
-        content: er({
+        content: as({
           content: this.content,
           data: this.data
         }),
         localState: void 0,
-        rootState: Zs({
+        rootState: is({
           content: this.content,
           data: this.data,
           locale: this.locale
@@ -4189,12 +4449,12 @@ const _s = /* @__PURE__ */ b(Qs, [["render", Xs]]), Zs = ({
         apiKey: this.apiKey,
         apiVersion: this.apiVersion,
         componentInfos: [
-          ...ve(),
+          ...we(),
           ...this.customComponents || []
         ].reduce(
-          (n, { component: o, ...s }) => ({
+          (n, { component: o, ...r }) => ({
             ...n,
-            [s.name]: ae(s)
+            [r.name]: de(r)
           }),
           {}
         ),
@@ -4202,13 +4462,13 @@ const _s = /* @__PURE__ */ b(Qs, [["render", Xs]]), Zs = ({
         BlocksWrapper: this.blocksWrapper || "div",
         BlocksWrapperProps: this.blocksWrapperProps || {}
       },
-      TARGET: V
+      TARGET: x
     };
   },
   provide() {
     const e = this;
     return {
-      [Pe.key]: {
+      [Ae.key]: {
         registeredComponents: e.registeredComponents
       }
     };
@@ -4219,9 +4479,9 @@ const _s = /* @__PURE__ */ b(Qs, [["render", Xs]]), Zs = ({
     }
   }
 });
-function or(e, t, n, o, s, r) {
-  const i = y("inlined-script"), a = y("content-styles"), l = y("blocks"), d = y("enable-editor");
-  return u(), k(d, w({
+function ds(e, t, n, o, r, s) {
+  const i = g("InlinedScript"), l = g("ContentStyles"), a = g("Blocks"), u = g("EnableEditor");
+  return d(), k(u, w({
     content: e.content,
     data: e.data,
     model: e.model,
@@ -4237,23 +4497,23 @@ function or(e, t, n, o, s, r) {
     linkComponent: e.linkComponent,
     trustedHosts: e.trustedHosts
   }, {}), {
-    default: B(() => {
-      var m, c, p, v, g, N, Y;
+    default: V(() => {
+      var h, c, p, v, y, F, X;
       return [
-        e.isSsrAbTest ? (u(), k(i, {
+        e.isSsrAbTest ? (d(), k(i, {
           key: 0,
           id: "builderio-variant-visibility",
           scriptStr: e.scriptStr
         }, null, 8, ["scriptStr"])) : S("", !0),
-        e.TARGET !== "reactNative" ? (u(), k(a, {
+        e.TARGET !== "reactNative" ? (d(), k(l, {
           key: 1,
           isNestedRender: e.isNestedRender,
-          contentId: (m = e.builderContextSignal.content) == null ? void 0 : m.id,
+          contentId: (h = e.builderContextSignal.content) == null ? void 0 : h.id,
           cssCode: (p = (c = e.builderContextSignal.content) == null ? void 0 : c.data) == null ? void 0 : p.cssCode,
-          customFonts: (g = (v = e.builderContextSignal.content) == null ? void 0 : v.data) == null ? void 0 : g.customFonts
+          customFonts: (y = (v = e.builderContextSignal.content) == null ? void 0 : v.data) == null ? void 0 : y.customFonts
         }, null, 8, ["isNestedRender", "contentId", "cssCode", "customFonts"])) : S("", !0),
-        E(l, {
-          blocks: (Y = (N = e.builderContextSignal.content) == null ? void 0 : N.data) == null ? void 0 : Y.blocks,
+        $(a, {
+          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
@@ -4263,12 +4523,12 @@ function or(e, t, n, o, s, r) {
     _: 1
   }, 16, ["content", "data", "model", "context", "apiKey", "canTrack", "locale", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps", "linkComponent", "trustedHosts"]);
 }
-const sr = /* @__PURE__ */ b(nr, [["render", or]]), rr = f({
+const us = /* @__PURE__ */ b(cs, [["render", ds]]), ps = f({
   name: "content-variants",
   components: {
-    InlinedScript: _e,
-    InlinedStyles: me,
-    ContentComponent: sr
+    InlinedScript: et,
+    InlinedStyles: be,
+    ContentComponent: us
   },
   props: [
     "canTrack",
@@ -4291,13 +4551,13 @@ const sr = /* @__PURE__ */ b(nr, [["render", or]]), rr = f({
   ],
   data() {
     return {
-      shouldRenderVariants: ls({
-        canTrack: z(this.canTrack),
+      shouldRenderVariants: fr({
+        canTrack: G(this.canTrack),
         content: this.content
       }),
-      TARGET: V,
-      getInitVariantsFnsScriptString: ds,
-      getVariants: X
+      TARGET: x,
+      getInitVariantsFnsScriptString: gr,
+      getVariants: _
     };
   },
   mounted() {
@@ -4305,8 +4565,8 @@ const sr = /* @__PURE__ */ b(nr, [["render", or]]), rr = f({
   computed: {
     updateCookieAndStylesScriptStr() {
       var e;
-      return us(
-        X(this.content).map((t) => ({
+      return yr(
+        _(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
         })),
@@ -4314,41 +4574,41 @@ const sr = /* @__PURE__ */ b(nr, [["render", or]]), rr = f({
       );
     },
     hideVariantsStyleString() {
-      return X(this.content).map((e) => `.variant-${e.testVariationId} { display: none; } `).join("");
+      return _(this.content).map((e) => `.variant-${e.testVariationId} { display: none; } `).join("");
     },
     defaultContent() {
       var e;
       return this.shouldRenderVariants ? {
         ...this.content,
         testVariationId: (e = this.content) == null ? void 0 : e.id
-      } : Fn({
+      } : On({
         item: this.content,
-        canTrack: z(this.canTrack)
+        canTrack: G(this.canTrack)
       });
     }
   }
 });
-function ir(e, t, n, o, s, r) {
-  const i = y("inlined-script"), a = y("inlined-styles"), l = y("content-component");
-  return u(), h($, null, [
-    !e.isNestedRender && e.TARGET !== "reactNative" ? (u(), k(i, {
+function ms(e, t, n, o, r, s) {
+  const i = g("InlinedScript"), l = g("InlinedStyles"), a = g("ContentComponent");
+  return d(), m(I, null, [
+    !e.isNestedRender && e.TARGET !== "reactNative" ? (d(), k(i, {
       key: 0,
       id: "builderio-init-variants-fns",
       scriptStr: e.getInitVariantsFnsScriptString()
     }, null, 8, ["scriptStr"])) : S("", !0),
-    e.shouldRenderVariants ? (u(), h($, { key: 1 }, [
-      E(a, {
+    e.shouldRenderVariants ? (d(), m(I, { key: 1 }, [
+      $(l, {
         id: "builderio-variants",
         styles: e.hideVariantsStyleString
       }, null, 8, ["styles"]),
-      E(i, {
+      $(i, {
         id: "builderio-variants-visibility",
         scriptStr: e.updateCookieAndStylesScriptStr
       }, null, 8, ["scriptStr"]),
-      (u(!0), h($, null, O(e.getVariants(e.content), (d, m) => (u(), k(l, {
-        key: d.testVariationId,
+      (d(!0), m(I, null, W(e.getVariants(e.content), (u, h) => (d(), k(a, {
+        key: u.testVariationId,
         isNestedRender: e.isNestedRender,
-        content: d,
+        content: u,
         showContent: !1,
         model: e.model,
         data: e.data,
@@ -4368,7 +4628,7 @@ function ir(e, t, n, o, s, r) {
         trustedHosts: e.trustedHosts
       }, null, 8, ["isNestedRender", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"]))), 128))
     ], 64)) : S("", !0),
-    E(l, w({
+    $(a, w({
       isNestedRender: e.isNestedRender,
       content: e.defaultContent,
       showContent: !0,
@@ -4393,13 +4653,13 @@ function ir(e, t, n, o, s, r) {
     }), null, 16, ["isNestedRender", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"])
   ], 64);
 }
-const ar = /* @__PURE__ */ b(rr, [["render", ir]]), lr = async ({
+const hs = /* @__PURE__ */ b(ps, [["render", ms]]), fs = 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 be({
+    return ke({
       model: t.model,
       apiKey: e.apiKey,
       apiVersion: e.apiVersion,
@@ -4409,11 +4669,11 @@ const ar = /* @__PURE__ */ b(rr, [["render", ir]]), lr = async ({
         }
       }
     }).catch((n) => {
-      R.error("Could not fetch symbol content: ", n);
+      E.error("Could not fetch symbol content: ", n);
     });
-}, cr = f({
+}, bs = f({
   name: "builder-symbol",
-  components: { ContentVariants: ar, DynamicDiv: G },
+  components: { ContentVariants: hs, DynamicDiv: Q },
   props: [
     "symbol",
     "attributes",
@@ -4425,7 +4685,7 @@ const ar = /* @__PURE__ */ b(rr, [["render", ir]]), lr = async ({
   ],
   data() {
     var e;
-    return { contentToUse: (e = this.symbol) == null ? void 0 : e.content, filterAttrs: W };
+    return { contentToUse: (e = this.symbol) == null ? void 0 : e.content, filterAttrs: N };
   },
   mounted() {
     this.setContent();
@@ -4448,7 +4708,7 @@ const ar = /* @__PURE__ */ b(rr, [["render", ir]]), lr = async ({
     className() {
       var e, t;
       return [
-        this.attributes[Z()],
+        this.attributes[ee()],
         "builder-symbol",
         (e = this.symbol) != null && e.inline ? "builder-inline-symbol" : void 0,
         (t = this.symbol) != null && t.dynamic || this.dynamic ? "builder-dynamic-symbol" : void 0
@@ -4462,7 +4722,7 @@ const ar = /* @__PURE__ */ b(rr, [["render", ir]]), lr = async ({
   },
   methods: {
     setContent() {
-      this.contentToUse || lr({
+      this.contentToUse || fs({
         symbol: this.symbol,
         builderContextValue: this.builderContext
       }).then((e) => {
@@ -4471,23 +4731,23 @@ const ar = /* @__PURE__ */ b(rr, [["render", ir]]), lr = async ({
     }
   }
 });
-function dr(e, t, n, o, s, r) {
-  var a, l, d, m, c;
-  const i = y("content-variants");
-  return u(), h("div", w({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    E(i, {
+function gs(e, t, n, o, r, s) {
+  var l, a, u, h, c;
+  const i = g("ContentVariants");
+  return d(), m("div", w({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, B(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    $(i, {
       isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
       apiKey: e.builderContext.apiKey,
       context: {
         ...e.builderContext.context,
-        symbolId: (a = e.builderBlock) == null ? void 0 : a.id
+        symbolId: (l = e.builderBlock) == null ? void 0 : l.id
       },
       customComponents: Object.values(e.builderComponents),
       data: {
-        ...(l = e.symbol) == null ? void 0 : l.data,
+        ...(a = e.symbol) == null ? void 0 : a.data,
         ...e.builderContext.localState,
-        ...(m = (d = e.contentToUse) == null ? void 0 : d.data) == null ? void 0 : m.state
+        ...(h = (u = e.contentToUse) == null ? void 0 : u.data) == null ? void 0 : h.state
       },
       model: (c = e.symbol) == null ? void 0 : c.model,
       content: e.contentToUse,
@@ -4497,20 +4757,20 @@ function dr(e, t, n, o, s, r) {
     }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "model", "content", "linkComponent", "blocksWrapper", "contentWrapper"])
   ], 16);
 }
-const ur = /* @__PURE__ */ b(cr, [["render", dr]]), Re = {};
-function Cr(e) {
+const ys = /* @__PURE__ */ b(bs, [["render", gs]]), Be = {};
+function Ps(e) {
   if (T()) {
-    Object.assign(Re, e);
+    Object.assign(Be, e);
     const t = {
       type: "builder.settingsChange",
-      data: Re
+      data: Be
     };
     parent.postMessage(t, "*");
   }
 }
-const wr = async (e) => {
-  var o, s, r;
-  const t = e.path || ((o = e.url) == null ? void 0 : o.pathname) || ((s = e.userAttributes) == null ? void 0 : s.urlPath), n = {
+const Bs = async (e) => {
+  var o, r, s;
+  const t = e.path || ((o = e.url) == null ? void 0 : o.pathname) || ((r = e.userAttributes) == null ? void 0 : r.urlPath), n = {
     ...e,
     apiKey: e.apiKey,
     model: e.model || "page",
@@ -4520,52 +4780,52 @@ const wr = async (e) => {
         urlPath: t
       } : {}
     },
-    options: tt(e.searchParams || ((r = e.url) == null ? void 0 : r.searchParams) || e.options)
+    options: ot(e.searchParams || ((s = e.url) == null ? void 0 : s.searchParams) || e.options)
   };
   return {
     apiKey: n.apiKey,
     model: n.model,
-    content: await be(n)
+    content: await ke(n)
   };
 };
 export {
-  vs as A,
-  pe as B,
-  pn as C,
-  Ss as D,
-  be as E,
-  fn as F,
-  fr as G,
-  yr as H,
-  wn as I,
-  In as S,
-  V as T,
-  ts as V,
-  me as _,
+  Rr as A,
+  fe as B,
+  mn as C,
+  Er as D,
+  ke as E,
+  bn as F,
+  Cs as G,
+  Is as H,
+  Tn as I,
+  Rn as S,
+  x as T,
+  lr as V,
+  be as _,
   sn as a,
-  br as b,
+  ws as b,
   U as c,
-  kr as d,
-  Fe as e,
+  $s as d,
+  he as e,
   b as f,
-  Ne as g,
-  ee as h,
-  gr as i,
-  Z as j,
-  ie as k,
-  vt as l,
-  ur as m,
+  De as g,
+  te as h,
+  Ts as i,
+  ee as j,
+  ce as k,
+  Ct as l,
+  ys as m,
   so as n,
-  J as o,
-  ar as p,
-  I as q,
-  Cs as r,
-  os as s,
-  Ls as t,
-  Cr as u,
-  tt as v,
-  tr as w,
-  vr as x,
-  Sr as y,
-  wr as z
+  M as o,
+  hs as p,
+  R as q,
+  Pr as r,
+  dr as s,
+  zr as t,
+  Ps as u,
+  ot as v,
+  ls as w,
+  Rs as x,
+  Es as y,
+  Bs as z
 };