@builder.io/sdk-vue 5.2.4 → 5.2.6

package/lib/browser/{index-DfB3iR8x.js → index-SDeF5ljo.js}

@@ -1,5 +1,5 @@
 import "./style.css";
-import { defineComponent as y, openBlock as d, createElementBlock as h, Fragment as I, createBlock as S, resolveDynamicComponent as X, mergeProps as $, toHandlers as L, withCtx as x, renderSlot as N, resolveComponent as k, createTextVNode as Vt, toDisplayString as de, defineAsyncComponent as Y, createVNode as E, renderList as F, createCommentVNode as C, h as Qe, createElementVNode as z, normalizeStyle as M, normalizeClass as _, markRaw as Nt } from "vue";
+import { defineComponent as y, openBlock as d, createElementBlock as h, Fragment as I, createBlock as S, resolveDynamicComponent as X, mergeProps as $, toHandlers as L, withCtx as O, renderSlot as N, resolveComponent as k, createTextVNode as Vt, toDisplayString as de, defineAsyncComponent as Y, createVNode as E, renderList as F, createCommentVNode as C, h as Qe, createElementVNode as q, normalizeStyle as M, normalizeClass as _, markRaw as Nt } from "vue";
 const Wt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), Dt = (e) => typeof e == "string" && Wt.has(e.toLowerCase());
 function W(e = {}, t, n) {
   const o = {};
@@ -11,7 +11,7 @@ function W(e = {}, t, n) {
   }
   return o;
 }
-const Ot = y({
+const xt = y({
   name: "dynamic-renderer",
   props: ["TagName", "attributes", "actionAttributes"],
   data() {
@@ -23,22 +23,22 @@ const Ot = y({
     n[o] = r;
   return n;
 };
-function xt(e, t, n, o, r, i) {
+function Ot(e, t, n, o, r, i) {
   return e.isEmptyElement(e.TagName) ? (d(), S(X(e.TagName), $({ key: 1 }, e.attributes, L(e.actionAttributes)), null, 16)) : (d(), h(I, { key: 0 }, [
     typeof e.TagName == "string" ? (d(), S(X(e.TagName), $({ key: 0 }, e.attributes, L(e.actionAttributes)), {
-      default: x(() => [
+      default: O(() => [
         N(e.$slots, "default")
       ]),
       _: 3
     }, 16)) : (d(), S(X(e.TagName), $({ key: 1 }, e.attributes, L(e.actionAttributes)), {
-      default: x(() => [
+      default: O(() => [
         N(e.$slots, "default")
       ]),
       _: 3
     }, 16))
   ], 64));
 }
-const Te = /* @__PURE__ */ v(Ot, [["render", xt]]), vs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Te = /* @__PURE__ */ v(xt, [["render", Ot]]), vs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Te
 }, Symbol.toStringTag, { value: "Module" })), R = "vue", j = () => {
@@ -90,7 +90,7 @@ function Lt(e, t, n, o, r, i) {
     TagName: e.link ? e.builderLinkComponent || "a" : "button",
     actionAttributes: e.filterAttrs(e.attributes, "v-on:", !0)
   }, {
-    default: x(() => [
+    default: O(() => [
       Vt(de(e.text), 1)
     ]),
     _: 1
@@ -142,14 +142,14 @@ function A(e) {
   return Kt() && // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
   _e(e || window.location.search).indexOf("builder.frameEditing=") !== -1;
 }
-const qt = () => {
+const zt = () => {
   if (T()) {
     const e = new URL(location.href);
     return e.pathname === "" && (e.pathname = "/"), e;
   } else
     return console.warn("Cannot get location for tracking in non-browser environment"), null;
-}, zt = () => typeof navigator == "object" && navigator.userAgent || "", et = () => {
-  const e = zt(), t = {
+}, qt = () => typeof navigator == "object" && navigator.userAgent || "", et = () => {
+  const e = qt(), t = {
     Android() {
       return e.match(/Android/i);
     },
@@ -168,13 +168,13 @@ const qt = () => {
     any() {
       return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || R === "reactNative";
     }
-  }, n = e.match(/Tablet|iPad/i), o = qt();
+  }, n = e.match(/Tablet|iPad/i), o = zt();
   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"
   };
-}, tt = "5.2.4", nt = () => ({
+}, tt = "5.2.6", nt = () => ({
   "X-Builder-SDK": R,
   "X-Builder-SDK-GEN": "2",
   "X-Builder-SDK-Version": tt
@@ -432,7 +432,7 @@ function lt({
     }
   });
 }
-const xe = ({
+const Oe = ({
   code: e,
   builder: t,
   context: n,
@@ -467,7 +467,7 @@ const mn = ({
   return t && n && !o ? (e && B.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "), !0) : !1;
 }, hn = (e) => (T() || mn({
   shouldLogWarning: !0
-}), xe(e)), fn = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/, bn = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/, gn = (e) => {
+}), Oe(e)), fn = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/, bn = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/, gn = (e) => {
   var t, n, o, r, i, s;
   return ((o = (n = (t = fn.exec(e.trim())) == null ? void 0 : t.groups) == null ? void 0 : n.getPath) == null ? void 0 : o.slice(1)) || ((s = (i = (r = bn.exec(e.trim())) == null ? void 0 : r.groups) == null ? void 0 : i.getPath) == null ? void 0 : s.slice(1));
 };
@@ -730,10 +730,13 @@ const Fe = "builder.", Pn = "options.", ut = (e) => {
   return ut(e);
 }, Vn = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
 function pt(e, t) {
-  if (!t.origin.startsWith("http") && !t.origin.startsWith("https"))
+  let n;
+  try {
+    n = new URL(t.origin);
+  } catch {
     return !1;
-  const n = new URL(t.origin), o = n.hostname;
-  return (e || Vn).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
+  }
+  return n.protocol !== "http:" && n.protocol !== "https:" ? !1 : (e || Vn).findIndex((o) => o.startsWith("*.") ? n.hostname.endsWith(o.slice(1)) : o === n.hostname) > -1;
 }
 let He = !1;
 const mt = (e) => {
@@ -871,14 +874,14 @@ const mt = (e) => {
 }) => ue({
   name: Ee(e),
   canTrack: !0
-}), On = ({
+}), xn = ({
   contentId: e,
   value: t
 }) => we({
   name: Ee(e),
   value: t,
   canTrack: !0
-}), ft = (e) => K(e.id) && K(e.variations) && Object.keys(e.variations).length > 0, xn = ({
+}), ft = (e) => K(e.id) && K(e.variations) && Object.keys(e.variations).length > 0, On = ({
   id: e,
   variations: t
 }) => {
@@ -892,8 +895,8 @@ const mt = (e) => {
   }
   return e;
 }, bt = (e) => {
-  const t = xn(e);
-  return On({
+  const t = On(e);
+  return xn({
     contentId: e.id,
     value: t
   }).catch((n) => {
@@ -1069,11 +1072,11 @@ const Kn = "v3", Ke = (e) => typeof e == "number" && !isNaN(e) && e >= 0, Ae = (
   w.searchParams.set("apiKey", i), w.searchParams.set("limit", String(t)), w.searchParams.set("noTraverse", String(U)), w.searchParams.set("includeRefs", String(!0)), l && w.searchParams.set("locale", l);
   let D = n || {};
   if (s && w.searchParams.set("enrich", String(s)), w.searchParams.set("omit", p ?? "meta.componentsUsed"), u && w.searchParams.set("fields", u), Number.isFinite(f) && f > -1 && w.searchParams.set("offset", String(Math.floor(f))), typeof g == "boolean" && w.searchParams.set("includeUnpublished", String(g)), c && Ke(c) && w.searchParams.set("cacheSeconds", String(c)), m && Ke(m) && w.searchParams.set("staleCacheSeconds", String(m)), b) {
-    const O = Se({
+    const x = Se({
       sort: b
     });
-    for (const H in O)
-      w.searchParams.set(H, JSON.stringify(O[H]));
+    for (const H in x)
+      w.searchParams.set(H, JSON.stringify(x[H]));
   }
   const J = {
     ...Bn(),
@@ -1081,28 +1084,28 @@ const Kn = "v3", Ke = (e) => typeof e == "number" && !isNaN(e) && e >= 0, Ae = (
   };
   D = {
     ...D,
-    ...zn(J)
+    ...qn(J)
   };
   const Q = Se(J);
-  for (const O in Q)
-    w.searchParams.set(O, String(Q[O]));
+  for (const x in Q)
+    w.searchParams.set(x, String(Q[x]));
   if (Object.keys(D).length > 0 && w.searchParams.set("userAttributes", JSON.stringify(D)), o) {
-    const O = yt({
+    const x = yt({
       query: o
     });
-    for (const H in O)
-      w.searchParams.set(H, JSON.stringify(O[H]));
+    for (const H in x)
+      w.searchParams.set(H, JSON.stringify(x[H]));
   }
   return w;
-}, qn = (e) => {
+}, zn = (e) => {
   const t = {};
   for (const n in e)
     n.startsWith("userAttributes.") && (t[n] = e[n], delete e[n]);
   return t;
-}, zn = (e) => {
+}, qn = (e) => {
   if (T() && e.preview === "BUILDER_STUDIO") {
     e["userAttributes.urlPath"] = window.location.pathname, e["userAttributes.host"] = window.location.host;
-    const t = qn(e), {
+    const t = zn(e), {
       userAttributes: n
     } = jn(t);
     return n;
@@ -1395,22 +1398,22 @@ const wt = (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;
-}), po = () => import("./block-wrapper-YNVEwJsu.js").then((e) => e.default).catch((e) => {
+}), po = () => import("./block-wrapper-JeL_jj_h.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;
-}), mo = () => import("./component-ref-watkJI0h.js").then((e) => e.default).catch((e) => {
+}), mo = () => import("./component-ref-mKp3QJjb.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;
-}), ho = () => import("./repeated-block-B84MBN4t.js").then((e) => e.default).catch((e) => {
+}), ho = () => import("./repeated-block-WgU2OssJ.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;
-}), fo = () => import("./style-wrapper-1pU2q-Nj.js").then((e) => e.default).catch((e) => {
+}), fo = () => import("./style-wrapper-VY7cdn42.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component StyleWrapper at ./components/style-wrapper.vue",
     e
@@ -1551,7 +1554,7 @@ function go(e, t, n, o, r, i) {
         block: e.processedBlock,
         context: e.context
       }, {
-        default: x(() => [
+        default: O(() => [
           E(l, {
             componentRef: e.componentRefProps.componentRef,
             componentOptions: e.componentRefProps.componentOptions,
@@ -1660,7 +1663,7 @@ function vo(e, t, n, o, r, i) {
     onMouseEnter: (s) => e.onMouseEnter(),
     onKeyPress: (s) => e.onClick()
   }, { ...e.BlocksWrapperProps }), {
-    default: x(() => [
+    default: O(() => [
       N(e.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
@@ -1697,7 +1700,7 @@ function Co(e, t, n, o, r, i) {
     classNameProp: e.className,
     BlocksWrapper: ((p = e.context) == null ? void 0 : p.BlocksWrapper) || ((f = e.builderContext) == null ? void 0 : f.BlocksWrapper)
   }, {
-    default: x(() => [
+    default: O(() => [
       N(e.$slots, "default"),
       e.blocks ? (d(!0), h(I, { key: 0 }, F(e.blocks, (c, m) => {
         var b;
@@ -1713,7 +1716,7 @@ function Co(e, t, n, o, r, i) {
     _: 3
   }, 8, ["blocks", "parent", "path", "styleProp", "BlocksWrapperProps", "classNameProp", "BlocksWrapper"]);
 }
-const q = /* @__PURE__ */ v(ko, [["render", Co]]), To = y({
+const z = /* @__PURE__ */ v(ko, [["render", Co]]), To = y({
   name: "dynamic-div",
   props: []
 });
@@ -1799,7 +1802,7 @@ const te = /* @__PURE__ */ v(To, [["render", wo]]), Io = /* @__PURE__ */ Object.
   components: {
     InlinedStyles: pe,
     DynamicRenderer: Te,
-    Blocks: q,
+    Blocks: z,
     DynamicDiv: te
   },
   props: [
@@ -1954,7 +1957,7 @@ function Ao(e, t, n, o, r, i) {
       actionAttributes: {},
       attributes: e.getAttributes(p, f)
     }, {
-      default: x(() => [
+      default: O(() => [
         E(l, {
           path: `columns.${f}.blocks`,
           parent: e.builderBlock.id,
@@ -1981,7 +1984,7 @@ function Vo(e, t, n, o, r, i) {
   ]);
 }
 const No = /* @__PURE__ */ v(Bo, [["render", Vo]]);
-function qe(e) {
+function ze(e) {
   return e.replace(/http(s)?:/, "");
 }
 function Wo(e = "", t, n) {
@@ -1992,11 +1995,11 @@ function Do(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
-    return qe(e);
+    return ze(e);
   const n = e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
   if (n) {
     const o = e.split(n[0]), r = n[3], i = t.match("x") ? t : `${t}x`;
-    return qe(`${o[0]}_${i}${r}`);
+    return ze(`${o[0]}_${i}${r}`);
   }
   return null;
 }
@@ -2011,7 +2014,7 @@ function oe(e) {
   }
   return e.match(/cdn\.shopify\.com/) ? t.map((n) => [Do(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
-const Oo = y({
+const xo = y({
   name: "builder-image",
   props: [
     "lazy",
@@ -2019,14 +2022,14 @@ const Oo = y({
     "src",
     "srcset",
     "noWebp",
-    "aspectRatio",
+    "sizes",
     "highPriority",
+    "aspectRatio",
     "altText",
     "title",
     "backgroundPosition",
     "backgroundSize",
     "className",
-    "sizes",
     "builderBlock",
     "fitContent"
   ],
@@ -2051,6 +2054,9 @@ const Oo = y({
       var e;
       return (e = this.srcSetToUse) != null && e.match(/builder\.io/) && !this.noWebp ? this.srcSetToUse.replace(/\?/g, "?format=webp&") : "";
     },
+    sizesToUse() {
+      return this.sizes || (this.highPriority ? void 0 : "auto");
+    },
     aspectRatioCss() {
       const e = {
         position: "absolute",
@@ -2062,20 +2068,21 @@ const Oo = y({
       return this.aspectRatio ? e : void 0;
     }
   }
-}), xo = ["srcset"], Uo = ["loading", "fetchpriority", "alt", "title", "role", "src", "srcset", "sizes"], Lo = {
+}), Oo = ["srcset", "sizes"], Uo = ["loading", "fetchpriority", "alt", "title", "role", "src", "srcset", "sizes"], Lo = {
   key: 2,
   class: "div-t43jfuqn6g-2"
 };
 function Fo(e, t, n, o, r, i) {
   var s, l, a, u, p, f;
   return d(), h(I, null, [
-    z("picture", null, [
+    q("picture", null, [
       e.webpSrcSet ? (d(), h("source", {
         key: 0,
         type: "image/webp",
-        srcset: e.webpSrcSet
-      }, null, 8, xo)) : C("", !0),
-      z("img", {
+        srcset: e.webpSrcSet,
+        sizes: e.sizesToUse
+      }, null, 8, Oo)) : C("", !0),
+      q("img", {
         loading: e.highPriority ? "eager" : "lazy",
         fetchpriority: e.highPriority ? "high" : "auto",
         alt: e.altText,
@@ -2091,7 +2098,7 @@ function Fo(e, t, n, o, r, i) {
         ),
         src: e.image,
         srcset: e.srcSetToUse,
-        sizes: e.sizes
+        sizes: e.sizesToUse
       }, null, 14, Uo)
     ]),
     e.aspectRatio && !((l = (s = e.builderBlock) == null ? void 0 : s.children) != null && l.length && e.fitContent) ? (d(), h("div", {
@@ -2107,7 +2114,7 @@ function Fo(e, t, n, o, r, i) {
     ])) : C("", !0)
   ], 64);
 }
-const Ho = /* @__PURE__ */ v(Oo, [["render", Fo], ["__scopeId", "data-v-741b9bbc"]]), Mo = y({
+const Ho = /* @__PURE__ */ v(xo, [["render", Fo], ["__scopeId", "data-v-17b592cd"]]), Mo = y({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
@@ -2133,7 +2140,7 @@ function jo(e, t, n, o, r, i) {
   ], 16);
 }
 const Ko = /* @__PURE__ */ v(Mo, [["render", jo]]);
-function qo(e, t, n, o) {
+function zo(e, t, n, o) {
   function r(u) {
     return typeof u == "string";
   }
@@ -2190,7 +2197,7 @@ function qo(e, t, n, o) {
   }, a = e.date && new Date(e.date) || /* @__PURE__ */ new Date();
   return l.startDate && new Date(l.startDate) > a || l.endDate && new Date(l.endDate) < a ? !1 : !l.query || !l.query.length ? !0 : l.query.every((u) => s(e, u));
 }
-const zo = `function getPersonalizedVariant(variants, blockId, isHydrationTarget, locale) {
+const qo = `function getPersonalizedVariant(variants, blockId, isHydrationTarget, locale) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -2395,7 +2402,7 @@ function Xo({
 }
 const Zo = () => `
   window.${Qo} = ${Go}
-  window.${Rt} = ${zo}
+  window.${Rt} = ${qo}
   window.${Et} = ${Jo}
   `, Bt = R === "react", _o = (e, t, n) => `window.${Rt}(${JSON.stringify(e)}, "${t}", ${Bt}${n ? `, "${n}"` : ""})`, er = (e, t, n) => `window.${Et}(${JSON.stringify(e)}, "${t}", ${Bt}${n ? `, "${n}"` : ""})`, me = {
   "@type": "@builder.io/sdk:Element",
@@ -2523,7 +2530,7 @@ const Zo = () => `
   }
 }, nr = (e) => e.toString(), or = y({
   name: "builder-accordion",
-  components: { Blocks: q },
+  components: { Blocks: z },
   props: [
     "grid",
     "oneAtATime",
@@ -2624,7 +2631,7 @@ function ir(e, t, n, o, r, i) {
     style: M(e.accordionStyles)
   }, [
     (d(!0), h(I, null, F(e.items, (l, a) => (d(), h(I, { key: a }, [
-      z("div", {
+      q("div", {
         class: _(e.getAccordionTitleClassName(a)),
         style: M({
           ...e.accordionTitleStyles,
@@ -2993,7 +3000,8 @@ const sr = /* @__PURE__ */ v(or, [["render", ir]]), ar = {
   }, {
     name: "sizes",
     type: "string",
-    hideFromUI: !0
+    advanced: !0,
+    helperText: 'The sizes attribute for responsive images, e.g. "(max-width: 600px) 100vw, 50vw"'
   }, {
     name: "srcset",
     type: "string",
@@ -3072,7 +3080,7 @@ const sr = /* @__PURE__ */ v(or, [["render", ir]]), ar = {
 }), mr = y({
   name: "builder-personalization-container",
   components: {
-    Blocks: q,
+    Blocks: z,
     InlinedStyles: pe,
     InlinedScript: Ne
   },
@@ -3161,7 +3169,7 @@ const sr = /* @__PURE__ */ v(or, [["render", ir]]), ar = {
     filteredVariants() {
       return (this.variants || []).filter((e) => {
         var t, n, o, r;
-        return qo(
+        return zo(
           {
             ...(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
@@ -3223,14 +3231,14 @@ function hr(e, t, n, o, r, i) {
           id: `variants-visibility-script-${(g = e.builderBlock) == null ? void 0 : g.id}`
         }, null, 8, ["nonce", "scriptStr", "id"]),
         (d(!0), h(I, null, F(e.variants, (w, D) => {
-          var J, Q, O, H;
+          var J, Q, x, H;
           return d(), S(s, {
             key: `${(J = e.builderBlock) == null ? void 0 : J.id}-${D}`,
             BlocksWrapperProps: {
               ...(Q = e.builderContext) == null ? void 0 : Q.BlocksWrapperProps,
               "aria-hidden": !0,
               hidden: !0,
-              "data-variant-id": `${(O = e.builderBlock) == null ? void 0 : O.id}-${D}`
+              "data-variant-id": `${(x = e.builderBlock) == null ? void 0 : x.id}-${D}`
             },
             blocks: w.blocks,
             parent: (H = e.builderBlock) == null ? void 0 : H.id,
@@ -3238,13 +3246,13 @@ function hr(e, t, n, o, r, i) {
             context: e.builderContext,
             registeredComponents: e.builderComponents
           }, {
-            default: x(() => {
-              var De, Oe;
+            default: O(() => {
+              var De, xe;
               return [
                 E(a, {
                   nonce: ((De = e.builderContext) == null ? void 0 : De.nonce) || "",
                   scriptStr: e.scriptStr,
-                  id: `variants-script-${(Oe = e.builderBlock) == null ? void 0 : Oe.id}-${D}`
+                  id: `variants-script-${(xe = e.builderBlock) == null ? void 0 : xe.id}-${D}`
                 }, null, 8, ["nonce", "scriptStr", "id"])
               ];
             }),
@@ -3263,7 +3271,7 @@ function hr(e, t, n, o, r, i) {
           "data-variant-id": `${(V = e.builderBlock) == null ? void 0 : V.id}-${e.blocksToRender.index}`
         }
       }, {
-        default: x(() => {
+        default: O(() => {
           var w, D;
           return [
             e.shouldRenderVariants ? (d(), S(a, {
@@ -3337,7 +3345,7 @@ const fr = /* @__PURE__ */ v(mr, [["render", hr]]), br = {
   }
 }, yr = y({
   name: "builder-slot",
-  components: { Blocks: q },
+  components: { Blocks: z },
   props: ["builderContext", "name", "builderComponents"]
 });
 function vr(e, t, n, o, r, i) {
@@ -3542,7 +3550,7 @@ const Sr = /* @__PURE__ */ v(yr, [["render", vr]]), kr = {
   }
 }, Tr = y({
   name: "builder-tabs",
-  components: { Blocks: q },
+  components: { Blocks: z },
   props: [
     "defaultActiveTab",
     "tabs",
@@ -3572,7 +3580,7 @@ const Sr = /* @__PURE__ */ v(yr, [["render", vr]]), kr = {
 function $r(e, t, n, o, r, i) {
   const s = k("Blocks");
   return d(), h("div", null, [
-    z("div", {
+    q("div", {
       class: "builder-tabs-wrap",
       style: M({
         display: "flex",
@@ -3723,14 +3731,14 @@ const Vr = /* @__PURE__ */ v(Ar, [["render", Br]]), Nr = {
     }
   }
 }), Dr = ["innerHTML"];
-function Or(e, t, n, o, r, i) {
+function xr(e, t, n, o, r, i) {
   return d(), h("div", {
     ref: "elementRef",
     class: _("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
     innerHTML: e.code
   }, null, 10, Dr);
 }
-const xr = /* @__PURE__ */ v(Wr, [["render", Or]]), Ur = {
+const Or = /* @__PURE__ */ v(Wr, [["render", xr]]), Ur = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -3795,7 +3803,7 @@ function jr(e, t, n, o, r, i) {
     innerHTML: e.content
   }, null, 8, Mr);
 }
-const Kr = /* @__PURE__ */ v(Hr, [["render", jr]]), qr = {
+const Kr = /* @__PURE__ */ v(Hr, [["render", jr]]), zr = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -4032,12 +4040,12 @@ const Kr = /* @__PURE__ */ v(Hr, [["render", jr]]), qr = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, zr = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], Gr = () => {
+}, qr = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], Gr = () => {
   const e = process.env.NODE_ENV || "production";
-  return zr.includes(e) ? e : "production";
+  return qr.includes(e) ? e : "production";
 }, Jr = y({
   name: "builder-form-component",
-  components: { Blocks: q },
+  components: { Blocks: z },
   props: [
     "builderContext",
     "previewState",
@@ -4214,7 +4222,7 @@ const Kr = /* @__PURE__ */ v(Hr, [["render", jr]]), qr = {
   }
 }), Qr = ["validate", "action", "method", "name"], Yr = {
   key: 2,
-  class: "builder-form-error-text pre-1hjwvu3r5mj"
+  class: "builder-form-error-text pre-2oa2wtipkzk"
 };
 function Xr(e, t, n, o, r, i) {
   const s = k("Blocks");
@@ -4248,7 +4256,7 @@ function Xr(e, t, n, o, r, i) {
     }, null, 8, ["blocks", "context"])) : C("", !0)
   ], 16, Qr);
 }
-const Zr = /* @__PURE__ */ v(Jr, [["render", Xr], ["__scopeId", "data-v-3c8c685f"]]), _r = {
+const Zr = /* @__PURE__ */ v(Jr, [["render", Xr], ["__scopeId", "data-v-77c7888c"]]), _r = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -4756,7 +4764,7 @@ const Ti = /* @__PURE__ */ v(Si, [["render", Ci]]), wi = {
 function Pi(e, t, n, o, r, i) {
   var s, l, a, u, p, f, c;
   return d(), h("div", $i, [
-    z("video", $({
+    q("video", $({
       class: "builder-video",
       ref: "videoRef",
       preload: e.lazyLoad ? "none" : e.preload || "metadata",
@@ -4775,7 +4783,7 @@ function Pi(e, t, n, o, r, i) {
       },
       poster: e.posterImage
     }, e.spreadProps), [
-      z("source", $(
+      q("source", $(
         { type: "video/mp4" },
         e.lazyLoad ? {
           "data-src": e.video
@@ -4802,14 +4810,14 @@ function Pi(e, t, n, o, r, i) {
   ]);
 }
 const Bi = /* @__PURE__ */ v(Ii, [["render", Pi]]), Vi = () => [{
-  component: xr,
+  component: Or,
   ...Nr
 }, {
   component: Kr,
   ...Ur
 }, {
   component: Zr,
-  ...qr
+  ...zr
 }, {
   component: oi,
   ..._r
@@ -4828,7 +4836,7 @@ const Bi = /* @__PURE__ */ v(Ii, [["render", Pi]]), Vi = () => [{
 }, {
   component: Bi,
   ...wi
-}], ze = () => [{
+}], qe = () => [{
   component: Ft,
   ...ar
 }, {
@@ -4961,7 +4969,7 @@ const Bi = /* @__PURE__ */ v(Ii, [["render", Pi]]), Vi = () => [{
 })), Di = ({
   canTrack: e,
   content: t
-}) => !(!(ie(t).length > 0) || !e), Oi = (e) => e === "react" || e === "reactNative", xi = R === "angular", We = Oi(R), Ui = () => `
+}) => !(!(ie(t).length > 0) || !e), xi = (e) => e === "react" || e === "reactNative", Oi = R === "angular", We = xi(R), Ui = () => `
   (function() {
     if (!window.${ke}) {
       window.${ke} = ${Ni};
@@ -4974,7 +4982,7 @@ const Bi = /* @__PURE__ */ v(Ii, [["render", Pi]]), Vi = () => [{
   })();
   `, Li = (e, t) => `
   window.${ke}(
-    "${t}",${JSON.stringify(e)}, ${We}, ${xi}
+    "${t}",${JSON.stringify(e)}, ${We}, ${Oi}
   )`, Fi = ({
   contentId: e,
   variationId: t
@@ -5023,7 +5031,7 @@ const Hi = (e, t, n = !0) => {
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, Ki = ["svelte", "qwik", "vue"], qi = () => Ki.includes(R) && (A() || Re()), zi = (e) => {
+}, Ki = ["svelte", "qwik", "vue"], zi = () => Ki.includes(R) && (A() || Re()), qi = (e) => {
   var i;
   const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = e.fileUrl ?? ((i = e == null ? void 0 : e.files) == null ? void 0 : i.regular);
   let r = "";
@@ -5053,7 +5061,7 @@ font-weight: ${s};
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => zi(n))) == null ? void 0 : t.join(" ")) || "";
+  return ((t = e == null ? void 0 : e.map((n) => qi(n))) == null ? void 0 : t.join(" ")) || "";
 }, Ji = ({
   cssCode: e,
   contentId: t
@@ -5100,12 +5108,13 @@ font-weight: ${s};
       contextValue: this.builderContextSignal,
       prevData: null,
       prevLocale: "",
+      prevContent: null,
       ContentWrapper: this.contentWrapper || "div",
       httpReqsData: {},
       httpReqsPending: {},
       clicked: !1,
       builderContext: ge,
-      needsElementRefDivForEditing: qi,
+      needsElementRefDivForEditing: zi,
       getWrapperClassName: Xi
     };
   },
@@ -5413,7 +5422,7 @@ function _i(e, t, n, o, r, i) {
     onIniteditingbldr: (u) => e.elementRef_onIniteditingbldr(u),
     onInitpreviewingbldr: (u) => e.elementRef_onInitpreviewingbldr(u)
   }, { ...e.showContentProps, ...e.contentWrapperProps }), {
-    default: x(() => [
+    default: O(() => [
       N(e.$slots, "default")
     ]),
     _: 3
@@ -5479,7 +5488,7 @@ const os = /* @__PURE__ */ v(ts, [["render", ns]]), rs = ({
     EnableEditor: es,
     InlinedScript: Ne,
     ContentStyles: os,
-    Blocks: q,
+    Blocks: z,
     DynamicDiv: te
   },
   props: [
@@ -5515,7 +5524,7 @@ const os = /* @__PURE__ */ v(ts, [["render", ns]]), rs = ({
         contentId: (t = this.content) == null ? void 0 : t.id
       }),
       registeredComponents: [
-        ...ze(),
+        ...qe(),
         ...this.customComponents || []
       ].reduce(
         (n, { component: o, ...r }) => ({
@@ -5544,7 +5553,7 @@ const os = /* @__PURE__ */ v(ts, [["render", ns]]), rs = ({
         apiKey: this.apiKey,
         apiVersion: this.apiVersion,
         componentInfos: [
-          ...ze(),
+          ...qe(),
           ...this.customComponents || []
         ].reduce(
           (n, { component: o, ...r }) => ({
@@ -5629,7 +5638,7 @@ function ls(e, t, n, o, r, i) {
     trustedHosts: e.trustedHosts,
     isNestedRender: e.isNestedRender
   }, {}), {
-    default: x(() => {
+    default: O(() => {
       var p, f, c, m, b, g, P;
       return [
         e.isSsrAbTest ? (d(), S(s, {
@@ -5952,7 +5961,7 @@ export {
   Ft as m,
   bs as n,
   Vr as o,
-  q as p,
+  z as p,
   ps as q,
   Re as r,
   Is as s,