@builder.io/sdk-vue 4.0.8 → 4.0.10

package/lib/{browser/index-3lnsErPD.js → node/index-plSOyo89.js}

@@ -1,7 +1,7 @@
-import "./style.css";
-import { defineComponent as g, openBlock as c, createElementBlock as p, Fragment as $, createBlock as y, resolveDynamicComponent as z, mergeProps as C, toHandlers as x, withCtx as W, renderSlot as A, resolveComponent as k, createTextVNode as wt, toDisplayString as ne, defineAsyncComponent as j, createVNode as B, renderList as N, createCommentVNode as S, h as Ue, createElementVNode as M, normalizeStyle as U, normalizeClass as J, markRaw as Tt } from "vue";
-const It = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), $t = (e) => typeof e == "string" && It.has(e.toLowerCase());
-function V(e = {}, t, n) {
+import { defineComponent as y, openBlock as d, createElementBlock as h, Fragment as I, createBlock as S, resolveDynamicComponent as _, mergeProps as w, toHandlers as O, withCtx as U, renderSlot as V, resolveComponent as k, createTextVNode as Rt, toDisplayString as le, defineAsyncComponent as X, createVNode as E, renderList as L, createCommentVNode as C, h as Ke, createElementVNode as z, normalizeStyle as j, normalizeClass as ee, markRaw as Et } from "vue";
+import { T as $, g as Pt, f as At, i as R, s as Bt, r as Vt, p as Nt, a as Wt, l as N, b as qe, c as ke, d as xt, n as ze, e as K, h as P, j as Dt } from "./should-force-browser-runtime-in-node-ikxWrCvn.js";
+const Ot = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), Ut = (e) => typeof e == "string" && Ot.has(e.toLowerCase());
+function W(e = {}, t, n) {
   const o = {};
   for (const r in e) {
     if (!e[r] || n && !r.startsWith(t))
@@ -11,38 +11,38 @@ function V(e = {}, t, n) {
   }
   return o;
 }
-const Rt = g({
+const Ft = y({
   name: "dynamic-renderer",
   props: ["TagName", "attributes", "actionAttributes"],
   data() {
-    return { isEmptyElement: $t };
+    return { isEmptyElement: Ut };
   }
-}), b = (e, t) => {
+}), v = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [o, r] of t)
     n[o] = r;
   return n;
 };
-function Et(e, t, n, o, r, s) {
-  return e.isEmptyElement(e.TagName) ? (c(), y(z(e.TagName), C({ key: 1 }, e.attributes, x(e.actionAttributes)), null, 16)) : (c(), p($, { key: 0 }, [
-    typeof e.TagName == "string" ? (c(), y(z(e.TagName), C({ key: 0 }, e.attributes, x(e.actionAttributes)), {
-      default: W(() => [
-        A(e.$slots, "default")
+function Lt(e, t, n, o, r, s) {
+  return e.isEmptyElement(e.TagName) ? (d(), S(_(e.TagName), w({ key: 1 }, e.attributes, O(e.actionAttributes)), null, 16)) : (d(), h(I, { key: 0 }, [
+    typeof e.TagName == "string" ? (d(), S(_(e.TagName), w({ key: 0 }, e.attributes, O(e.actionAttributes)), {
+      default: U(() => [
+        V(e.$slots, "default")
       ]),
       _: 3
-    }, 16)) : (c(), y(z(e.TagName), C({ key: 1 }, e.attributes, x(e.actionAttributes)), {
-      default: W(() => [
-        A(e.$slots, "default")
+    }, 16)) : (d(), S(_(e.TagName), w({ key: 1 }, e.attributes, O(e.actionAttributes)), {
+      default: U(() => [
+        V(e.$slots, "default")
       ]),
       _: 3
     }, 16))
   ], 64));
 }
-const he = /* @__PURE__ */ b(Rt, [["render", Et]]), _s = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ce = /* @__PURE__ */ v(Ft, [["render", Lt]]), bs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: he
-}, Symbol.toStringTag, { value: "Module" })), R = "vue", _ = () => {
-  switch (R) {
+  default: Ce
+}, Symbol.toStringTag, { value: "Module" })), G = () => {
+  switch ($) {
     case "react":
     case "reactNative":
     case "rsc":
@@ -54,9 +54,9 @@ const he = /* @__PURE__ */ b(Rt, [["render", Et]]), _s = /* @__PURE__ */ Object.
     case "angular":
       return "class";
   }
-}, Pt = g({
+}, Ht = y({
   name: "builder-button",
-  components: { DynamicRenderer: he },
+  components: { DynamicRenderer: Ce },
   props: [
     "attributes",
     "link",
@@ -65,13 +65,13 @@ const he = /* @__PURE__ */ b(Rt, [["render", Et]]), _s = /* @__PURE__ */ Object.
     "text"
   ],
   data() {
-    return { filterAttrs: V };
+    return { filterAttrs: W };
   },
   methods: {
     attrs() {
       return {
-        ...V(this.attributes, "v-on:", !1),
-        [_()]: `${this.link ? "" : "builder-button"} ${this.attributes[_()] || ""}`,
+        ...W(this.attributes, "v-on:", !1),
+        [G()]: `${this.link ? "" : "builder-button"} ${this.attributes[G()] || ""}`,
         ...this.link ? {
           href: this.link,
           target: this.openLinkInNewTab ? "_blank" : void 0,
@@ -83,20 +83,20 @@ const he = /* @__PURE__ */ b(Rt, [["render", Et]]), _s = /* @__PURE__ */ Object.
     }
   }
 });
-function Bt(e, t, n, o, r, s) {
+function Mt(e, t, n, o, r, s) {
   const i = k("DynamicRenderer");
-  return c(), y(i, {
+  return d(), S(i, {
     attributes: e.attrs(),
     TagName: e.link ? e.builderLinkComponent || "a" : "button",
     actionAttributes: e.filterAttrs(e.attributes, "v-on:", !0)
   }, {
-    default: W(() => [
-      wt(ne(e.text), 1)
+    default: U(() => [
+      Rt(le(e.text), 1)
     ]),
     _: 1
   }, 8, ["attributes", "TagName", "actionAttributes"]);
 }
-const At = /* @__PURE__ */ b(Pt, [["render", Bt]]), xt = Symbol(), de = {
+const jt = /* @__PURE__ */ v(Ht, [["render", Mt]]), Kt = Symbol(), be = {
   Builder: {
     content: null,
     context: {},
@@ -113,113 +113,14 @@ const At = /* @__PURE__ */ b(Pt, [["render", Bt]]), xt = Symbol(), de = {
     nonce: "",
     model: ""
   },
-  key: xt
-}, Vt = Symbol(), De = {
+  key: Kt
+}, qt = Symbol(), Ge = {
   Components: { registeredComponents: {} },
-  key: Vt
-}, Q = "[Builder.io]: ", P = {
-  log: (...e) => console.log(Q, ...e),
-  error: (...e) => console.error(Q, ...e),
-  warn: (...e) => console.warn(Q, ...e),
-  debug: (...e) => console.debug(Q, ...e)
-}, Fe = (e, t, n) => {
+  key: qt
+}, Je = (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;
-};
-function w() {
-  return typeof window < "u" && typeof document < "u";
-}
-const Nt = (e) => {
-  const t = {};
-  return e.forEach((n, o) => {
-    t[o] = n;
-  }), t;
-}, Le = (e) => e instanceof URLSearchParams ? Nt(e) : e, Me = (e) => typeof e == "string" ? e : e instanceof URLSearchParams ? e.toString() : new URLSearchParams(e).toString();
-function Wt() {
-  return w() && window.self !== window.top;
-}
-function E(e) {
-  return Wt() && // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
-  Me(e || window.location.search).indexOf("builder.frameEditing=") !== -1;
-}
-const Ot = () => {
-  if (w()) {
-    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;
-}, Ut = () => typeof navigator == "object" && navigator.userAgent || "", He = () => {
-  const e = Ut(), t = {
-    Android() {
-      return e.match(/Android/i);
-    },
-    BlackBerry() {
-      return e.match(/BlackBerry/i);
-    },
-    iOS() {
-      return e.match(/iPhone|iPod/i);
-    },
-    Opera() {
-      return e.match(/Opera Mini/i);
-    },
-    Windows() {
-      return e.match(/IEMobile/i) || e.match(/WPDesktop/i);
-    },
-    any() {
-      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || R === "reactNative";
-    }
-  }, n = e.match(/Tablet|iPad/i), o = Ot();
-  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"
-  };
-}, Dt = ({
-  builder: e,
-  context: t,
-  event: n,
-  state: o
-}) => Object.entries({
-  state: o,
-  Builder: e,
-  // legacy
-  builder: e,
-  context: t,
-  event: n
-}), Ft = () => ({
-  isEditing: E(),
-  isBrowser: w(),
-  isServer: !w(),
-  getUserAttributes: () => He()
-}), Lt = (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;
-function Ke({
-  rootState: e,
-  localState: t,
-  rootSetState: n
-}) {
-  return new Proxy(e, {
-    get: (o, r) => {
-      if (t && r in t)
-        return t[r];
-      const s = o[r];
-      return typeof s == "object" && s !== null ? Ke({
-        rootState: s,
-        localState: void 0,
-        rootSetState: n ? (i) => {
-          o[r] = i, n(o);
-        } : void 0
-      }) : s;
-    },
-    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[r] = s, n == null || n(o), !0;
-    }
-  });
-}
-const $e = ({
+}, zt = ({
   code: e,
   builder: t,
   context: n,
@@ -228,37 +129,24 @@ const $e = ({
   rootSetState: s,
   rootState: i
 }) => {
-  const l = Dt({
+  const a = Pt({
     builder: t,
     context: n,
     event: o,
-    state: Ke({
+    state: At({
       rootState: i,
       localState: r,
       rootSetState: s
     })
   });
-  return new Function(...l.map(([a]) => a), e)(...l.map(([, a]) => a));
-}, D = (e) => e != null;
-function Mt() {
-  var e;
-  return typeof process < "u" && D((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
-}
-const Ht = ({
-  shouldLogWarning: e
-}) => {
-  var r;
-  if (!Mt())
-    return !1;
-  const t = process.arch === "arm64", n = process.version.startsWith("v20"), o = (r = process.env.NODE_OPTIONS) == null ? void 0 : r.includes("--no-node-snapshot");
-  return t && n && !o ? (e && P.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;
-}, Kt = (e) => (w() || Ht({
+  return new Function(...a.map(([l]) => l), e)(...a.map(([, l]) => l));
+}, Gt = (e) => R() || Bt({
   shouldLogWarning: !0
-}), $e(e)), jt = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/, zt = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/, qt = (e) => {
+}) ? zt(e) : Vt(e), Jt = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/, Qt = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/, Yt = (e) => {
   var t, n, o, r, s, i;
-  return ((o = (n = (t = jt.exec(e.trim())) == null ? void 0 : t.groups) == null ? void 0 : n.getPath) == null ? void 0 : o.slice(1)) || ((i = (s = (r = zt.exec(e.trim())) == null ? void 0 : r.groups) == null ? void 0 : s.getPath) == null ? void 0 : i.slice(1));
+  return ((o = (n = (t = Jt.exec(e.trim())) == null ? void 0 : t.groups) == null ? void 0 : n.getPath) == null ? void 0 : o.slice(1)) || ((i = (s = (r = Qt.exec(e.trim())) == null ? void 0 : r.groups) == null ? void 0 : s.getPath) == null ? void 0 : i.slice(1));
 };
-function Y({
+function te({
   code: e,
   context: t,
   localState: n,
@@ -269,17 +157,17 @@ function Y({
 }) {
   if (e.trim() === "")
     return;
-  const l = qt(e.trim());
-  if (l)
-    return Fe({
+  const a = Yt(e.trim());
+  if (a)
+    return Je({
       ...o,
       ...n
-    }, l);
-  const a = {
-    code: Lt(e, {
+    }, a);
+  const l = {
+    code: Nt(e, {
       isExpression: i
     }),
-    builder: Ft(),
+    builder: Wt(),
     context: t,
     event: s,
     rootSetState: r,
@@ -287,28 +175,28 @@ function Y({
     localState: n
   };
   try {
-    return Kt(a);
+    return Gt(l);
   } catch (u) {
-    P.error("Failed code evaluation: " + u.message, {
+    N.error("Failed code evaluation: " + u.message, {
       code: e
     });
     return;
   }
 }
-function Jt(e, t) {
+function Xt(e, t) {
   var n;
   return {
     ...(n = e.component) == null ? void 0 : n.options,
     ...e.options,
-    ...Gt(e, t)
+    ..._t(e, t)
   };
 }
-const Gt = (e, t) => {
+const _t = (e, t) => {
   var n, o;
   if (((n = e.component) == null ? void 0 : n.name) === "Text" && ((o = e.component.options) != null && o.text) && typeof e.component.options.text == "string")
     return {
       ...e.component.options,
-      text: e.component.options.text.replace(/{{([^}]+)}}/g, (r, s) => Y({
+      text: e.component.options.text.replace(/{{([^}]+)}}/g, (r, s) => te({
         code: s,
         context: t,
         localState: t.localState,
@@ -317,13 +205,13 @@ const Gt = (e, t) => {
       }))
     };
 };
-function Yt(e, ...t) {
+function Zt(e, ...t) {
   const n = Object.assign({}, e);
   for (const o of t)
     delete n[o];
   return n;
 }
-function ee(e, t, n = null, o = null, r = /* @__PURE__ */ new WeakSet()) {
+function ie(e, t, n = null, o = null, r = /* @__PURE__ */ new WeakSet()) {
   if (e == null || typeof e != "object") {
     t(e, (s) => {
       n !== null && o !== null && (n[o] = s);
@@ -331,59 +219,53 @@ function ee(e, t, n = null, o = null, r = /* @__PURE__ */ new WeakSet()) {
     return;
   }
   r.has(e) || (r.add(e), Array.isArray(e) ? e.forEach((s, i) => {
-    t(s, (a) => {
-      e[i] = a;
-    }), ee(s, t, e, i, r);
+    t(s, (l) => {
+      e[i] = l;
+    }), ie(s, t, e, i, r);
   }) : Object.entries(e).forEach(([s, i]) => {
-    t(i, (a) => {
-      e[s] = a;
-    }), ee(i, t, e, s, r);
+    t(i, (l) => {
+      e[s] = l;
+    }), ie(i, t, e, s, r);
   }));
 }
-function je(e) {
+function Qe(e) {
   return e && typeof e == "object" && e["@type"] === "@builder.io/core:LocalizedValue";
 }
-function Xt(e) {
+function en(e) {
   if (!e || !Object.getOwnPropertyNames(e).length)
     return !1;
   let t = !1;
-  return ee(e, (n) => {
-    if (je(n)) {
+  return ie(e, (n) => {
+    if (Qe(n)) {
       t = !0;
       return;
     }
   }), t;
 }
-function Qt(e, t) {
-  return !e || !Object.getOwnPropertyNames(e).length ? {} : (ee(e, (n, o) => {
-    je(n) && o(n[t] ?? void 0);
+function tn(e, t) {
+  return !e || !Object.getOwnPropertyNames(e).length ? {} : (ie(e, (n, o) => {
+    Qe(n) && o(n[t] ?? void 0);
   }), e);
 }
-function Zt(e, t) {
+function nn(e, t) {
   var n, o;
-  return (n = e.component) != null && n.options && Xt((o = e.component) == null ? void 0 : o.options) && (t || console.warn("[Builder.io] In order to use localized fields in Builder, you must pass a locale prop to the BuilderComponent or to options object while fetching the content to resolve localized fields. Learn more: https://www.builder.io/c/docs/localization-inline#targeting-and-inline-localization"), e.component.options = Qt(e.component.options, t ?? "Default")), e;
+  return (n = e.component) != null && n.options && en((o = e.component) == null ? void 0 : o.options) && (t || console.warn("[Builder.io] In order to use localized fields in Builder, you must pass a locale prop to the BuilderComponent or to options object while fetching the content to resolve localized fields. Learn more: https://www.builder.io/c/docs/localization-inline#targeting-and-inline-localization"), e.component.options = tn(e.component.options, t ?? "Default")), e;
 }
-const fe = (e) => JSON.parse(JSON.stringify(e)), ze = (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((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;
-};
-function ue(e) {
+function ge(e) {
   if (e === null || typeof e != "object")
     return e;
   if (Array.isArray(e))
-    return e.map((n) => ue(n));
+    return e.map((n) => ge(n));
   if (e["@type"] === "@builder.io/sdk:Element")
     return e;
   const t = {};
   for (const n in e)
-    n !== "meta" && Object.prototype.hasOwnProperty.call(e, n) && (t[n] = ue(e[n]));
+    n !== "meta" && Object.prototype.hasOwnProperty.call(e, n) && (t[n] = ge(e[n]));
   return t;
 }
-const _t = ["svelte", "vue", "angular", "qwik", "solid"].includes(R), en = (e) => {
-  if (_t) {
-    const t = fe(e);
+const on = ["svelte", "vue", "angular", "qwik", "solid"].includes($), rn = (e) => {
+  if (on) {
+    const t = ke(e);
     return {
       ...t,
       properties: {
@@ -394,7 +276,7 @@ const _t = ["svelte", "vue", "angular", "qwik", "solid"].includes(R), en = (e) =
       }
     };
   } else {
-    const t = ue(Yt(e, "children", "meta"));
+    const t = ge(Zt(e, "children", "meta"));
     return {
       ...t,
       properties: {
@@ -407,7 +289,7 @@ const _t = ["svelte", "vue", "angular", "qwik", "solid"].includes(R), en = (e) =
       meta: e.meta
     };
   }
-}, tn = ({
+}, sn = ({
   block: e,
   context: t,
   localState: n,
@@ -416,28 +298,28 @@ const _t = ["svelte", "vue", "angular", "qwik", "solid"].includes(R), en = (e) =
 }) => {
   if (!e.bindings)
     return e;
-  const s = en(e);
+  const s = rn(e);
   for (const i in e.bindings) {
-    const l = e.bindings[i], a = Y({
-      code: l,
+    const a = e.bindings[i], l = te({
+      code: a,
       localState: n,
       rootState: o,
       rootSetState: r,
       context: t
     });
-    ze(s, i, a);
+    qe(s, i, l);
   }
   return s;
 };
-function nn({
+function an({
   block: e,
   context: t,
   localState: n,
   rootState: o,
   rootSetState: r
 }) {
-  let s = Zt(e, o.locale);
-  return s = s, tn({
+  let s = nn(e, o.locale);
+  return s = s, sn({
     block: s,
     localState: n,
     rootState: o,
@@ -445,25 +327,25 @@ function nn({
     context: t
   });
 }
-function qe(e) {
-  const t = e || (w() ? window.location.search : void 0);
-  return t ? Me(t).indexOf("builder.preview=") !== -1 : !1;
+function Te(e) {
+  const t = e || (R() ? window.location.search : void 0);
+  return t ? xt(t).indexOf("builder.preview=") !== -1 : !1;
 }
-const on = (e) => ({
+const ln = (e) => ({
   type: "builder.registerComponent",
-  data: te(e)
-}), rn = (e) => {
+  data: se(e)
+}), cn = (e) => {
   const t = e.toString().trim(), n = /^[a-zA-Z0-9_]+\s*=>/i.test(t);
   return `return (${!t.startsWith("function") && !t.startsWith("async") && !t.startsWith("(") && !n ? "function " : ""}${t}).apply(this, arguments)`;
 };
-function te(e) {
-  return JSON.parse(JSON.stringify(e, (t, n) => typeof n == "function" ? rn(n) : n));
+function se(e) {
+  return JSON.parse(JSON.stringify(e, (t, n) => typeof n == "function" ? cn(n) : n));
 }
-const Re = {};
-function sn(e, t) {
-  e === "plugin" && (t = te(t));
-  let n = Re[e];
-  if (n || (n = Re[e] = []), n.push(t), w()) {
+const Ne = {};
+function dn(e, t) {
+  e === "plugin" && (t = se(t));
+  let n = Ne[e];
+  if (n || (n = Ne[e] = []), n.push(t), R()) {
     const o = {
       type: "builder.register",
       data: {
@@ -478,42 +360,42 @@ function sn(e, t) {
     }
   }
 }
-const Ee = {};
-function ei(e) {
-  if (w()) {
-    Object.assign(Ee, e);
+const We = {};
+function gs(e) {
+  if (R()) {
+    Object.assign(We, e);
     const t = {
       type: "builder.settingsChange",
-      data: Ee
+      data: We
     };
     parent.postMessage(t, "*");
   }
 }
-const Pe = "builder.", an = "options.", Je = (e) => {
+const xe = "builder.", un = "options.", Ye = (e) => {
   if (!e)
     return {};
-  const t = Le(e), n = {};
+  const t = ze(e), n = {};
   return Object.keys(t).forEach((o) => {
-    if (o.startsWith(Pe)) {
-      const r = o.replace(Pe, "").replace(an, "");
+    if (o.startsWith(xe)) {
+      const r = o.replace(xe, "").replace(un, "");
       n[r] = t[o];
     }
   }), n;
-}, ln = () => {
-  if (!w())
+}, pn = () => {
+  if (!R())
     return {};
   const e = new URLSearchParams(window.location.search);
-  return Je(e);
-}, Ge = "4.0.8", Ye = () => ({
-  "X-Builder-SDK": R,
+  return Ye(e);
+}, Xe = "4.0.10", _e = () => ({
+  "X-Builder-SDK": $,
   "X-Builder-SDK-GEN": "2",
-  "X-Builder-SDK-Version": Ge
-}), cn = (e) => {
+  "X-Builder-SDK-Version": Xe
+}), mn = (e) => {
   if (e === "localhost" || e === "127.0.0.1")
     return e;
   const t = e.split(".");
   return t.length > 2 ? t.slice(1).join(".") : e;
-}, oe = ({
+}, ce = ({
   name: e,
   canTrack: t
 }) => {
@@ -521,17 +403,17 @@ const Pe = "builder.", an = "options.", Je = (e) => {
   try {
     return t ? (n = document.cookie.split("; ").find((o) => o.startsWith(`${e}=`))) == null ? void 0 : n.split("=")[1] : void 0;
   } catch (o) {
-    P.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
+    N.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, Xe = async (e) => oe(e), dn = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(D).join("; "), un = [["secure", ""], ["SameSite", "None"]], pn = ({
+}, Ze = async (e) => ce(e), hn = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(K).join("; "), fn = [["secure", ""], ["SameSite", "None"]], bn = ({
   name: e,
   value: t,
   expires: n
 }) => {
-  const r = (w() ? location.protocol === "https:" : !0) ? un : [[]], s = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...s, ["path", "/"], ["domain", cn(window.location.hostname)], ...r];
-  return dn(i);
-}, ge = async ({
+  const r = (R() ? location.protocol === "https:" : !0) ? fn : [[]], s = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...s, ["path", "/"], ["domain", mn(window.location.hostname)], ...r];
+  return hn(i);
+}, Ie = async ({
   name: e,
   value: t,
   expires: n,
@@ -540,103 +422,103 @@ const Pe = "builder.", an = "options.", Je = (e) => {
   try {
     if (!o)
       return;
-    const r = pn({
+    const r = bn({
       name: e,
       value: t,
       expires: n
     });
     document.cookie = r;
   } catch (r) {
-    P.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
+    N.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
   }
 };
-function mn() {
+function gn() {
   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 Qe() {
-  return mn().replace(/-/g, "");
+function et() {
+  return gn().replace(/-/g, "");
 }
-const Ze = "builderSessionId", hn = async ({
+const tt = "builderSessionId", yn = async ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = await Xe({
-    name: Ze,
+  const t = await Ze({
+    name: tt,
     canTrack: e
   });
-  if (D(t))
+  if (K(t))
     return t;
   {
-    const n = fn();
-    return gn({
+    const n = vn();
+    return Sn({
       id: n,
       canTrack: e
     }), n;
   }
-}, fn = () => Qe(), gn = ({
+}, vn = () => et(), Sn = ({
   id: e,
   canTrack: t
-}) => ge({
-  name: Ze,
+}) => Ie({
+  name: tt,
   value: e,
   canTrack: t
-}), _e = () => w() && typeof localStorage < "u" ? localStorage : void 0, bn = ({
+}), nt = () => R() && typeof localStorage < "u" ? localStorage : void 0, kn = ({
   key: e,
   canTrack: t
 }) => {
   var n;
   try {
-    return t ? (n = _e()) == null ? void 0 : n.getItem(e) : void 0;
+    return t ? (n = nt()) == null ? void 0 : n.getItem(e) : void 0;
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, yn = ({
+}, Cn = ({
   key: e,
   canTrack: t,
   value: n
 }) => {
   var o;
   try {
-    t && ((o = _e()) == null || o.setItem(e, n));
+    t && ((o = nt()) == null || o.setItem(e, n));
   } catch (r) {
     console.debug("[LocalStorage] SET error: ", r);
   }
-}, et = "builderVisitorId", kn = ({
+}, ot = "builderVisitorId", Tn = ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = bn({
-    key: et,
+  const t = kn({
+    key: ot,
     canTrack: e
   });
-  if (D(t))
+  if (K(t))
     return t;
   {
-    const n = vn();
-    return Sn({
+    const n = In();
+    return wn({
       id: n,
       canTrack: e
     }), n;
   }
-}, vn = () => Qe(), Sn = ({
+}, In = () => et(), wn = ({
   id: e,
   canTrack: t
-}) => yn({
-  key: et,
+}) => Cn({
+  key: ot,
   value: e,
   canTrack: t
 });
-function be(e) {
+function we(e) {
   var t;
-  typeof process < "u" && ((t = process.env) != null && t.DEBUG) && String(process.env.DEBUG) == "true" && P.log(e);
+  typeof process < "u" && ((t = process.env) != null && t.DEBUG) && String(process.env.DEBUG) == "true" && N.log(e);
 }
-const Cn = async ({
+const $n = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -644,16 +526,16 @@ const Cn = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const t = await hn({
+  const t = await yn({
     canTrack: e
-  }), n = kn({
+  }), n = Tn({
     canTrack: e
   });
   return {
     sessionId: t,
     visitorId: n
   };
-}, wn = async ({
+}, Rn = async ({
   type: e,
   canTrack: t,
   apiKey: n,
@@ -667,50 +549,50 @@ const Cn = async ({
       url: location.href,
       ...o
     },
-    ...await Cn({
+    ...await $n({
       canTrack: t
     }),
-    userAttributes: He(),
+    userAttributes: Dt(),
     ownerId: n
   }
 });
-async function pe({
+async function ye({
   apiHost: e,
   ...t
 }) {
   if (!t.apiKey) {
-    P.error("Missing API key for track call. Please provide your API key.");
+    N.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  if (!t.canTrack || E() || !(w() || R === "reactNative"))
+  if (!t.canTrack || P() || !(R() || $ === "reactNative"))
     return;
   const o = `${e || "https://cdn.builder.io"}/api/v1/track`;
-  return be(o), fetch(o, {
+  return we(o), fetch(o, {
     method: "POST",
     body: JSON.stringify({
-      events: [await wn(t)]
+      events: [await Rn(t)]
     }),
     headers: {
       "content-type": "application/json",
-      ...Ye()
+      ..._e()
     },
     mode: "cors"
   }).catch((r) => {
     console.error("Failed to track: ", r);
   });
 }
-const ti = (e) => pe({
+const ys = (e) => ye({
   ...e,
   canTrack: !0
-}), Tn = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
-function tt(e, t) {
+}), En = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
+function rt(e, t) {
   if (!t.origin.startsWith("http") && !t.origin.startsWith("https"))
     return !1;
   const n = new URL(t.origin), o = n.hostname;
-  return (e || Tn).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
+  return (e || En).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
 }
-const In = () => {
-  sn("insertMenu", {
+const Pn = () => {
+  dn("insertMenu", {
     name: "_default",
     default: !0,
     items: [{
@@ -732,14 +614,14 @@ const In = () => {
     }]
   });
 };
-let Be = !1;
-const nt = (e) => {
+let De = !1;
+const it = (e) => {
   var t, n;
-  Be || (Be = !0, w() && ((t = window.parent) == null || t.postMessage({
+  De || (De = !0, R() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
-      target: R,
-      version: Ge,
+      target: $,
+      version: Xe,
       supportsPatchUpdates: !1,
       // Supports builder-model="..." attribute which is needed to
       // scope our '+ add block' button styling
@@ -757,7 +639,7 @@ const nt = (e) => {
     }
   }, "*"), window.addEventListener("message", (o) => {
     var s, i;
-    if (!tt(e.trustedHosts, o))
+    if (!rt(e.trustedHosts, o))
       return;
     const {
       data: r
@@ -765,32 +647,32 @@ const nt = (e) => {
     if (r != null && r.type)
       switch (r.type) {
         case "builder.evaluate": {
-          const l = r.data.text, a = r.data.arguments || [], u = r.data.id, h = new Function(l);
-          let m, d = null;
+          const a = r.data.text, l = r.data.arguments || [], u = r.data.id, p = new Function(a);
+          let f, c = null;
           try {
-            m = h.apply(null, a);
-          } catch (f) {
-            d = f;
+            f = p.apply(null, l);
+          } catch (m) {
+            c = m;
           }
-          d ? (s = window.parent) == null || s.postMessage({
+          c ? (s = window.parent) == null || s.postMessage({
             type: "builder.evaluateError",
             data: {
               id: u,
-              error: d.message
+              error: c.message
             }
-          }, "*") : m && typeof m.then == "function" ? m.then((f) => {
-            var v;
-            (v = window.parent) == null || v.postMessage({
+          }, "*") : f && typeof f.then == "function" ? f.then((m) => {
+            var b;
+            (b = window.parent) == null || b.postMessage({
               type: "builder.evaluateResult",
               data: {
                 id: u,
-                result: f
+                result: m
               }
             }, "*");
           }).catch(console.error) : (i = window.parent) == null || i.postMessage({
             type: "builder.evaluateResult",
             data: {
-              result: m,
+              result: f,
               id: u
             }
           }, "*");
@@ -798,12 +680,12 @@ const nt = (e) => {
         }
       }
   })));
-}, ot = ({
+}, st = ({
   model: e,
   trustedHosts: t,
   callbacks: n
 }) => (o) => {
-  if (!tt(t, o))
+  if (!rt(t, o))
     return;
   const {
     data: r
@@ -819,30 +701,30 @@ const nt = (e) => {
         break;
       }
       case "builder.resetState": {
-        const s = r.data, i = s.model, l = s == null ? void 0 : s.state;
-        i === e && l && n.stateUpdate(l);
+        const s = r.data, i = s.model, a = s == null ? void 0 : s.state;
+        i === e && a && n.stateUpdate(a);
         break;
       }
       case "builder.contentUpdate": {
-        const s = r.data, i = s.key || s.alias || s.entry || s.modelName, l = s.data;
-        i === e && n.contentUpdate(l);
+        const s = r.data, i = s.key || s.alias || s.entry || s.modelName, a = s.data;
+        i === e && n.contentUpdate(a);
         break;
       }
     }
-}, ni = ({
+}, vs = ({
   model: e,
   apiKey: t,
   callback: n,
   trustedHosts: o
 }) => {
-  if (!w)
-    return P.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
+  if (!R)
+    return N.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
     };
-  nt({
+  it({
     modelName: e,
     apiKey: t
   });
-  const r = ot({
+  const r = st({
     callbacks: {
       contentUpdate: n,
       animation: () => {
@@ -858,24 +740,24 @@ const nt = (e) => {
   return window.addEventListener("message", r), () => {
     window.removeEventListener("message", r);
   };
-}, $n = "builder.tests", ye = (e) => `${$n}.${e}`, Rn = ({
+}, An = "builder.tests", $e = (e) => `${An}.${e}`, Bn = ({
   contentId: e
-}) => Xe({
-  name: ye(e),
+}) => Ze({
+  name: $e(e),
   canTrack: !0
-}), En = ({
+}), Vn = ({
   contentId: e
-}) => oe({
-  name: ye(e),
+}) => ce({
+  name: $e(e),
   canTrack: !0
-}), Pn = ({
+}), Nn = ({
   contentId: e,
   value: t
-}) => ge({
-  name: ye(e),
+}) => Ie({
+  name: $e(e),
   value: t,
   canTrack: !0
-}), rt = (e) => D(e.id) && D(e.variations) && Object.keys(e.variations).length > 0, Bn = ({
+}), at = (e) => K(e.id) && K(e.variations) && Object.keys(e.variations).length > 0, Wn = ({
   id: e,
   variations: t
 }) => {
@@ -888,15 +770,15 @@ const nt = (e) => {
       return s;
   }
   return e;
-}, st = (e) => {
-  const t = Bn(e);
-  return Pn({
+}, lt = (e) => {
+  const t = Wn(e);
+  return Nn({
     contentId: e.id,
     value: t
   }).catch((n) => {
-    P.error("could not store A/B test variation: ", n);
+    N.error("could not store A/B test variation: ", n);
   }), t;
-}, it = ({
+}, ct = ({
   item: e,
   testGroupId: t
 }) => {
@@ -910,7 +792,7 @@ const nt = (e) => {
     testVariationId: n.id,
     testVariationName: n.name || (n.id === e.id ? "Default" : "")
   };
-}, An = ({
+}, xn = ({
   item: e,
   canTrack: t
 }) => {
@@ -918,14 +800,14 @@ const nt = (e) => {
     return e;
   if (!e)
     return;
-  if (!rt(e))
+  if (!at(e))
     return e;
-  const n = En({
+  const n = Vn({
     contentId: e.id
-  }) || st({
+  }) || lt({
     variations: e.variations,
     id: e.id
-  }), o = it({
+  }), o = ct({
     item: e,
     testGroupId: n
   });
@@ -933,18 +815,18 @@ const nt = (e) => {
     ...e,
     ...o
   };
-}, xn = async ({
+}, Dn = async ({
   item: e,
   canTrack: t
 }) => {
-  if (!t || !rt(e))
+  if (!t || !at(e))
     return e;
-  const o = await Rn({
+  const o = await Bn({
     contentId: e.id
-  }) || st({
+  }) || lt({
     variations: e.variations,
     id: e.id
-  }), r = it({
+  }), r = ct({
     item: e,
     testGroupId: o
   });
@@ -952,32 +834,35 @@ const nt = (e) => {
     ...e,
     ...r
   };
-}, Ae = "builder.userAttributes";
-function Vn() {
+};
+const Oe = "builder.userAttributes";
+function Ue() {
   let e = !0;
   const t = /* @__PURE__ */ new Set();
   return {
     setUserAttributes(n) {
-      if (!w())
+      if (!R())
         return;
       const o = {
         ...this.getUserAttributes(),
         ...n
       };
-      ge({
-        name: Ae,
+      Ie({
+        name: Oe,
         value: JSON.stringify(o),
         canTrack: e
       }), t.forEach((r) => r(o));
     },
     getUserAttributes() {
-      return w() ? JSON.parse(oe({
-        name: Ae,
+      return R() ? JSON.parse(ce({
+        name: Oe,
         canTrack: e
       }) || "{}") : {};
     },
-    subscribeOnUserAttributesChange(n) {
-      return t.add(n), () => {
+    subscribeOnUserAttributesChange(n, {
+      fireImmediately: o
+    } = {}) {
+      return t.add(n), o && n(this.getUserAttributes()), function() {
         t.delete(n);
       };
     },
@@ -986,43 +871,45 @@ function Vn() {
     }
   };
 }
-const at = Vn(), oi = (e) => {
-  at.setUserAttributes(e);
-}, G = (e) => {
-  const t = D(e) ? e : !0;
-  return at.setCanTrack(t), t;
+let ve;
+R() && $ === "qwik" ? (window.__BUILDER_USER_ATTRIBUTES_SERVICE__ || (window.__BUILDER_USER_ATTRIBUTES_SERVICE__ = Ue()), ve = window.__BUILDER_USER_ATTRIBUTES_SERVICE__) : ve = Ue();
+const ae = ve, Ss = (e) => {
+  ae.setUserAttributes(e);
+}, J = (e) => {
+  const t = K(e) ? e : !0;
+  return ae.setCanTrack(t), t;
 };
-function Nn() {
+function On() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function Wn() {
-  const e = Nn().fetch;
+function Un() {
+  const e = On().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 On = Wn();
-function me(e, t = null, n = ".") {
+const Fn = Un();
+function Se(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,
-      ...me(s, i, n)
+      ...Se(s, i, n)
     } : {
       ...o,
       [i]: s
     };
   }, {});
 }
-function lt(e, t, n = {}) {
+function dt(e, t, n = {}) {
   for (const o in e) {
     const r = e[o], s = t ? t + "." + o : o;
-    r && typeof r == "object" && !Array.isArray(r) && !Object.keys(r).find((i) => i.startsWith("$")) ? lt(r, s, n) : n[s] = r;
+    r && typeof r == "object" && !Array.isArray(r) && !Object.keys(r).find((i) => i.startsWith("$")) ? dt(r, s, n) : n[s] = r;
   }
   return n;
 }
-function Un(e) {
+function Ln(e) {
   const t = {};
   for (const n in e) {
     const o = n.split(".");
@@ -1034,7 +921,7 @@ function Un(e) {
   }
   return t;
 }
-const Dn = "v3", xe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, ke = (e) => {
+const Hn = "v3", Fe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, Re = (e) => {
   const {
     limit: t = 30,
     userAttributes: n,
@@ -1042,114 +929,114 @@ const Dn = "v3", xe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, ke = (
     model: r,
     apiKey: s,
     enrich: i,
-    locale: l,
-    apiVersion: a = Dn,
+    locale: a,
+    apiVersion: l = Hn,
     fields: u,
-    omit: h,
-    offset: m,
-    cacheSeconds: d,
-    staleCacheSeconds: f,
-    sort: v,
-    includeUnpublished: T,
-    apiHost: F
+    omit: p,
+    offset: f,
+    cacheSeconds: c,
+    staleCacheSeconds: m,
+    sort: b,
+    includeUnpublished: g,
+    apiHost: A
   } = e;
   if (!s)
     throw new Error("Missing API key");
-  if (!["v3"].includes(a))
-    throw new Error(`Invalid apiVersion: expected 'v3', received '${a}'`);
-  const St = t !== 1, Ct = F || "https://cdn.builder.io", I = new URL(`${Ct}/api/${a}/content/${r}`);
-  I.searchParams.set("apiKey", s), I.searchParams.set("limit", String(t)), I.searchParams.set("noTraverse", String(St)), I.searchParams.set("includeRefs", String(!0));
-  const re = l || (n == null ? void 0 : n.locale);
-  let L = n || {};
-  if (re && (I.searchParams.set("locale", re), L = {
-    locale: re,
-    ...L
-  }), i && I.searchParams.set("enrich", String(i)), I.searchParams.set("omit", h ?? "meta.componentsUsed"), u && I.searchParams.set("fields", u), Number.isFinite(m) && m > -1 && I.searchParams.set("offset", String(Math.floor(m))), typeof T == "boolean" && I.searchParams.set("includeUnpublished", String(T)), d && xe(d) && I.searchParams.set("cacheSeconds", String(d)), f && xe(f) && I.searchParams.set("staleCacheSeconds", String(f)), v) {
-    const O = me({
-      sort: v
+  if (!["v3"].includes(l))
+    throw new Error(`Invalid apiVersion: expected 'v3', received '${l}'`);
+  const F = t !== 1, B = A || "https://cdn.builder.io", T = new URL(`${B}/api/${l}/content/${r}`);
+  T.searchParams.set("apiKey", s), T.searchParams.set("limit", String(t)), T.searchParams.set("noTraverse", String(F)), T.searchParams.set("includeRefs", String(!0));
+  const x = a || (n == null ? void 0 : n.locale);
+  let H = n || {};
+  if (x && (T.searchParams.set("locale", x), H = {
+    locale: x,
+    ...H
+  }), i && T.searchParams.set("enrich", String(i)), T.searchParams.set("omit", p ?? "meta.componentsUsed"), u && T.searchParams.set("fields", u), Number.isFinite(f) && f > -1 && T.searchParams.set("offset", String(Math.floor(f))), typeof g == "boolean" && T.searchParams.set("includeUnpublished", String(g)), c && Fe(c) && T.searchParams.set("cacheSeconds", String(c)), m && Fe(m) && T.searchParams.set("staleCacheSeconds", String(m)), b) {
+    const D = Se({
+      sort: b
     });
-    for (const K in O)
-      I.searchParams.set(K, JSON.stringify(O[K]));
+    for (const M in D)
+      T.searchParams.set(M, JSON.stringify(D[M]));
   }
-  const Te = {
-    ...ln(),
-    ...Le(e.options || {})
+  const Q = {
+    ...pn(),
+    ...ze(e.options || {})
   };
-  L = {
-    ...L,
-    ...Ln(Te)
+  H = {
+    ...H,
+    ...jn(Q)
   };
-  const Ie = me(Te);
-  for (const O in Ie)
-    I.searchParams.set(O, String(Ie[O]));
-  if (Object.keys(L).length > 0 && I.searchParams.set("userAttributes", JSON.stringify(L)), o) {
-    const O = lt({
+  const Y = Se(Q);
+  for (const D in Y)
+    T.searchParams.set(D, String(Y[D]));
+  if (Object.keys(H).length > 0 && T.searchParams.set("userAttributes", JSON.stringify(H)), o) {
+    const D = dt({
       query: o
     });
-    for (const K in O)
-      I.searchParams.set(K, JSON.stringify(O[K]));
+    for (const M in D)
+      T.searchParams.set(M, JSON.stringify(D[M]));
   }
-  return I;
-}, Fn = (e) => {
+  return T;
+}, Mn = (e) => {
   const t = {};
   for (const n in e)
     n.startsWith("userAttributes.") && (t[n] = e[n], delete e[n]);
   return t;
-}, Ln = (e) => {
-  if (w() && e.preview === "BUILDER_STUDIO") {
+}, jn = (e) => {
+  if (R() && e.preview === "BUILDER_STUDIO") {
     e["userAttributes.urlPath"] = window.location.pathname, e["userAttributes.host"] = window.location.host;
-    const t = Fn(e), {
+    const t = Mn(e), {
       userAttributes: n
-    } = Un(t);
+    } = Ln(t);
     return n;
   }
   return {};
-}, Mn = (e) => "results" in e;
-async function ve(e) {
-  const t = await jn({
+}, Kn = (e) => "results" in e;
+async function Ee(e) {
+  const t = await Gn({
     ...e,
     limit: 1
   });
   return t && t[0] || null;
 }
-const Hn = async (e) => {
+const qn = async (e) => {
   var i;
-  const t = ke(e), n = e.fetch ?? On, o = {
+  const t = Re(e), n = e.fetch ?? Fn, o = {
     ...e.fetchOptions,
     headers: {
       ...(i = e.fetchOptions) == null ? void 0 : i.headers,
-      ...Ye()
+      ..._e()
     }
   };
   return await (await n(t.href, o)).json();
-}, Kn = async (e, t, n = ke(e)) => {
-  const o = G(e.canTrack);
-  if (n.search.includes("preview="), !o || !(w() || R === "reactNative"))
+}, zn = async (e, t, n = Re(e)) => {
+  const o = J(e.canTrack);
+  if (n.search.includes("preview="), !o || !(R() || $ === "reactNative"))
     return t.results;
   try {
     const r = [];
     for (const s of t.results)
-      r.push(await xn({
+      r.push(await Dn({
         item: s,
         canTrack: o
       }));
     t.results = r;
   } catch (r) {
-    P.error("Could not process A/B tests. ", r);
+    N.error("Could not process A/B tests. ", r);
   }
   return t.results;
 };
-async function jn(e) {
-  const t = ke(e), n = await Hn(e);
-  if (!Mn(n))
-    throw P.error("Error fetching data. ", {
+async function Gn(e) {
+  const t = Re(e), n = await qn(e);
+  if (!Kn(n))
+    throw N.error("Error fetching data. ", {
       url: t,
       content: n,
       options: e
     }), n;
-  return Kn(e, n);
+  return zn(e, n);
 }
-const ri = async (e) => {
+const ks = 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,
@@ -1161,27 +1048,27 @@ const ri = async (e) => {
         urlPath: t
       } : {}
     },
-    options: Je(e.searchParams || ((s = e.url) == null ? void 0 : s.searchParams) || e.options)
+    options: Ye(e.searchParams || ((s = e.url) == null ? void 0 : s.searchParams) || e.options)
   };
   return {
     apiKey: n.apiKey,
     model: n.model,
-    content: await ve(n)
+    content: await Ee(n)
   };
-}, Se = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
-function zn(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);
+}, Pe = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
+function Jn(e, t, n = {}) {
+  let o, r, s, i = null, a = 0;
+  const l = function() {
+    a = n.leading === !1 ? 0 : Date.now(), i = null, s = e.apply(o, r), i || (o = r = null);
   };
   return function() {
     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;
+    !a && n.leading === !1 && (a = u);
+    const p = t - (u - a);
+    return o = this, r = arguments, p <= 0 || p > t ? (i && (clearTimeout(i), i = null), a = u, s = e.apply(o, r), i || (o = r = null)) : !i && n.trailing !== !1 && (i = setTimeout(l, p)), s;
   };
 }
-function q(e, ...t) {
+function Z(e, ...t) {
   const n = Object(e);
   for (let o = 1; o < arguments.length; o++) {
     const r = arguments[o];
@@ -1191,118 +1078,118 @@ function q(e, ...t) {
   }
   return n;
 }
-function qn(e) {
+function Qn(e) {
   for (const t of e)
     switch (t.trigger) {
       case "pageLoad":
-        ut(t);
+        mt(t);
         break;
       case "scrollInView":
-        Gn(t);
+        Xn(t);
         break;
     }
 }
-function ct(e) {
+function ut(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
-function dt(e, t) {
-  const n = Jn(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 pt(e, t) {
+  const n = Yn(e), o = getComputedStyle(t), r = e.steps[0].styles, s = e.steps[e.steps.length - 1].styles, i = [r, s];
+  for (const a of i)
+    for (const l of n)
+      l in a || (a[l] = o[l]);
 }
-function Jn(e) {
+function Yn(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 ut(e) {
+function mt(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    ct(e.elementId || e.id || "");
+    ut(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    dt(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 ${Se(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), q(n.style, e.steps[1].styles), setTimeout(() => {
+    pt(e, n), n.style.transition = "none", n.style.transitionDelay = "0", Z(n.style, e.steps[0].styles), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${Pe(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), Z(n.style, e.steps[1].styles), setTimeout(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
     });
   });
 }
-function Gn(e) {
+function Xn(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    ct(e.elementId || e.id || "");
+    ut(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    dt(e, n);
+    pt(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(() => {
+      !o && a(n) ? (o = !0, r = !0, setTimeout(() => {
+        Z(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 && !r && !l(n) && (o = !1, q(n.style, e.steps[0].styles));
+      })) : e.repeat && o && !r && !a(n) && (o = !1, Z(n.style, e.steps[0].styles));
     }
-    const i = zn(s, 200, {
+    const i = Jn(s, 200, {
       leading: !1
     });
-    function l(h) {
-      const m = h.getBoundingClientRect(), d = window.innerHeight, v = (e.thresholdPercent || 0) / 100 * d;
-      return m.bottom > v && m.top < d - v;
+    function a(p) {
+      const f = p.getBoundingClientRect(), c = window.innerHeight, b = (e.thresholdPercent || 0) / 100 * c;
+      return f.bottom > b && f.top < c - b;
     }
-    const a = e.steps[0].styles;
+    const l = e.steps[0].styles;
     function u() {
-      q(n.style, a);
+      Z(n.style, l);
     }
     u(), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${Se(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
+      n.style.transition = `all ${e.duration}s ${Pe(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
     }), document.addEventListener("scroll", i, {
       capture: !0,
       passive: !0
     }), s();
   });
 }
-const pt = (e) => Object.entries(e).map(([n, o]) => {
+const ht = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
-    return `${Se(n)}: ${o};`;
-}).filter(D), Yn = (e) => pt(e).join(`
-`), si = ({
+    return `${Pe(n)}: ${o};`;
+}).filter(K), _n = (e) => ht(e).join(`
+`), Cs = ({
   mediaQuery: e,
   className: t,
   styles: n
 }) => {
   const o = `.${t} {
-    ${Yn(n)}
+    ${_n(n)}
   }`;
   return e ? `${e} {
       ${o}
     }` : o;
 };
-function Xn({
+function Zn({
   style: e
 }) {
   return e;
 }
-const ii = ({
+const Ts = ({
   block: e,
   context: t
-}) => mt(Xn({
+}) => ft(Zn({
   style: e.style || {},
   context: t,
   block: e
 }));
-function mt(e) {
-  switch (R) {
+function ft(e) {
+  switch ($) {
     case "svelte":
     case "vue":
     case "solid":
     case "angular":
-      return pt(e).join(" ");
+      return ht(e).join(" ");
     case "qwik":
     case "reactNative":
     case "react":
@@ -1310,7 +1197,7 @@ function mt(e) {
       return e;
   }
 }
-const ht = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includes(t) : !1 : !0, Qn = ({
+const bt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includes(t) : !1 : !0, eo = ({
   block: e,
   registeredComponents: t,
   model: n
@@ -1320,14 +1207,14 @@ const ht = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
   if (!o)
     return null;
   const r = t[o];
-  if (!r || ht(r, n)) {
+  if (!r || bt(r, n)) {
     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?`);
     return;
   } else
     return r;
-}, Zn = ({
+}, to = ({
   block: e,
   context: t
 }) => {
@@ -1337,7 +1224,7 @@ const ht = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
   } = e;
   if (!(n != null && n.collection))
     return;
-  const r = Y({
+  const r = te({
     code: n.collection,
     localState: t.localState,
     rootState: t.rootState,
@@ -1347,72 +1234,72 @@ const ht = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
   if (!Array.isArray(r))
     return;
   const s = n.collection.split(".").pop(), i = n.itemName || (s ? s + "Item" : "item");
-  return r.map((a, u) => ({
+  return r.map((l, u) => ({
     context: {
       ...t,
       localState: {
         ...t.localState,
         $index: u,
-        $item: a,
-        [i]: a,
+        $item: l,
+        [i]: l,
         [`$${i}Index`]: u
       }
     },
     block: o
   }));
-}, _n = (e, t) => {
+}, no = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderLinkComponent ? {
     builderLinkComponent: t
   } : {};
-}, eo = (e, t, n) => {
+}, oo = (e, t, n) => {
   var o;
   return (o = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && o.builderComponents ? {
-    builderComponents: Object.fromEntries(Object.entries(t).filter(([s, i]) => !ht(i, n)))
+    builderComponents: Object.fromEntries(Object.entries(t).filter(([s, i]) => !bt(i, n)))
   } : {};
-}, to = (e, t) => {
+}, ro = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderBlock ? {
     builderBlock: t
   } : {};
-}, no = (e, t) => {
+}, io = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderContext ? {
     builderContext: t
   } : {};
-}, oo = (e) => e.toString(), ro = () => Promise.resolve().then(() => ko).then((e) => e.default).catch((e) => {
+}, so = (e) => e.toString(), ao = () => Promise.resolve().then(() => Co).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
     e
   ), e;
-}), so = () => import("./block-styles-gW8iE3NH.js").then((e) => e.default).catch((e) => {
+}), lo = () => import("./block-styles-jP9_QKN9.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;
-}), io = () => import("./block-wrapper--UA6l0DJ.js").then((e) => e.default).catch((e) => {
+}), co = () => import("./block-wrapper-vSVxY0Wx.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;
-}), ao = () => import("./component-ref-PKi5zQLG.js").then((e) => e.default).catch((e) => {
+}), uo = () => import("./component-ref-9vbMmjMt.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;
-}), lo = () => import("./repeated-block-UdGwjbN4.js").then((e) => e.default).catch((e) => {
+}), po = () => import("./repeated-block-YIQ1YLOA.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;
-}), co = g({
+}), mo = y({
   name: "block",
   components: {
-    BlockStyles: j(so),
-    RepeatedBlock: j(lo),
-    ComponentRef: j(ao),
-    BlockWrapper: j(io),
-    DynamicDiv: j(ro)
+    BlockStyles: X(lo),
+    RepeatedBlock: X(po),
+    ComponentRef: X(uo),
+    BlockWrapper: X(co),
+    DynamicDiv: X(ao)
   },
   props: ["block", "context", "registeredComponents", "linkComponent"],
   data() {
@@ -1421,12 +1308,12 @@ const ht = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
         value: null,
         update: !1
       },
-      generateKey: oo
+      generateKey: so
     };
   },
   mounted() {
     const e = this.processedBlock.id, t = this.processedBlock.animations;
-    t && e && qn(
+    t && e && Qn(
       t.map((n) => ({
         ...n,
         elementId: e
@@ -1437,14 +1324,14 @@ const ht = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
   },
   computed: {
     repeatItem() {
-      return Zn({
+      return to({
         block: this.block,
         context: this.context
       });
     },
     processedBlock() {
       var t;
-      return (t = this.block.repeat) != null && t.collection ? this.block : nn({
+      return (t = this.block.repeat) != null && t.collection ? this.block : an({
         block: this.block,
         localState: this.context.localState,
         rootState: this.context.rootState,
@@ -1453,7 +1340,7 @@ const ht = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
       });
     },
     blockComponent() {
-      return Qn({
+      return eo({
         block: this.processedBlock,
         registeredComponents: this.registeredComponents,
         model: this.context.model
@@ -1480,11 +1367,11 @@ const ht = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
         blockChildren: this.processedBlock.children ?? [],
         componentRef: (e = this.blockComponent) == null ? void 0 : e.component,
         componentOptions: {
-          ...Jt(this.processedBlock, this.context),
-          ...to(this.blockComponent, this.processedBlock),
-          ...no(this.blockComponent, this.context),
-          ..._n(this.blockComponent, this.linkComponent),
-          ...eo(
+          ...Xt(this.processedBlock, this.context),
+          ...ro(this.blockComponent, this.processedBlock),
+          ...io(this.blockComponent, this.context),
+          ...no(this.blockComponent, this.linkComponent),
+          ...oo(
             this.blockComponent,
             this.registeredComponents,
             this.context.model
@@ -1495,27 +1382,27 @@ const ht = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
         registeredComponents: this.registeredComponents,
         builderBlock: this.processedBlock,
         includeBlockProps: ((t = this.blockComponent) == null ? void 0 : t.noWrap) === !0,
-        isInteractive: !((n = this.blockComponent) != null && n.isRSC && R === "rsc")
+        isInteractive: !((n = this.blockComponent) != null && n.isRSC && $ === "rsc")
       };
     }
   }
 });
-function uo(e, t, n, o, r, s) {
-  var m;
-  const i = k("BlockStyles"), l = k("ComponentRef"), a = k("Block", !0), u = k("BlockWrapper"), h = k("RepeatedBlock");
-  return e.canShowBlock ? (c(), p($, { key: 0 }, [
-    B(i, {
+function ho(e, t, n, o, r, s) {
+  var f;
+  const i = k("BlockStyles"), a = k("ComponentRef"), l = k("Block", !0), u = k("BlockWrapper"), p = k("RepeatedBlock");
+  return e.canShowBlock ? (d(), h(I, { key: 0 }, [
+    E(i, {
       block: e.processedBlock,
       context: e.context
     }, null, 8, ["block", "context"]),
-    (m = e.blockComponent) != null && m.noWrap ? (c(), p($, { key: 1 }, [
-      e.repeatItem ? (c(!0), p($, { key: 1 }, N(e.repeatItem, (d, f) => (c(), y(h, {
-        key: e.generateKey(f),
-        repeatContext: d.context,
-        block: d.block,
+    (f = e.blockComponent) != null && f.noWrap ? (d(), h(I, { key: 1 }, [
+      e.repeatItem ? (d(!0), h(I, { key: 1 }, L(e.repeatItem, (c, m) => (d(), S(p, {
+        key: e.generateKey(m),
+        repeatContext: c.context,
+        block: c.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
-      }, null, 8, ["repeatContext", "block", "registeredComponents", "linkComponent"]))), 128)) : (c(), y(l, {
+      }, null, 8, ["repeatContext", "block", "registeredComponents", "linkComponent"]))), 128)) : (d(), S(a, {
         key: 0,
         componentRef: e.componentRefProps.componentRef,
         componentOptions: e.componentRefProps.componentOptions,
@@ -1527,21 +1414,21 @@ function uo(e, t, n, o, r, s) {
         includeBlockProps: e.componentRefProps.includeBlockProps,
         isInteractive: e.componentRefProps.isInteractive
       }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"]))
-    ], 64)) : (c(), p($, { key: 0 }, [
-      e.repeatItem ? (c(!0), p($, { key: 1 }, N(e.repeatItem, (d, f) => (c(), y(h, {
-        key: e.generateKey(f),
-        repeatContext: d.context,
-        block: d.block,
+    ], 64)) : (d(), h(I, { key: 0 }, [
+      e.repeatItem ? (d(!0), h(I, { key: 1 }, L(e.repeatItem, (c, m) => (d(), S(p, {
+        key: e.generateKey(m),
+        repeatContext: c.context,
+        block: c.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
-      }, null, 8, ["repeatContext", "block", "registeredComponents", "linkComponent"]))), 128)) : (c(), y(u, {
+      }, null, 8, ["repeatContext", "block", "registeredComponents", "linkComponent"]))), 128)) : (d(), S(u, {
         key: 0,
         Wrapper: e.Tag,
         block: e.processedBlock,
         context: e.context
       }, {
-        default: W(() => [
-          B(l, {
+        default: U(() => [
+          E(a, {
             componentRef: e.componentRefProps.componentRef,
             componentOptions: e.componentRefProps.componentOptions,
             blockChildren: e.componentRefProps.blockChildren,
@@ -1552,9 +1439,9 @@ function uo(e, t, n, o, r, s) {
             includeBlockProps: e.componentRefProps.includeBlockProps,
             isInteractive: e.componentRefProps.isInteractive
           }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"]),
-          (c(!0), p($, null, N(e.childrenWithoutParentComponent, (d, f) => (c(), y(a, {
-            key: d.id,
-            block: d,
+          (d(!0), h(I, null, L(e.childrenWithoutParentComponent, (c, m) => (d(), S(l, {
+            key: c.id,
+            block: c,
             registeredComponents: e.registeredComponents,
             linkComponent: e.linkComponent,
             context: e.context
@@ -1563,12 +1450,12 @@ function uo(e, t, n, o, r, s) {
         _: 1
       }, 8, ["Wrapper", "block", "context"]))
     ], 64))
-  ], 64)) : S("", !0);
+  ], 64)) : C("", !0);
 }
-const ft = /* @__PURE__ */ b(co, [["render", uo]]), ai = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const gt = /* @__PURE__ */ v(mo, [["render", ho]]), Is = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ft
-}, Symbol.toStringTag, { value: "Module" })), po = g({
+  default: gt
+}, Symbol.toStringTag, { value: "Module" })), fo = y({
   name: "builder-blocks-wrapper",
   props: [
     "blocks",
@@ -1612,7 +1499,7 @@ const ft = /* @__PURE__ */ b(co, [["render", uo]]), ai = /* @__PURE__ */ Object.
   methods: {
     onClick() {
       var e, t;
-      E() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      P() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.clickEmptyBlocks",
           data: {
@@ -1625,7 +1512,7 @@ const ft = /* @__PURE__ */ b(co, [["render", uo]]), ai = /* @__PURE__ */ Object.
     },
     onMouseEnter() {
       var e, t;
-      E() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      P() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.hoverEmptyBlocks",
           data: {
@@ -1638,8 +1525,8 @@ const ft = /* @__PURE__ */ b(co, [["render", uo]]), ai = /* @__PURE__ */ Object.
     }
   }
 });
-function mo(e, t, n, o, r, s) {
-  return c(), y(z(e.BlocksWrapper), C({
+function bo(e, t, n, o, r, s) {
+  return d(), S(_(e.BlocksWrapper), w({
     ref: "blocksWrapperRef",
     class: e.className + " component-tqyw9m0iue",
     "builder-path": e.dataPath,
@@ -1649,72 +1536,74 @@ function mo(e, t, n, o, r, s) {
     onMouseEnter: (i) => e.onMouseEnter(),
     onKeyPress: (i) => e.onClick()
   }, { ...e.BlocksWrapperProps }), {
-    default: W(() => [
-      A(e.$slots, "default", {}, void 0, !0)
+    default: U(() => [
+      V(e.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const ho = /* @__PURE__ */ b(po, [["render", mo], ["__scopeId", "data-v-e05fb921"]]), fo = g({
+const go = /* @__PURE__ */ v(fo, [["render", bo], ["__scopeId", "data-v-161c6b74"]]), yo = y({
   name: "builder-blocks",
-  components: { BlocksWrapper: ho, Block: ft },
+  components: { BlocksWrapper: go, Block: gt },
   props: [
     "blocks",
     "parent",
     "path",
     "styleProp",
-    "className",
+    "BlocksWrapperProps",
     "context",
+    "className",
     "linkComponent",
     "registeredComponents"
   ],
   inject: {
-    builderContext: de.key,
-    componentsContext: De.key
+    builderContext: be.key,
+    componentsContext: Ge.key
   }
 });
-function go(e, t, n, o, r, s) {
-  var a, u, h, m;
-  const i = k("Block"), l = k("BlocksWrapper");
-  return c(), y(l, {
+function vo(e, t, n, o, r, s) {
+  var l, u, p, f;
+  const i = k("Block"), a = k("BlocksWrapper");
+  return d(), S(a, {
     blocks: e.blocks,
     parent: e.parent,
     path: e.path,
     styleProp: e.styleProp,
+    BlocksWrapperProps: e.BlocksWrapperProps || ((l = e.context) == null ? void 0 : l.BlocksWrapperProps) || ((u = e.builderContext) == null ? void 0 : u.BlocksWrapperProps),
     classNameProp: e.className,
-    BlocksWrapper: ((a = e.context) == null ? void 0 : a.BlocksWrapper) || ((u = e.builderContext) == null ? void 0 : u.BlocksWrapper),
-    BlocksWrapperProps: ((h = e.context) == null ? void 0 : h.BlocksWrapperProps) || ((m = e.builderContext) == null ? void 0 : m.BlocksWrapperProps)
+    BlocksWrapper: ((p = e.context) == null ? void 0 : p.BlocksWrapper) || ((f = e.builderContext) == null ? void 0 : f.BlocksWrapper)
   }, {
-    default: W(() => [
-      e.blocks ? (c(!0), p($, { key: 0 }, N(e.blocks, (d, f) => {
-        var v;
-        return c(), y(i, {
-          key: d.id,
-          block: d,
+    default: U(() => [
+      V(e.$slots, "default"),
+      e.blocks ? (d(!0), h(I, { key: 0 }, L(e.blocks, (c, m) => {
+        var b;
+        return d(), S(i, {
+          key: c.id,
+          block: c,
           linkComponent: e.linkComponent,
           context: e.context || e.builderContext,
-          registeredComponents: e.registeredComponents || ((v = e.componentsContext) == null ? void 0 : v.registeredComponents)
+          registeredComponents: e.registeredComponents || ((b = e.componentsContext) == null ? void 0 : b.registeredComponents)
         }, null, 8, ["block", "linkComponent", "context", "registeredComponents"]);
-      }), 128)) : S("", !0)
+      }), 128)) : C("", !0)
     ]),
-    _: 1
-  }, 8, ["blocks", "parent", "path", "styleProp", "classNameProp", "BlocksWrapper", "BlocksWrapperProps"]);
+    _: 3
+  }, 8, ["blocks", "parent", "path", "styleProp", "BlocksWrapperProps", "classNameProp", "BlocksWrapper"]);
 }
-const H = /* @__PURE__ */ b(fo, [["render", go]]), bo = g({
+const q = /* @__PURE__ */ v(yo, [["render", vo]]), So = y({
   name: "dynamic-div",
   props: []
 });
-function yo(e, t, n, o, r, s) {
-  return c(), p("div", null, [
-    A(e.$slots, "default")
+function ko(e, t, n, o, r, s) {
+  return d(), h("div", null, [
+    V(e.$slots, "default")
   ]);
 }
-const X = /* @__PURE__ */ b(bo, [["render", yo]]), ko = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ne = /* @__PURE__ */ v(So, [["render", ko]]), Co = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: X
-}, Symbol.toStringTag, { value: "Module" })), Ce = g({
+  default: ne
+}, Symbol.toStringTag, { value: "Module" })), de = y({
   render() {
-    return Ue("style", {
+    return Ke("style", {
       innerHTML: this.styles,
       "data-id": this.id,
       nonce: this.nonce
@@ -1722,7 +1611,7 @@ const X = /* @__PURE__ */ b(bo, [["render", yo]]), ko = /* @__PURE__ */ Object.f
   },
   name: "inlined-styles",
   props: ["styles", "id", "nonce"]
-}), gt = {
+}), yt = {
   xsmall: {
     min: 0,
     default: 160,
@@ -1743,8 +1632,8 @@ const X = /* @__PURE__ */ b(bo, [["render", yo]]), ko = /* @__PURE__ */ Object.f
     default: 991,
     max: 1200
   }
-}, li = (e, t = gt) => `@media (max-width: ${t[e].max}px)`, vo = (e) => {
-  const t = fe(gt);
+}, ws = (e, t = yt) => `@media (max-width: ${t[e].max}px)`, To = (e) => {
+  const t = ke(yt);
   if (!e)
     return t;
   const {
@@ -1753,11 +1642,11 @@ const X = /* @__PURE__ */ b(bo, [["render", yo]]), ko = /* @__PURE__ */ Object.f
     medium: r
   } = e;
   if (n) {
-    const a = Math.floor(n / 2);
+    const l = Math.floor(n / 2);
     t.xsmall = {
       max: n,
-      min: a,
-      default: a + 1
+      min: l,
+      default: l + 1
     };
   }
   if (!o || !r)
@@ -1774,20 +1663,20 @@ const X = /* @__PURE__ */ b(bo, [["render", yo]]), ko = /* @__PURE__ */ Object.f
     min: i,
     default: i + 1
   };
-  const l = t.medium.max + 1;
+  const a = t.medium.max + 1;
   return t.large = {
     max: 2e3,
     // TODO: decide upper limit
-    min: l,
-    default: l + 1
+    min: a,
+    default: a + 1
   }, t;
-}, So = (e) => `builder-columns ${e}-breakpoints`, Co = g({
+}, Io = (e) => `builder-columns ${e}-breakpoints`, wo = y({
   name: "builder-columns",
   components: {
-    InlinedStyles: Ce,
-    DynamicRenderer: he,
-    Blocks: H,
-    DynamicDiv: X
+    InlinedStyles: de,
+    DynamicRenderer: Ce,
+    Blocks: q,
+    DynamicDiv: ne
   },
   props: [
     "space",
@@ -1800,7 +1689,7 @@ const X = /* @__PURE__ */ b(bo, [["render", yo]]), ko = /* @__PURE__ */ Object.f
     "builderComponents"
   ],
   data() {
-    return { TARGET: R, getColumnsClass: So };
+    return { TARGET: $, getColumnsClass: Io };
   },
   computed: {
     gutterSize() {
@@ -1879,7 +1768,7 @@ const X = /* @__PURE__ */ b(bo, [["render", yo]]), ko = /* @__PURE__ */ Object.f
     },
     getWidthForBreakpointSize(e) {
       var n, o;
-      return vo(
+      return To(
         ((o = (n = this.builderContext.content) == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || {}
       )[e].max;
     },
@@ -1916,39 +1805,39 @@ const X = /* @__PURE__ */ b(bo, [["render", yo]]), ko = /* @__PURE__ */ Object.f
         ...e.link ? {
           href: e.link
         } : {},
-        [_()]: "builder-column",
-        style: mt(this.columnCssVars(t))
+        [G()]: "builder-column",
+        style: ft(this.columnCssVars(t))
       };
     }
   }
 });
-function wo(e, t, n, o, r, s) {
+function $o(e, t, n, o, r, s) {
   var u;
-  const i = k("InlinedStyles"), l = k("Blocks"), a = k("DynamicRenderer");
-  return c(), p("div", C({
+  const i = k("InlinedStyles"), a = k("Blocks"), l = k("DynamicRenderer");
+  return d(), h("div", w({
     class: e.getColumnsClass((u = e.builderBlock) == null ? void 0 : u.id) + " div-4wbls88y960",
     style: e.columnsCssVars()
   }, {}), [
-    e.TARGET !== "reactNative" ? (c(), y(i, {
+    e.TARGET !== "reactNative" ? (d(), S(i, {
       key: 0,
       id: "builderio-columns",
       styles: e.columnsStyles(),
       nonce: e.builderContext.nonce
-    }, null, 8, ["styles", "nonce"])) : S("", !0),
-    (c(!0), p($, null, N(e.columns, (h, m) => (c(), y(a, {
-      key: m,
-      TagName: e.getTagName(h),
+    }, null, 8, ["styles", "nonce"])) : C("", !0),
+    (d(!0), h(I, null, L(e.columns, (p, f) => (d(), S(l, {
+      key: f,
+      TagName: e.getTagName(p),
       actionAttributes: {},
-      attributes: e.getAttributes(h, m)
+      attributes: e.getAttributes(p, f)
     }, {
-      default: W(() => [
-        B(l, {
-          path: `columns.${m}.blocks`,
+      default: U(() => [
+        E(a, {
+          path: `columns.${f}.blocks`,
           parent: e.builderBlock.id,
           context: e.builderContext,
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent,
-          blocks: h.blocks,
+          blocks: p.blocks,
           styleProp: {
             flexGrow: "1"
           }
@@ -1958,47 +1847,47 @@ function wo(e, t, n, o, r, s) {
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const To = /* @__PURE__ */ b(Co, [["render", wo], ["__scopeId", "data-v-459e0e34"]]), Io = g({
+const Ro = /* @__PURE__ */ v(wo, [["render", $o], ["__scopeId", "data-v-459e0e34"]]), Eo = y({
   name: "builder-fragment-component",
   props: []
 });
-function $o(e, t, n, o, r, s) {
-  return c(), p("span", null, [
-    A(e.$slots, "default")
+function Po(e, t, n, o, r, s) {
+  return d(), h("span", null, [
+    V(e.$slots, "default")
   ]);
 }
-const Ro = /* @__PURE__ */ b(Io, [["render", $o]]);
-function Ve(e) {
+const Ao = /* @__PURE__ */ v(Eo, [["render", Po]]);
+function Le(e) {
   return e.replace(/http(s)?:/, "");
 }
-function Eo(e = "", t, n) {
+function Bo(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 Po(e, t) {
+function Vo(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
-    return Ve(e);
+    return Le(e);
   const n = e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
   if (n) {
     const o = e.split(n[0]), r = n[3], s = t.match("x") ? t : `${t}x`;
-    return Ve(`${o[0]}_${s}${r}`);
+    return Le(`${o[0]}_${s}${r}`);
   }
   return null;
 }
-function se(e) {
+function ue(e) {
   if (!e)
     return e;
   const t = [100, 200, 400, 800, 1200, 1600, 2e3];
   if (e.match(/builder\.io/)) {
     let n = e;
     const o = Number(e.split("?width=")[1]);
-    return isNaN(o) || (n = `${n} ${o}w`), t.filter((r) => r !== o).map((r) => `${Eo(e, "width", r)} ${r}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), t.filter((r) => r !== o).map((r) => `${Bo(e, "width", r)} ${r}w`).concat([n]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [Po(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) => [Vo(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
-const Bo = g({
+const No = y({
   name: "builder-image",
   props: [
     "lazy",
@@ -2028,10 +1917,10 @@ const Bo = g({
       if (!this.noWebp) {
         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"), ue(t);
         } else if (this.image && !this.srcset)
-          return se(t);
-        return se(t);
+          return ue(t);
+        return ue(t);
       }
     },
     webpSrcSet() {
@@ -2049,31 +1938,31 @@ const Bo = g({
       return this.aspectRatio ? e : void 0;
     }
   }
-}), Ao = ["srcset"], xo = ["loading", "fetchpriority", "alt", "title", "role", "src", "srcset", "sizes"], Vo = {
+}), Wo = ["srcset"], xo = ["loading", "fetchpriority", "alt", "title", "role", "src", "srcset", "sizes"], Do = {
   key: 2,
   class: "div-29wpyomtntv-2"
 };
-function No(e, t, n, o, r, s) {
-  var i, l, a, u, h, m;
-  return c(), p($, null, [
-    M("picture", null, [
-      e.webpSrcSet ? (c(), p("source", {
+function Oo(e, t, n, o, r, s) {
+  var i, a, l, u, p, f;
+  return d(), h(I, null, [
+    z("picture", null, [
+      e.webpSrcSet ? (d(), h("source", {
         key: 0,
         type: "image/webp",
         srcset: e.webpSrcSet
-      }, null, 8, Ao)) : S("", !0),
-      M("img", {
+      }, null, 8, Wo)) : C("", !0),
+      z("img", {
         loading: e.highPriority ? "eager" : "lazy",
         fetchpriority: e.highPriority ? "high" : "auto",
         alt: e.altText,
         title: e.title,
         role: e.altText ? void 0 : "presentation",
-        style: U({
+        style: j({
           objectPosition: e.backgroundPosition || "center",
           objectFit: e.backgroundSize || "cover",
           ...e.aspectRatioCss
         }),
-        class: J(
+        class: ee(
           "builder-image" + (e.className ? " " + e.className : "") + " img-29wpyomtntv"
         ),
         src: e.image,
@@ -2081,28 +1970,28 @@ function No(e, t, n, o, r, s) {
         sizes: e.sizes
       }, null, 14, xo)
     ]),
-    e.aspectRatio && !((l = (i = e.builderBlock) == null ? void 0 : i.children) != null && l.length && e.fitContent) ? (c(), p("div", {
+    e.aspectRatio && !((a = (i = e.builderBlock) == null ? void 0 : i.children) != null && a.length && e.fitContent) ? (d(), h("div", {
       key: 0,
       class: "builder-image-sizer div-29wpyomtntv",
-      style: U({
+      style: j({
         paddingTop: e.aspectRatio * 100 + "%"
       })
-    }, null, 4)) : S("", !0),
-    (u = (a = e.builderBlock) == null ? void 0 : a.children) != null && u.length && e.fitContent ? A(e.$slots, "default", { key: 1 }, void 0, !0) : S("", !0),
-    !e.fitContent && ((m = (h = e.builderBlock) == null ? void 0 : h.children) != null && m.length) ? (c(), p("div", Vo, [
-      A(e.$slots, "default", {}, void 0, !0)
-    ])) : S("", !0)
+    }, null, 4)) : C("", !0),
+    (u = (l = e.builderBlock) == null ? void 0 : l.children) != null && u.length && e.fitContent ? V(e.$slots, "default", { key: 1 }, void 0, !0) : C("", !0),
+    !e.fitContent && ((f = (p = e.builderBlock) == null ? void 0 : p.children) != null && f.length) ? (d(), h("div", Do, [
+      V(e.$slots, "default", {}, void 0, !0)
+    ])) : C("", !0)
   ], 64);
 }
-const Wo = /* @__PURE__ */ b(Bo, [["render", No], ["__scopeId", "data-v-e6416c92"]]), Oo = g({
+const Uo = /* @__PURE__ */ v(No, [["render", Oo], ["__scopeId", "data-v-e6416c92"]]), Fo = y({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
-    return { filterAttrs: V };
+    return { filterAttrs: W };
   }
 });
-function Uo(e, t, n, o, r, s) {
-  return c(), p("section", C({
+function Lo(e, t, n, o, r, s) {
+  return d(), h("section", w({
     style: {
       width: "100%",
       alignSelf: "stretch",
@@ -2115,11 +2004,276 @@ function Uo(e, t, n, o, r, s) {
       marginLeft: "auto",
       marginRight: "auto"
     }
-  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    A(e.$slots, "default")
+  }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    V(e.$slots, "default")
   ], 16);
 }
-const Do = /* @__PURE__ */ b(Oo, [["render", Uo]]), ie = {
+const Ho = /* @__PURE__ */ v(Fo, [["render", Lo]]);
+function Mo(e, t, n, o) {
+  function r(u) {
+    return typeof u == "string";
+  }
+  function s(u) {
+    return typeof u == "number";
+  }
+  function i(u, p) {
+    return (() => {
+      const c = p.property, m = p.operator;
+      let b = p.value;
+      if (p && p.property === "urlPath" && p.value && typeof p.value == "string" && p.value !== "/" && p.value.endsWith("/") && (b = p.value.slice(0, -1)), !(c && m))
+        return !0;
+      if (Array.isArray(b))
+        return m === "isNot" ? b.every((A) => i(u, {
+          property: c,
+          operator: m,
+          value: A
+        })) : !!b.find((A) => i(u, {
+          property: c,
+          operator: m,
+          value: A
+        }));
+      const g = u[c];
+      if (Array.isArray(g))
+        return g.includes(b);
+      switch (m) {
+        case "is":
+          return g === b;
+        case "isNot":
+          return g !== b;
+        case "contains":
+          return (r(g) || Array.isArray(g)) && g.includes(String(b));
+        case "startsWith":
+          return r(g) && g.startsWith(String(b));
+        case "endsWith":
+          return r(g) && g.endsWith(String(b));
+        case "greaterThan":
+          return s(g) && s(b) && g > b;
+        case "lessThan":
+          return s(g) && s(b) && g < b;
+        case "greaterThanOrEqualTo":
+          return s(g) && s(b) && g >= b;
+        case "lessThanOrEqualTo":
+          return s(g) && s(b) && g <= b;
+        default:
+          return !1;
+      }
+    })();
+  }
+  const a = {
+    query: t,
+    startDate: n,
+    endDate: o
+  }, l = e.date && new Date(e.date) || /* @__PURE__ */ new Date();
+  return a.startDate && new Date(a.startDate) > l || a.endDate && new Date(a.endDate) < l ? !1 : !a.query || !a.query.length ? !0 : a.query.every((u) => i(e, u));
+}
+const jo = `function getPersonalizedVariant(variants, blockId, isHydrationTarget, locale) {
+  if (!navigator.cookieEnabled) {
+    return;
+  }
+  function getCookie(name) {
+    const nameEQ = name + '=';
+    const ca = document.cookie.split(';');
+    for (let i = 0; i < ca.length; i++) {
+      let c = ca[i];
+      while (c.charAt(0) == ' ') c = c.substring(1, c.length);
+      if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
+    }
+    return null;
+  }
+  const attributes = JSON.parse(getCookie('builder.userAttributes') || '{}');
+  if (locale) {
+    attributes.locale = locale;
+  }
+  const winningVariantIndex = variants?.findIndex(function (variant) {
+    return window.filterWithCustomTargeting(attributes, variant.query, variant.startDate, variant.endDate);
+  });
+  const parentDiv = document.currentScript?.parentElement;
+  const variantId = parentDiv?.getAttribute('data-variant-id');
+  const isDefaultVariant = variantId === \`\${blockId}-default\`;
+  const isWinningVariant = winningVariantIndex !== -1 && variantId === \`\${blockId}-\${winningVariantIndex}\` || winningVariantIndex === -1 && isDefaultVariant;
+  if (isWinningVariant && !isDefaultVariant) {
+    parentDiv?.removeAttribute('hidden');
+    parentDiv?.removeAttribute('aria-hidden');
+  } else if (!isWinningVariant && isDefaultVariant) {
+    parentDiv?.setAttribute('hidden', 'true');
+    parentDiv?.setAttribute('aria-hidden', 'true');
+  }
+  if (isHydrationTarget) {
+    if (!isWinningVariant) {
+      const itsStyleEl = parentDiv?.previousElementSibling;
+      if (itsStyleEl) {
+        itsStyleEl.remove();
+      }
+      parentDiv?.remove();
+    }
+    const thisScript = document.currentScript;
+    if (thisScript) {
+      thisScript.remove();
+    }
+  }
+}`, Ko = `function filterWithCustomTargeting(userAttributes, query, startDate, endDate) {
+  function isString(val) {
+    return typeof val === 'string';
+  }
+  function isNumber(val) {
+    return typeof val === 'number';
+  }
+  function objectMatchesQuery(userattr, query) {
+    const result = (() => {
+      const property = query.property;
+      const operator = query.operator;
+      let testValue = query.value;
+      if (query && query.property === 'urlPath' && query.value && typeof query.value === 'string' && query.value !== '/' && query.value.endsWith('/')) {
+        testValue = query.value.slice(0, -1);
+      }
+      if (!(property && operator)) {
+        return true;
+      }
+      if (Array.isArray(testValue)) {
+        if (operator === 'isNot') {
+          return testValue.every(val => objectMatchesQuery(userattr, {
+            property,
+            operator,
+            value: val
+          }));
+        }
+        return !!testValue.find(val => objectMatchesQuery(userattr, {
+          property,
+          operator,
+          value: val
+        }));
+      }
+      const value = userattr[property];
+      if (Array.isArray(value)) {
+        return value.includes(testValue);
+      }
+      switch (operator) {
+        case 'is':
+          return value === testValue;
+        case 'isNot':
+          return value !== testValue;
+        case 'contains':
+          return (isString(value) || Array.isArray(value)) && value.includes(String(testValue));
+        case 'startsWith':
+          return isString(value) && value.startsWith(String(testValue));
+        case 'endsWith':
+          return isString(value) && value.endsWith(String(testValue));
+        case 'greaterThan':
+          return isNumber(value) && isNumber(testValue) && value > testValue;
+        case 'lessThan':
+          return isNumber(value) && isNumber(testValue) && value < testValue;
+        case 'greaterThanOrEqualTo':
+          return isNumber(value) && isNumber(testValue) && value >= testValue;
+        case 'lessThanOrEqualTo':
+          return isNumber(value) && isNumber(testValue) && value <= testValue;
+        default:
+          return false;
+      }
+    })();
+    return result;
+  }
+  const item = {
+    query,
+    startDate,
+    endDate
+  };
+  const now = userAttributes.date && new Date(userAttributes.date) || new Date();
+  if (item.startDate && new Date(item.startDate) > now) {
+    return false;
+  } else if (item.endDate && new Date(item.endDate) < now) {
+    return false;
+  }
+  if (!item.query || !item.query.length) {
+    return true;
+  }
+  return item.query.every(filter => {
+    return objectMatchesQuery(userAttributes, filter);
+  });
+}`, qo = `function updateVisibilityStylesScript(variants, blockId, isHydrationTarget, locale) {
+  function getCookie(name) {
+    const nameEQ = name + '=';
+    const ca = document.cookie.split(';');
+    for (let i = 0; i < ca.length; i++) {
+      let c = ca[i];
+      while (c.charAt(0) == ' ') c = c.substring(1, c.length);
+      if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
+    }
+    return null;
+  }
+  const visibilityStylesEl = document.currentScript?.previousElementSibling;
+  if (!visibilityStylesEl) {
+    return;
+  }
+  if (isHydrationTarget) {
+    visibilityStylesEl.remove();
+    const currentScript = document.currentScript;
+    if (currentScript) {
+      currentScript.remove();
+    }
+  } else {
+    const attributes = JSON.parse(getCookie('builder.userAttributes') || '{}');
+    if (locale) {
+      attributes.locale = locale;
+    }
+    const winningVariantIndex = variants?.findIndex(function (variant) {
+      return window.filterWithCustomTargeting(attributes, variant.query, variant.startDate, variant.endDate);
+    });
+    if (winningVariantIndex !== -1) {
+      let newStyleStr = variants?.map((_, index) => {
+        if (index === winningVariantIndex) return '';
+        return \`div[data-variant-id="\${blockId}-\${index}"] { display: none !important; } \`;
+      }).join('') || '';
+      newStyleStr += \`div[data-variant-id="\${blockId}-default"] { display: none !important; } \`;
+      visibilityStylesEl.innerHTML = newStyleStr;
+    }
+  }
+}`, oe = "default", zo = "filterWithCustomTargeting", vt = "builderIoPersonalization", St = "updateVisibilityStylesScript", kt = ["react", "vue", "svelte", "qwik"], Ct = ["vue", "svelte", "qwik"];
+function Go(e, t) {
+  return !(e && e.length > 0) || !t ? !1 : Ct.includes($) ? !0 : !R();
+}
+function Jo({
+  variants: e,
+  previewingIndex: t,
+  isHydrated: n,
+  filteredVariants: o,
+  fallbackBlocks: r
+}) {
+  const s = {
+    blocks: r ?? [],
+    path: "this.children",
+    index: oe
+  };
+  if (n && P()) {
+    if (typeof t == "number" && t < ((e == null ? void 0 : e.length) ?? 0)) {
+      const i = e == null ? void 0 : e[t];
+      if (i)
+        return {
+          blocks: i.blocks,
+          path: `variants.${t}.blocks`,
+          index: t
+        };
+    }
+    return s;
+  }
+  if (R()) {
+    const i = o == null ? void 0 : o[0];
+    if (i && e) {
+      const a = e.indexOf(i);
+      if (a !== -1)
+        return {
+          blocks: i.blocks,
+          path: `variants.${a}.blocks`,
+          index: a
+        };
+    }
+  }
+  return s;
+}
+const Qo = () => `
+  window.${zo} = ${Ko}
+  window.${vt} = ${jo}
+  window.${St} = ${qo}
+  `, Tt = $ === "react", Yo = (e, t, n) => `window.${vt}(${JSON.stringify(e)}, "${t}", ${Tt}${n ? `, "${n}"` : ""})`, Xo = (e, t, n) => `window.${St}(${JSON.stringify(e)}, "${t}", ${Tt}${n ? `, "${n}"` : ""})`, pe = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item title",
   responsiveStyles: {
@@ -2148,7 +2302,7 @@ const Do = /* @__PURE__ */ b(Oo, [["render", Uo]]), ie = {
       }
     }
   }]
-}, ae = {
+}, me = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item detail",
   responsiveStyles: {
@@ -2179,7 +2333,7 @@ const Do = /* @__PURE__ */ b(Oo, [["render", Uo]]), ie = {
       }
     }
   }]
-}, Fo = {
+}, _o = {
   name: "Builder:Accordion",
   canHaveChildren: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FagZ9n5CUKRfbL9t6CaJOyVSK4Es2%2Ffab6c1fd3fe542408cbdec078bca7f35",
@@ -2196,19 +2350,19 @@ const Do = /* @__PURE__ */ b(Oo, [["render", Uo]]), ie = {
       name: "title",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [ie]
+      defaultValue: [pe]
     }, {
       name: "detail",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [ae]
+      defaultValue: [me]
     }],
     defaultValue: [{
-      title: [ie],
-      detail: [ae]
+      title: [pe],
+      detail: [me]
     }, {
-      title: [ie],
-      detail: [ae]
+      title: [pe],
+      detail: [me]
     }],
     showIf: (e) => !e.get("useChildrenForItems")
   }, {
@@ -2243,9 +2397,9 @@ const Do = /* @__PURE__ */ b(Oo, [["render", Uo]]), ie = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Lo = (e) => e.toString(), Mo = g({
+}, Zo = (e) => e.toString(), er = y({
   name: "builder-accordion",
-  components: { Blocks: H },
+  components: { Blocks: q },
   props: [
     "grid",
     "oneAtATime",
@@ -2257,7 +2411,7 @@ const Do = /* @__PURE__ */ b(Oo, [["render", Uo]]), ie = {
     "builderLinkComponent"
   ],
   data() {
-    return { open: [], convertOrderNumberToString: Lo };
+    return { open: [], convertOrderNumberToString: Zo };
   },
   computed: {
     onlyOneAtATime() {
@@ -2303,11 +2457,11 @@ const Do = /* @__PURE__ */ b(Oo, [["render", Uo]]), ie = {
                 continue;
               const i = r.getBoundingClientRect();
               if (i.left > s.left) {
-                const l = parseInt(
+                const a = parseInt(
                   r.getAttribute("data-index") || "",
                   10
                 );
-                isNaN(l) || (s = i, e = l);
+                isNaN(a) || (s = i, e = a);
               } else
                 break;
             }
@@ -2338,53 +2492,53 @@ const Do = /* @__PURE__ */ b(Oo, [["render", Uo]]), ie = {
       this.open.includes(e) ? this.open = this.onlyOneAtATime ? [] : this.open.filter((t) => t !== e) : this.open = this.onlyOneAtATime ? [e] : this.open.concat(e);
     }
   }
-}), Ho = ["data-index", "onClick"];
-function Ko(e, t, n, o, r, s) {
+}), tr = ["data-index", "onClick"];
+function nr(e, t, n, o, r, s) {
   const i = k("Blocks");
-  return c(), p("div", {
+  return d(), h("div", {
     class: "builder-accordion",
-    style: U(e.accordionStyles)
+    style: j(e.accordionStyles)
   }, [
-    (c(!0), p($, null, N(e.items, (l, a) => (c(), p($, { key: a }, [
-      M("div", {
-        class: J(e.getAccordionTitleClassName(a)),
-        style: U({
+    (d(!0), h(I, null, L(e.items, (a, l) => (d(), h(I, { key: l }, [
+      z("div", {
+        class: ee(e.getAccordionTitleClassName(l)),
+        style: j({
           ...e.accordionTitleStyles,
           ...e.grid && {
             width: e.gridRowWidth,
-            order: e.openGridItemOrder !== null ? e.convertOrderNumberToString(a) : e.convertOrderNumberToString(a + 1)
+            order: e.openGridItemOrder !== null ? e.convertOrderNumberToString(l) : e.convertOrderNumberToString(l + 1)
           }
         }),
-        "data-index": a,
-        onClick: async (u) => e.onClick(a)
+        "data-index": l,
+        onClick: async (u) => e.onClick(l)
       }, [
-        B(i, {
-          blocks: l.title,
-          path: `items.${a}.title`,
+        E(i, {
+          blocks: a.title,
+          path: `items.${l}.title`,
           parent: e.builderBlock.id,
           context: e.builderContext,
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent
         }, null, 8, ["blocks", "path", "parent", "context", "registeredComponents", "linkComponent"])
-      ], 14, Ho),
-      e.open.includes(a) ? (c(), p("div", {
+      ], 14, tr),
+      e.open.includes(l) ? (d(), h("div", {
         key: 0,
-        class: J(e.getAccordionDetailClassName(a)),
-        style: U(e.accordionDetailStyles)
+        class: ee(e.getAccordionDetailClassName(l)),
+        style: j(e.accordionDetailStyles)
       }, [
-        B(i, {
-          blocks: l.detail,
-          path: `items.${a}.detail`,
+        E(i, {
+          blocks: a.detail,
+          path: `items.${l}.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)
+      ], 6)) : C("", !0)
     ], 64))), 128))
   ], 4);
 }
-const jo = /* @__PURE__ */ b(Mo, [["render", Ko]]), zo = {
+const or = /* @__PURE__ */ v(er, [["render", nr]]), rr = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -2420,7 +2574,7 @@ const jo = /* @__PURE__ */ b(Mo, [["render", Ko]]), zo = {
   shouldReceiveBuilderProps: {
     builderLinkComponent: !0
   }
-}, qo = {
+}, ir = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -2599,7 +2753,7 @@ const jo = /* @__PURE__ */ b(Mo, [["render", Ko]]), zo = {
         });
       }
       const n = e.get("columns");
-      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();
+      Array.isArray(n) && n.find((r) => r.get("width")) && (n.find((s) => !s.get("width")) || n.reduce((a, l) => a + l.get("width"), 0) !== 100) && t();
     }
   }, {
     name: "space",
@@ -2627,13 +2781,13 @@ const jo = /* @__PURE__ */ b(Mo, [["render", Ko]]), zo = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Jo = {
+}, sr = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, we = ["jpeg", "jpg", "png", "svg", "webp", "gif", "jfif", "pjpeg", "pjp", "apng", "avif", "tif", "tiff", "heif", "bmp", "eps", "raw", "cr2", "nef", "orf", "sr2", "psd", "heic", "dib", "ai"], Go = ["mp4", "webm", "mkv", "flv", "vob", "ogv", "ogg", "drc", "gif", "gifv", "mng", "avi", "mov", "qt", "mts", "m2ts", "ts", "wmv", "yuv", "rm", "rmvb", "viv", "asf", "amv", "m4p", "mpeg", "mpe", "m2v", "m4v", "svi", "3gp", "3g2", "mxf", "roq", "nsv", "f4v", "f4p", "f4a", "f4b"], Yo = {
+}, Ae = ["jpeg", "jpg", "png", "svg", "webp", "gif", "jfif", "pjpeg", "pjp", "apng", "avif", "tif", "tiff", "heif", "bmp", "eps", "raw", "cr2", "nef", "orf", "sr2", "psd", "heic", "dib", "ai"], ar = ["mp4", "webm", "mkv", "flv", "vob", "ogv", "ogg", "drc", "gif", "gifv", "mng", "avi", "mov", "qt", "mts", "m2ts", "ts", "wmv", "yuv", "rm", "rmvb", "viv", "asf", "amv", "m4p", "mpeg", "mpe", "m2v", "m4v", "svi", "3gp", "3g2", "mxf", "roq", "nsv", "f4v", "f4p", "f4a", "f4b"], lr = {
   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",
@@ -2648,22 +2802,22 @@ const jo = /* @__PURE__ */ b(Mo, [["render", Ko]]), zo = {
     name: "image",
     type: "file",
     bubble: !0,
-    allowedFileTypes: we,
+    allowedFileTypes: Ae,
     required: !0,
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
-      function n(i, l = 6e4) {
-        return new Promise((a, u) => {
-          const h = document.createElement("img");
-          let m = !1;
-          h.onload = () => {
-            m = !0, a(h);
-          }, h.addEventListener("error", (d) => {
-            console.warn("Image load failed", d.error), u(d.error);
-          }), h.src = i, setTimeout(() => {
-            m || u(new Error("Image load timed out"));
-          }, l);
+      function n(i, a = 6e4) {
+        return new Promise((l, u) => {
+          const p = document.createElement("img");
+          let f = !1;
+          p.onload = () => {
+            f = !0, l(p);
+          }, p.addEventListener("error", (c) => {
+            console.warn("Image load failed", c.error), u(c.error);
+          }), p.src = i, setTimeout(() => {
+            f || u(new Error("Image load timed out"));
+          }, a);
         });
       }
       function o(i) {
@@ -2674,8 +2828,8 @@ const jo = /* @__PURE__ */ b(Mo, [["render", Ko]]), zo = {
         i.type.includes("svg") && e.set("noWebp", !0);
       }), 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));
+          const a = e.get("aspectRatio");
+          e.get("image") === r && (!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));
         });
     }
   }, {
@@ -2745,9 +2899,45 @@ const jo = /* @__PURE__ */ b(Mo, [["render", Ko]]), zo = {
   shouldReceiveBuilderProps: {
     builderBlock: !0
   }
-}, bt = g({
+}, cr = {
+  name: "PersonalizationContainer",
+  shouldReceiveBuilderProps: {
+    builderBlock: !0,
+    builderContext: !0,
+    builderComponents: !0
+  },
+  noWrap: !0,
+  image: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F37229ed30d8c41dfb10b8cca1992053a",
+  canHaveChildren: !0,
+  inputs: [{
+    name: "variants",
+    defaultValue: [],
+    behavior: "personalizationVariantList",
+    type: "list",
+    subFields: [{
+      name: "name",
+      type: "text"
+    }, {
+      name: "query",
+      friendlyName: "Targeting rules",
+      type: "BuilderQuery",
+      defaultValue: []
+    }, {
+      name: "startDate",
+      type: "date"
+    }, {
+      name: "endDate",
+      type: "date"
+    }, {
+      name: "blocks",
+      type: "uiBlocks",
+      hideFromUI: !0,
+      defaultValue: []
+    }]
+  }]
+}, Be = y({
   render() {
-    return Ue("script", {
+    return Ke("script", {
       innerHTML: this.scriptStr,
       "data-id": this.id,
       nonce: this.nonce
@@ -2755,7 +2945,217 @@ const jo = /* @__PURE__ */ b(Mo, [["render", Ko]]), zo = {
   },
   name: "inlined-script",
   props: ["scriptStr", "id", "nonce"]
-}), Xo = {
+}), dr = y({
+  name: "builder-personalization-container",
+  components: {
+    Blocks: q,
+    InlinedStyles: de,
+    InlinedScript: Be
+  },
+  props: [
+    "builderContext",
+    "variants",
+    "builderBlock",
+    "attributes",
+    "previewingIndex",
+    "builderComponents"
+  ],
+  data() {
+    var e, t, n, o, r, s, i;
+    return {
+      userAttributes: ae.getUserAttributes(),
+      scriptStr: Yo(
+        this.variants,
+        ((e = this.builderBlock) == null ? void 0 : e.id) || "none",
+        (n = (t = this.builderContext) == null ? void 0 : t.rootState) == null ? void 0 : n.locale
+      ),
+      updateVisibilityStylesScript: Xo(
+        this.variants,
+        ((o = this.builderBlock) == null ? void 0 : o.id) || "none",
+        (s = (r = this.builderContext) == null ? void 0 : r.rootState) == null ? void 0 : s.locale
+      ),
+      unsubscribers: [],
+      shouldRenderVariants: Go(
+        this.variants,
+        J((i = this.builderContext) == null ? void 0 : i.canTrack)
+      ),
+      shouldResetVariants: !1,
+      TARGET: $,
+      DEFAULT_INDEX: oe,
+      SDKS_REQUIRING_RESET_APPROACH: Ct
+    };
+  },
+  mounted() {
+    var t;
+    this.shouldResetVariants = !0;
+    const e = ae.subscribeOnUserAttributesChange(
+      (n) => {
+        this.userAttributes = n;
+      },
+      {
+        fireImmediately: $ === "qwik"
+      }
+    );
+    if (!(P() || Te())) {
+      const n = this.filteredVariants[0];
+      this.$refs.rootRef && (this.$refs.rootRef.dispatchEvent(
+        new CustomEvent("builder.variantLoaded", {
+          detail: {
+            variant: n || oe,
+            content: (t = this.builderContext) == null ? void 0 : t.content
+          },
+          bubbles: !0
+        })
+      ), new IntersectionObserver((r) => {
+        r.forEach((s) => {
+          var i;
+          s.isIntersecting && this.$refs.rootRef && this.$refs.rootRef.dispatchEvent(
+            new CustomEvent("builder.variantDisplayed", {
+              detail: {
+                variant: n || oe,
+                content: (i = this.builderContext) == null ? void 0 : i.content
+              },
+              bubbles: !0
+            })
+          );
+        });
+      }).observe(this.$refs.rootRef));
+    }
+    this.unsubscribers.push(e);
+  },
+  unmounted() {
+    this.unsubscribers.forEach((e) => e());
+  },
+  computed: {
+    attrs() {
+      return {
+        ...W(this.attributes, "v-on:", !1),
+        ...W(this.attributes, "v-on:", !0),
+        [G()]: `builder-personalization-container ${this.attributes[G()] || ""}`
+      };
+    },
+    filteredVariants() {
+      return (this.variants || []).filter((e) => {
+        var t, n, o, r;
+        return Mo(
+          {
+            ...(n = (t = this.builderContext) == null ? void 0 : t.rootState) != null && n.locale ? {
+              locale: (r = (o = this.builderContext) == null ? void 0 : o.rootState) == null ? void 0 : r.locale
+            } : {},
+            ...this.userAttributes
+          },
+          e.query,
+          e.startDate,
+          e.endDate
+        );
+      });
+    },
+    blocksToRender() {
+      var e;
+      return Jo({
+        variants: this.variants,
+        fallbackBlocks: (e = this.builderBlock) == null ? void 0 : e.children,
+        isHydrated: this.shouldResetVariants,
+        filteredVariants: this.filteredVariants,
+        previewingIndex: this.previewingIndex
+      });
+    },
+    hideVariantsStyleString() {
+      return (this.variants || []).map(
+        (e, t) => {
+          var n;
+          return `div[data-variant-id="${(n = this.builderBlock) == null ? void 0 : n.id}-${t}"] { display: none !important; } `;
+        }
+      ).join("");
+    }
+  }
+});
+function ur(e, t, n, o, r, s) {
+  var u, p, f, c, m, b, g, A, F, B;
+  const i = k("Blocks"), a = k("InlinedStyles"), l = k("InlinedScript");
+  return d(), h("div", w({ ref: "rootRef" }, e.attrs), [
+    e.shouldResetVariants && e.SDKS_REQUIRING_RESET_APPROACH.includes(e.TARGET) ? (d(), S(i, {
+      key: 0,
+      blocks: e.blocksToRender.blocks,
+      parent: (u = e.builderBlock) == null ? void 0 : u.id,
+      path: e.blocksToRender.path,
+      context: e.builderContext,
+      registeredComponents: e.builderComponents,
+      BlocksWrapperProps: {
+        ...(p = e.builderContext) == null ? void 0 : p.BlocksWrapperProps,
+        "data-variant-id": `${(f = e.builderBlock) == null ? void 0 : f.id}-${e.blocksToRender.index}`
+      }
+    }, null, 8, ["blocks", "parent", "path", "context", "registeredComponents", "BlocksWrapperProps"])) : C("", !0),
+    !e.shouldResetVariants && e.SDKS_REQUIRING_RESET_APPROACH.includes(e.TARGET) || !e.SDKS_REQUIRING_RESET_APPROACH.includes(e.TARGET) ? (d(), h(I, { key: 1 }, [
+      e.shouldRenderVariants ? (d(), h(I, { key: 0 }, [
+        E(a, {
+          nonce: ((c = e.builderContext) == null ? void 0 : c.nonce) || "",
+          styles: e.hideVariantsStyleString,
+          id: `variants-styles-${(m = e.builderBlock) == null ? void 0 : m.id}`
+        }, null, 8, ["nonce", "styles", "id"]),
+        E(l, {
+          nonce: ((b = e.builderContext) == null ? void 0 : b.nonce) || "",
+          scriptStr: e.updateVisibilityStylesScript,
+          id: `variants-visibility-script-${(g = e.builderBlock) == null ? void 0 : g.id}`
+        }, null, 8, ["nonce", "scriptStr", "id"]),
+        (d(!0), h(I, null, L(e.variants, (T, x) => {
+          var H, Q, Y, D;
+          return d(), S(i, {
+            key: `${(H = e.builderBlock) == null ? void 0 : H.id}-${x}`,
+            BlocksWrapperProps: {
+              ...(Q = e.builderContext) == null ? void 0 : Q.BlocksWrapperProps,
+              "aria-hidden": !0,
+              hidden: !0,
+              "data-variant-id": `${(Y = e.builderBlock) == null ? void 0 : Y.id}-${x}`
+            },
+            blocks: T.blocks,
+            parent: (D = e.builderBlock) == null ? void 0 : D.id,
+            path: `component.options.variants.${x}.blocks`,
+            context: e.builderContext,
+            registeredComponents: e.builderComponents
+          }, {
+            default: U(() => {
+              var M, Ve;
+              return [
+                E(l, {
+                  nonce: ((M = e.builderContext) == null ? void 0 : M.nonce) || "",
+                  scriptStr: e.scriptStr,
+                  id: `variants-script-${(Ve = e.builderBlock) == null ? void 0 : Ve.id}-${x}`
+                }, null, 8, ["nonce", "scriptStr", "id"])
+              ];
+            }),
+            _: 2
+          }, 1032, ["BlocksWrapperProps", "blocks", "parent", "path", "context", "registeredComponents"]);
+        }), 128))
+      ], 64)) : C("", !0),
+      E(i, {
+        blocks: e.blocksToRender.blocks,
+        parent: (A = e.builderBlock) == null ? void 0 : A.id,
+        path: e.blocksToRender.path,
+        context: e.builderContext,
+        registeredComponents: e.builderComponents,
+        BlocksWrapperProps: {
+          ...(F = e.builderContext) == null ? void 0 : F.BlocksWrapperProps,
+          "data-variant-id": `${(B = e.builderBlock) == null ? void 0 : B.id}-${e.blocksToRender.index}`
+        }
+      }, {
+        default: U(() => {
+          var T, x;
+          return [
+            e.shouldRenderVariants ? (d(), S(l, {
+              key: 0,
+              nonce: ((T = e.builderContext) == null ? void 0 : T.nonce) || "",
+              scriptStr: e.scriptStr,
+              id: `variants-script-${(x = e.builderBlock) == null ? void 0 : x.id}-${e.DEFAULT_INDEX}`
+            }, null, 8, ["nonce", "scriptStr", "id"])) : C("", !0)
+          ];
+        }),
+        _: 1
+      }, 8, ["blocks", "parent", "path", "context", "registeredComponents", "BlocksWrapperProps"])
+    ], 64)) : C("", !0)
+  ], 16);
+}
+const pr = /* @__PURE__ */ v(dr, [["render", ur]]), mr = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -2794,7 +3194,7 @@ const jo = /* @__PURE__ */ b(Mo, [["render", Ko]]), zo = {
       }
     }
   }]
-}, Qo = {
+}, hr = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -2811,24 +3211,24 @@ const jo = /* @__PURE__ */ b(Mo, [["render", Ko]]), zo = {
     builderContext: !0,
     builderComponents: !0
   }
-}, Zo = g({
+}, fr = y({
   name: "builder-slot",
-  components: { Blocks: H },
+  components: { Blocks: q },
   props: ["builderContext", "name", "builderComponents"]
 });
-function _o(e, t, n, o, r, s) {
-  var l, a, u;
+function br(e, t, n, o, r, s) {
+  var a, l, u;
   const i = k("Blocks");
-  return c(), p("div", C(
+  return d(), h("div", w(
     { style: {
       pointerEvents: "auto"
     } },
-    !((l = e.builderContext.context) != null && l.symbolId) && {
+    !((a = e.builderContext.context) != null && a.symbolId) && {
       "builder-slot": e.name
     }
   ), [
-    B(i, {
-      parent: (a = e.builderContext.context) == null ? void 0 : a.symbolId,
+    E(i, {
+      parent: (l = e.builderContext.context) == null ? void 0 : l.symbolId,
       path: `symbol.data.${e.name}`,
       context: e.builderContext,
       registeredComponents: e.builderComponents,
@@ -2836,7 +3236,7 @@ function _o(e, t, n, o, r, s) {
     }, null, 8, ["parent", "path", "context", "registeredComponents", "blocks"])
   ], 16);
 }
-const er = /* @__PURE__ */ b(Zo, [["render", _o]]), tr = {
+const gr = /* @__PURE__ */ v(fr, [["render", br]]), yr = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -2875,7 +3275,7 @@ const er = /* @__PURE__ */ b(Zo, [["render", _o]]), tr = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, le = {
+}, he = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -2897,7 +3297,7 @@ const er = /* @__PURE__ */ b(Zo, [["render", _o]]), tr = {
       text: "New tab"
     }
   }
-}, ce = {
+}, fe = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -2913,7 +3313,7 @@ const er = /* @__PURE__ */ b(Zo, [["render", _o]]), tr = {
       text: "New tab content "
     }
   }
-}, nr = {
+}, vr = {
   name: "Builder: Tabs",
   inputs: [{
     name: "tabs",
@@ -2923,16 +3323,16 @@ const er = /* @__PURE__ */ b(Zo, [["render", _o]]), tr = {
       name: "label",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [le]
+      defaultValue: [he]
     }, {
       name: "content",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [ce]
+      defaultValue: [fe]
     }],
     defaultValue: [{
       label: [{
-        ...le,
+        ...he,
         component: {
           name: "Text",
           options: {
@@ -2941,7 +3341,7 @@ const er = /* @__PURE__ */ b(Zo, [["render", _o]]), tr = {
         }
       }],
       content: [{
-        ...ce,
+        ...fe,
         component: {
           name: "Text",
           options: {
@@ -2951,7 +3351,7 @@ const er = /* @__PURE__ */ b(Zo, [["render", _o]]), tr = {
       }]
     }, {
       label: [{
-        ...le,
+        ...he,
         component: {
           name: "Text",
           options: {
@@ -2960,7 +3360,7 @@ const er = /* @__PURE__ */ b(Zo, [["render", _o]]), tr = {
         }
       }],
       content: [{
-        ...ce,
+        ...fe,
         component: {
           name: "Text",
           options: {
@@ -3016,9 +3416,9 @@ const er = /* @__PURE__ */ b(Zo, [["render", _o]]), tr = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, or = g({
+}, Sr = y({
   name: "builder-tabs",
-  components: { Blocks: H },
+  components: { Blocks: q },
   props: [
     "defaultActiveTab",
     "tabs",
@@ -3041,39 +3441,39 @@ const er = /* @__PURE__ */ b(Zo, [["render", _o]]), tr = {
       e === this.activeTab && this.collapsible ? this.activeTab = -1 : this.activeTab = e;
     }
   }
-}), rr = ["onClick"], sr = { key: 0 };
-function ir(e, t, n, o, r, s) {
+}), kr = ["onClick"], Cr = { key: 0 };
+function Tr(e, t, n, o, r, s) {
   const i = k("Blocks");
-  return c(), p("div", null, [
-    M("div", {
+  return d(), h("div", null, [
+    z("div", {
       class: "builder-tabs-wrap",
-      style: U({
+      style: j({
         display: "flex",
         flexDirection: "row",
         justifyContent: e.tabHeaderLayout || "flex-start",
         overflow: "auto"
       })
     }, [
-      (c(!0), p($, null, N(e.tabs, (l, a) => (c(), p("span", {
-        key: a,
-        class: J(`builder-tab-wrap ${e.activeTab === a ? "builder-tab-active" : ""}`),
-        style: U({
-          ...e.activeTab === a ? e.activeTabStyle : {}
+      (d(!0), h(I, null, L(e.tabs, (a, l) => (d(), h("span", {
+        key: l,
+        class: ee(`builder-tab-wrap ${e.activeTab === l ? "builder-tab-active" : ""}`),
+        style: j({
+          ...e.activeTab === l ? e.activeTabStyle : {}
         }),
-        onClick: async (u) => e.onClick(a)
+        onClick: async (u) => e.onClick(l)
       }, [
-        B(i, {
+        E(i, {
           parent: e.builderBlock.id,
-          path: `tabs.${a}.label`,
-          blocks: l.label,
+          path: `tabs.${l}.label`,
+          blocks: a.label,
           context: e.builderContext,
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent
         }, null, 8, ["parent", "path", "blocks", "context", "registeredComponents", "linkComponent"])
-      ], 14, rr))), 128))
+      ], 14, kr))), 128))
     ], 4),
-    e.activeTabContent(e.activeTab) ? (c(), p("div", sr, [
-      B(i, {
+    e.activeTabContent(e.activeTab) ? (d(), h("div", Cr, [
+      E(i, {
         parent: e.builderBlock.id,
         path: `tabs.${e.activeTab}.content`,
         blocks: e.activeTabContent(e.activeTab),
@@ -3081,10 +3481,10 @@ function ir(e, t, n, o, r, s) {
         registeredComponents: e.builderComponents,
         linkComponent: e.builderLinkComponent
       }, null, 8, ["parent", "path", "blocks", "context", "registeredComponents", "linkComponent"])
-    ])) : S("", !0)
+    ])) : C("", !0)
   ]);
 }
-const ar = /* @__PURE__ */ b(or, [["render", ir]]), lr = {
+const Ir = /* @__PURE__ */ v(Sr, [["render", Tr]]), wr = {
   shouldReceiveBuilderProps: {},
   name: "Text",
   static: !0,
@@ -3103,21 +3503,21 @@ const ar = /* @__PURE__ */ b(or, [["render", ir]]), lr = {
     height: "auto",
     textAlign: "center"
   }
-}, cr = g({
+}, $r = y({
   name: "builder-text",
   props: ["text"]
-}), dr = ["innerHTML"];
-function ur(e, t, n, o, r, s) {
+}), Rr = ["innerHTML"];
+function Er(e, t, n, o, r, s) {
   var i;
-  return c(), p("div", {
+  return d(), h("div", {
     class: "builder-text",
     innerHTML: ((i = e.text) == null ? void 0 : i.toString()) || "",
     style: {
       outline: "none"
     }
-  }, null, 8, dr);
+  }, null, 8, Rr);
 }
-const pr = /* @__PURE__ */ b(cr, [["render", ur]]), mr = {
+const Pr = /* @__PURE__ */ v($r, [["render", Er]]), Ar = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -3139,7 +3539,7 @@ const pr = /* @__PURE__ */ b(cr, [["render", ur]]), mr = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, hr = g({
+}, Br = y({
   name: "builder-custom-code",
   props: ["code", "replaceNodes"],
   data() {
@@ -3151,7 +3551,7 @@ const pr = /* @__PURE__ */ b(cr, [["render", ur]]), mr = {
   watch: {
     onUpdateHook0: {
       handler() {
-        E() && setTimeout(() => {
+        P() && setTimeout(() => {
           this.runScripts();
         }, 0);
       },
@@ -3189,7 +3589,7 @@ const pr = /* @__PURE__ */ b(cr, [["render", ur]]), mr = {
           try {
             this.scriptsRun.push(o.innerText), new Function(o.innerText)();
           } catch (r) {
-            P.warn(
+            N.warn(
               "[BUILDER.IO] `CustomCode`: Error running script:",
               r
             );
@@ -3198,15 +3598,15 @@ const pr = /* @__PURE__ */ b(cr, [["render", ur]]), mr = {
       }
     }
   }
-}), fr = ["innerHTML"];
-function gr(e, t, n, o, r, s) {
-  return c(), p("div", {
+}), Vr = ["innerHTML"];
+function Nr(e, t, n, o, r, s) {
+  return d(), h("div", {
     ref: "elementRef",
-    class: J("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
+    class: ee("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
     innerHTML: e.code
-  }, null, 10, fr);
+  }, null, 10, Vr);
 }
-const br = /* @__PURE__ */ b(hr, [["render", gr]]), yr = {
+const Wr = /* @__PURE__ */ v(Br, [["render", Nr]]), xr = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -3221,7 +3621,7 @@ const br = /* @__PURE__ */ b(hr, [["render", gr]]), yr = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, kr = ["text/javascript", "application/javascript", "application/ecmascript"], vr = (e) => kr.includes(e.type), Sr = g({
+}, Dr = ["text/javascript", "application/javascript", "application/ecmascript"], Or = (e) => Dr.includes(e.type), Ur = y({
   name: "builder-embed",
   props: ["content"],
   data() {
@@ -3254,24 +3654,24 @@ const br = /* @__PURE__ */ b(hr, [["render", gr]]), yr = {
           this.scriptsInserted.push(n.src);
           const o = document.createElement("script");
           o.async = !0, o.src = n.src, document.head.appendChild(o);
-        } else if (vr(n) && !this.scriptsRun.includes(n.innerText))
+        } else if (Or(n) && !this.scriptsRun.includes(n.innerText))
           try {
             this.scriptsRun.push(n.innerText), new Function(n.innerText)();
           } catch (o) {
-            P.warn("[BUILDER.IO] `Embed`: Error running script:", o);
+            N.warn("[BUILDER.IO] `Embed`: Error running script:", o);
           }
       }
     }
   }
-}), Cr = ["innerHTML"];
-function wr(e, t, n, o, r, s) {
-  return c(), p("div", {
+}), Fr = ["innerHTML"];
+function Lr(e, t, n, o, r, s) {
+  return d(), h("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: e.content
-  }, null, 8, Cr);
+  }, null, 8, Fr);
 }
-const Tr = /* @__PURE__ */ b(Sr, [["render", wr]]), Ir = {
+const Hr = /* @__PURE__ */ v(Ur, [["render", Lr]]), Mr = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -3508,12 +3908,12 @@ const Tr = /* @__PURE__ */ b(Sr, [["render", wr]]), Ir = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, $r = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], Rr = () => {
+}, jr = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], Kr = () => {
   const e = process.env.NODE_ENV || "production";
-  return $r.includes(e) ? e : "production";
-}, Er = g({
+  return jr.includes(e) ? e : "production";
+}, qr = y({
   name: "builder-form-component",
-  components: { Blocks: H },
+  components: { Blocks: q },
   props: [
     "builderContext",
     "previewState",
@@ -3539,7 +3939,7 @@ const Tr = /* @__PURE__ */ b(Sr, [["render", wr]]), Ir = {
       formState: "unsubmitted",
       responseData: null,
       formErrorMessage: "",
-      filterAttrs: V
+      filterAttrs: W
     };
   },
   methods: {
@@ -3552,7 +3952,7 @@ const Tr = /* @__PURE__ */ b(Sr, [["render", wr]]), Ir = {
       this.builderContext.rootSetState ? (o = (n = this.builderContext).rootSetState) == null || o.call(n, t) : this.builderContext.rootState = t;
     },
     submissionState() {
-      return E() && this.previewState || this.formState;
+      return P() && this.previewState || this.formState;
     },
     onSubmit(e) {
       var n;
@@ -3567,42 +3967,42 @@ const Tr = /* @__PURE__ */ b(Sr, [["render", wr]]), Ir = {
         e.preventDefault();
         const o = e.currentTarget || e.target, r = this.customHeaders || {};
         let s;
-        const i = new FormData(o), l = Array.from(o.querySelectorAll("input,select,textarea")).filter((d) => !!d.name).map((d) => {
-          let f;
-          const v = d.name;
-          if (d instanceof HTMLInputElement)
-            if (d.type === "radio") {
-              if (d.checked)
-                return f = d.name, {
-                  key: v,
-                  value: f
+        const i = new FormData(o), a = Array.from(o.querySelectorAll("input,select,textarea")).filter((c) => !!c.name).map((c) => {
+          let m;
+          const b = c.name;
+          if (c instanceof HTMLInputElement)
+            if (c.type === "radio") {
+              if (c.checked)
+                return m = c.name, {
+                  key: b,
+                  value: m
                 };
-            } else if (d.type === "checkbox")
-              f = d.checked;
-            else if (d.type === "number" || d.type === "range") {
-              const T = d.valueAsNumber;
-              isNaN(T) || (f = T);
+            } else if (c.type === "checkbox")
+              m = c.checked;
+            else if (c.type === "number" || c.type === "range") {
+              const g = c.valueAsNumber;
+              isNaN(g) || (m = g);
             } else
-              d.type === "file" ? f = d.files : f = d.value;
+              c.type === "file" ? m = c.files : m = c.value;
           else
-            f = d.value;
+            m = c.value;
           return {
-            key: v,
-            value: f
+            key: b,
+            value: m
           };
         });
-        let a = this.contentType;
-        if (this.sendSubmissionsTo === "email" && (a = "multipart/form-data"), Array.from(l).forEach(({ value: d }) => {
-          (d instanceof File || Array.isArray(d) && d[0] instanceof File || d instanceof FileList) && (a = "multipart/form-data");
-        }), a !== "application/json")
+        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")
           s = i;
         else {
-          const d = {};
-          Array.from(l).forEach(({ value: f, key: v }) => {
-            ze(d, v, f);
-          }), s = JSON.stringify(d);
+          const c = {};
+          Array.from(a).forEach(({ value: m, key: b }) => {
+            qe(c, b, m);
+          }), s = JSON.stringify(c);
         }
-        a && a !== "multipart/form-data" && (t && ((n = this.action) != null && n.includes("zapier.com")) || (r["content-type"] = a));
+        l && l !== "multipart/form-data" && (t && ((n = this.action) != null && n.includes("zapier.com")) || (r["content-type"] = l));
         const u = new CustomEvent("presubmit", {
           detail: {
             body: s
@@ -3610,97 +4010,116 @@ const Tr = /* @__PURE__ */ b(Sr, [["render", wr]]), Ir = {
         });
         if (this.$refs.formRef && (this.$refs.formRef.dispatchEvent(u), u.defaultPrevented))
           return;
-        this.formState = "sending";
-        const h = `${Rr() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
+        if (this.formState = "sending", this.sendSubmissionsTo === "email" && (this.sendSubmissionsToEmail === "your@email.com" || !this.sendSubmissionsToEmail)) {
+          const c = "SubmissionsToEmail is required when sendSubmissionsTo is set to email";
+          console.error(c), this.formState = "error", this.mergeNewRootState({
+            formErrorMessage: c
+          });
+          return;
+        }
+        const p = `${Kr() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
           this.sendSubmissionsToEmail || ""
-        )}&name=${encodeURIComponent(this.name || "")}`, m = this.sendSubmissionsTo === "email" ? h : this.action;
-        be(m), fetch(m, {
+        )}&name=${encodeURIComponent(this.name || "")}`, f = this.sendSubmissionsTo === "email" ? p : this.action;
+        we(f), fetch(f, {
           body: s,
           headers: r,
           method: this.method || "post"
         }).then(
-          async (d) => {
-            let f;
-            const v = d.headers.get("content-type");
-            if (v && v.indexOf("application/json") !== -1 ? f = await d.json() : f = await d.text(), !d.ok && this.errorMessagePath) {
-              let T = Fe(f, this.errorMessagePath);
-              T && (typeof T != "string" && (T = JSON.stringify(T)), this.formErrorMessage = T, this.mergeNewRootState({
-                formErrorMessage: T
-              }));
+          async (c) => {
+            var g, A;
+            let m;
+            const b = c.headers.get("content-type");
+            if (b && b.indexOf("application/json") !== -1 ? m = await c.json() : m = await c.text(), !c.ok) {
+              const F = new CustomEvent("submit:error", {
+                detail: {
+                  error: m,
+                  status: c.status
+                }
+              });
+              if ((g = this.$refs.formRef) != null && g.nativeElement && ((A = this.$refs.formRef) == null || A.nativeElement.dispatchEvent(
+                F
+              ), F.defaultPrevented))
+                return;
+              this.responseData = m, this.formState = "error";
+              let B = this.errorMessagePath ? Je(m, this.errorMessagePath) : m.message || m.error || m;
+              typeof B != "string" && (B = JSON.stringify(B)), this.formErrorMessage = B, this.mergeNewRootState({
+                formErrorMessage: B
+              });
+              return;
             }
-            if (this.responseData = f, this.formState = d.ok ? "success" : "error", d.ok) {
-              const T = new CustomEvent("submit:success", {
+            if (this.responseData = m, this.formState = c.ok ? "success" : "error", c.ok) {
+              const F = new CustomEvent("submit:success", {
                 detail: {
-                  res: d,
-                  body: f
+                  res: c,
+                  body: m
                 }
               });
               if (this.$refs.formRef) {
-                if (this.$refs.formRef.dispatchEvent(T), T.defaultPrevented)
+                if (this.$refs.formRef.dispatchEvent(F), F.defaultPrevented)
                   return;
                 this.resetFormOnSubmit !== !1 && this.$refs.formRef.reset();
               }
               if (this.successUrl)
                 if (this.$refs.formRef) {
-                  const F = new CustomEvent("route", {
+                  const B = new CustomEvent("route", {
                     detail: {
                       url: this.successUrl
                     }
                   });
-                  this.$refs.formRef.dispatchEvent(F), F.defaultPrevented || (location.href = this.successUrl);
+                  this.$refs.formRef.dispatchEvent(B), B.defaultPrevented || (location.href = this.successUrl);
                 } else
                   location.href = this.successUrl;
             }
           },
-          (d) => {
-            const f = new CustomEvent("submit:error", {
+          (c) => {
+            const m = new CustomEvent("submit:error", {
               detail: {
-                error: d
+                error: c
               }
             });
-            this.$refs.formRef && (this.$refs.formRef.dispatchEvent(f), f.defaultPrevented) || (this.responseData = d, this.formState = "error");
+            this.$refs.formRef && (this.$refs.formRef.dispatchEvent(m), m.defaultPrevented) || (this.responseData = c, this.formState = "error");
           }
         );
       }
     }
   }
-}), Pr = ["validate", "action", "method", "name"], Br = {
+}), zr = ["validate", "action", "method", "name"], Gr = {
   key: 2,
   class: "builder-form-error-text pre-1hjwvu3r5mj"
 };
-function Ar(e, t, n, o, r, s) {
+function Jr(e, t, n, o, r, s) {
   const i = k("Blocks");
-  return c(), p("form", C({
+  return d(), h("form", w({
     validate: e.validate,
     ref: "formRef",
     action: !e.sendWithJs && e.action,
     method: e.method,
     name: e.name,
-    onSubmit: t[0] || (t[0] = async (l) => e.onSubmit(l))
-  }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    A(e.$slots, "default", {}, void 0, !0),
-    e.submissionState() === "error" ? (c(), y(i, {
+    onSubmit: t[0] || (t[0] = async (a) => e.onSubmit(a))
+  }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    V(e.$slots, "default", {}, void 0, !0),
+    e.submissionState() === "error" ? (d(), S(i, {
       key: 0,
       path: "errorMessage",
       blocks: e.errorMessage,
       context: e.builderContext
-    }, null, 8, ["blocks", "context"])) : S("", !0),
-    e.submissionState() === "sending" ? (c(), y(i, {
+    }, null, 8, ["blocks", "context"])) : C("", !0),
+    e.submissionState() === "sending" ? (d(), S(i, {
       key: 1,
       path: "sendingMessage",
       blocks: e.sendingMessage,
       context: e.builderContext
-    }, null, 8, ["blocks", "context"])) : S("", !0),
-    e.submissionState() === "error" && e.responseData ? (c(), p("pre", Br, ne(JSON.stringify(e.responseData, null, 2)), 1)) : S("", !0),
-    e.submissionState() === "success" ? (c(), y(i, {
+    }, null, 8, ["blocks", "context"])) : C("", !0),
+    e.submissionState() === "error" && e.responseData ? (d(), h("pre", Gr, le(JSON.stringify(e.responseData, null, 2)), 1)) : C("", !0),
+    e.submissionState() === "success" ? (d(), S(i, {
       key: 3,
       path: "successMessage",
       blocks: e.successMessage,
       context: e.builderContext
-    }, null, 8, ["blocks", "context"])) : S("", !0)
-  ], 16, Pr);
+    }, null, 8, ["blocks", "context"])) : C("", !0)
+  ], 16, zr);
 }
-const xr = /* @__PURE__ */ b(Er, [["render", Ar], ["__scopeId", "data-v-4ef43cdd"]]), Vr = {
+const Qr = /* @__PURE__ */ v(qr, [["render", Jr], ["__scopeId", "data-v-89aa89a6"]]), Yr = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -3751,7 +4170,7 @@ const xr = /* @__PURE__ */ b(Er, [["render", Ar], ["__scopeId", "data-v-4ef43cdd
     borderStyle: "solid",
     borderColor: "#ccc"
   }
-}, Nr = g({
+}, Xr = y({
   name: "builder-form-input-component",
   props: [
     "attributes",
@@ -3763,11 +4182,11 @@ const xr = /* @__PURE__ */ b(Er, [["render", Ar], ["__scopeId", "data-v-4ef43cdd
     "required"
   ],
   data() {
-    return { isEditing: E, filterAttrs: V };
+    return { isEditing: P, filterAttrs: W };
   }
-}), Wr = ["placeholder", "type", "name", "value", "defaultValue", "required"];
-function Or(e, t, n, o, r, s) {
-  return c(), p("input", C({
+}), _r = ["placeholder", "type", "name", "value", "defaultValue", "required"];
+function Zr(e, t, n, o, r, s) {
+  return d(), h("input", w({
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     placeholder: e.placeholder,
     type: e.type,
@@ -3775,9 +4194,9 @@ function Or(e, t, n, o, r, s) {
     value: e.value,
     defaultValue: e.defaultValue,
     required: e.required
-  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Wr);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, _r);
 }
-const Ur = /* @__PURE__ */ b(Nr, [["render", Or]]), Dr = {
+const ei = /* @__PURE__ */ v(Xr, [["render", Zr]]), ti = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -3819,28 +4238,28 @@ const Ur = /* @__PURE__ */ b(Nr, [["render", Or]]), Dr = {
   }],
   static: !0,
   noWrap: !0
-}, Fr = g({
+}, ni = y({
   name: "builder-select-component",
   props: ["attributes", "value", "defaultValue", "name", "required", "options"],
   data() {
-    return { isEditing: E, filterAttrs: V };
+    return { isEditing: P, filterAttrs: W };
   }
-}), Lr = ["value", "defaultValue", "name", "required"], Mr = ["value"];
-function Hr(e, t, n, o, r, s) {
-  return c(), p("select", C({
+}), oi = ["value", "defaultValue", "name", "required"], ri = ["value"];
+function ii(e, t, n, o, r, s) {
+  return d(), h("select", w({
     value: e.value,
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     defaultValue: e.defaultValue,
     name: e.name,
     required: e.required
-  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    (c(!0), p($, null, N(e.options, (i, l) => (c(), p("option", {
-      key: `${i.name}-${l}`,
+  }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    (d(!0), h(I, null, L(e.options, (i, a) => (d(), h("option", {
+      key: `${i.name}-${a}`,
       value: i.value
-    }, ne(i.name || i.value), 9, Mr))), 128))
-  ], 16, Lr);
+    }, le(i.name || i.value), 9, ri))), 128))
+  ], 16, oi);
 }
-const Kr = /* @__PURE__ */ b(Fr, [["render", Hr]]), jr = {
+const si = /* @__PURE__ */ v(ni, [["render", ii]]), ai = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -3865,17 +4284,17 @@ const Kr = /* @__PURE__ */ b(Fr, [["render", Hr]]), jr = {
   // that only shows if advanced setting is flipped
   // TODO: defaultChildren
   // canHaveChildren: true,
-}, zr = g({
+}, li = y({
   name: "builder-submit-button",
   props: ["attributes", "text"],
   data() {
-    return { filterAttrs: V };
+    return { filterAttrs: W };
   }
 });
-function qr(e, t, n, o, r, s) {
-  return c(), p("button", C({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ne(e.text), 17);
+function ci(e, t, n, o, r, s) {
+  return d(), h("button", w({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), le(e.text), 17);
 }
-const Jr = /* @__PURE__ */ b(zr, [["render", qr]]), Gr = {
+const di = /* @__PURE__ */ v(li, [["render", ci]]), ui = {
   name: "Form:TextArea",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
   inputs: [{
@@ -3911,7 +4330,7 @@ const Jr = /* @__PURE__ */ b(zr, [["render", qr]]), Gr = {
   },
   static: !0,
   noWrap: !0
-}, Yr = g({
+}, pi = y({
   name: "builder-textarea",
   props: [
     "attributes",
@@ -3922,19 +4341,19 @@ const Jr = /* @__PURE__ */ b(zr, [["render", qr]]), Gr = {
     "required"
   ],
   data() {
-    return { filterAttrs: V };
+    return { filterAttrs: W };
   }
-}), Xr = ["placeholder", "name", "value", "defaultValue", "required"];
-function Qr(e, t, n, o, r, s) {
-  return c(), p("textarea", C({
+}), mi = ["placeholder", "name", "value", "defaultValue", "required"];
+function hi(e, t, n, o, r, s) {
+  return d(), h("textarea", w({
     placeholder: e.placeholder,
     name: e.name,
     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, Xr);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, mi);
 }
-const Zr = /* @__PURE__ */ b(Yr, [["render", Qr]]), _r = {
+const fi = /* @__PURE__ */ v(pi, [["render", hi]]), bi = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -3943,12 +4362,12 @@ const Zr = /* @__PURE__ */ b(Yr, [["render", Qr]]), _r = {
     name: "image",
     bubble: !0,
     type: "file",
-    allowedFileTypes: we,
+    allowedFileTypes: Ae,
     required: !0
   }],
   noWrap: !0,
   static: !0
-}, es = g({
+}, gi = y({
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -3959,11 +4378,11 @@ const Zr = /* @__PURE__ */ b(Yr, [["render", Qr]]), _r = {
     "attributes"
   ],
   data() {
-    return { isEditing: E, filterAttrs: V };
+    return { isEditing: P, filterAttrs: W };
   }
-}), ts = ["alt", "src"];
-function ns(e, t, n, o, r, s) {
-  return c(), p("img", C({
+}), yi = ["alt", "src"];
+function vi(e, t, n, o, r, s) {
+  return d(), h("img", w({
     style: {
       objectFit: e.backgroundSize || "cover",
       objectPosition: e.backgroundPosition || "center"
@@ -3971,9 +4390,9 @@ function ns(e, t, n, o, r, s) {
     key: e.isEditing() && e.imgSrc || "default-key",
     alt: e.altText,
     src: e.imgSrc || e.image
-  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, ts);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, yi);
 }
-const os = /* @__PURE__ */ b(es, [["render", ns]]), rs = {
+const Si = /* @__PURE__ */ v(gi, [["render", vi]]), ki = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -3984,14 +4403,14 @@ const os = /* @__PURE__ */ b(es, [["render", ns]]), rs = {
   inputs: [{
     name: "video",
     type: "file",
-    allowedFileTypes: Go,
+    allowedFileTypes: ar,
     bubble: !0,
     defaultValue: "https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd27731a526464deba0016216f5f9e570%2Fcompressed?apiKey=YJIGb4i01jvw0SRdL5Bt&token=d27731a526464deba0016216f5f9e570&alt=media&optimized=true",
     required: !0
   }, {
     name: "posterImage",
     type: "file",
-    allowedFileTypes: we,
+    allowedFileTypes: Ae,
     helperText: "Image to show before the video plays"
   }, {
     name: "autoPlay",
@@ -4057,7 +4476,7 @@ const os = /* @__PURE__ */ b(es, [["render", ns]]), rs = {
   shouldReceiveBuilderProps: {
     builderBlock: !0
   }
-}, ss = g({
+}, Ci = y({
   name: "builder-video",
   props: [
     "lazyLoad",
@@ -4130,16 +4549,16 @@ const os = /* @__PURE__ */ b(es, [["render", ns]]), rs = {
       };
     }
   }
-}), is = { style: {
+}), Ti = { style: {
   position: "relative"
-} }, as = ["preload", "poster"], ls = {
+} }, Ii = ["preload", "poster"], wi = {
   key: 1,
   style: {
     display: "flex",
     flexDirection: "column",
     alignItems: "stretch"
   }
-}, cs = {
+}, $i = {
   key: 2,
   style: {
     pointerEvents: "none",
@@ -4153,10 +4572,10 @@ const os = /* @__PURE__ */ b(es, [["render", ns]]), rs = {
     height: "100%"
   }
 };
-function ds(e, t, n, o, r, s) {
-  var i, l, a, u, h, m, d;
-  return c(), p("div", is, [
-    M("video", C({
+function Ri(e, t, n, o, r, s) {
+  var i, a, l, u, p, f, c;
+  return d(), h("div", Ti, [
+    z("video", w({
       class: "builder-video",
       ref: "videoRef",
       preload: e.lazyLoad ? "none" : e.preload || "metadata",
@@ -4175,7 +4594,7 @@ function ds(e, t, n, o, r, s) {
       },
       poster: e.posterImage
     }, e.spreadProps), [
-      M("source", C(
+      z("source", w(
         { type: "video/mp4" },
         e.lazyLoad ? {
           "data-src": e.video
@@ -4183,82 +4602,85 @@ function ds(e, t, n, o, r, s) {
           src: e.video
         }
       ), null, 16)
-    ], 16, as),
-    e.aspectRatio && !(e.fitContent && ((a = (l = e.builderBlock) == null ? void 0 : l.children) != null && a.length)) ? (c(), p("div", {
+    ], 16, Ii),
+    e.aspectRatio && !(e.fitContent && ((l = (a = e.builderBlock) == null ? void 0 : a.children) != null && l.length)) ? (d(), h("div", {
       key: 0,
-      style: U({
+      style: j({
         width: "100%",
         paddingTop: e.aspectRatio * 100 + "%",
         pointerEvents: "none",
         fontSize: "0px"
       })
-    }, null, 4)) : S("", !0),
-    (h = (u = e.builderBlock) == null ? void 0 : u.children) != null && h.length && e.fitContent ? (c(), p("div", ls, [
-      A(e.$slots, "default")
-    ])) : S("", !0),
-    (d = (m = e.builderBlock) == null ? void 0 : m.children) != null && d.length && !e.fitContent ? (c(), p("div", cs, [
-      A(e.$slots, "default")
-    ])) : S("", !0)
+    }, null, 4)) : C("", !0),
+    (p = (u = e.builderBlock) == null ? void 0 : u.children) != null && p.length && e.fitContent ? (d(), h("div", wi, [
+      V(e.$slots, "default")
+    ])) : C("", !0),
+    (c = (f = e.builderBlock) == null ? void 0 : f.children) != null && c.length && !e.fitContent ? (d(), h("div", $i, [
+      V(e.$slots, "default")
+    ])) : C("", !0)
   ]);
 }
-const us = /* @__PURE__ */ b(ss, [["render", ds]]), ps = () => [{
-  component: br,
-  ...mr
-}, {
-  component: Tr,
-  ...yr
+const Ei = /* @__PURE__ */ v(Ci, [["render", Ri]]), Pi = () => [{
+  component: Wr,
+  ...Ar
 }, {
-  component: xr,
-  ...Ir
+  component: Hr,
+  ...xr
 }, {
-  component: Ur,
-  ...Vr
+  component: Qr,
+  ...Mr
 }, {
-  component: Jr,
-  ...jr
+  component: ei,
+  ...Yr
 }, {
-  component: Kr,
-  ...Dr
+  component: di,
+  ...ai
 }, {
-  component: Zr,
-  ...Gr
+  component: si,
+  ...ti
 }, {
-  component: os,
-  ..._r
+  component: fi,
+  ...ui
 }, {
-  component: us,
-  ...rs
-}], Ne = () => [{
-  component: At,
-  ...zo
+  component: Si,
+  ...bi
 }, {
-  component: To,
-  ...qo
+  component: Ei,
+  ...ki
+}], He = () => [{
+  component: jt,
+  ...rr
 }, {
   component: Ro,
-  ...Jo
+  ...ir
 }, {
-  component: Wo,
-  ...Yo
+  component: Ao,
+  ...sr
 }, {
-  component: Do,
-  ...Xo
+  component: Uo,
+  ...lr
 }, {
-  component: er,
-  ...Qo
+  component: Ho,
+  ...mr
 }, {
-  component: Xs,
-  ...tr
+  component: gr,
+  ...hr
 }, {
-  component: pr,
-  ...lr
+  component: ms,
+  ...yr
 }, {
-  component: ar,
-  ...nr
+  component: Pr,
+  ...wr
+}, ...kt.includes($) ? [{
+  component: pr,
+  ...cr
+}] : [], {
+  component: Ir,
+  ...vr
 }, {
-  component: jo,
-  ...Fo
-}, ...ps()], ms = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget, isAngularSDK) {
+  component: or,
+  ..._o
+}, ...Pi()], Ai = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget, isAngularSDK) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -4317,7 +4739,7 @@ const us = /* @__PURE__ */ b(ss, [["render", ds]]), ps = () => [{
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, hs = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, Bi = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -4351,29 +4773,29 @@ const us = /* @__PURE__ */ b(ss, [["render", ds]]), ps = () => [{
     thisScriptEl?.remove();
   }
   return;
-}`, yt = "builderIoAbTest", kt = "builderIoRenderContent", Z = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, It = "builderIoAbTest", wt = "builderIoRenderContent", re = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), fs = ({
+})), Vi = ({
   canTrack: e,
   content: t
-}) => !(!(Z(t).length > 0) || !e), gs = (e) => e === "react" || e === "reactNative", bs = R === "angular", vt = gs(R), ys = () => `
-  window.${yt} = ${ms}
-  window.${kt} = ${hs}
-  `, ks = (e, t) => `
-  window.${yt}(
-    "${t}",${JSON.stringify(e)}, ${vt}, ${bs}
-  )`, vs = ({
+}) => !(!(re(t).length > 0) || !e), Ni = (e) => e === "react" || e === "reactNative", Wi = $ === "angular", $t = Ni($), xi = () => `
+  window.${It} = ${Ai}
+  window.${wt} = ${Bi}
+  `, Di = (e, t) => `
+  window.${It}(
+    "${t}",${JSON.stringify(e)}, ${$t}, ${Wi}
+  )`, Oi = ({
   contentId: e,
   variationId: t
-}) => `window.${kt}(
-    "${t}", "${e}", ${vt}
+}) => `window.${wt}(
+    "${t}", "${e}", ${$t}
   )`;
-function We(e) {
+function Me(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const Ss = (e, t, n = !0) => {
+const Ui = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = n ? e : e.parentElement;
@@ -4384,35 +4806,35 @@ const Ss = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, Cs = (e) => Ss(e, (t) => {
+}, Fi = (e) => Ui(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
-}), Oe = ({
+}), je = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, s = We(o / n.width), i = We(r / n.height);
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, s = Me(o / n.width), i = Me(r / n.height);
   return {
     x: s,
     y: i
   };
-}, ws = (e) => {
-  const t = e.target, n = t && Cs(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, Li = (e) => {
+  const t = e.target, n = t && Fi(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
-      targetOffset: t ? Oe({
+      targetOffset: t ? je({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? Oe({
+      builderTargetOffset: n ? je({
         event: e,
         target: n
       }) : void 0,
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, Ts = ["svelte", "qwik", "vue"], Is = () => Ts.includes(R) && (E() || qe()), $s = (e) => {
+}, Hi = ["svelte", "qwik", "vue"], Mi = () => Hi.includes($) && (P() || Te()), ji = (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 = "";
@@ -4427,26 +4849,26 @@ font-weight: 400;
     for (const i in e.files) {
       if (!(String(Number(i)) === i))
         continue;
-      const a = e.files[i];
-      a && a !== o && (r += `
+      const l = e.files[i];
+      l && l !== o && (r += `
 @font-face {
 font-family: "${t}";
-src: url('${a}') format('woff2');
+src: url('${l}') format('woff2');
 font-display: fallback;
 font-weight: ${i};
 }
         `.trim());
     }
   return r;
-}, Rs = ({
+}, Ki = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => $s(n))) == null ? void 0 : t.join(" ")) || "";
-}, Es = ({
+  return ((t = e == null ? void 0 : e.map((n) => ji(n))) == null ? void 0 : t.join(" ")) || "";
+}, qi = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Ps = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", zi = `
 .builder-button {
   all: unset;
 }
@@ -4463,9 +4885,9 @@ font-weight: ${i};
   text-align: inherit;
   font-family: inherit;
 }
-`, Bs = (e) => e ? "" : Ps, As = (e) => `variant-${e}`, xs = g({
+`, Gi = (e) => e ? "" : zi, Ji = (e) => `variant-${e}`, Qi = y({
   name: "enable-editor",
-  components: { DynamicDiv: X },
+  components: { DynamicDiv: ne },
   props: [
     "isNestedRender",
     "builderContextSignal",
@@ -4490,15 +4912,15 @@ font-weight: ${i};
       httpReqsData: {},
       httpReqsPending: {},
       clicked: !1,
-      builderContext: de,
-      needsElementRefDivForEditing: Is,
-      getWrapperClassName: As
+      builderContext: be,
+      needsElementRefDivForEditing: Mi,
+      getWrapperClassName: Ji
     };
   },
   provide() {
     const e = this;
     return {
-      [de.key]: e.builderContextSignal
+      [be.key]: e.builderContextSignal
     };
   },
   created() {
@@ -4506,26 +4928,26 @@ font-weight: ${i};
   },
   mounted() {
     var e, t, n;
-    if (w()) {
-      E() && !this.isNestedRender && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+    if (R()) {
+      P() && !this.isNestedRender && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
         new CustomEvent("initeditingbldr")
       );
-      const o = this.builderContextSignal.content && G(this.canTrack), r = oe({
+      const o = this.builderContextSignal.content && J(this.canTrack), r = ce({
         name: `builder.tests.${(e = this.builderContextSignal.content) == null ? void 0 : e.id}`,
         canTrack: !0
       }), s = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId;
       if (o && s === r) {
-        const i = (n = this.builderContextSignal.content) == null ? void 0 : n.id, l = this.apiKey;
-        pe({
+        const i = (n = this.builderContextSignal.content) == null ? void 0 : n.id, a = this.apiKey;
+        ye({
           apiHost: this.apiHost,
           type: "impression",
           canTrack: !0,
           contentId: i,
-          apiKey: l,
+          apiKey: a,
           variationId: r !== i ? r : void 0
         });
       }
-      qe() && !E() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+      Te() && !P() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
         new CustomEvent("initpreviewingbldr")
       );
     }
@@ -4559,7 +4981,7 @@ font-weight: ${i};
     }
   },
   unmounted() {
-    w() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
+    R() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       this.emitStateUpdate
     ));
@@ -4619,7 +5041,7 @@ font-weight: ${i};
       this.builderContextSignal.content = t;
     },
     processMessage(e) {
-      return ot({
+      return st({
         model: this.model,
         trustedHosts: this.trustedHosts,
         callbacks: {
@@ -4633,7 +5055,7 @@ font-weight: ${i};
             });
           },
           animation: (t) => {
-            ut(t);
+            mt(t);
           },
           contentUpdate: (t) => {
             this.mergeNewContent(t);
@@ -4648,14 +5070,14 @@ font-weight: ${i};
       var t, n;
       if (this.builderContextSignal.content) {
         const o = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId, r = (n = this.builderContextSignal.content) == null ? void 0 : n.id;
-        pe({
+        ye({
           apiHost: this.apiHost,
           type: "click",
-          canTrack: G(this.canTrack),
+          canTrack: J(this.canTrack),
           contentId: r,
           apiKey: this.apiKey,
           variationId: o !== r ? o : void 0,
-          ...ws(e),
+          ...Li(e),
           unique: !this.clicked
         });
       }
@@ -4665,14 +5087,14 @@ font-weight: ${i};
       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, r]) => {
-        if (!r || this.httpReqsPending[o] || this.httpReqsData[o] && !E())
+        if (!r || this.httpReqsPending[o] || this.httpReqsData[o] && !P())
           return;
         this.httpReqsPending[o] = !0;
         const s = r.replace(
           /{{([^}]+)}}/g,
-          (i, l) => String(
-            Y({
-              code: l,
+          (i, a) => String(
+            te({
+              code: a,
               context: this.context || {},
               localState: void 0,
               rootState: this.builderContextSignal.rootState,
@@ -4680,7 +5102,7 @@ font-weight: ${i};
             })
           )
         );
-        be(s), fetch(s).then((i) => i.json()).then((i) => {
+        we(s), fetch(s).then((i) => i.json()).then((i) => {
           this.mergeNewRootState({
             [o]: i
           }), this.httpReqsData[o] = !0;
@@ -4692,12 +5114,12 @@ font-weight: ${i};
       });
     },
     emitStateUpdate() {
-      E() && window.dispatchEvent(
+      P() && window.dispatchEvent(
         new CustomEvent(
           "builder:component:stateChange",
           {
             detail: {
-              state: fe(this.builderContextSignal.rootState),
+              state: ke(this.builderContextSignal.rootState),
               ref: {
                 name: this.model
               }
@@ -4707,7 +5129,7 @@ font-weight: ${i};
       );
     },
     elementRef_onIniteditingbldr(e) {
-      window.addEventListener("message", this.processMessage), In(), nt({
+      window.addEventListener("message", this.processMessage), Pn(), it({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -4724,7 +5146,7 @@ font-weight: ${i};
       ).forEach((t) => {
         var n, o;
         if (!((n = t.models) != null && n.length) || t.models.includes(this.model)) {
-          const r = on(t);
+          const r = ln(t);
           (o = window.parent) == null || o.postMessage(r, "*");
         }
       }), window.addEventListener(
@@ -4737,7 +5159,7 @@ font-weight: ${i};
       const t = new URL(location.href).searchParams, n = t.get("builder.preview"), o = t.get(
         `builder.overrides.${n}`
       ), r = t.get("apiKey") || t.get("builder.space");
-      (n === "BUILDER_STUDIO" || n === this.model && r === this.apiKey && (!this.content || o === this.content.id)) && ve({
+      (n === "BUILDER_STUDIO" || n === this.model && r === this.apiKey && (!this.content || o === this.content.id)) && Ee({
         model: this.model,
         apiKey: this.apiKey,
         apiVersion: this.builderContextSignal.apiVersion,
@@ -4752,63 +5174,63 @@ font-weight: ${i};
     }
   }
 });
-function Vs(e, t, n, o, r, s) {
-  var i, l, a;
-  return e.builderContextSignal.content || e.needsElementRefDivForEditing() ? (c(), y(z(e.ContentWrapper), C({
+function Yi(e, t, n, o, r, s) {
+  var i, a, l;
+  return e.builderContextSignal.content || e.needsElementRefDivForEditing() ? (d(), S(_(e.ContentWrapper), w({
     key: 0,
     ref: "elementRef",
     onClick: (u) => e.onClick(u),
     "builder-content-id": (i = e.builderContextSignal.content) == null ? void 0 : i.id,
     "builder-model": e.model,
-    className: e.getWrapperClassName(((l = e.content) == null ? void 0 : l.testVariationId) || ((a = e.content) == null ? void 0 : a.id)),
+    className: e.getWrapperClassName(((a = e.content) == null ? void 0 : a.testVariationId) || ((l = e.content) == null ? void 0 : l.id)),
     style: {
       display: !e.builderContextSignal.content && e.needsElementRefDivForEditing() ? "none" : void 0
     },
     onIniteditingbldr: (u) => e.elementRef_onIniteditingbldr(u),
     onInitpreviewingbldr: (u) => e.elementRef_onInitpreviewingbldr(u)
   }, { ...e.showContentProps, ...e.contentWrapperProps }), {
-    default: W(() => [
-      A(e.$slots, "default")
+    default: U(() => [
+      V(e.$slots, "default")
     ]),
     _: 3
-  }, 16, ["onClick", "builder-content-id", "builder-model", "className", "style", "onIniteditingbldr", "onInitpreviewingbldr"])) : S("", !0);
+  }, 16, ["onClick", "builder-content-id", "builder-model", "className", "style", "onIniteditingbldr", "onInitpreviewingbldr"])) : C("", !0);
 }
-const Ns = /* @__PURE__ */ b(xs, [["render", Vs]]), Ws = g({
+const Xi = /* @__PURE__ */ v(Qi, [["render", Yi]]), _i = y({
   name: "content-styles",
-  components: { InlinedStyles: Ce },
+  components: { InlinedStyles: de },
   props: ["cssCode", "contentId", "customFonts", "isNestedRender", "nonce"],
   data() {
     return {
       injectedStyles: `
-${Es({
+${qi({
         cssCode: this.cssCode,
         contentId: this.contentId
       })}
-${Rs({
+${Ki({
         customFonts: this.customFonts
       })}
-${Bs(this.isNestedRender)}
+${Gi(this.isNestedRender)}
 `.trim()
     };
   }
 });
-function Os(e, t, n, o, r, s) {
+function Zi(e, t, n, o, r, s) {
   const i = k("InlinedStyles");
-  return c(), y(i, {
+  return d(), S(i, {
     id: "builderio-content",
     styles: e.injectedStyles,
     nonce: e.nonce
   }, null, 8, ["styles", "nonce"]);
 }
-const Us = /* @__PURE__ */ b(Ws, [["render", Os]]), Ds = ({
+const es = /* @__PURE__ */ v(_i, [["render", Zi]]), ts = ({
   content: e,
   data: t,
   locale: n
 }) => {
-  var s, i, l;
+  var s, i, a;
   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);
+  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);
   }), {
     ...o,
     ...r,
@@ -4817,7 +5239,7 @@ const Us = /* @__PURE__ */ b(Ws, [["render", Os]]), Ds = ({
       locale: n
     } : {}
   };
-}, Fs = ({
+}, ns = ({
   content: e,
   data: t
 }) => e ? {
@@ -4827,14 +5249,14 @@ const Us = /* @__PURE__ */ b(Ws, [["render", Os]]), Ds = ({
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, Ls = Tt, Ms = g({
+} : void 0, os = Et, rs = y({
   name: "content-component",
   components: {
-    EnableEditor: Ns,
-    InlinedScript: bt,
-    ContentStyles: Us,
-    Blocks: H,
-    DynamicDiv: X
+    EnableEditor: Xi,
+    InlinedScript: Be,
+    ContentStyles: es,
+    Blocks: q,
+    DynamicDiv: ne
   },
   props: [
     "apiKey",
@@ -4862,32 +5284,32 @@ const Us = /* @__PURE__ */ b(Ws, [["render", Os]]), Ds = ({
   data() {
     var e, t;
     return {
-      scriptStr: vs({
+      scriptStr: Oi({
         // 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: [
-        ...Ne(),
+        ...He(),
         ...this.customComponents || []
       ].reduce(
         (n, { component: o, ...r }) => ({
           ...n,
           [r.name]: {
-            component: Ls(o),
-            ...te(r)
+            component: os(o),
+            ...se(r)
           }
         }),
         {}
       ),
       builderContextSignal: {
-        content: Fs({
+        content: ns({
           content: this.content,
           data: this.data
         }),
         localState: void 0,
-        rootState: Ds({
+        rootState: ts({
           content: this.content,
           data: this.data,
           locale: this.locale
@@ -4898,12 +5320,12 @@ const Us = /* @__PURE__ */ b(Ws, [["render", Os]]), Ds = ({
         apiKey: this.apiKey,
         apiVersion: this.apiVersion,
         componentInfos: [
-          ...Ne(),
+          ...He(),
           ...this.customComponents || []
         ].reduce(
           (n, { component: o, ...r }) => ({
             ...n,
-            [r.name]: te(r)
+            [r.name]: se(r)
           }),
           {}
         ),
@@ -4913,24 +5335,24 @@ const Us = /* @__PURE__ */ b(Ws, [["render", Os]]), Ds = ({
         nonce: this.nonce || "",
         model: this.model
       },
-      TARGET: R
+      TARGET: $
     };
   },
   provide() {
     const e = this;
     return {
-      [De.key]: {
+      [Ge.key]: {
         registeredComponents: e.registeredComponents
       }
     };
   },
   created() {
     var t, n;
-    this.apiKey || P.error(
+    this.apiKey || N.error(
       "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
     );
     const e = (n = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : n.jsCode;
-    e && Y({
+    e && te({
       code: e,
       context: this.context || {},
       localState: void 0,
@@ -4947,9 +5369,9 @@ const Us = /* @__PURE__ */ b(Ws, [["render", Os]]), Ds = ({
     }
   }
 });
-function Hs(e, t, n, o, r, s) {
-  const i = k("InlinedScript"), l = k("ContentStyles"), a = k("Blocks"), u = k("EnableEditor");
-  return c(), y(u, C({
+function is(e, t, n, o, r, s) {
+  const i = k("InlinedScript"), a = k("ContentStyles"), l = k("Blocks"), u = k("EnableEditor");
+  return d(), S(u, w({
     apiHost: e.apiHost,
     nonce: e.nonce,
     content: e.content,
@@ -4967,25 +5389,25 @@ function Hs(e, t, n, o, r, s) {
     trustedHosts: e.trustedHosts,
     isNestedRender: e.isNestedRender
   }, {}), {
-    default: W(() => {
-      var h, m, d, f, v, T, F;
+    default: U(() => {
+      var p, f, c, m, b, g, A;
       return [
-        e.isSsrAbTest ? (c(), y(i, {
+        e.isSsrAbTest ? (d(), S(i, {
           key: 0,
           id: "builderio-variant-visibility",
           scriptStr: e.scriptStr,
           nonce: e.nonce || ""
-        }, null, 8, ["scriptStr", "nonce"])) : S("", !0),
-        e.TARGET !== "reactNative" ? (c(), y(l, {
+        }, null, 8, ["scriptStr", "nonce"])) : C("", !0),
+        e.TARGET !== "reactNative" ? (d(), S(a, {
           key: 1,
           nonce: e.nonce || "",
           isNestedRender: e.isNestedRender,
-          contentId: (h = e.builderContextSignal.content) == null ? void 0 : h.id,
-          cssCode: (d = (m = e.builderContextSignal.content) == null ? void 0 : m.data) == null ? void 0 : d.cssCode,
-          customFonts: (v = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : v.customFonts
-        }, null, 8, ["nonce", "isNestedRender", "contentId", "cssCode", "customFonts"])) : S("", !0),
-        B(a, {
-          blocks: (F = (T = e.builderContextSignal.content) == null ? void 0 : T.data) == null ? void 0 : F.blocks,
+          contentId: (p = e.builderContextSignal.content) == null ? void 0 : p.id,
+          cssCode: (c = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : c.cssCode,
+          customFonts: (b = (m = e.builderContextSignal.content) == null ? void 0 : m.data) == null ? void 0 : b.customFonts
+        }, null, 8, ["nonce", "isNestedRender", "contentId", "cssCode", "customFonts"])) : C("", !0),
+        E(l, {
+          blocks: (A = (g = e.builderContextSignal.content) == null ? void 0 : g.data) == null ? void 0 : A.blocks,
           context: e.builderContextSignal,
           registeredComponents: e.registeredComponents,
           linkComponent: e.linkComponent
@@ -4995,12 +5417,12 @@ function Hs(e, t, n, o, r, s) {
     _: 1
   }, 16, ["apiHost", "nonce", "content", "data", "model", "context", "apiKey", "canTrack", "locale", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps", "trustedHosts", "isNestedRender"]);
 }
-const Ks = /* @__PURE__ */ b(Ms, [["render", Hs]]), js = g({
+const ss = /* @__PURE__ */ v(rs, [["render", is]]), as = y({
   name: "content-variants",
   components: {
-    InlinedScript: bt,
-    InlinedStyles: Ce,
-    ContentComponent: Ks
+    InlinedScript: Be,
+    InlinedStyles: de,
+    ContentComponent: ss
   },
   props: [
     "canTrack",
@@ -5025,13 +5447,15 @@ const Ks = /* @__PURE__ */ b(Ms, [["render", Hs]]), js = g({
   ],
   data() {
     return {
-      shouldRenderVariants: fs({
-        canTrack: G(this.canTrack),
+      shouldRenderVariants: Vi({
+        canTrack: J(this.canTrack),
         content: this.content
       }),
-      TARGET: R,
-      getInitVariantsFnsScriptString: ys,
-      getVariants: Z
+      SDKS_SUPPORTING_PERSONALIZATION: kt,
+      getInitPersonalizationVariantsFnsScriptString: Qo,
+      TARGET: $,
+      getInitVariantsFnsScriptString: xi,
+      getVariants: re
     };
   },
   mounted() {
@@ -5039,8 +5463,8 @@ const Ks = /* @__PURE__ */ b(Ms, [["render", Hs]]), js = g({
   computed: {
     updateCookieAndStylesScriptStr() {
       var e;
-      return ks(
-        Z(this.content).map((t) => ({
+      return Di(
+        re(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
         })),
@@ -5048,41 +5472,48 @@ const Ks = /* @__PURE__ */ b(Ms, [["render", Hs]]), js = g({
       );
     },
     hideVariantsStyleString() {
-      return Z(this.content).map((e) => `.variant-${e.testVariationId} { display: none; } `).join("");
+      return re(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
-      } : An({
+      } : xn({
         item: this.content,
-        canTrack: G(this.canTrack)
+        canTrack: J(this.canTrack)
       });
     }
   }
 });
-function zs(e, t, n, o, r, s) {
-  const i = k("InlinedScript"), l = k("InlinedStyles"), a = k("ContentComponent");
-  return c(), p($, null, [
-    !e.isNestedRender && e.TARGET !== "reactNative" ? (c(), y(i, {
-      key: 0,
-      id: "builderio-init-variants-fns",
-      scriptStr: e.getInitVariantsFnsScriptString(),
-      nonce: e.nonce || ""
-    }, null, 8, ["scriptStr", "nonce"])) : S("", !0),
-    e.shouldRenderVariants ? (c(), p($, { key: 1 }, [
-      B(l, {
+function ls(e, t, n, o, r, s) {
+  const i = k("InlinedScript"), a = k("InlinedStyles"), l = k("ContentComponent");
+  return d(), h(I, null, [
+    !e.isNestedRender && e.TARGET !== "reactNative" ? (d(), h(I, { key: 0 }, [
+      E(i, {
+        id: "builderio-init-variants-fns",
+        scriptStr: e.getInitVariantsFnsScriptString(),
+        nonce: e.nonce || ""
+      }, null, 8, ["scriptStr", "nonce"]),
+      e.SDKS_SUPPORTING_PERSONALIZATION.includes(e.TARGET) ? (d(), S(i, {
+        key: 0,
+        id: "builderio-init-personalization-variants-fns",
+        nonce: e.nonce || "",
+        scriptStr: e.getInitPersonalizationVariantsFnsScriptString()
+      }, null, 8, ["nonce", "scriptStr"])) : C("", !0)
+    ], 64)) : C("", !0),
+    e.shouldRenderVariants ? (d(), h(I, { key: 1 }, [
+      E(a, {
         id: "builderio-variants",
         styles: e.hideVariantsStyleString,
         nonce: e.nonce || ""
       }, null, 8, ["styles", "nonce"]),
-      B(i, {
+      E(i, {
         id: "builderio-variants-visibility",
         scriptStr: e.updateCookieAndStylesScriptStr,
         nonce: e.nonce || ""
       }, null, 8, ["scriptStr", "nonce"]),
-      (c(!0), p($, null, N(e.getVariants(e.content), (u, h) => (c(), y(a, C({
+      (d(!0), h(I, null, L(e.getVariants(e.content), (u, p) => (d(), S(l, w({
         key: u.testVariationId,
         apiHost: e.apiHost,
         isNestedRender: e.isNestedRender,
@@ -5106,8 +5537,8 @@ function zs(e, t, n, o, r, s) {
         contentWrapperProps: e.contentWrapperProps,
         trustedHosts: e.trustedHosts
       }, {}), null, 16, ["apiHost", "isNestedRender", "nonce", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"]))), 128))
-    ], 64)) : S("", !0),
-    B(a, C({
+    ], 64)) : C("", !0),
+    E(l, w({
       apiHost: e.apiHost,
       nonce: e.nonce,
       isNestedRender: e.isNestedRender,
@@ -5134,13 +5565,13 @@ function zs(e, t, n, o, r, s) {
     }), null, 16, ["apiHost", "nonce", "isNestedRender", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"])
   ], 64);
 }
-const qs = /* @__PURE__ */ b(js, [["render", zs]]), Js = async ({
+const cs = /* @__PURE__ */ v(as, [["render", ls]]), ds = async ({
   builderContextValue: e,
   symbol: t
 }) => {
   if (t != null && t.model && // This is a hack, we should not need to check for this, but it is needed for Svelte.
   (e != null && e.apiKey))
-    return ve({
+    return Ee({
       model: t.model,
       apiKey: e.apiKey,
       apiVersion: e.apiVersion,
@@ -5150,11 +5581,11 @@ const qs = /* @__PURE__ */ b(js, [["render", zs]]), Js = async ({
         }
       }
     }).catch((n) => {
-      P.error("Could not fetch symbol content: ", n);
+      N.error("Could not fetch symbol content: ", n);
     });
-}, Gs = g({
+}, us = y({
   name: "builder-symbol",
-  components: { ContentVariants: qs, DynamicDiv: X },
+  components: { ContentVariants: cs, DynamicDiv: ne },
   props: [
     "symbol",
     "attributes",
@@ -5169,7 +5600,7 @@ const qs = /* @__PURE__ */ b(js, [["render", zs]]), Js = async ({
     return {
       contentToUse: (e = this.symbol) == null ? void 0 : e.content,
       symbolEntry: (t = this.symbol) == null ? void 0 : t.entry,
-      filterAttrs: V
+      filterAttrs: W
     };
   },
   mounted() {
@@ -5193,7 +5624,7 @@ const qs = /* @__PURE__ */ b(js, [["render", zs]]), Js = async ({
     className() {
       var e, t;
       return [
-        this.attributes[_()],
+        this.attributes[G()],
         "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
@@ -5208,7 +5639,7 @@ const qs = /* @__PURE__ */ b(js, [["render", zs]]), Js = async ({
   methods: {
     setContent() {
       var e;
-      this.contentToUse && this.symbolEntry === ((e = this.symbol) == null ? void 0 : e.entry) || Js({
+      this.contentToUse && this.symbolEntry === ((e = this.symbol) == null ? void 0 : e.entry) || ds({
         symbol: this.symbol,
         builderContextValue: this.builderContext
       }).then((t) => {
@@ -5218,27 +5649,27 @@ const qs = /* @__PURE__ */ b(js, [["render", zs]]), Js = async ({
     }
   }
 });
-function Ys(e, t, n, o, r, s) {
-  var l, a, u, h, m;
+function ps(e, t, n, o, r, s) {
+  var a, l, u, p, f;
   const i = k("ContentVariants");
-  return c(), p("div", C({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    B(i, {
+  return d(), h("div", w({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    E(i, {
       nonce: e.builderContext.nonce,
       isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
       apiKey: e.builderContext.apiKey,
       context: {
         ...e.builderContext.context,
-        symbolId: (l = e.builderBlock) == null ? void 0 : l.id
+        symbolId: (a = e.builderBlock) == null ? void 0 : a.id
       },
       customComponents: Object.values(e.builderComponents),
       data: {
-        ...(a = e.symbol) == null ? void 0 : a.data,
+        ...(l = e.symbol) == null ? void 0 : l.data,
         ...e.builderContext.localState,
-        ...(h = (u = e.contentToUse) == null ? void 0 : u.data) == null ? void 0 : h.state
+        ...(p = (u = e.contentToUse) == null ? void 0 : u.data) == null ? void 0 : p.state
       },
       canTrack: e.builderContext.canTrack,
-      model: ((m = e.symbol) == null ? void 0 : m.model) ?? "",
+      model: ((f = e.symbol) == null ? void 0 : f.model) ?? "",
       content: e.contentToUse,
       linkComponent: e.builderLinkComponent,
       blocksWrapper: e.blocksWrapper,
@@ -5246,45 +5677,42 @@ function Ys(e, t, n, o, r, s) {
     }, null, 8, ["nonce", "apiVersion", "apiKey", "context", "customComponents", "data", "canTrack", "model", "content", "linkComponent", "blocksWrapper", "contentWrapper"])
   ], 16);
 }
-const Xs = /* @__PURE__ */ b(Gs, [["render", Ys]]);
+const ms = /* @__PURE__ */ v(us, [["render", ps]]);
 export {
-  Kn as A,
-  ft as B,
-  To as C,
-  jn as D,
-  ve as E,
-  Ro as F,
-  _s as G,
-  ai as H,
-  Wo as I,
-  Do as S,
-  R as T,
-  us as V,
-  Ce as _,
-  si as a,
-  li as b,
-  D as c,
-  Se as d,
-  b as e,
-  Y as f,
-  vo as g,
-  ii as h,
-  _ as i,
-  de as j,
-  At as k,
-  Xs as l,
-  pr as m,
-  H as n,
-  qs as o,
-  E as p,
-  qe as q,
-  on as r,
-  oi as s,
-  sn as t,
-  ei as u,
-  Je as v,
-  Ls as w,
-  ti as x,
-  ni as y,
-  ri as z
+  bs as A,
+  gt as B,
+  Ro as C,
+  Is as D,
+  Ao as F,
+  Uo as I,
+  Ho as S,
+  Pr as T,
+  Ei as V,
+  de as _,
+  ws as a,
+  Pe as b,
+  Cs as c,
+  v as d,
+  te as e,
+  Ts as f,
+  To as g,
+  G as h,
+  be as i,
+  jt as j,
+  ms as k,
+  q as l,
+  cs as m,
+  Te as n,
+  ln as o,
+  gs as p,
+  Ye as q,
+  dn as r,
+  Ss as s,
+  ys as t,
+  vs as u,
+  ks as v,
+  os as w,
+  zn as x,
+  Gn as y,
+  Ee as z
 };