@builder.io/sdk-vue 3.0.6 → 4.0.0

package/lib/browser/{index-B6NDWuX_.js → index-yHm9GN7F.js}

@@ -1,5 +1,5 @@
 import "./style.css";
-import { defineComponent as g, openBlock as c, createElementBlock as p, Fragment as $, createBlock as y, resolveDynamicComponent as K, mergeProps as w, toHandlers as x, withCtx as N, renderSlot as B, resolveComponent as k, createTextVNode as wt, toDisplayString as ne, defineAsyncComponent as j, createVNode as P, renderList as W, createCommentVNode as S, h as Fe, createElementVNode as z, normalizeStyle as F, normalizeClass as J, markRaw as Tt } from "vue";
+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 B, resolveComponent as k, createTextVNode as wt, toDisplayString as ne, defineAsyncComponent as K, createVNode as P, renderList as N, createCommentVNode as S, h as Fe, createElementVNode as M, normalizeStyle as F, 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) {
   const o = {};
@@ -24,21 +24,21 @@ const Rt = g({
   return n;
 };
 function Et(e, t, n, o, r, s) {
-  return e.isEmptyElement(e.TagName) ? (c(), y(K(e.TagName), w({ key: 1 }, e.attributes, x(e.actionAttributes)), null, 16)) : (c(), p($, { key: 0 }, [
-    typeof e.TagName == "string" ? (c(), y(K(e.TagName), w({ key: 0 }, e.attributes, x(e.actionAttributes)), {
-      default: N(() => [
+  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(() => [
         B(e.$slots, "default")
       ]),
       _: 3
-    }, 16)) : (c(), y(K(e.TagName), w({ key: 1 }, e.attributes, x(e.actionAttributes)), {
-      default: N(() => [
+    }, 16)) : (c(), y(z(e.TagName), C({ key: 1 }, e.attributes, x(e.actionAttributes)), {
+      default: W(() => [
         B(e.$slots, "default")
       ]),
       _: 3
     }, 16))
   ], 64));
 }
-const me = /* @__PURE__ */ b(Rt, [["render", Et]]), Zs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const me = /* @__PURE__ */ b(Rt, [["render", Et]]), Qs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: me
 }, Symbol.toStringTag, { value: "Module" })), R = "vue", _ = () => {
@@ -90,7 +90,7 @@ function Bt(e, t, n, o, r, s) {
     TagName: e.link ? e.builderLinkComponent || "a" : "button",
     actionAttributes: e.filterAttrs(e.attributes, "v-on:", !0)
   }, {
-    default: N(() => [
+    default: W(() => [
       wt(ne(e.text), 1)
     ]),
     _: 1
@@ -126,24 +126,24 @@ const At = /* @__PURE__ */ b(Pt, [["render", Bt]]), xt = Symbol(), ce = {
   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 C() {
+function w() {
   return typeof window < "u" && typeof document < "u";
 }
-const Wt = (e) => {
+const Nt = (e) => {
   const t = {};
   return e.forEach((n, o) => {
     t[o] = n;
   }), t;
-}, Le = (e) => e instanceof URLSearchParams ? Wt(e) : e, Me = (e) => typeof e == "string" ? e : e instanceof URLSearchParams ? e.toString() : new URLSearchParams(e).toString();
-function Nt() {
-  return C() && window.self !== window.top;
+}, 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 Nt() && // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
+  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 (C()) {
+  if (w()) {
     const e = new URL(location.href);
     return e.pathname === "" && (e.pathname = "/"), e;
   } else
@@ -188,8 +188,8 @@ const Ot = () => {
   event: n
 }), Dt = () => ({
   isEditing: E(),
-  isBrowser: C(),
-  isServer: !C(),
+  isBrowser: w(),
+  isServer: !w(),
   getUserAttributes: () => He()
 }), Lt = (e, {
   isExpression: t = !0
@@ -252,11 +252,11 @@ const Ht = ({
     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 && A.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;
-}, jt = (e) => (C() || Ht({
+}, jt = (e) => (w() || Ht({
   shouldLogWarning: !0
-}), $e(e)), Kt = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/, qt = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/, zt = (e) => {
+}), $e(e)), Kt = /^(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) => {
   var t, n, o, r, s, i;
-  return ((o = (n = (t = Kt.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));
+  return ((o = (n = (t = Kt.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));
 };
 function Y({
   code: e,
@@ -269,7 +269,7 @@ function Y({
 }) {
   if (e.trim() === "")
     return;
-  const l = zt(e.trim());
+  const l = qt(e.trim());
   if (l)
     return De({
       ...o,
@@ -363,7 +363,7 @@ function Zt(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;
 }
-const he = (e) => JSON.parse(JSON.stringify(e)), qe = (e, t, n) => {
+const he = (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);
@@ -425,7 +425,7 @@ const _t = ["svelte", "vue", "angular", "qwik", "solid"].includes(R), en = (e) =
       rootSetState: r,
       context: t
     });
-    qe(s, i, a);
+    ze(s, i, a);
   }
   return s;
 };
@@ -445,8 +445,8 @@ function nn({
     context: t
   });
 }
-function ze(e) {
-  const t = e || (C() ? window.location.search : void 0);
+function qe(e) {
+  const t = e || (w() ? window.location.search : void 0);
   return t ? Me(t).indexOf("builder.preview=") !== -1 : !1;
 }
 const on = (e) => ({
@@ -463,7 +463,7 @@ const Re = {};
 function sn(e, t) {
   e === "plugin" && (t = te(t));
   let n = Re[e];
-  if (n || (n = Re[e] = []), n.push(t), C()) {
+  if (n || (n = Re[e] = []), n.push(t), w()) {
     const o = {
       type: "builder.register",
       data: {
@@ -479,8 +479,8 @@ function sn(e, t) {
   }
 }
 const Ee = {};
-function _s(e) {
-  if (C()) {
+function Zs(e) {
+  if (w()) {
     Object.assign(Ee, e);
     const t = {
       type: "builder.settingsChange",
@@ -500,11 +500,11 @@ const Pe = "builder.", an = "options.", Je = (e) => {
     }
   }), n;
 }, ln = () => {
-  if (!C())
+  if (!w())
     return {};
   const e = new URLSearchParams(window.location.search);
   return Je(e);
-}, Ge = "3.0.6", Ye = () => ({
+}, Ge = "4.0.0", Ye = () => ({
   "X-Builder-SDK": R,
   "X-Builder-SDK-GEN": "2",
   "X-Builder-SDK-Version": Ge
@@ -529,7 +529,7 @@ const Pe = "builder.", an = "options.", Je = (e) => {
   value: t,
   expires: n
 }) => {
-  const r = (C() ? location.protocol === "https:" : !0) ? un : [[]], s = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...s, ["path", "/"], ["domain", cn(window.location.hostname)], ...r];
+  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 ({
   name: e,
@@ -584,7 +584,7 @@ const Ze = "builderSessionId", hn = async ({
   name: Ze,
   value: e,
   canTrack: t
-}), _e = () => C() && typeof localStorage < "u" ? localStorage : void 0, bn = ({
+}), _e = () => w() && typeof localStorage < "u" ? localStorage : void 0, bn = ({
   key: e,
   canTrack: t
 }) => {
@@ -682,7 +682,7 @@ async function ue({
     A.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  if (!t.canTrack || E() || !(C() || R === "reactNative"))
+  if (!t.canTrack || E() || !(w() || R === "reactNative"))
     return;
   const o = `${e || "https://cdn.builder.io"}/api/v1/track`;
   return be(o), fetch(o, {
@@ -699,7 +699,7 @@ async function ue({
     console.error("Failed to track: ", r);
   });
 }
-const ei = (e) => ue({
+const _s = (e) => ue({
   ...e,
   canTrack: !0
 }), Tn = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
@@ -733,9 +733,9 @@ const In = () => {
   });
 };
 let Be = !1;
-const nt = (e = {}) => {
+const nt = (e) => {
   var t, n;
-  Be || (Be = !0, C() && ((t = window.parent) == null || t.postMessage({
+  Be || (Be = !0, w() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
       target: R,
@@ -745,6 +745,9 @@ const nt = (e = {}) => {
       // scope our '+ add block' button styling
       supportsAddBlockScoping: !0,
       supportsCustomBreakpoints: !0,
+      modelName: e.modelName,
+      apiKey: e.apiKey,
+      supportsXSmallBreakpoint: !0,
       blockLevelPersonalization: !0
     }
   }, "*"), (n = window.parent) == null || n.postMessage({
@@ -821,24 +824,32 @@ const nt = (e = {}) => {
         break;
       }
     }
-}, ti = (e, t, n) => {
-  if (!C)
+}, ei = ({
+  model: e,
+  apiKey: t,
+  callback: n,
+  trustedHosts: o
+}) => {
+  if (!w)
     return A.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
     };
-  nt();
-  const o = ot({
+  nt({
+    modelName: e,
+    apiKey: t
+  });
+  const r = ot({
     callbacks: {
-      contentUpdate: t,
+      contentUpdate: n,
       animation: () => {
       },
       configureSdk: () => {
       }
     },
     model: e,
-    trustedHosts: n == null ? void 0 : n.trustedHosts
+    trustedHosts: o
   });
-  return window.addEventListener("message", o), () => {
-    window.removeEventListener("message", o);
+  return window.addEventListener("message", r), () => {
+    window.removeEventListener("message", r);
   };
 }, $n = "builder.tests", ye = (e) => `${$n}.${e}`, Rn = ({
   contentId: e
@@ -940,7 +951,7 @@ function Vn() {
   const t = /* @__PURE__ */ new Set();
   return {
     setUserAttributes(n) {
-      if (!C())
+      if (!w())
         return;
       const o = {
         ...this.getUserAttributes(),
@@ -953,7 +964,7 @@ function Vn() {
       }), t.forEach((r) => r(o));
     },
     getUserAttributes() {
-      return C() ? JSON.parse(fe({
+      return w() ? JSON.parse(fe({
         name: Ae,
         canTrack: e
       }) || "{}") : {};
@@ -968,23 +979,23 @@ function Vn() {
     }
   };
 }
-const at = Vn(), ni = (e) => {
+const at = Vn(), ti = (e) => {
   at.setUserAttributes(e);
 }, G = (e) => {
   const t = U(e) ? e : !0;
   return at.setCanTrack(t), t;
 };
-function Wn() {
+function Nn() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function Nn() {
-  const e = Wn().fetch;
+function Wn() {
+  const e = Nn().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 = Nn();
+const On = Wn();
 function pe(e, t = null, n = ".") {
   return Object.keys(e).reduce((o, r) => {
     const s = e[r], i = [t, r].filter(Boolean).join(n);
@@ -1050,8 +1061,8 @@ const Un = "v3", xe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, ke = (
     const O = pe({
       sort: v
     });
-    for (const H in O)
-      I.searchParams.set(H, JSON.stringify(O[H]));
+    for (const j in O)
+      I.searchParams.set(j, JSON.stringify(O[j]));
   }
   const Te = {
     ...ln(),
@@ -1068,8 +1079,8 @@ const Un = "v3", xe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, ke = (
     const O = lt({
       query: o
     });
-    for (const H in O)
-      I.searchParams.set(H, JSON.stringify(O[H]));
+    for (const j in O)
+      I.searchParams.set(j, JSON.stringify(O[j]));
   }
   return I;
 }, Dn = (e) => {
@@ -1078,7 +1089,7 @@ const Un = "v3", xe = (e) => typeof e == "number" && !isNaN(e) && e >= 0, ke = (
     n.startsWith("userAttributes.") && (t[n] = e[n], delete e[n]);
   return t;
 }, Ln = (e) => {
-  if (C() && e.preview === "BUILDER_STUDIO") {
+  if (w() && e.preview === "BUILDER_STUDIO") {
     e["userAttributes.urlPath"] = window.location.pathname, e["userAttributes.host"] = window.location.host;
     const t = Dn(e), {
       userAttributes: n
@@ -1106,7 +1117,7 @@ const Hn = async (e) => {
   return await (await n(t.href, o)).json();
 }, jn = async (e, t, n = ke(e)) => {
   const o = G(e.canTrack);
-  if (n.search.includes("preview="), !o || !(C() || R === "reactNative"))
+  if (n.search.includes("preview="), !o || !(w() || R === "reactNative"))
     return t.results;
   try {
     const r = [];
@@ -1131,7 +1142,7 @@ async function Kn(e) {
     }), n;
   return jn(e, n);
 }
-const oi = async (e) => {
+const ni = 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,
@@ -1151,7 +1162,7 @@ const oi = async (e) => {
     content: await ve(n)
   };
 }, Se = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
-function qn(e, t, n = {}) {
+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);
@@ -1173,7 +1184,7 @@ function q(e, ...t) {
   }
   return n;
 }
-function zn(e) {
+function qn(e) {
   for (const t of e)
     switch (t.trigger) {
       case "pageLoad":
@@ -1230,7 +1241,7 @@ function Gn(e) {
         }, (e.duration + (e.delay || 0)) * 1e3 + 100);
       })) : e.repeat && o && !r && !l(n) && (o = !1, q(n.style, e.steps[0].styles));
     }
-    const i = qn(s, 200, {
+    const i = zn(s, 200, {
       leading: !1
     });
     function l(h) {
@@ -1253,7 +1264,7 @@ const pt = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
     return `${Se(n)}: ${o};`;
 }).filter(U), Yn = (e) => pt(e).join(`
-`), ri = ({
+`), oi = ({
   mediaQuery: e,
   className: t,
   styles: n
@@ -1270,7 +1281,7 @@ function Xn({
 }) {
   return e;
 }
-const si = ({
+const ri = ({
   block: e,
   context: t
 }) => mt(Xn({
@@ -1367,22 +1378,22 @@ const ht = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
     "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
     e
   ), e;
-}), ro = () => import("./block-styles-K1JPlueX.js").then((e) => e.default).catch((e) => {
+}), ro = () => import("./block-styles-1zdZBD3_.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;
-}), so = () => import("./block-wrapper-sJoVtUVt.js").then((e) => e.default).catch((e) => {
+}), so = () => import("./block-wrapper-mWQd3eds.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;
-}), io = () => import("./component-ref-InYIqrKn.js").then((e) => e.default).catch((e) => {
+}), io = () => import("./component-ref-fX9luBp4.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;
-}), ao = () => import("./repeated-block-P2xyBE88.js").then((e) => e.default).catch((e) => {
+}), ao = () => import("./repeated-block-s8wpauxV.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
@@ -1390,11 +1401,11 @@ const ht = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
 }), lo = g({
   name: "block",
   components: {
-    BlockStyles: j(ro),
-    RepeatedBlock: j(ao),
-    ComponentRef: j(io),
-    BlockWrapper: j(so),
-    DynamicDiv: j(oo)
+    BlockStyles: K(ro),
+    RepeatedBlock: K(ao),
+    ComponentRef: K(io),
+    BlockWrapper: K(so),
+    DynamicDiv: K(oo)
   },
   props: ["block", "context", "registeredComponents", "linkComponent"],
   data() {
@@ -1407,7 +1418,7 @@ const ht = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
   },
   mounted() {
     const e = this.processedBlock.id, t = this.processedBlock.animations;
-    t && e && zn(
+    t && e && qn(
       t.map((n) => ({
         ...n,
         elementId: e
@@ -1490,7 +1501,7 @@ function co(e, t, n, o, r, s) {
       context: e.context
     }, null, 8, ["block", "context"]),
     (m = e.blockComponent) != null && m.noWrap ? (c(), p($, { key: 1 }, [
-      e.repeatItem ? (c(!0), p($, { key: 1 }, W(e.repeatItem, (d, f) => (c(), y(h, {
+      e.repeatItem ? (c(!0), p($, { key: 1 }, N(e.repeatItem, (d, f) => (c(), y(h, {
         key: f,
         repeatContext: d.context,
         block: d.block,
@@ -1509,7 +1520,7 @@ function co(e, t, n, o, r, s) {
         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 }, W(e.repeatItem, (d, f) => (c(), y(h, {
+      e.repeatItem ? (c(!0), p($, { key: 1 }, N(e.repeatItem, (d, f) => (c(), y(h, {
         key: f,
         repeatContext: d.context,
         block: d.block,
@@ -1521,7 +1532,7 @@ function co(e, t, n, o, r, s) {
         block: e.processedBlock,
         context: e.context
       }, {
-        default: N(() => [
+        default: W(() => [
           P(l, {
             componentRef: e.componentRefProps.componentRef,
             componentOptions: e.componentRefProps.componentOptions,
@@ -1533,7 +1544,7 @@ function co(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, W(e.childrenWithoutParentComponent, (d, f) => (c(), y(a, {
+          (c(!0), p($, null, N(e.childrenWithoutParentComponent, (d, f) => (c(), y(a, {
             key: d.id,
             block: d,
             registeredComponents: e.registeredComponents,
@@ -1546,7 +1557,7 @@ function co(e, t, n, o, r, s) {
     ], 64))
   ], 64)) : S("", !0);
 }
-const ft = /* @__PURE__ */ b(lo, [["render", co]]), ii = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ft = /* @__PURE__ */ b(lo, [["render", co]]), si = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: ft
 }, Symbol.toStringTag, { value: "Module" })), uo = g({
@@ -1608,7 +1619,7 @@ const ft = /* @__PURE__ */ b(lo, [["render", co]]), ii = /* @__PURE__ */ Object.
   }
 });
 function po(e, t, n, o, r, s) {
-  return c(), y(K(e.BlocksWrapper), w({
+  return c(), y(z(e.BlocksWrapper), C({
     ref: "blocksWrapperRef",
     class: e.className + " component-tqyw9m0iue",
     "builder-path": e.dataPath,
@@ -1618,7 +1629,7 @@ function po(e, t, n, o, r, s) {
     onMouseEnter: (i) => e.onMouseEnter(),
     onKeyPress: (i) => e.onClick()
   }, { ...e.BlocksWrapperProps }), {
-    default: N(() => [
+    default: W(() => [
       B(e.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
@@ -1654,8 +1665,8 @@ function fo(e, t, n, o, r, s) {
     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)
   }, {
-    default: N(() => [
-      e.blocks ? (c(!0), p($, { key: 0 }, W(e.blocks, (d, f) => {
+    default: W(() => [
+      e.blocks ? (c(!0), p($, { key: 0 }, N(e.blocks, (d, f) => {
         var v;
         return c(), y(i, {
           key: d.id,
@@ -1669,7 +1680,7 @@ function fo(e, t, n, o, r, s) {
     _: 1
   }, 8, ["blocks", "parent", "path", "styleProp", "classNameProp", "BlocksWrapper", "BlocksWrapperProps"]);
 }
-const M = /* @__PURE__ */ b(ho, [["render", fo]]), go = g({
+const H = /* @__PURE__ */ b(ho, [["render", fo]]), go = g({
   name: "dynamic-div",
   props: []
 });
@@ -1692,8 +1703,13 @@ const X = /* @__PURE__ */ b(go, [["render", bo]]), yo = /* @__PURE__ */ Object.f
   name: "inlined-styles",
   props: ["styles", "id", "nonce"]
 }), gt = {
+  xsmall: {
+    min: 0,
+    default: 160,
+    max: 320
+  },
   small: {
-    min: 320,
+    min: 321,
     default: 321,
     max: 640
   },
@@ -1707,38 +1723,50 @@ const X = /* @__PURE__ */ b(go, [["render", bo]]), yo = /* @__PURE__ */ Object.f
     default: 991,
     max: 1200
   }
-}, ai = (e, t = gt) => `@media (max-width: ${t[e].max}px)`, ko = ({
-  small: e,
-  medium: t
-}) => {
-  const n = he(gt);
-  if (!e || !t)
-    return n;
-  const o = Math.floor(e / 2);
-  n.small = {
-    max: e,
-    min: o,
-    default: o + 1
+}, ii = (e, t = gt) => `@media (max-width: ${t[e].max}px)`, ko = (e) => {
+  const t = he(gt);
+  if (!e)
+    return t;
+  const {
+    xsmall: n,
+    small: o,
+    medium: r
+  } = e;
+  if (n) {
+    const a = Math.floor(n / 2);
+    t.xsmall = {
+      max: n,
+      min: a,
+      default: a + 1
+    };
+  }
+  if (!o || !r)
+    return t;
+  const s = n ? t.xsmall.max + 1 : Math.floor(o / 2);
+  t.small = {
+    max: o,
+    min: s,
+    default: s + 1
   };
-  const r = n.small.max + 1;
-  n.medium = {
-    max: t,
-    min: r,
-    default: r + 1
+  const i = t.small.max + 1;
+  t.medium = {
+    max: r,
+    min: i,
+    default: i + 1
   };
-  const s = n.medium.max + 1;
-  return n.large = {
+  const l = t.medium.max + 1;
+  return t.large = {
     max: 2e3,
     // TODO: decide upper limit
-    min: s,
-    default: s + 1
-  }, n;
+    min: l,
+    default: l + 1
+  }, t;
 }, vo = (e) => `builder-columns ${e}-breakpoints`, So = g({
   name: "builder-columns",
   components: {
     InlinedStyles: Ce,
     DynamicRenderer: me,
-    Blocks: M,
+    Blocks: H,
     DynamicDiv: X
   },
   props: [
@@ -1877,7 +1905,7 @@ const X = /* @__PURE__ */ b(go, [["render", bo]]), yo = /* @__PURE__ */ Object.f
 function Co(e, t, n, o, r, s) {
   var u;
   const i = k("InlinedStyles"), l = k("Blocks"), a = k("DynamicRenderer");
-  return c(), p("div", w({
+  return c(), p("div", C({
     class: e.getColumnsClass((u = e.builderBlock) == null ? void 0 : u.id) + " div-4wbls88y960",
     style: e.columnsCssVars()
   }, {}), [
@@ -1887,13 +1915,13 @@ function Co(e, t, n, o, r, s) {
       styles: e.columnsStyles(),
       nonce: e.builderContext.nonce
     }, null, 8, ["styles", "nonce"])) : S("", !0),
-    (c(!0), p($, null, W(e.columns, (h, m) => (c(), y(a, {
+    (c(!0), p($, null, N(e.columns, (h, m) => (c(), y(a, {
       key: m,
       TagName: e.getTagName(h),
       actionAttributes: {},
       attributes: e.getAttributes(h, m)
     }, {
-      default: N(() => [
+      default: W(() => [
         P(l, {
           path: `columns.${m}.blocks`,
           parent: e.builderBlock.id,
@@ -2006,13 +2034,13 @@ const Po = g({
 function Vo(e, t, n, o, r, s) {
   var i, l, a, u, h, m;
   return c(), p($, null, [
-    z("picture", null, [
+    M("picture", null, [
       e.webpSrcSet ? (c(), p("source", {
         key: 0,
         type: "image/webp",
         srcset: e.webpSrcSet
       }, null, 8, Bo)) : S("", !0),
-      z("img", {
+      M("img", {
         loading: e.highPriority ? "eager" : "lazy",
         fetchpriority: e.highPriority ? "high" : "auto",
         alt: e.altText,
@@ -2043,7 +2071,7 @@ function Vo(e, t, n, o, r, s) {
     ])) : S("", !0)
   ], 64);
 }
-const Wo = /* @__PURE__ */ b(Po, [["render", Vo], ["__scopeId", "data-v-33d4f353"]]), No = g({
+const No = /* @__PURE__ */ b(Po, [["render", Vo], ["__scopeId", "data-v-33d4f353"]]), Wo = g({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
@@ -2051,7 +2079,7 @@ const Wo = /* @__PURE__ */ b(Po, [["render", Vo], ["__scopeId", "data-v-33d4f353
   }
 });
 function Oo(e, t, n, o, r, s) {
-  return c(), p("section", w({
+  return c(), p("section", C({
     style: {
       width: "100%",
       alignSelf: "stretch",
@@ -2068,7 +2096,7 @@ function Oo(e, t, n, o, r, s) {
     B(e.$slots, "default")
   ], 16);
 }
-const Fo = /* @__PURE__ */ b(No, [["render", Oo]]), se = {
+const Fo = /* @__PURE__ */ b(Wo, [["render", Oo]]), se = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item title",
   responsiveStyles: {
@@ -2194,7 +2222,7 @@ const Fo = /* @__PURE__ */ b(No, [["render", Oo]]), se = {
   }
 }, Do = (e) => e.toString(), Lo = g({
   name: "builder-accordion",
-  components: { Blocks: M },
+  components: { Blocks: H },
   props: [
     "grid",
     "oneAtATime",
@@ -2294,8 +2322,8 @@ function Ho(e, t, n, o, r, s) {
     class: "builder-accordion",
     style: F(e.accordionStyles)
   }, [
-    (c(!0), p($, null, W(e.items, (l, a) => (c(), p($, { key: a }, [
-      z("div", {
+    (c(!0), p($, null, N(e.items, (l, a) => (c(), p($, { key: a }, [
+      M("div", {
         class: J(e.getAccordionTitleClassName(a)),
         style: F({
           ...e.accordionTitleStyles,
@@ -2369,7 +2397,7 @@ const jo = /* @__PURE__ */ b(Lo, [["render", Ho]]), Ko = {
   shouldReceiveBuilderProps: {
     builderLinkComponent: !0
   }
-}, qo = {
+}, zo = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -2576,7 +2604,7 @@ const jo = /* @__PURE__ */ b(Lo, [["render", Ho]]), Ko = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, zo = {
+}, qo = {
   name: "Fragment",
   static: !0,
   hidden: !0,
@@ -2758,13 +2786,13 @@ const jo = /* @__PURE__ */ b(Lo, [["render", Ho]]), Ko = {
   }
 }, Qo = g({
   name: "builder-slot",
-  components: { Blocks: M },
+  components: { Blocks: H },
   props: ["builderContext", "name", "builderComponents"]
 });
 function Zo(e, t, n, o, r, s) {
   var l, a, u;
   const i = k("Blocks");
-  return c(), p("div", w(
+  return c(), p("div", C(
     { style: {
       pointerEvents: "auto"
     } },
@@ -2963,7 +2991,7 @@ const _o = /* @__PURE__ */ b(Qo, [["render", Zo]]), er = {
   }
 }, nr = g({
   name: "builder-tabs",
-  components: { Blocks: M },
+  components: { Blocks: H },
   props: [
     "defaultActiveTab",
     "tabs",
@@ -2990,7 +3018,7 @@ const _o = /* @__PURE__ */ b(Qo, [["render", Zo]]), er = {
 function sr(e, t, n, o, r, s) {
   const i = k("Blocks");
   return c(), p("div", null, [
-    z("div", {
+    M("div", {
       class: "builder-tabs-wrap",
       style: F({
         display: "flex",
@@ -2999,7 +3027,7 @@ function sr(e, t, n, o, r, s) {
         overflow: "auto"
       })
     }, [
-      (c(!0), p($, null, W(e.tabs, (l, a) => (c(), p("span", {
+      (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: F({
@@ -3436,7 +3464,7 @@ const wr = /* @__PURE__ */ b(vr, [["render", Cr]]), Tr = {
   return Ir.includes(e) ? e : "production";
 }, Rr = g({
   name: "builder-form-component",
-  components: { Blocks: M },
+  components: { Blocks: H },
   props: [
     "builderContext",
     "previewState",
@@ -3522,7 +3550,7 @@ const wr = /* @__PURE__ */ b(vr, [["render", Cr]]), Tr = {
         else {
           const d = {};
           Array.from(l).forEach(({ value: f, key: v }) => {
-            qe(d, v, f);
+            ze(d, v, f);
           }), s = JSON.stringify(d);
         }
         a && a !== "multipart/form-data" && (t && ((n = this.action) != null && n.includes("zapier.com")) || (r["content-type"] = a));
@@ -3593,7 +3621,7 @@ const wr = /* @__PURE__ */ b(vr, [["render", Cr]]), Tr = {
 };
 function Br(e, t, n, o, r, s) {
   const i = k("Blocks");
-  return c(), p("form", w({
+  return c(), p("form", C({
     validate: e.validate,
     ref: "formRef",
     action: !e.sendWithJs && e.action,
@@ -3688,9 +3716,9 @@ const Ar = /* @__PURE__ */ b(Rr, [["render", Br], ["__scopeId", "data-v-4ef43cdd
   data() {
     return { isEditing: E, filterAttrs: V };
   }
-}), Wr = ["placeholder", "type", "name", "value", "defaultValue", "required"];
-function Nr(e, t, n, o, r, s) {
-  return c(), p("input", w({
+}), Nr = ["placeholder", "type", "name", "value", "defaultValue", "required"];
+function Wr(e, t, n, o, r, s) {
+  return c(), p("input", C({
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     placeholder: e.placeholder,
     type: e.type,
@@ -3698,9 +3726,9 @@ function Nr(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), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Nr);
 }
-const Or = /* @__PURE__ */ b(Vr, [["render", Nr]]), Fr = {
+const Or = /* @__PURE__ */ b(Vr, [["render", Wr]]), Fr = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -3750,14 +3778,14 @@ const Or = /* @__PURE__ */ b(Vr, [["render", Nr]]), Fr = {
   }
 }), Dr = ["value", "defaultValue", "name", "required"], Lr = ["value"];
 function Mr(e, t, n, o, r, s) {
-  return c(), p("select", w({
+  return c(), p("select", C({
     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, W(e.options, (i, l) => (c(), p("option", {
+    (c(!0), p($, null, N(e.options, (i, l) => (c(), p("option", {
       key: `${i.name}-${l}`,
       value: i.value
     }, ne(i.name || i.value), 9, Lr))), 128))
@@ -3795,10 +3823,10 @@ const Hr = /* @__PURE__ */ b(Ur, [["render", Mr]]), jr = {
     return { filterAttrs: V };
   }
 });
-function qr(e, t, n, o, r, s) {
-  return c(), p("button", w({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ne(e.text), 17);
+function zr(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);
 }
-const zr = /* @__PURE__ */ b(Kr, [["render", qr]]), Jr = {
+const qr = /* @__PURE__ */ b(Kr, [["render", zr]]), Jr = {
   name: "Form:TextArea",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
   inputs: [{
@@ -3849,7 +3877,7 @@ const zr = /* @__PURE__ */ b(Kr, [["render", qr]]), Jr = {
   }
 }), Yr = ["placeholder", "name", "value", "defaultValue", "required"];
 function Xr(e, t, n, o, r, s) {
-  return c(), p("textarea", w({
+  return c(), p("textarea", C({
     placeholder: e.placeholder,
     name: e.name,
     value: e.value,
@@ -3886,7 +3914,7 @@ const Qr = /* @__PURE__ */ b(Gr, [["render", Xr]]), Zr = {
   }
 }), es = ["alt", "src"];
 function ts(e, t, n, o, r, s) {
-  return c(), p("img", w({
+  return c(), p("img", C({
     style: {
       objectFit: e.backgroundSize || "cover",
       objectPosition: e.backgroundPosition || "center"
@@ -3983,6 +4011,7 @@ const ns = /* @__PURE__ */ b(_r, [["render", ts]]), os = {
 }, rs = g({
   name: "builder-video",
   props: [
+    "lazyLoad",
     "autoPlay",
     "muted",
     "controls",
@@ -3993,12 +4022,39 @@ const ns = /* @__PURE__ */ b(_r, [["render", ts]]), os = {
     "fit",
     "position",
     "aspectRatio",
-    "video",
     "posterImage",
-    "lazyLoad",
+    "video",
     "fitContent",
     "builderBlock"
   ],
+  data() {
+    return { lazyVideoObserver: void 0 };
+  },
+  mounted() {
+    if (this.lazyLoad) {
+      const e = new IntersectionObserver(function(t) {
+        t.forEach(function(n) {
+          if (!n.isIntersecting)
+            return;
+          const o = n.target;
+          try {
+            Array.from(o.children).filter(
+              (r) => r instanceof HTMLElement && r.tagName === "SOURCE"
+            ).forEach((r) => {
+              const s = r.dataset.src;
+              s && (r.src = s);
+            }), o.load(), e.unobserve(o);
+          } catch (r) {
+            console.error("Error loading lazy video:", r);
+          }
+        });
+      });
+      this.$refs.videoRef && e.observe(this.$refs.videoRef), this.lazyVideoObserver = e;
+    }
+  },
+  unmounted() {
+    this.lazyVideoObserver && this.lazyVideoObserver.disconnect();
+  },
   computed: {
     videoProps() {
       return {
@@ -4027,14 +4083,14 @@ const ns = /* @__PURE__ */ b(_r, [["render", ts]]), os = {
   }
 }), ss = { style: {
   position: "relative"
-} }, is = ["preload", "src", "poster"], as = ["src"], ls = {
+} }, is = ["preload", "poster"], as = {
   key: 1,
   style: {
     display: "flex",
     flexDirection: "column",
     alignItems: "stretch"
   }
-}, cs = {
+}, ls = {
   key: 2,
   style: {
     pointerEvents: "none",
@@ -4048,12 +4104,13 @@ const ns = /* @__PURE__ */ b(_r, [["render", ts]]), os = {
     height: "100%"
   }
 };
-function ds(e, t, n, o, r, s) {
+function cs(e, t, n, o, r, s) {
   var i, l, a, u, h, m, d;
   return c(), p("div", ss, [
-    z("video", w({
+    M("video", C({
       class: "builder-video",
-      preload: e.preload || "metadata",
+      ref: "videoRef",
+      preload: e.lazyLoad ? "none" : e.preload || "metadata",
       style: {
         width: "100%",
         height: "100%",
@@ -4067,14 +4124,16 @@ function ds(e, t, n, o, r, s) {
           position: "absolute"
         } : null
       },
-      src: e.video || "no-src",
       poster: e.posterImage
     }, e.spreadProps), [
-      e.lazyLoad ? S("", !0) : (c(), p("source", {
-        key: 0,
-        type: "video/mp4",
-        src: e.video
-      }, null, 8, as))
+      M("source", C(
+        { type: "video/mp4" },
+        e.lazyLoad ? {
+          "data-src": e.video
+        } : {
+          src: e.video
+        }
+      ), null, 16)
     ], 16, is),
     e.aspectRatio && !(e.fitContent && ((a = (l = e.builderBlock) == null ? void 0 : l.children) != null && a.length)) ? (c(), p("div", {
       key: 0,
@@ -4085,15 +4144,15 @@ function ds(e, t, n, o, r, s) {
         fontSize: "0px"
       })
     }, null, 4)) : S("", !0),
-    (h = (u = e.builderBlock) == null ? void 0 : u.children) != null && h.length && e.fitContent ? (c(), p("div", ls, [
+    (h = (u = e.builderBlock) == null ? void 0 : u.children) != null && h.length && e.fitContent ? (c(), p("div", as, [
       B(e.$slots, "default")
     ])) : S("", !0),
-    (d = (m = e.builderBlock) == null ? void 0 : m.children) != null && d.length && !e.fitContent ? (c(), p("div", cs, [
+    (d = (m = e.builderBlock) == null ? void 0 : m.children) != null && d.length && !e.fitContent ? (c(), p("div", ls, [
       B(e.$slots, "default")
     ])) : S("", !0)
   ]);
 }
-const us = /* @__PURE__ */ b(rs, [["render", ds]]), ps = () => [{
+const ds = /* @__PURE__ */ b(rs, [["render", cs]]), us = () => [{
   component: gr,
   ...pr
 }, {
@@ -4106,7 +4165,7 @@ const us = /* @__PURE__ */ b(rs, [["render", ds]]), ps = () => [{
   component: Or,
   ...xr
 }, {
-  component: zr,
+  component: qr,
   ...jr
 }, {
   component: Hr,
@@ -4118,19 +4177,19 @@ const us = /* @__PURE__ */ b(rs, [["render", ds]]), ps = () => [{
   component: ns,
   ...Zr
 }, {
-  component: us,
+  component: ds,
   ...os
-}], We = () => [{
+}], Ne = () => [{
   component: At,
   ...Ko
 }, {
   component: wo,
-  ...qo
+  ...zo
 }, {
   component: $o,
-  ...zo
+  ...qo
 }, {
-  component: Wo,
+  component: No,
   ...Go
 }, {
   component: Fo,
@@ -4139,7 +4198,7 @@ const us = /* @__PURE__ */ b(rs, [["render", ds]]), ps = () => [{
   component: _o,
   ...Xo
 }, {
-  component: Ys,
+  component: Gs,
   ...er
 }, {
   component: ur,
@@ -4150,7 +4209,7 @@ const us = /* @__PURE__ */ b(rs, [["render", ds]]), ps = () => [{
 }, {
   component: jo,
   ...Uo
-}, ...ps()], ms = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+}, ...us()], ps = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -4206,7 +4265,7 @@ const us = /* @__PURE__ */ b(rs, [["render", ds]]), ps = () => [{
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, hs = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, ms = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -4244,25 +4303,25 @@ const us = /* @__PURE__ */ b(rs, [["render", ds]]), ps = () => [{
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), fs = ({
+})), hs = ({
   canTrack: e,
   content: t
-}) => !(!(Z(t).length > 0) || !e), gs = (e) => e === "react" || e === "reactNative", vt = gs(R), bs = () => `
-  window.${yt} = ${ms}
-  window.${kt} = ${hs}
-  `, ys = (e, t) => `
+}) => !(!(Z(t).length > 0) || !e), fs = (e) => e === "react" || e === "reactNative", vt = fs(R), gs = () => `
+  window.${yt} = ${ps}
+  window.${kt} = ${ms}
+  `, bs = (e, t) => `
   window.${yt}(
     "${t}",${JSON.stringify(e)}, ${vt}
-  )`, ks = ({
+  )`, ys = ({
   contentId: e,
   variationId: t
 }) => `window.${kt}(
     "${t}", "${e}", ${vt}
   )`;
-function Ne(e) {
+function We(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const vs = (e, t, n = !0) => {
+const ks = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = n ? e : e.parentElement;
@@ -4273,20 +4332,20 @@ const vs = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, Ss = (e) => vs(e, (t) => {
+}, vs = (e) => ks(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
 }), Oe = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, s = Ne(o / n.width), i = Ne(r / n.height);
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, s = We(o / n.width), i = We(r / n.height);
   return {
     x: s,
     y: i
   };
-}, Cs = (e) => {
-  const t = e.target, n = t && Ss(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, Ss = (e) => {
+  const t = e.target, n = t && vs(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
@@ -4301,7 +4360,7 @@ const vs = (e, t, n = !0) => {
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, ws = ["svelte", "qwik", "vue"], Ts = () => ws.includes(R) && (E() || ze()), Is = (e) => {
+}, Cs = ["svelte", "qwik", "vue"], ws = () => Cs.includes(R) && (E() || qe()), Ts = (e) => {
   var s;
   const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = e.fileUrl ?? ((s = e == null ? void 0 : e.files) == null ? void 0 : s.regular);
   let r = "";
@@ -4327,15 +4386,15 @@ font-weight: ${i};
         `.trim());
     }
   return r;
-}, $s = ({
+}, Is = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => Is(n))) == null ? void 0 : t.join(" ")) || "";
-}, Rs = ({
+  return ((t = e == null ? void 0 : e.map((n) => Ts(n))) == null ? void 0 : t.join(" ")) || "";
+}, $s = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Es = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Rs = `
 .builder-button {
   all: unset;
 }
@@ -4352,7 +4411,7 @@ font-weight: ${i};
   text-align: inherit;
   font-family: inherit;
 }
-`, Ps = (e) => e ? "" : Es, Bs = (e) => `variant-${e}`, As = g({
+`, Es = (e) => e ? "" : Rs, Ps = (e) => `variant-${e}`, Bs = g({
   name: "enable-editor",
   components: { DynamicDiv: X },
   props: [
@@ -4379,8 +4438,8 @@ font-weight: ${i};
       httpReqsPending: {},
       clicked: !1,
       builderContext: ce,
-      needsElementRefDivForEditing: Ts,
-      getWrapperClassName: Bs
+      needsElementRefDivForEditing: ws,
+      getWrapperClassName: Ps
     };
   },
   provide() {
@@ -4394,7 +4453,7 @@ font-weight: ${i};
   },
   mounted() {
     var e, t;
-    if (C()) {
+    if (w()) {
       if (E() && !this.isNestedRender && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
         new CustomEvent("initeditingbldr")
       ), this.builderContextSignal.content && G(this.canTrack)) {
@@ -4408,7 +4467,7 @@ font-weight: ${i};
           variationId: o !== r ? o : void 0
         });
       }
-      ze() && !E() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+      qe() && !E() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
         new CustomEvent("initpreviewingbldr")
       );
     }
@@ -4442,7 +4501,7 @@ font-weight: ${i};
     }
   },
   unmounted() {
-    C() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
+    w() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       this.emitStateUpdate
     ));
@@ -4535,7 +4594,7 @@ font-weight: ${i};
           contentId: r,
           apiKey: this.apiKey,
           variationId: o !== r ? o : void 0,
-          ...Cs(e),
+          ...Ss(e),
           unique: !this.clicked
         });
       }
@@ -4596,12 +4655,14 @@ font-weight: ${i};
         } : {},
         ...this.trustedHosts ? {
           trustedHosts: this.trustedHosts
-        } : {}
+        } : {},
+        modelName: this.model ?? "",
+        apiKey: this.apiKey
       }), Object.values(
         this.builderContextSignal.componentInfos
       ).forEach((t) => {
         var n, o;
-        if (!this.model || !((n = t.models) != null && n.length) || t.models.includes(this.model)) {
+        if (!((n = t.models) != null && n.length) || t.models.includes(this.model)) {
           const r = on(t);
           (o = window.parent) == null || o.postMessage(r, "*");
         }
@@ -4616,7 +4677,7 @@ font-weight: ${i};
         `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({
-        model: this.model || "",
+        model: this.model,
         apiKey: this.apiKey,
         apiVersion: this.builderContextSignal.apiVersion,
         ...n === "BUILDER_STUDIO" && ((s = this.context) != null && s.symbolId) ? {
@@ -4630,9 +4691,9 @@ font-weight: ${i};
     }
   }
 });
-function xs(e, t, n, o, r, s) {
+function As(e, t, n, o, r, s) {
   var i, l, a;
-  return e.builderContextSignal.content || e.needsElementRefDivForEditing() ? (c(), y(K(e.ContentWrapper), w({
+  return e.builderContextSignal.content || e.needsElementRefDivForEditing() ? (c(), y(z(e.ContentWrapper), C({
     key: 0,
     ref: "elementRef",
     onClick: (u) => e.onClick(u),
@@ -4645,27 +4706,27 @@ function xs(e, t, n, o, r, s) {
     onIniteditingbldr: (u) => e.elementRef_onIniteditingbldr(u),
     onInitpreviewingbldr: (u) => e.elementRef_onInitpreviewingbldr(u)
   }, { ...e.showContentProps, ...e.contentWrapperProps }), {
-    default: N(() => [
+    default: W(() => [
       B(e.$slots, "default")
     ]),
     _: 3
   }, 16, ["onClick", "builder-content-id", "builder-model", "className", "style", "onIniteditingbldr", "onInitpreviewingbldr"])) : S("", !0);
 }
-const Vs = /* @__PURE__ */ b(As, [["render", xs]]), Ws = g({
+const xs = /* @__PURE__ */ b(Bs, [["render", As]]), Vs = g({
   name: "content-styles",
   components: { InlinedStyles: Ce },
   props: ["cssCode", "contentId", "customFonts", "isNestedRender", "nonce"],
   data() {
     return {
       injectedStyles: `
-${Rs({
+${$s({
         cssCode: this.cssCode,
         contentId: this.contentId
       })}
-${$s({
+${Is({
         customFonts: this.customFonts
       })}
-${Ps(this.isNestedRender)}
+${Es(this.isNestedRender)}
 `.trim()
     };
   }
@@ -4678,7 +4739,7 @@ function Ns(e, t, n, o, r, s) {
     nonce: e.nonce
   }, null, 8, ["styles", "nonce"]);
 }
-const Os = /* @__PURE__ */ b(Ws, [["render", Ns]]), Fs = ({
+const Ws = /* @__PURE__ */ b(Vs, [["render", Ns]]), Os = ({
   content: e,
   data: t,
   locale: n
@@ -4695,7 +4756,7 @@ const Os = /* @__PURE__ */ b(Ws, [["render", Ns]]), Fs = ({
       locale: n
     } : {}
   };
-}, Us = ({
+}, Fs = ({
   content: e,
   data: t
 }) => e ? {
@@ -4705,13 +4766,13 @@ const Os = /* @__PURE__ */ b(Ws, [["render", Ns]]), Fs = ({
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, Ds = Tt, Ls = g({
+} : void 0, Us = Tt, Ds = g({
   name: "content-component",
   components: {
-    EnableEditor: Vs,
+    EnableEditor: xs,
     InlinedScript: bt,
-    ContentStyles: Os,
-    Blocks: M,
+    ContentStyles: Ws,
+    Blocks: H,
     DynamicDiv: X
   },
   props: [
@@ -4740,32 +4801,32 @@ const Os = /* @__PURE__ */ b(Ws, [["render", Ns]]), Fs = ({
   data() {
     var e, t;
     return {
-      scriptStr: ks({
+      scriptStr: ys({
         // 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: [
-        ...We(),
+        ...Ne(),
         ...this.customComponents || []
       ].reduce(
         (n, { component: o, ...r }) => ({
           ...n,
           [r.name]: {
-            component: Ds(o),
+            component: Us(o),
             ...te(r)
           }
         }),
         {}
       ),
       builderContextSignal: {
-        content: Us({
+        content: Fs({
           content: this.content,
           data: this.data
         }),
         localState: void 0,
-        rootState: Fs({
+        rootState: Os({
           content: this.content,
           data: this.data,
           locale: this.locale
@@ -4776,7 +4837,7 @@ const Os = /* @__PURE__ */ b(Ws, [["render", Ns]]), Fs = ({
         apiKey: this.apiKey,
         apiVersion: this.apiVersion,
         componentInfos: [
-          ...We(),
+          ...Ne(),
           ...this.customComponents || []
         ].reduce(
           (n, { component: o, ...r }) => ({
@@ -4789,7 +4850,7 @@ const Os = /* @__PURE__ */ b(Ws, [["render", Ns]]), Fs = ({
         BlocksWrapper: this.blocksWrapper || "div",
         BlocksWrapperProps: this.blocksWrapperProps || {},
         nonce: this.nonce || "",
-        model: this.model || ""
+        model: this.model
       },
       TARGET: R
     };
@@ -4825,9 +4886,9 @@ const Os = /* @__PURE__ */ b(Ws, [["render", Ns]]), Fs = ({
     }
   }
 });
-function Ms(e, t, n, o, r, s) {
+function Ls(e, t, n, o, r, s) {
   const i = k("InlinedScript"), l = k("ContentStyles"), a = k("Blocks"), u = k("EnableEditor");
-  return c(), y(u, w({
+  return c(), y(u, C({
     apiHost: e.apiHost,
     nonce: e.nonce,
     content: e.content,
@@ -4845,7 +4906,7 @@ function Ms(e, t, n, o, r, s) {
     trustedHosts: e.trustedHosts,
     isNestedRender: e.isNestedRender
   }, {}), {
-    default: N(() => {
+    default: W(() => {
       var h, m, d, f, v, T, D;
       return [
         e.isSsrAbTest ? (c(), y(i, {
@@ -4873,12 +4934,12 @@ function Ms(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 Hs = /* @__PURE__ */ b(Ls, [["render", Ms]]), js = g({
+const Ms = /* @__PURE__ */ b(Ds, [["render", Ls]]), Hs = g({
   name: "content-variants",
   components: {
     InlinedScript: bt,
     InlinedStyles: Ce,
-    ContentComponent: Hs
+    ContentComponent: Ms
   },
   props: [
     "canTrack",
@@ -4903,12 +4964,12 @@ const Hs = /* @__PURE__ */ b(Ls, [["render", Ms]]), js = g({
   ],
   data() {
     return {
-      shouldRenderVariants: fs({
+      shouldRenderVariants: hs({
         canTrack: G(this.canTrack),
         content: this.content
       }),
       TARGET: R,
-      getInitVariantsFnsScriptString: bs,
+      getInitVariantsFnsScriptString: gs,
       getVariants: Z
     };
   },
@@ -4917,7 +4978,7 @@ const Hs = /* @__PURE__ */ b(Ls, [["render", Ms]]), js = g({
   computed: {
     updateCookieAndStylesScriptStr() {
       var e;
-      return ys(
+      return bs(
         Z(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
@@ -4940,7 +5001,7 @@ const Hs = /* @__PURE__ */ b(Ls, [["render", Ms]]), js = g({
     }
   }
 });
-function Ks(e, t, n, o, r, s) {
+function js(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, {
@@ -4960,7 +5021,7 @@ function Ks(e, t, n, o, r, s) {
         scriptStr: e.updateCookieAndStylesScriptStr,
         nonce: e.nonce || ""
       }, null, 8, ["scriptStr", "nonce"]),
-      (c(!0), p($, null, W(e.getVariants(e.content), (u, h) => (c(), y(a, w({
+      (c(!0), p($, null, N(e.getVariants(e.content), (u, h) => (c(), y(a, C({
         key: u.testVariationId,
         apiHost: e.apiHost,
         isNestedRender: e.isNestedRender,
@@ -4985,7 +5046,7 @@ function Ks(e, t, n, o, r, s) {
         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),
-    P(a, w({
+    P(a, C({
       apiHost: e.apiHost,
       nonce: e.nonce,
       isNestedRender: e.isNestedRender,
@@ -5012,7 +5073,7 @@ function Ks(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", Ks]]), zs = async ({
+const Ks = /* @__PURE__ */ b(Hs, [["render", js]]), zs = async ({
   builderContextValue: e,
   symbol: t
 }) => {
@@ -5030,9 +5091,9 @@ const qs = /* @__PURE__ */ b(js, [["render", Ks]]), zs = async ({
     }).catch((n) => {
       A.error("Could not fetch symbol content: ", n);
     });
-}, Js = g({
+}, qs = g({
   name: "builder-symbol",
-  components: { ContentVariants: qs, DynamicDiv: X },
+  components: { ContentVariants: Ks, DynamicDiv: X },
   props: [
     "symbol",
     "attributes",
@@ -5090,10 +5151,10 @@ const qs = /* @__PURE__ */ b(js, [["render", Ks]]), zs = async ({
     }
   }
 });
-function Gs(e, t, n, o, r, s) {
+function Js(e, t, n, o, r, s) {
   var l, a, u, h, m;
   const i = k("ContentVariants");
-  return c(), p("div", w({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+  return c(), p("div", C({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     P(i, {
       nonce: e.builderContext.nonce,
       isNestedRender: !0,
@@ -5110,7 +5171,7 @@ function Gs(e, t, n, o, r, s) {
         ...(h = (u = e.contentToUse) == null ? void 0 : u.data) == null ? void 0 : h.state
       },
       canTrack: e.builderContext.canTrack,
-      model: (m = e.symbol) == null ? void 0 : m.model,
+      model: ((m = e.symbol) == null ? void 0 : m.model) ?? "",
       content: e.contentToUse,
       linkComponent: e.builderLinkComponent,
       blocksWrapper: e.blocksWrapper,
@@ -5118,7 +5179,7 @@ function Gs(e, t, n, o, r, s) {
     }, null, 8, ["nonce", "apiVersion", "apiKey", "context", "customComponents", "data", "canTrack", "model", "content", "linkComponent", "blocksWrapper", "contentWrapper"])
   ], 16);
 }
-const Ys = /* @__PURE__ */ b(Js, [["render", Gs]]);
+const Gs = /* @__PURE__ */ b(qs, [["render", Js]]);
 export {
   jn as A,
   ft as B,
@@ -5126,37 +5187,37 @@ export {
   Kn as D,
   ve as E,
   $o as F,
-  Zs as G,
-  ii as H,
-  Wo as I,
+  Qs as G,
+  si as H,
+  No as I,
   Fo as S,
   R as T,
-  us as V,
+  ds as V,
   Ce as _,
-  ri as a,
-  ai as b,
+  oi as a,
+  ii as b,
   U as c,
   Se as d,
   b as e,
   Y as f,
   ko as g,
-  si as h,
+  ri as h,
   _ as i,
   ce as j,
   At as k,
-  Ys as l,
+  Gs as l,
   ur as m,
-  M as n,
-  qs as o,
+  H as n,
+  Ks as o,
   E as p,
-  ze as q,
+  qe as q,
   on as r,
-  ni as s,
+  ti as s,
   sn as t,
-  _s as u,
+  Zs as u,
   Je as v,
-  Ds as w,
-  ei as x,
-  ti as y,
-  oi as z
+  Us as w,
+  _s as x,
+  ei as y,
+  ni as z
 };