@builder.io/sdk-vue 1.0.26 → 1.0.27

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

@@ -1,9 +1,9 @@
-var ct = Object.defineProperty;
-var dt = (e, t, n) => t in e ? ct(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var oe = (e, t, n) => (dt(e, typeof t != "symbol" ? t + "" : t, n), n);
+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);
 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 ut, toDisplayString as ne, defineAsyncComponent as D, createVNode as E, renderList as O, createCommentVNode as S, h as Ee, createElementVNode as Z, normalizeStyle as K, normalizeClass as de, markRaw as pt } from "vue";
-const mt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), ht = (e) => typeof e == "string" && mt.has(e.toLowerCase());
+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) {
   const o = {};
   for (const s in e) {
@@ -14,11 +14,11 @@ function W(e = {}, t, n) {
   }
   return o;
 }
-const ft = f({
+const bt = f({
   name: "dynamic-renderer",
   props: ["TagName", "attributes", "actionAttributes"],
   data() {
-    return { isEmptyElement: ht };
+    return { isEmptyElement: ft };
   }
 }), b = (e, t) => {
   const n = e.__vccOpts || e;
@@ -26,7 +26,7 @@ const ft = f({
     n[o] = s;
   return n;
 };
-function bt(e, t, n, o, s, r) {
+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(() => [
@@ -41,10 +41,10 @@ function bt(e, t, n, o, s, r) {
     }, 16))
   ], 64));
 }
-const ue = /* @__PURE__ */ b(ft, [["render", bt]]), hr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ue = /* @__PURE__ */ b(bt, [["render", gt]]), fr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: ue
-}, Symbol.toStringTag, { value: "Module" })), V = "vue", ee = () => {
+}, Symbol.toStringTag, { value: "Module" })), V = "vue", Z = () => {
   switch (V) {
     case "react":
     case "reactNative":
@@ -57,7 +57,7 @@ const ue = /* @__PURE__ */ b(ft, [["render", bt]]), hr = /* @__PURE__ */ Object.
     case "angular":
       return "class";
   }
-}, gt = f({
+}, yt = f({
   name: "builder-button",
   components: { DynamicRenderer: ue },
   props: [
@@ -74,7 +74,7 @@ const ue = /* @__PURE__ */ b(ft, [["render", bt]]), hr = /* @__PURE__ */ Object.
     attrs() {
       return {
         ...W(this.attributes, "v-on:", !1),
-        [ee()]: `${this.link ? "" : "builder-button"} ${this.attributes[ee()] || ""}`,
+        [Z()]: `${this.link ? "" : "builder-button"} ${this.attributes[Z()] || ""}`,
         ...this.link ? {
           href: this.link,
           target: this.openLinkInNewTab ? "_blank" : void 0,
@@ -86,7 +86,7 @@ const ue = /* @__PURE__ */ b(ft, [["render", bt]]), hr = /* @__PURE__ */ Object.
     }
   }
 });
-function yt(e, t, n, o, s, r) {
+function kt(e, t, n, o, s, r) {
   const i = y("dynamic-renderer");
   return u(), k(i, {
     attributes: e.attrs(),
@@ -94,12 +94,12 @@ function yt(e, t, n, o, s, r) {
     actionAttributes: e.filterAttrs(e.attributes, "v-on:", !0)
   }, {
     default: B(() => [
-      ut(ne(e.text), 1)
+      pt(te(e.text), 1)
     ]),
     _: 1
   }, 8, ["attributes", "TagName", "actionAttributes"]);
 }
-const kt = /* @__PURE__ */ b(gt, [["render", yt]]), vt = Symbol(), ae = {
+const vt = /* @__PURE__ */ b(yt, [["render", kt]]), St = Symbol(), ie = {
   Builder: {
     content: null,
     context: {},
@@ -114,12 +114,12 @@ const kt = /* @__PURE__ */ b(gt, [["render", yt]]), vt = Symbol(), ae = {
     BlocksWrapper: "div",
     BlocksWrapperProps: {}
   },
-  key: vt
-}, St = Symbol(), Pe = {
-  Components: { registeredComponents: {} },
   key: St
+}, Ct = Symbol(), Pe = {
+  Components: { registeredComponents: {} },
+  key: Ct
 };
-function Ct(e) {
+function wt(e) {
   var t;
   return {
     ...(t = e.component) == null ? void 0 : t.options,
@@ -130,36 +130,36 @@ function Ct(e) {
     builderBlock: e
   };
 }
-const _ = "[Builder.io]: ", R = {
-  log: (...e) => console.log(_, ...e),
-  error: (...e) => console.error(_, ...e),
-  warn: (...e) => console.warn(_, ...e),
-  debug: (...e) => console.debug(_, ...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)
 };
 function T() {
   return typeof window < "u" && typeof document < "u";
 }
-const wt = (e) => {
+const Tt = (e) => {
   const t = {};
   return e.forEach((n, o) => {
     t[o] = n;
   }), t;
-}, xe = (e) => e instanceof URLSearchParams ? wt(e) : e, Ve = (e) => typeof e == "string" ? e : e instanceof URLSearchParams ? e.toString() : new URLSearchParams(e).toString();
-function Tt() {
+}, 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() {
   return T() && window.self !== window.top;
 }
 function I(e) {
-  return Tt() && // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
+  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;
 }
-const $t = () => {
+const It = () => {
   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;
-}, It = () => typeof navigator == "object" && navigator.userAgent || "", Ae = () => {
-  const e = It(), t = {
+}, Rt = () => typeof navigator == "object" && navigator.userAgent || "", Ae = () => {
+  const e = Rt(), t = {
     Android() {
       return e.match(/Android/i);
     },
@@ -178,13 +178,13 @@ const $t = () => {
     any() {
       return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || V === "reactNative";
     }
-  }, n = e.match(/Tablet|iPad/i), o = $t();
+  }, n = e.match(/Tablet|iPad/i), o = It();
   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"
   };
-}, Rt = ({
+}, Et = ({
   builder: e,
   context: t,
   event: n,
@@ -196,12 +196,12 @@ const $t = () => {
   builder: e,
   context: t,
   event: n
-}), Et = () => ({
+}), Pt = () => ({
   isEditing: I(),
   isBrowser: T(),
   isServer: !T(),
   getUserAttributes: () => Ae()
-}), Pt = (e, {
+}), xt = (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 = ({
   code: e,
@@ -212,7 +212,7 @@ const $t = () => {
   rootSetState: r,
   rootState: i
 }) => {
-  const a = Rt({
+  const a = Et({
     builder: t,
     context: n,
     event: o,
@@ -250,17 +250,17 @@ function Be({
   });
 }
 const U = (e) => e != null;
-function xt() {
+function Vt() {
   var e;
   return typeof process < "u" && U((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
 }
-const Vt = () => {
+const At = () => {
   var o;
-  if (!xt())
+  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;
-}, At = (e) => (T() || Vt(), ye(e)), A = class A {
+}, Bt = (e) => (T() || At(), ye(e)), A = class A {
   static getCacheKey(t) {
     return JSON.stringify({
       ...t,
@@ -278,9 +278,9 @@ const Vt = () => {
     });
   }
 };
-oe(A, "cacheLimit", 20), oe(A, "cache", /* @__PURE__ */ new Map());
+ne(A, "cacheLimit", 20), ne(A, "cache", /* @__PURE__ */ new Map());
 let L = A;
-function te({
+function ee({
   code: e,
   context: t,
   localState: n,
@@ -293,10 +293,10 @@ function te({
   if (e === "")
     return;
   const l = {
-    code: Pt(e, {
+    code: xt(e, {
       isExpression: i
     }),
-    builder: Et(),
+    builder: Pt(),
     context: t,
     event: r,
     rootSetState: s,
@@ -309,7 +309,7 @@ function te({
       return m.value;
   }
   try {
-    const d = At(l);
+    const d = Bt(l);
     if (a) {
       const m = L.getCacheKey(l);
       L.setCachedValue(m, d);
@@ -328,7 +328,7 @@ const q = (e) => JSON.parse(JSON.stringify(e)), We = (e, t, n) => {
   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;
 };
-const Bt = ({
+const Wt = ({
   block: e,
   context: t,
   localState: n,
@@ -347,7 +347,7 @@ const Bt = ({
     }
   };
   for (const a in e.bindings) {
-    const l = e.bindings[a], d = te({
+    const l = e.bindings[a], d = ee({
       code: l,
       localState: n,
       rootState: o,
@@ -368,7 +368,7 @@ function Ne({
   rootSetState: r
 }) {
   const i = e;
-  return n ? Bt({
+  return n ? Wt({
     block: i,
     localState: o,
     rootState: s,
@@ -376,7 +376,7 @@ function Ne({
     context: t
   }) : i;
 }
-function Wt(e, t, n = {}) {
+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);
@@ -399,14 +399,14 @@ function j(e, ...t) {
   return n;
 }
 const Fe = (e) => e ? e.replace(/([A-Z])/g, (t) => `-${t[0].toLowerCase()}`) : "";
-function Nt(e) {
+function Ft(e) {
   for (const t of e)
     switch (t.trigger) {
       case "pageLoad":
         Le(t);
         break;
       case "scrollInView":
-        Ot(t);
+        Ut(t);
         break;
     }
 }
@@ -414,12 +414,12 @@ function Oe(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
 function Ue(e, t) {
-  const n = Ft(e), o = getComputedStyle(t), s = e.steps[0].styles, r = e.steps[e.steps.length - 1].styles, i = [s, r];
+  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 Ft(e) {
+function Ot(e) {
   const t = [];
   for (const n of e.steps)
     for (const o in n.styles)
@@ -440,7 +440,7 @@ function Le(e) {
     });
   });
 }
-function Ot(e) {
+function Ut(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
     Oe(e.elementId || e.id || "");
@@ -456,7 +456,7 @@ function Ot(e) {
         }, (e.duration + (e.delay || 0)) * 1e3 + 100);
       })) : e.repeat && o && !s && !a(n) && (o = !1, j(n.style, e.steps[0].styles));
     }
-    const i = Wt(r, 200, {
+    const i = Nt(r, 200, {
       leading: !1
     });
     function a(m) {
@@ -475,31 +475,31 @@ function Ot(e) {
     }), r();
   });
 }
-const Ut = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), Me = (e) => Object.entries(e).map(([n, o]) => {
+const Lt = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), Me = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
-    return `${Ut(n)}: ${o};`;
-}).filter(U), Lt = (e) => Me(e).join(`
-`), fr = ({
+    return `${Lt(n)}: ${o};`;
+}).filter(U), Mt = (e) => Me(e).join(`
+`), br = ({
   mediaQuery: e,
   className: t,
   styles: n
 }) => {
   const o = `.${t} {
-    ${Lt(n)}
+    ${Mt(n)}
   }`;
   return e ? `${e} {
       ${o}
     }` : o;
 };
-function Mt({
+function Dt({
   style: e
 }) {
   return e;
 }
-const br = ({
+const gr = ({
   block: e,
   context: t
-}) => De(Mt({
+}) => De(Dt({
   style: e.style || {},
   context: t,
   block: e
@@ -518,7 +518,7 @@ function De(e) {
       return e;
   }
 }
-const Dt = ({
+const Ht = ({
   block: e,
   context: t,
   registeredComponents: n
@@ -540,7 +540,7 @@ const Dt = ({
   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?`);
-}, Ht = ({
+}, jt = ({
   block: e,
   context: t
 }) => {
@@ -550,7 +550,7 @@ const Dt = ({
   } = e;
   if (!(n != null && n.collection))
     return;
-  const s = te({
+  const s = ee({
     code: n.collection,
     localState: t.localState,
     rootState: t.rootState,
@@ -574,44 +574,44 @@ const Dt = ({
     },
     block: o
   }));
-}, jt = (e) => e && (e.isRSC || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs"].includes(e.name)), Kt = (e) => e && (e.isRSC || ["Symbol", "Columns", "Form:Form", "Builder: Tabs"].includes(e.name)), zt = () => import("./block-styles-SuD_yhea.js").then((e) => e.default).catch((e) => {
+}, 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) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
     e
   ), e;
-}), qt = () => import("./block-wrapper-RudvKrHB.js").then((e) => e.default).catch((e) => {
+}), Jt = () => import("./block-wrapper-JrLSq3J2.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;
-}), Jt = () => import("./component-ref-dxP-HKxF.js").then((e) => e.default).catch((e) => {
+}), Gt = () => import("./component-ref-gxDw0wuA.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;
-}), Gt = () => import("./repeated-block-8ZYb0CgR.js").then((e) => e.default).catch((e) => {
+}), Yt = () => import("./repeated-block-Qlvgzgy_.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;
-}), Yt = () => Promise.resolve().then(() => ln).then((e) => e.default).catch((e) => {
+}), Qt = () => Promise.resolve().then(() => cn).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
     e
   ), e;
-}), _t = f({
+}), Xt = f({
   name: "block",
   components: {
-    BlockStyles: D(zt),
-    ComponentRef: D(Jt),
-    RepeatedBlock: D(Gt),
-    BlockWrapper: D(qt),
-    DynamicDiv: D(Yt)
+    BlockStyles: D(qt),
+    ComponentRef: D(Gt),
+    RepeatedBlock: D(Yt),
+    BlockWrapper: D(Jt),
+    DynamicDiv: D(Qt)
   },
   props: ["block", "context", "registeredComponents", "linkComponent"],
   mounted() {
     const e = this.processedBlock.id, t = this.processedBlock.animations;
-    t && e && Nt(
+    t && e && Ft(
       t.map((n) => ({
         ...n,
         elementId: e
@@ -620,14 +620,14 @@ const Dt = ({
   },
   computed: {
     blockComponent() {
-      return Dt({
+      return Ht({
         block: this.block,
         context: this.context,
         registeredComponents: this.registeredComponents
       });
     },
     repeatItem() {
-      return Ht({
+      return jt({
         block: this.block,
         context: this.context
       });
@@ -664,12 +664,12 @@ const Dt = ({
         blockChildren: this.processedBlock.children ?? [],
         componentRef: (e = this.blockComponent) == null ? void 0 : e.component,
         componentOptions: {
-          ...Ct(this.processedBlock),
+          ...wt(this.processedBlock),
           builderContext: this.context,
-          ...jt(this.blockComponent) ? {
+          ...Kt(this.blockComponent) ? {
             builderLinkComponent: this.linkComponent
           } : {},
-          ...Kt(this.blockComponent) ? {
+          ...zt(this.blockComponent) ? {
             builderComponents: this.registeredComponents
           } : {}
         },
@@ -683,7 +683,7 @@ const Dt = ({
     }
   }
 });
-function Qt(e, t, n, o, s, r) {
+function _t(e, t, n, o, s, r) {
   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 }, [
@@ -741,10 +741,10 @@ function Qt(e, t, n, o, s, r) {
     ], 64))
   ], 64)) : S("", !0);
 }
-const pe = /* @__PURE__ */ b(_t, [["render", Qt]]), gr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const pe = /* @__PURE__ */ b(Xt, [["render", _t]]), yr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: pe
-}, Symbol.toStringTag, { value: "Module" })), Xt = f({
+}, Symbol.toStringTag, { value: "Module" })), Zt = f({
   name: "builder-blocks-wrapper",
   props: [
     "blocks",
@@ -789,7 +789,7 @@ const pe = /* @__PURE__ */ b(_t, [["render", Qt]]), gr = /* @__PURE__ */ Object.
     }
   }
 });
-function Zt(e, t, n, o, s, r) {
+function en(e, t, n, o, s, r) {
   return u(), k(H(e.BlocksWrapper), w({
     class: e.className + " component-178o76acnws",
     "builder-path": e.path,
@@ -805,9 +805,9 @@ function Zt(e, t, n, o, s, r) {
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const en = /* @__PURE__ */ b(Xt, [["render", Zt], ["__scopeId", "data-v-a5b13ef9"]]), tn = f({
+const tn = /* @__PURE__ */ b(Zt, [["render", en], ["__scopeId", "data-v-a5b13ef9"]]), nn = f({
   name: "builder-blocks",
-  components: { BlocksWrapper: en, Block: pe },
+  components: { BlocksWrapper: tn, Block: pe },
   props: [
     "blocks",
     "parent",
@@ -818,11 +818,11 @@ const en = /* @__PURE__ */ b(Xt, [["render", Zt], ["__scopeId", "data-v-a5b13ef9
     "registeredComponents"
   ],
   inject: {
-    builderContext: ae.key,
+    builderContext: ie.key,
     componentsContext: Pe.key
   }
 });
-function nn(e, t, n, o, s, r) {
+function on(e, t, n, o, s, r) {
   var l, d;
   const i = y("block"), a = y("blocks-wrapper");
   return u(), k(a, {
@@ -845,7 +845,7 @@ function nn(e, t, n, o, s, r) {
     _: 1
   }, 8, ["blocks", "parent", "path", "styleProp", "BlocksWrapper", "BlocksWrapperProps"]);
 }
-const J = /* @__PURE__ */ b(tn, [["render", nn]]), me = f({
+const J = /* @__PURE__ */ b(nn, [["render", on]]), me = f({
   render() {
     return Ee("style", {
       innerHTML: this.styles,
@@ -870,7 +870,7 @@ const J = /* @__PURE__ */ b(tn, [["render", nn]]), me = f({
     default: 991,
     max: 1200
   }
-}, yr = (e, t = He) => `@media (max-width: ${t[e].max}px)`, on = ({
+}, kr = (e, t = He) => `@media (max-width: ${t[e].max}px)`, sn = ({
   small: e,
   medium: t
 }) => {
@@ -896,19 +896,19 @@ const J = /* @__PURE__ */ b(tn, [["render", nn]]), me = f({
     min: r,
     default: r + 1
   }, n;
-}, sn = (e) => `builder-columns ${e}-breakpoints`, rn = f({
+}, rn = (e) => `builder-columns ${e}-breakpoints`, an = f({
   name: "dynamic-div",
   props: []
 });
-function an(e, t, n, o, s, r) {
+function ln(e, t, n, o, s, r) {
   return u(), h("div", null, [
     P(e.$slots, "default")
   ]);
 }
-const G = /* @__PURE__ */ b(rn, [["render", an]]), ln = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const G = /* @__PURE__ */ b(an, [["render", ln]]), cn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: G
-}, Symbol.toStringTag, { value: "Module" })), cn = f({
+}, Symbol.toStringTag, { value: "Module" })), dn = f({
   name: "builder-columns",
   components: {
     InlinedStyles: me,
@@ -933,7 +933,7 @@ const G = /* @__PURE__ */ b(rn, [["render", an]]), ln = /* @__PURE__ */ Object.f
       stackAt: this.stackColumnsAt || "tablet",
       flexDir: this.stackColumnsAt === "never" ? "row" : this.reverseColumnsWhenStacked ? "column-reverse" : "column",
       TARGET: V,
-      getColumnsClass: sn
+      getColumnsClass: rn
     };
   },
   methods: {
@@ -999,7 +999,7 @@ const G = /* @__PURE__ */ b(rn, [["render", an]]), ln = /* @__PURE__ */ Object.f
     },
     getWidthForBreakpointSize(e) {
       var n, o;
-      return on(
+      return sn(
         ((o = (n = this.builderContext.content) == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || {}
       )[e].max;
     },
@@ -1035,13 +1035,13 @@ const G = /* @__PURE__ */ b(rn, [["render", an]]), ln = /* @__PURE__ */ Object.f
         ...e.link ? {
           href: e.link
         } : {},
-        [ee()]: "builder-column",
+        [Z()]: "builder-column",
         style: De(this.columnCssVars(t))
       };
     }
   }
 });
-function dn(e, t, n, o, s, r) {
+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({
@@ -1076,24 +1076,24 @@ function dn(e, t, n, o, s, r) {
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const un = /* @__PURE__ */ b(cn, [["render", dn], ["__scopeId", "data-v-4878b55f"]]), pn = f({
+const pn = /* @__PURE__ */ b(dn, [["render", un], ["__scopeId", "data-v-4878b55f"]]), mn = f({
   name: "builder-fragment-component",
   props: []
 });
-function mn(e, t, n, o, s, r) {
+function hn(e, t, n, o, s, r) {
   return u(), h("span", null, [
     P(e.$slots, "default")
   ]);
 }
-const hn = /* @__PURE__ */ b(pn, [["render", mn]]);
+const fn = /* @__PURE__ */ b(mn, [["render", hn]]);
 function ke(e) {
   return e.replace(/http(s)?:/, "");
 }
-function fn(e = "", t, n) {
+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 bn(e, t) {
+function gn(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
@@ -1105,18 +1105,18 @@ function bn(e, t) {
   }
   return null;
 }
-function se(e) {
+function oe(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) => `${fn(e, "width", s)} ${s}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), t.filter((s) => s !== o).map((s) => `${bn(e, "width", s)} ${s}w`).concat([n]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [bn(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) => [gn(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
-const gn = f({
+const yn = f({
   name: "builder-image",
   props: [
     "image",
@@ -1142,10 +1142,10 @@ const gn = 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"), se(t);
+          return console.debug("Removed given srcset"), oe(t);
       } else if (this.image && !this.srcset)
-        return se(t);
-      return se(t);
+        return oe(t);
+      return oe(t);
     },
     webpSrcSet() {
       var e;
@@ -1162,20 +1162,20 @@ const gn = f({
       return this.aspectRatio ? e : void 0;
     }
   }
-}), yn = ["srcset"], kn = ["alt", "role", "src", "srcset", "sizes"], vn = {
+}), kn = ["srcset"], vn = ["alt", "role", "src", "srcset", "sizes"], Sn = {
   key: 2,
   class: "div-20351ewpue7-2"
 };
-function Sn(e, t, n, o, s, r) {
+function Cn(e, t, n, o, s, r) {
   var i, a, l, d, m, c;
   return u(), h($, null, [
-    Z("picture", null, [
+    _("picture", null, [
       e.webpSrcSet ? (u(), h("source", {
         key: 0,
         type: "image/webp",
         srcset: e.webpSrcSet
-      }, null, 8, yn)) : S("", !0),
-      Z("img", {
+      }, null, 8, kn)) : S("", !0),
+      _("img", {
         loading: "lazy",
         alt: e.altText,
         role: e.altText ? void 0 : "presentation",
@@ -1190,7 +1190,7 @@ function Sn(e, t, n, o, s, r) {
         src: e.image,
         srcset: e.srcSetToUse,
         sizes: e.sizes
-      }, null, 14, kn)
+      }, null, 14, vn)
     ]),
     e.aspectRatio && !((a = (i = e.builderBlock) == null ? void 0 : i.children) != null && a.length && e.fitContent) ? (u(), h("div", {
       key: 0,
@@ -1200,19 +1200,19 @@ function Sn(e, t, n, o, s, r) {
       })
     }, 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", vn, [
+    !e.fitContent && ((c = (m = e.builderBlock) == null ? void 0 : m.children) != null && c.length) ? (u(), h("div", Sn, [
       P(e.$slots, "default", {}, void 0, !0)
     ])) : S("", !0)
   ], 64);
 }
-const Cn = /* @__PURE__ */ b(gn, [["render", Sn], ["__scopeId", "data-v-5dee860d"]]), wn = f({
+const wn = /* @__PURE__ */ b(yn, [["render", Cn], ["__scopeId", "data-v-5dee860d"]]), Tn = f({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
     return { filterAttrs: W };
   }
 });
-function Tn(e, t, n, o, s, r) {
+function $n(e, t, n, o, s, r) {
   return u(), h("section", w({
     style: {
       width: "100%",
@@ -1230,7 +1230,7 @@ function Tn(e, t, n, o, s, r) {
     P(e.$slots, "default")
   ], 16);
 }
-const $n = /* @__PURE__ */ b(wn, [["render", Tn]]), In = (e) => {
+const In = /* @__PURE__ */ b(Tn, [["render", $n]]), Rn = (e) => {
   if (e === "localhost" || e === "127.0.0.1")
     return e;
   const t = e.split(".");
@@ -1246,13 +1246,13 @@ const $n = /* @__PURE__ */ b(wn, [["render", Tn]]), In = (e) => {
     R.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, Ke = async (e) => je(e), Rn = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(U).join("; "), En = [["secure", ""], ["SameSite", "None"]], Pn = ({
+}, Ke = async (e) => je(e), En = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(U).join("; "), Pn = [["secure", ""], ["SameSite", "None"]], xn = ({
   name: e,
   value: t,
   expires: n
 }) => {
-  const s = (T() ? location.protocol === "https:" : !0) ? En : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...r, ["path", "/"], ["domain", In(window.location.hostname)], ...s];
-  return Rn(i);
+  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 ({
   name: e,
   value: t,
@@ -1262,7 +1262,7 @@ const $n = /* @__PURE__ */ b(wn, [["render", Tn]]), In = (e) => {
   try {
     if (!o)
       return;
-    const s = Pn({
+    const s = xn({
       name: e,
       value: t,
       expires: n
@@ -1271,24 +1271,24 @@ const $n = /* @__PURE__ */ b(wn, [["render", Tn]]), In = (e) => {
   } catch (s) {
     R.warn("[COOKIE] SET error: ", (s == null ? void 0 : s.message) || s);
   }
-}, xn = "builder.tests", he = (e) => `${xn}.${e}`, Vn = ({
+}, Vn = "builder.tests", he = (e) => `${Vn}.${e}`, An = ({
   contentId: e
 }) => Ke({
   name: he(e),
   canTrack: !0
-}), An = ({
+}), Bn = ({
   contentId: e
 }) => je({
   name: he(e),
   canTrack: !0
-}), Bn = ({
+}), Wn = ({
   contentId: e,
   value: t
 }) => ze({
   name: he(e),
   value: t,
   canTrack: !0
-}), qe = (e) => U(e.id) && U(e.variations) && Object.keys(e.variations).length > 0, Wn = ({
+}), qe = (e) => U(e.id) && U(e.variations) && Object.keys(e.variations).length > 0, Nn = ({
   id: e,
   variations: t
 }) => {
@@ -1302,8 +1302,8 @@ const $n = /* @__PURE__ */ b(wn, [["render", Tn]]), In = (e) => {
   }
   return e;
 }, Je = (e) => {
-  const t = Wn(e);
-  return Bn({
+  const t = Nn(e);
+  return Wn({
     contentId: e.id,
     value: t
   }).catch((n) => {
@@ -1323,7 +1323,7 @@ const $n = /* @__PURE__ */ b(wn, [["render", Tn]]), In = (e) => {
     testVariationId: n.id,
     testVariationName: n.name || (n.id === e.id ? "Default" : "")
   };
-}, Nn = ({
+}, Fn = ({
   item: e,
   canTrack: t
 }) => {
@@ -1333,7 +1333,7 @@ const $n = /* @__PURE__ */ b(wn, [["render", Tn]]), In = (e) => {
     return;
   if (!qe(e))
     return e;
-  const n = An({
+  const n = Bn({
     contentId: e.id
   }) || Je({
     variations: e.variations,
@@ -1346,13 +1346,13 @@ const $n = /* @__PURE__ */ b(wn, [["render", Tn]]), In = (e) => {
     ...e,
     ...o
   };
-}, Fn = async ({
+}, On = async ({
   item: e,
   canTrack: t
 }) => {
   if (!t || !qe(e))
     return e;
-  const o = await Vn({
+  const o = await An({
     contentId: e.id
   }) || Je({
     variations: e.variations,
@@ -1365,7 +1365,7 @@ const $n = /* @__PURE__ */ b(wn, [["render", Tn]]), In = (e) => {
     ...e,
     ...s
   };
-}, z = (e) => U(e) ? e : !0, On = {
+}, z = (e) => U(e) ? e : !0, Un = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1398,7 +1398,7 @@ const $n = /* @__PURE__ */ b(wn, [["render", Tn]]), In = (e) => {
   }],
   static: !0,
   noWrap: !0
-}, Un = {
+}, Ln = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -1599,13 +1599,13 @@ const $n = /* @__PURE__ */ b(wn, [["render", Tn]]), In = (e) => {
     helperText: "When stacking columns for mobile devices, reverse the ordering",
     advanced: !0
   }]
-}, Ln = {
+}, Mn = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, Mn = {
+}, Dn = {
   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",
@@ -1705,7 +1705,7 @@ const $n = /* @__PURE__ */ b(wn, [["render", Tn]]), In = (e) => {
     advanced: !0,
     defaultValue: 0.7041
   }]
-}, Dn = {
+}, Hn = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1744,7 +1744,7 @@ const $n = /* @__PURE__ */ b(wn, [["render", Tn]]), In = (e) => {
       }
     }
   }]
-}, Hn = {
+}, jn = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -1757,12 +1757,12 @@ const $n = /* @__PURE__ */ b(wn, [["render", Tn]]), In = (e) => {
     required: !0,
     defaultValue: "children"
   }]
-}, jn = f({
+}, Kn = f({
   name: "builder-slot",
   components: { Blocks: J },
   props: ["builderContext", "name"]
 });
-function Kn(e, t, n, o, s, r) {
+function zn(e, t, n, o, s, r) {
   var a, l, d;
   const i = y("blocks");
   return u(), h("div", w(
@@ -1781,7 +1781,7 @@ function Kn(e, t, n, o, s, r) {
     }, null, 8, ["parent", "path", "context", "blocks"])
   ], 16);
 }
-const zn = /* @__PURE__ */ b(jn, [["render", Kn]]), qn = {
+const qn = /* @__PURE__ */ b(Kn, [["render", zn]]), Jn = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1814,7 +1814,7 @@ const zn = /* @__PURE__ */ b(jn, [["render", Kn]]), qn = {
     hideFromUI: !0,
     type: "boolean"
   }]
-}, re = {
+}, se = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -1836,7 +1836,7 @@ const zn = /* @__PURE__ */ b(jn, [["render", Kn]]), qn = {
       text: "New tab"
     }
   }
-}, ie = {
+}, re = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -1852,7 +1852,7 @@ const zn = /* @__PURE__ */ b(jn, [["render", Kn]]), qn = {
       text: "New tab content "
     }
   }
-}, Jn = {
+}, Gn = {
   name: "Builder: Tabs",
   inputs: [{
     name: "tabs",
@@ -1862,16 +1862,16 @@ const zn = /* @__PURE__ */ b(jn, [["render", Kn]]), qn = {
       name: "label",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [re]
+      defaultValue: [se]
     }, {
       name: "content",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [ie]
+      defaultValue: [re]
     }],
     defaultValue: [{
       label: [{
-        ...re,
+        ...se,
         component: {
           name: "Text",
           options: {
@@ -1880,7 +1880,7 @@ const zn = /* @__PURE__ */ b(jn, [["render", Kn]]), qn = {
         }
       }],
       content: [{
-        ...ie,
+        ...re,
         component: {
           name: "Text",
           options: {
@@ -1890,7 +1890,7 @@ const zn = /* @__PURE__ */ b(jn, [["render", Kn]]), qn = {
       }]
     }, {
       label: [{
-        ...re,
+        ...se,
         component: {
           name: "Text",
           options: {
@@ -1899,7 +1899,7 @@ const zn = /* @__PURE__ */ b(jn, [["render", Kn]]), qn = {
         }
       }],
       content: [{
-        ...ie,
+        ...re,
         component: {
           name: "Text",
           options: {
@@ -1949,7 +1949,7 @@ const zn = /* @__PURE__ */ b(jn, [["render", Kn]]), qn = {
       value: "flex-end"
     }]
   }]
-}, Gn = f({
+}, Yn = f({
   name: "builder-tabs",
   components: { Blocks: J },
   props: [
@@ -1974,11 +1974,11 @@ const zn = /* @__PURE__ */ b(jn, [["render", Kn]]), qn = {
       return this.activeTab === e ? this.activeTabStyle : {};
     }
   }
-}), Yn = ["onClick"], _n = { key: 0 };
-function Qn(e, t, n, o, s, r) {
+}), Qn = ["onClick"], Xn = { key: 0 };
+function _n(e, t, n, o, s, r) {
   const i = y("blocks");
   return u(), h("div", null, [
-    Z("div", {
+    _("div", {
       class: "builder-tabs-wrap",
       style: K({
         display: "flex",
@@ -2003,9 +2003,9 @@ function Qn(e, t, n, o, s, r) {
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent
         }, null, 8, ["parent", "path", "blocks", "context", "registeredComponents", "linkComponent"])
-      ], 14, Yn))), 128))
+      ], 14, Qn))), 128))
     ], 4),
-    e.activeTabContent(e.activeTab) ? (u(), h("div", _n, [
+    e.activeTabContent(e.activeTab) ? (u(), h("div", Xn, [
       E(i, {
         parent: e.builderBlock.id,
         path: `component.options.tabs.${e.activeTab}.content`,
@@ -2017,7 +2017,7 @@ function Qn(e, t, n, o, s, r) {
     ])) : S("", !0)
   ]);
 }
-const Xn = /* @__PURE__ */ b(Gn, [["render", Qn]]), Zn = {
+const Zn = /* @__PURE__ */ b(Yn, [["render", _n]]), eo = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -2035,11 +2035,11 @@ const Xn = /* @__PURE__ */ b(Gn, [["render", Qn]]), Zn = {
     height: "auto",
     textAlign: "center"
   }
-}, eo = f({
+}, to = f({
   name: "builder-text",
   props: ["text"]
-}), to = ["innerHTML"];
-function no(e, t, n, o, s, r) {
+}), no = ["innerHTML"];
+function oo(e, t, n, o, s, r) {
   var i;
   return u(), h("div", {
     class: "builder-text",
@@ -2047,9 +2047,9 @@ function no(e, t, n, o, s, r) {
     style: {
       outline: "none"
     }
-  }, null, 8, to);
+  }, null, 8, no);
 }
-const oo = /* @__PURE__ */ b(eo, [["render", no]]), so = {
+const so = /* @__PURE__ */ b(to, [["render", oo]]), ro = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -2071,7 +2071,7 @@ const oo = /* @__PURE__ */ b(eo, [["render", no]]), so = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, ro = f({
+}, io = f({
   name: "builder-custom-code",
   props: ["replaceNodes", "code"],
   data() {
@@ -2105,15 +2105,15 @@ const oo = /* @__PURE__ */ b(eo, [["render", no]]), so = {
       }
     }
   }
-}), io = ["innerHTML"];
-function ao(e, t, n, o, s, r) {
+}), ao = ["innerHTML"];
+function lo(e, t, n, o, s, r) {
   return u(), h("div", {
     ref: "elementRef",
     class: de("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
     innerHTML: e.code
-  }, null, 10, io);
+  }, null, 10, ao);
 }
-const lo = /* @__PURE__ */ b(ro, [["render", ao]]), co = {
+const co = /* @__PURE__ */ b(io, [["render", lo]]), uo = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -2138,7 +2138,7 @@ const lo = /* @__PURE__ */ b(ro, [["render", ao]]), co = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, uo = ["text/javascript", "application/javascript", "application/ecmascript"], po = (e) => uo.includes(e.type), mo = f({
+}, po = ["text/javascript", "application/javascript", "application/ecmascript"], mo = (e) => po.includes(e.type), ho = f({
   name: "builder-embed",
   props: ["content"],
   data() {
@@ -2171,7 +2171,7 @@ const lo = /* @__PURE__ */ b(ro, [["render", ao]]), co = {
           this.scriptsInserted.push(n.src);
           const o = document.createElement("script");
           o.async = !0, o.src = n.src, document.head.appendChild(o);
-        } else if (po(n) && !this.scriptsRun.includes(n.innerText))
+        } else if (mo(n) && !this.scriptsRun.includes(n.innerText))
           try {
             this.scriptsRun.push(n.innerText), new Function(n.innerText)();
           } catch (o) {
@@ -2180,15 +2180,15 @@ const lo = /* @__PURE__ */ b(ro, [["render", ao]]), co = {
       }
     }
   }
-}), ho = ["innerHTML"];
-function fo(e, t, n, o, s, r) {
+}), fo = ["innerHTML"];
+function bo(e, t, n, o, s, r) {
   return u(), h("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: e.content
-  }, null, 8, ho);
+  }, null, 8, fo);
 }
-const bo = /* @__PURE__ */ b(mo, [["render", fo]]), go = {
+const go = /* @__PURE__ */ b(ho, [["render", bo]]), yo = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -2419,13 +2419,13 @@ const bo = /* @__PURE__ */ b(mo, [["render", fo]]), go = {
       }
     }
   }]
-}, yo = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], ko = () => {
+}, ko = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], vo = () => {
   const e = process.env.NODE_ENV || "production";
-  return yo.includes(e) ? e : "production";
-}, vo = (e, t, n) => {
+  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 === void 0 || o === e ? n : o;
-}, So = f({
+}, Co = f({
   name: "builder-form-component",
   components: { Block: pe, Blocks: J },
   props: [
@@ -2530,7 +2530,7 @@ const bo = /* @__PURE__ */ b(mo, [["render", fo]]), go = {
         if (this.$refs.formRef && (this.$refs.formRef.dispatchEvent(d), d.defaultPrevented))
           return;
         this.formState = "sending";
-        const m = `${ko() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
+        const m = `${vo() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
           this.sendSubmissionsToEmail || ""
         )}&name=${encodeURIComponent(this.name || "")}`;
         fetch(
@@ -2545,7 +2545,7 @@ const bo = /* @__PURE__ */ b(mo, [["render", fo]]), go = {
             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 = vo(p, this.errorMessagePath);
+              let g = So(p, this.errorMessagePath);
               g && (typeof g != "string" && (g = JSON.stringify(g)), this.formErrorMessage = g, this.mergeNewRootState({
                 formErrorMessage: g
               }));
@@ -2586,11 +2586,11 @@ const bo = /* @__PURE__ */ b(mo, [["render", fo]]), go = {
       }
     }
   }
-}), Co = ["validate", "action", "method", "name"], wo = {
+}), wo = ["validate", "action", "method", "name"], To = {
   key: 3,
   class: "builder-form-error-text pre-3i4ezorcfhi"
 };
-function To(e, t, n, o, s, r) {
+function $o(e, t, n, o, s, r) {
   var l;
   const i = y("block"), a = y("blocks");
   return u(), h("form", w({
@@ -2620,16 +2620,16 @@ function To(e, t, n, o, s, r) {
       blocks: e.sendingMessage,
       context: e.builderContext
     }, null, 8, ["blocks", "context"])) : S("", !0),
-    e.submissionState() === "error" && e.responseData ? (u(), h("pre", wo, ne(JSON.stringify(e.responseData, null, 2)), 1)) : 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, {
       key: 4,
       path: "successMessage",
       blocks: e.successMessage,
       context: e.builderContext
     }, null, 8, ["blocks", "context"])) : S("", !0)
-  ], 16, Co);
+  ], 16, wo);
 }
-const $o = /* @__PURE__ */ b(So, [["render", To], ["__scopeId", "data-v-1573388b"]]), Io = {
+const Io = /* @__PURE__ */ b(Co, [["render", $o], ["__scopeId", "data-v-1573388b"]]), Ro = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -2680,7 +2680,7 @@ const $o = /* @__PURE__ */ b(So, [["render", To], ["__scopeId", "data-v-1573388b
     borderStyle: "solid",
     borderColor: "#ccc"
   }
-}, Ro = f({
+}, Eo = f({
   name: "builder-form-input-component",
   props: [
     "attributes",
@@ -2694,8 +2694,8 @@ const $o = /* @__PURE__ */ b(So, [["render", To], ["__scopeId", "data-v-1573388b
   data() {
     return { isEditing: I, filterAttrs: W };
   }
-}), Eo = ["placeholder", "type", "name", "value", "defaultValue", "required"];
-function Po(e, t, n, o, s, r) {
+}), Po = ["placeholder", "type", "name", "value", "defaultValue", "required"];
+function xo(e, t, n, o, s, r) {
   return u(), h("input", w({
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     placeholder: e.placeholder,
@@ -2704,9 +2704,9 @@ function Po(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, Eo);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Po);
 }
-const xo = /* @__PURE__ */ b(Ro, [["render", Po]]), Vo = {
+const Vo = /* @__PURE__ */ b(Eo, [["render", xo]]), Ao = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -2748,14 +2748,14 @@ const xo = /* @__PURE__ */ b(Ro, [["render", Po]]), Vo = {
   }],
   static: !0,
   noWrap: !0
-}, Ao = f({
+}, Bo = f({
   name: "builder-select-component",
   props: ["attributes", "value", "defaultValue", "name", "options"],
   data() {
     return { isEditing: I, filterAttrs: W };
   }
-}), Bo = ["value", "defaultValue", "name"], Wo = ["value"];
-function No(e, t, n, o, s, r) {
+}), Wo = ["value", "defaultValue", "name"], No = ["value"];
+function Fo(e, t, n, o, s, r) {
   return u(), h("select", w({
     value: e.value,
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
@@ -2765,10 +2765,10 @@ function No(e, t, n, o, s, r) {
     (u(!0), h($, null, O(e.options, (i, a) => (u(), h("option", {
       key: `${i.name}-${a}`,
       value: i.value
-    }, ne(i.name || i.value), 9, Wo))), 128))
-  ], 16, Bo);
+    }, te(i.name || i.value), 9, No))), 128))
+  ], 16, Wo);
 }
-const Fo = /* @__PURE__ */ b(Ao, [["render", No]]), Oo = {
+const Oo = /* @__PURE__ */ b(Bo, [["render", Fo]]), Uo = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -2793,17 +2793,17 @@ const Fo = /* @__PURE__ */ b(Ao, [["render", No]]), Oo = {
   // that only shows if advanced setting is flipped
   // TODO: defaultChildren
   // canHaveChildren: true,
-}, Uo = f({
+}, Lo = f({
   name: "builder-submit-button",
   props: ["attributes", "text"],
   data() {
     return { filterAttrs: W };
   }
 });
-function Lo(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)), ne(e.text), 17);
+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);
 }
-const Mo = /* @__PURE__ */ b(Uo, [["render", Lo]]), Do = {
+const Do = /* @__PURE__ */ b(Lo, [["render", Mo]]), Ho = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -2817,7 +2817,7 @@ const Mo = /* @__PURE__ */ b(Uo, [["render", Lo]]), Do = {
   }],
   noWrap: !0,
   static: !0
-}, Ho = f({
+}, jo = f({
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -2830,8 +2830,8 @@ const Mo = /* @__PURE__ */ b(Uo, [["render", Lo]]), Do = {
   data() {
     return { isEditing: I, filterAttrs: W };
   }
-}), jo = ["alt", "src"];
-function Ko(e, t, n, o, s, r) {
+}), Ko = ["alt", "src"];
+function zo(e, t, n, o, s, r) {
   return u(), h("img", w({
     style: {
       objectFit: e.backgroundSize || "cover",
@@ -2840,9 +2840,9 @@ function Ko(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, jo);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Ko);
 }
-const zo = /* @__PURE__ */ b(Ho, [["render", Ko]]), qo = {
+const qo = /* @__PURE__ */ b(jo, [["render", zo]]), Jo = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -2923,7 +2923,7 @@ const zo = /* @__PURE__ */ b(Ho, [["render", Ko]]), qo = {
     defaultValue: !0,
     advanced: !0
   }]
-}, Jo = f({
+}, Go = f({
   name: "builder-video",
   props: [
     "autoPlay",
@@ -2968,16 +2968,16 @@ const zo = /* @__PURE__ */ b(Ho, [["render", Ko]]), qo = {
       };
     }
   }
-}), Go = { style: {
+}), Yo = { style: {
   position: "relative"
-} }, Yo = ["preload", "src", "poster"], _o = ["src"], Qo = {
+} }, Qo = ["preload", "src", "poster"], Xo = ["src"], _o = {
   key: 1,
   style: {
     display: "flex",
     flexDirection: "column",
     alignItems: "stretch"
   }
-}, Xo = {
+}, Zo = {
   key: 2,
   style: {
     pointerEvents: "none",
@@ -2991,10 +2991,10 @@ const zo = /* @__PURE__ */ b(Ho, [["render", Ko]]), qo = {
     height: "100%"
   }
 };
-function Zo(e, t, n, o, s, r) {
+function es(e, t, n, o, s, r) {
   var i, a, l, d, m, c, p;
-  return u(), h("div", Go, [
-    Z("video", w({
+  return u(), h("div", Yo, [
+    _("video", w({
       class: "builder-video",
       preload: e.preload || "metadata",
       style: {
@@ -3018,8 +3018,8 @@ function Zo(e, t, n, o, s, r) {
         key: 0,
         type: "video/mp4",
         src: e.video
-      }, null, 8, _o))
-    ], 16, Yo),
+      }, null, 8, Xo))
+    ], 16, Qo),
     e.aspectRatio && !(e.fitContent && ((l = (a = e.builderBlock) == null ? void 0 : a.children) != null && l.length)) ? (u(), h("div", {
       key: 0,
       style: K({
@@ -3029,81 +3029,81 @@ function Zo(e, t, n, o, s, r) {
         fontSize: "0px"
       })
     }, null, 4)) : S("", !0),
-    (m = (d = e.builderBlock) == null ? void 0 : d.children) != null && m.length && e.fitContent ? (u(), h("div", Qo, [
+    (m = (d = e.builderBlock) == null ? void 0 : d.children) != null && m.length && e.fitContent ? (u(), h("div", _o, [
       P(e.$slots, "default")
     ])) : S("", !0),
-    (p = (c = e.builderBlock) == null ? void 0 : c.children) != null && p.length && !e.fitContent ? (u(), h("div", Xo, [
+    (p = (c = e.builderBlock) == null ? void 0 : c.children) != null && p.length && !e.fitContent ? (u(), h("div", Zo, [
       P(e.$slots, "default")
     ])) : S("", !0)
   ]);
 }
-const es = /* @__PURE__ */ b(Jo, [["render", Zo]]), ts = () => [{
-  component: lo,
-  ...so
+const ts = /* @__PURE__ */ b(Go, [["render", es]]), ns = () => [{
+  component: co,
+  ...ro
 }, {
-  component: bo,
-  ...co
+  component: go,
+  ...uo
 }, {
-  component: $o,
-  ...go
+  component: Io,
+  ...yo
 }, {
-  component: xo,
-  ...Io
+  component: Vo,
+  ...Ro
 }, {
-  component: Mo,
-  ...Oo
+  component: Do,
+  ...Uo
 }, {
-  component: Fo,
-  ...Vo
+  component: Oo,
+  ...Ao
 }, {
-  component: zo,
-  ...Do
+  component: qo,
+  ...Ho
 }, {
-  component: es,
-  ...qo
+  component: ts,
+  ...Jo
 }], ve = () => [{
-  component: kt,
-  ...On
-}, {
-  component: un,
+  component: vt,
   ...Un
 }, {
-  component: hn,
+  component: pn,
   ...Ln
 }, {
-  component: Cn,
+  component: fn,
   ...Mn
 }, {
-  component: $n,
+  component: wn,
   ...Dn
 }, {
-  component: zn,
+  component: In,
   ...Hn
 }, {
-  component: dr,
-  ...qn
+  component: qn,
+  ...jn
 }, {
-  component: oo,
-  ...Zn
-}, {
-  component: Xn,
+  component: ur,
   ...Jn
-}, ...ts()], ns = (e) => ({
+}, {
+  component: so,
+  ...eo
+}, {
+  component: Zn,
+  ...Gn
+}, ...ns()], os = (e) => ({
   type: "builder.registerComponent",
-  data: le(e)
-}), os = (e) => {
+  data: ae(e)
+}), ss = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-}, ss = (e) => typeof e == "function" ? os(e) : q(e), le = ({
+}, rs = (e) => typeof e == "function" ? ss(e) : q(e), ae = ({
   inputs: e,
   ...t
 }) => ({
   ...q(t),
   inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [s, r]) => ({
     ...o,
-    [s]: ss(r)
+    [s]: rs(r)
   }), {}))
-}), rs = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+}), is = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -3159,7 +3159,7 @@ const es = /* @__PURE__ */ b(Jo, [["render", Zo]]), ts = () => [{
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, is = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, as = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -3193,25 +3193,25 @@ const es = /* @__PURE__ */ b(Jo, [["render", Zo]]), ts = () => [{
     thisScriptEl?.remove();
   }
   return;
-}`, Ye = "builderIoAbTest", _e = "builderIoRenderContent", Q = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, Ye = "builderIoAbTest", Qe = "builderIoRenderContent", X = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), as = ({
+})), ls = ({
   canTrack: e,
   content: t
-}) => !(!(Q(t).length > 0) || !e), ls = (e) => e === "react" || e === "reactNative", Qe = ls(V), cs = () => `
-  window.${Ye} = ${rs}
-  window.${_e} = ${is}
-  `, ds = (e, 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)}, ${Qe}
-  )`, us = ({
+    "${t}",${JSON.stringify(e)}, ${Xe}
+  )`, ps = ({
   contentId: e,
   variationId: t
-}) => `window.${_e}(
-    "${t}", "${e}", ${Qe}
-  )`, Xe = f({
+}) => `window.${Qe}(
+    "${t}", "${e}", ${Xe}
+  )`, _e = f({
   render() {
     return Ee("script", {
       innerHTML: this.scriptStr,
@@ -3221,44 +3221,51 @@ const es = /* @__PURE__ */ b(Jo, [["render", Zo]]), ts = () => [{
   name: "inlined-script",
   props: ["scriptStr", "id"]
 });
-function ps() {
+function ms() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function ms() {
-  const e = ps().fetch;
+function hs() {
+  const e = ms().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 = ms();
-function X(e, t = null, n = ".") {
+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) ? {
       ...o,
-      ...X(r, i, n)
+      ...le(r, i, n)
     } : {
       ...o,
       [i]: r
     };
   }, {});
 }
-const hs = "v3", Se = "builder.", fs = "options.", et = (e) => {
+function et(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;
+  }
+  return n;
+}
+const fs = "v3", Se = "builder.", bs = "options.", tt = (e) => {
   if (!e)
     return {};
   const t = xe(e), n = {};
   return Object.keys(t).forEach((o) => {
     if (o.startsWith(Se)) {
-      const s = o.replace(Se, "").replace(fs, "");
+      const s = o.replace(Se, "").replace(bs, "");
       n[s] = t[o];
     }
   }), n;
-}, bs = () => {
+}, gs = () => {
   if (!T())
     return {};
   const e = new URLSearchParams(window.location.search);
-  return et(e);
+  return tt(e);
 }, Ce = (e) => typeof e == "number" && !isNaN(e) && e >= 0, fe = (e) => {
   const {
     limit: t = 30,
@@ -3268,7 +3275,7 @@ const hs = "v3", Se = "builder.", fs = "options.", et = (e) => {
     apiKey: r,
     enrich: i,
     locale: a,
-    apiVersion: l = hs,
+    apiVersion: l = fs,
     fields: d,
     omit: m,
     offset: c,
@@ -3283,45 +3290,45 @@ const hs = "v3", Se = "builder.", fs = "options.", et = (e) => {
     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 = X({
+    const F = le({
       sort: g
     });
     for (const M in F)
       C.searchParams.set(M, JSON.stringify(F[M]));
   }
-  const lt = {
-    ...bs(),
+  const ct = {
+    ...gs(),
     ...xe(e.options || {})
-  }, ge = X(lt);
+  }, ge = le(ct);
   for (const F in ge)
     C.searchParams.set(F, String(ge[F]));
   if (n && C.searchParams.set("userAttributes", JSON.stringify(n)), o) {
-    const F = X({
+    const F = et({
       query: o
     });
     for (const M in F)
       C.searchParams.set(M, JSON.stringify(F[M]));
   }
   return C;
-}, gs = (e) => "results" in e;
+}, ys = (e) => "results" in e;
 async function be(e) {
-  const t = await vs({
+  const t = await Ss({
     ...e,
     limit: 1
   });
   return t && t[0] || null;
 }
-const ys = async (e) => {
+const ks = async (e) => {
   const t = fe(e);
   return await (await (e.fetch ?? Ze)(t.href, e.fetchOptions)).json();
-}, ks = async (e, t, n = fe(e)) => {
+}, vs = async (e, t, n = fe(e)) => {
   const o = z(e.canTrack);
   if (n.search.includes("preview="), !o || !(T() || V === "reactNative"))
     return t.results;
   try {
     const s = [];
     for (const r of t.results)
-      s.push(await Fn({
+      s.push(await On({
         item: r,
         canTrack: o
       }));
@@ -3331,10 +3338,10 @@ const ys = async (e) => {
   }
   return t.results;
 };
-async function vs(e) {
+async function Ss(e) {
   try {
-    const t = fe(e), n = await ys(e);
-    return gs(n) ? ks(e, n) : (R.error("Error fetching data. ", {
+    const t = fe(e), n = await ks(e);
+    return ys(n) ? vs(e, n) : (R.error("Error fetching data. ", {
       url: t,
       content: n,
       options: e
@@ -3343,92 +3350,92 @@ async function vs(e) {
     return R.error("Error fetching data. ", t), null;
   }
 }
-function Ss(e) {
+function Cs(e) {
   const t = e || (T() ? window.location.search : void 0);
   return t ? Ve(t).indexOf("builder.preview=") !== -1 : !1;
 }
-function Cs() {
+function ws() {
   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 tt() {
-  return Cs().replace(/-/g, "");
+function nt() {
+  return ws().replace(/-/g, "");
 }
-const nt = "builderSessionId", ws = async ({
+const ot = "builderSessionId", Ts = async ({
   canTrack: e
 }) => {
   if (!e)
     return;
   const t = await Ke({
-    name: nt,
+    name: ot,
     canTrack: e
   });
   if (U(t))
     return t;
   {
-    const n = Ts();
-    return $s({
+    const n = $s();
+    return Is({
       id: n,
       canTrack: e
     }), n;
   }
-}, Ts = () => tt(), $s = ({
+}, $s = () => nt(), Is = ({
   id: e,
   canTrack: t
 }) => ze({
-  name: nt,
+  name: ot,
   value: e,
   canTrack: t
-}), ot = () => T() && typeof localStorage < "u" ? localStorage : void 0, Is = ({
+}), st = () => T() && typeof localStorage < "u" ? localStorage : void 0, Rs = ({
   key: e,
   canTrack: t
 }) => {
   var n;
   try {
-    return t ? (n = ot()) == null ? void 0 : n.getItem(e) : void 0;
+    return t ? (n = st()) == null ? void 0 : n.getItem(e) : void 0;
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, Rs = ({
+}, Es = ({
   key: e,
   canTrack: t,
   value: n
 }) => {
   var o;
   try {
-    t && ((o = ot()) == null || o.setItem(e, n));
+    t && ((o = st()) == null || o.setItem(e, n));
   } catch (s) {
     console.debug("[LocalStorage] SET error: ", s);
   }
-}, st = "builderVisitorId", Es = ({
+}, rt = "builderVisitorId", Ps = ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = Is({
-    key: st,
+  const t = Rs({
+    key: rt,
     canTrack: e
   });
   if (U(t))
     return t;
   {
-    const n = Ps();
-    return xs({
+    const n = xs();
+    return Vs({
       id: n,
       canTrack: e
     }), n;
   }
-}, Ps = () => tt(), xs = ({
+}, xs = () => nt(), Vs = ({
   id: e,
   canTrack: t
-}) => Rs({
-  key: st,
+}) => Es({
+  key: rt,
   value: e,
   canTrack: t
-}), Vs = async ({
+}), As = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -3436,16 +3443,16 @@ const nt = "builderSessionId", ws = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const t = await ws({
+  const t = await Ts({
     canTrack: e
-  }), n = Es({
+  }), n = Ps({
     canTrack: e
   });
   return {
     sessionId: t,
     visitorId: n
   };
-}, As = async ({
+}, Bs = async ({
   type: e,
   canTrack: t,
   apiKey: n,
@@ -3459,7 +3466,7 @@ const nt = "builderSessionId", ws = async ({
       url: location.href,
       ...o
     },
-    ...await Vs({
+    ...await As({
       canTrack: t
     }),
     userAttributes: Ae(),
@@ -3475,7 +3482,7 @@ async function ce(e) {
     return fetch("https://cdn.builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await As(e)]
+        events: [await Bs(e)]
       }),
       headers: {
         "content-type": "application/json"
@@ -3485,14 +3492,14 @@ async function ce(e) {
       console.error("Failed to track: ", t);
     });
 }
-const kr = (e) => ce({
+const vr = (e) => ce({
   ...e,
   canTrack: !0
 });
 function we(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const Bs = (e, t, n = !0) => {
+const Ws = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = n ? e : e.parentElement;
@@ -3503,7 +3510,7 @@ const Bs = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, Ws = (e) => Bs(e, (t) => {
+}, Ns = (e) => Ws(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
 }), Te = ({
@@ -3515,8 +3522,8 @@ const Bs = (e, t, n = !0) => {
     x: r,
     y: i
   };
-}, Ns = (e) => {
-  const t = e.target, n = t && Ws(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, 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);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
@@ -3531,13 +3538,13 @@ const Bs = (e, t, n = !0) => {
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, Fs = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
-function rt(e, t) {
+}, Os = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
+function it(e, t) {
   const n = new URL(t.origin), o = n.hostname;
-  return (e || Fs).findIndex((s) => s.startsWith("*.") ? o.endsWith(s.slice(1)) : s === o) > -1;
+  return (e || Os).findIndex((s) => s.startsWith("*.") ? o.endsWith(s.slice(1)) : s === o) > -1;
 }
-const Os = "1.0.26", $e = {};
-function Us(e, t) {
+const Us = "1.0.27", $e = {};
+function Ls(e, t) {
   let n = $e[e];
   if (n || (n = $e[e] = []), n.push(t), T()) {
     const o = {
@@ -3554,8 +3561,8 @@ function Us(e, t) {
     }
   }
 }
-const Ls = () => {
-  Us("insertMenu", {
+const Ms = () => {
+  Ls("insertMenu", {
     name: "_default",
     default: !0,
     items: [{
@@ -3578,13 +3585,13 @@ const Ls = () => {
   });
 };
 let Ie = !1;
-const it = (e = {}) => {
+const at = (e = {}) => {
   var t, n;
   Ie || (Ie = !0, T() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
       target: V,
-      version: Os,
+      version: Us,
       supportsPatchUpdates: !1,
       // Supports builder-model="..." attribute which is needed to
       // scope our '+ add block' button styling
@@ -3598,7 +3605,7 @@ const it = (e = {}) => {
     }
   }, "*"), window.addEventListener("message", (o) => {
     var r, i;
-    if (!rt(e.trustedHosts, o))
+    if (!it(e.trustedHosts, o))
       return;
     const {
       data: s
@@ -3639,12 +3646,12 @@ const it = (e = {}) => {
         }
       }
   })));
-}, at = ({
+}, lt = ({
   model: e,
   trustedHosts: t,
   callbacks: n
 }) => (o) => {
-  if (!rt(t, o))
+  if (!it(t, o))
     return;
   const {
     data: s
@@ -3665,12 +3672,12 @@ const it = (e = {}) => {
         break;
       }
     }
-}, vr = (e, t, n) => {
+}, Sr = (e, t, n) => {
   if (!T)
     return R.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
     };
-  it();
-  const o = at({
+  at();
+  const o = lt({
     callbacks: {
       contentUpdate: t,
       animation: () => {
@@ -3684,7 +3691,7 @@ const it = (e = {}) => {
   return window.addEventListener("message", o), () => {
     window.removeEventListener("message", o);
   };
-}, Ms = (e) => {
+}, 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 = "";
@@ -3710,15 +3717,15 @@ font-weight: ${i};
         `.trim());
     }
   return s;
-}, Ds = ({
+}, Hs = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => Ms(n))) == null ? void 0 : t.join(" ")) || "";
-}, Hs = ({
+  return ((t = e == null ? void 0 : e.map((n) => Ds(n))) == null ? void 0 : t.join(" ")) || "";
+}, js = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", js = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Ks = `
 .builder-button {
   all: unset;
 }
@@ -3735,7 +3742,7 @@ font-weight: ${i};
   text-align: inherit;
   font-family: inherit;
 }
-`, Ks = (e) => e ? "" : js, zs = (e) => `variant-${e}`, qs = f({
+`, zs = (e) => e ? "" : Ks, qs = (e) => `variant-${e}`, Js = f({
   name: "enable-editor",
   components: { DynamicDiv: G },
   props: [
@@ -3759,14 +3766,14 @@ font-weight: ${i};
       httpReqsData: {},
       httpReqsPending: {},
       clicked: !1,
-      builderContext: ae,
-      getWrapperClassName: zs
+      builderContext: ie,
+      getWrapperClassName: qs
     };
   },
   provide() {
     const e = this;
     return {
-      [ae.key]: e.builderContextSignal
+      [ie.key]: e.builderContextSignal
     };
   },
   mounted() {
@@ -3785,7 +3792,7 @@ font-weight: ${i};
             variationId: r !== i ? r : void 0
           });
         }
-        Ss() && !I() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+        Cs() && !I() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initpreviewingbldr")
         );
       }
@@ -3908,7 +3915,7 @@ font-weight: ${i};
       this.builderContextSignal.content = t;
     },
     processMessage(e) {
-      return at({
+      return lt({
         model: this.model,
         trustedHosts: this.trustedHosts,
         callbacks: {
@@ -3933,7 +3940,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 && te({
+      e && ee({
         code: e,
         context: this.context || {},
         localState: void 0,
@@ -3955,7 +3962,7 @@ font-weight: ${i};
           contentId: s,
           apiKey: this.apiKey,
           variationId: o !== s ? o : void 0,
-          ...Ns(e),
+          ...Fs(e),
           unique: !this.clicked
         });
       }
@@ -3971,7 +3978,7 @@ font-weight: ${i};
         const r = s.replace(
           /{{([^}]+)}}/g,
           (i, a) => String(
-            te({
+            ee({
               code: a,
               context: this.context || {},
               localState: void 0,
@@ -4008,7 +4015,7 @@ font-weight: ${i};
       );
     },
     elementRef_onIniteditingbldr(e) {
-      window.addEventListener("message", this.processMessage), Ls(), it({
+      window.addEventListener("message", this.processMessage), Ms(), at({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -4022,7 +4029,7 @@ font-weight: ${i};
         this.builderContextSignal.componentInfos
       ).forEach((t) => {
         var o;
-        const n = ns(t);
+        const n = os(t);
         (o = window.parent) == null || o.postMessage(n, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
@@ -4043,7 +4050,7 @@ font-weight: ${i};
     }
   }
 });
-function Js(e, t, n, o, s, r) {
+function Gs(e, t, n, o, s, r) {
   var i, a, l;
   return e.builderContextSignal.content ? (u(), k(H(e.ContentWrapper), w({
     key: 0,
@@ -4061,33 +4068,33 @@ function Js(e, t, n, o, s, r) {
     _: 3
   }, 16, ["onClick", "builder-content-id", "builder-model", "class", "onIniteditingbldr", "onInitpreviewingbldr"])) : S("", !0);
 }
-const Gs = /* @__PURE__ */ b(qs, [["render", Js]]), Ys = f({
+const Ys = /* @__PURE__ */ b(Js, [["render", Gs]]), Qs = f({
   name: "content-styles",
   components: { InlinedStyles: me },
   props: ["cssCode", "contentId", "customFonts", "isNestedRender"],
   data() {
     return {
       injectedStyles: `
-${Hs({
+${js({
         cssCode: this.cssCode,
         contentId: this.contentId
       })}
-${Ds({
+${Hs({
         customFonts: this.customFonts
       })}
-${Ks(this.isNestedRender)}
+${zs(this.isNestedRender)}
 `.trim()
     };
   }
 });
-function _s(e, t, n, o, s, r) {
+function Xs(e, t, n, o, s, r) {
   const i = y("inlined-styles");
   return u(), k(i, {
     id: "builderio-content",
     styles: e.injectedStyles
   }, null, 8, ["styles"]);
 }
-const Qs = /* @__PURE__ */ b(Ys, [["render", _s]]), Xs = ({
+const _s = /* @__PURE__ */ b(Qs, [["render", Xs]]), Zs = ({
   content: e,
   data: t,
   locale: n
@@ -4104,7 +4111,7 @@ const Qs = /* @__PURE__ */ b(Ys, [["render", _s]]), Xs = ({
       locale: n
     } : {}
   };
-}, Zs = ({
+}, er = ({
   content: e,
   data: t
 }) => e ? {
@@ -4114,12 +4121,12 @@ const Qs = /* @__PURE__ */ b(Ys, [["render", _s]]), Xs = ({
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, er = pt, tr = f({
+} : void 0, tr = mt, nr = f({
   name: "content-component",
   components: {
-    EnableEditor: Gs,
-    InlinedScript: Xe,
-    ContentStyles: Qs,
+    EnableEditor: Ys,
+    InlinedScript: _e,
+    ContentStyles: _s,
     Blocks: J,
     DynamicDiv: G
   },
@@ -4147,7 +4154,7 @@ const Qs = /* @__PURE__ */ b(Ys, [["render", _s]]), Xs = ({
   data() {
     var e, t;
     return {
-      scriptStr: us({
+      scriptStr: ps({
         // 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
@@ -4160,19 +4167,19 @@ const Qs = /* @__PURE__ */ b(Ys, [["render", _s]]), Xs = ({
         (n, { component: o, ...s }) => ({
           ...n,
           [s.name]: {
-            component: er(o),
-            ...le(s)
+            component: tr(o),
+            ...ae(s)
           }
         }),
         {}
       ),
       builderContextSignal: {
-        content: Zs({
+        content: er({
           content: this.content,
           data: this.data
         }),
         localState: void 0,
-        rootState: Xs({
+        rootState: Zs({
           content: this.content,
           data: this.data,
           locale: this.locale
@@ -4187,7 +4194,7 @@ const Qs = /* @__PURE__ */ b(Ys, [["render", _s]]), Xs = ({
         ].reduce(
           (n, { component: o, ...s }) => ({
             ...n,
-            [s.name]: le(s)
+            [s.name]: ae(s)
           }),
           {}
         ),
@@ -4212,7 +4219,7 @@ const Qs = /* @__PURE__ */ b(Ys, [["render", _s]]), Xs = ({
     }
   }
 });
-function nr(e, t, n, o, s, r) {
+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({
     content: e.content,
@@ -4256,12 +4263,12 @@ function nr(e, t, n, o, s, r) {
     _: 1
   }, 16, ["content", "data", "model", "context", "apiKey", "canTrack", "locale", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps", "linkComponent", "trustedHosts"]);
 }
-const or = /* @__PURE__ */ b(tr, [["render", nr]]), sr = f({
+const sr = /* @__PURE__ */ b(nr, [["render", or]]), rr = f({
   name: "content-variants",
   components: {
-    InlinedScript: Xe,
+    InlinedScript: _e,
     InlinedStyles: me,
-    ContentComponent: or
+    ContentComponent: sr
   },
   props: [
     "canTrack",
@@ -4284,13 +4291,13 @@ const or = /* @__PURE__ */ b(tr, [["render", nr]]), sr = f({
   ],
   data() {
     return {
-      shouldRenderVariants: as({
+      shouldRenderVariants: ls({
         canTrack: z(this.canTrack),
         content: this.content
       }),
       TARGET: V,
-      getInitVariantsFnsScriptString: cs,
-      getVariants: Q
+      getInitVariantsFnsScriptString: ds,
+      getVariants: X
     };
   },
   mounted() {
@@ -4298,8 +4305,8 @@ const or = /* @__PURE__ */ b(tr, [["render", nr]]), sr = f({
   computed: {
     updateCookieAndStylesScriptStr() {
       var e;
-      return ds(
-        Q(this.content).map((t) => ({
+      return us(
+        X(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
         })),
@@ -4307,21 +4314,21 @@ const or = /* @__PURE__ */ b(tr, [["render", nr]]), sr = f({
       );
     },
     hideVariantsStyleString() {
-      return Q(this.content).map((e) => `.variant-${e.testVariationId} { display: none; } `).join("");
+      return X(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
-      } : Nn({
+      } : Fn({
         item: this.content,
         canTrack: z(this.canTrack)
       });
     }
   }
 });
-function rr(e, t, n, o, s, r) {
+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, {
@@ -4386,7 +4393,7 @@ function rr(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 ir = /* @__PURE__ */ b(sr, [["render", rr]]), ar = async ({
+const ar = /* @__PURE__ */ b(rr, [["render", ir]]), lr = async ({
   builderContextValue: e,
   symbol: t
 }) => {
@@ -4404,9 +4411,9 @@ const ir = /* @__PURE__ */ b(sr, [["render", rr]]), ar = async ({
     }).catch((n) => {
       R.error("Could not fetch symbol content: ", n);
     });
-}, lr = f({
+}, cr = f({
   name: "builder-symbol",
-  components: { ContentVariants: ir, DynamicDiv: G },
+  components: { ContentVariants: ar, DynamicDiv: G },
   props: [
     "symbol",
     "attributes",
@@ -4441,7 +4448,7 @@ const ir = /* @__PURE__ */ b(sr, [["render", rr]]), ar = async ({
     className() {
       var e, t;
       return [
-        this.attributes[ee()],
+        this.attributes[Z()],
         "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
@@ -4455,7 +4462,7 @@ const ir = /* @__PURE__ */ b(sr, [["render", rr]]), ar = async ({
   },
   methods: {
     setContent() {
-      this.contentToUse || ar({
+      this.contentToUse || lr({
         symbol: this.symbol,
         builderContextValue: this.builderContext
       }).then((e) => {
@@ -4464,7 +4471,7 @@ const ir = /* @__PURE__ */ b(sr, [["render", rr]]), ar = async ({
     }
   }
 });
-function cr(e, t, n, o, s, r) {
+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)), [
@@ -4490,8 +4497,8 @@ function cr(e, t, n, o, s, r) {
     }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "model", "content", "linkComponent", "blocksWrapper", "contentWrapper"])
   ], 16);
 }
-const dr = /* @__PURE__ */ b(lr, [["render", cr]]), Re = {};
-function Sr(e) {
+const ur = /* @__PURE__ */ b(cr, [["render", dr]]), Re = {};
+function Cr(e) {
   if (T()) {
     Object.assign(Re, e);
     const t = {
@@ -4501,7 +4508,7 @@ function Sr(e) {
     parent.postMessage(t, "*");
   }
 }
-const Cr = async (e) => {
+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 = {
     ...e,
@@ -4513,7 +4520,7 @@ const Cr = async (e) => {
         urlPath: t
       } : {}
     },
-    options: et(e.searchParams || ((r = e.url) == null ? void 0 : r.searchParams) || e.options)
+    options: tt(e.searchParams || ((r = e.url) == null ? void 0 : r.searchParams) || e.options)
   };
   return {
     apiKey: n.apiKey,
@@ -4522,43 +4529,43 @@ const Cr = async (e) => {
   };
 };
 export {
-  ks as A,
+  vs as A,
   pe as B,
-  un as C,
-  vs as D,
+  pn as C,
+  Ss as D,
   be as E,
-  hn as F,
-  hr as G,
-  gr as H,
-  Cn as I,
-  $n as S,
+  fn as F,
+  fr as G,
+  yr as H,
+  wn as I,
+  In as S,
   V as T,
-  es as V,
+  ts as V,
   me as _,
-  on as a,
-  fr as b,
+  sn as a,
+  br as b,
   U as c,
-  yr as d,
+  kr as d,
   Fe as e,
   b as f,
   Ne as g,
-  te as h,
-  br as i,
-  ee as j,
-  ae as k,
-  kt as l,
-  dr as m,
-  oo as n,
+  ee as h,
+  gr as i,
+  Z as j,
+  ie as k,
+  vt as l,
+  ur as m,
+  so as n,
   J as o,
-  ir as p,
+  ar as p,
   I as q,
-  Ss as r,
-  ns as s,
-  Us as t,
-  Sr as u,
-  et as v,
-  er as w,
-  kr as x,
-  vr as y,
-  Cr as z
+  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
 };