@builder.io/sdk-vue 5.2.4 → 5.2.6

package/lib/node/{index-YYQAkk5S.js → index-ebgoy2dh.js}

@@ -1,5 +1,5 @@
-import { defineComponent as y, openBlock as d, createElementBlock as h, Fragment as w, createBlock as S, resolveDynamicComponent as Y, mergeProps as I, toHandlers as O, withCtx as x, renderSlot as V, resolveComponent as k, createTextVNode as St, toDisplayString as le, defineAsyncComponent as Q, createVNode as $, renderList as F, createCommentVNode as C, h as ze, createElementVNode as z, normalizeStyle as M, normalizeClass as Z, markRaw as kt } from "vue";
-import { T as R, g as Ct, f as Tt, i as E, s as wt, r as It, p as $t, a as Rt, l as L, b as Ke, c as Se, d as Et, n as Ge, S as Pt, e as ke, h as re, j as At, k as Je, m as Bt, o as A, q as Qe, _ as Ne } from "./should-force-browser-runtime-in-node-HsyT-bd2.js";
+import { defineComponent as y, openBlock as d, createElementBlock as h, Fragment as w, createBlock as S, resolveDynamicComponent as Y, mergeProps as I, toHandlers as O, withCtx as x, renderSlot as V, resolveComponent as k, createTextVNode as St, toDisplayString as le, defineAsyncComponent as Q, createVNode as $, renderList as F, createCommentVNode as C, h as je, createElementVNode as j, normalizeStyle as M, normalizeClass as Z, markRaw as kt } from "vue";
+import { T as R, g as Ct, f as Tt, i as E, s as wt, r as It, p as $t, a as Rt, l as L, b as Ke, c as Se, d as Et, n as Ge, S as Pt, e as ke, h as re, j as At, k as Je, m as Bt, o as A, q as Qe, _ as Ne } from "./should-force-browser-runtime-in-node-0fyWCMQO.js";
 const Vt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), Nt = (e) => typeof e == "string" && Vt.has(e.toLowerCase());
 function N(e = {}, t, n) {
   const o = {};
@@ -41,7 +41,7 @@ function Dt(e, t, n, o, r, i) {
 const Ce = /* @__PURE__ */ v(Wt, [["render", Dt]]), Ji = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Ce
-}, Symbol.toStringTag, { value: "Module" })), j = () => {
+}, Symbol.toStringTag, { value: "Module" })), z = () => {
   switch (R) {
     case "react":
     case "reactNative":
@@ -71,7 +71,7 @@ const Ce = /* @__PURE__ */ v(Wt, [["render", Dt]]), Ji = /* @__PURE__ */ Object.
     attrs() {
       return {
         ...N(this.attributes, "v-on:", !1),
-        [j()]: `${this.link ? "" : "builder-button"} ${this.attributes[j()] || ""}`,
+        [z()]: `${this.link ? "" : "builder-button"} ${this.attributes[z()] || ""}`,
         ...this.link ? {
           href: this.link,
           target: this.openLinkInNewTab ? "_blank" : void 0,
@@ -142,9 +142,9 @@ const Ot = /* @__PURE__ */ v(xt, [["render", Ut]]), Ft = Symbol(), he = {
   return new Function(...l.map(([a]) => a), e)(...l.map(([, a]) => a));
 }, Mt = (e) => E() || wt({
   shouldLogWarning: !0
-}) ? Ht(e) : It(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)*/, zt = (e) => {
+}) ? Ht(e) : It(e), zt = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/, qt = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/, jt = (e) => {
   var t, n, o, r, i, s;
-  return ((o = (n = (t = jt.exec(e.trim())) == null ? void 0 : t.groups) == null ? void 0 : n.getPath) == null ? void 0 : o.slice(1)) || ((s = (i = (r = qt.exec(e.trim())) == null ? void 0 : r.groups) == null ? void 0 : i.getPath) == null ? void 0 : s.slice(1));
+  return ((o = (n = (t = zt.exec(e.trim())) == null ? void 0 : t.groups) == null ? void 0 : n.getPath) == null ? void 0 : o.slice(1)) || ((s = (i = (r = qt.exec(e.trim())) == null ? void 0 : r.groups) == null ? void 0 : i.getPath) == null ? void 0 : s.slice(1));
 };
 function _({
   code: e,
@@ -158,7 +158,7 @@ function _({
 }) {
   if (e.trim() === "")
     return;
-  const a = zt(e.trim());
+  const a = jt(e.trim());
   if (a)
     return Xe({
       ...o,
@@ -399,10 +399,13 @@ const xe = "builder.", rn = "options.", _e = (e) => {
   return _e(e);
 }, an = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
 function et(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 || an).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
+  }
+  return n.protocol !== "http:" && n.protocol !== "https:" ? !1 : (e || an).findIndex((o) => o.startsWith("*.") ? n.hostname.endsWith(o.slice(1)) : o === n.hostname) > -1;
 }
 let Ue = !1;
 const tt = (e) => {
@@ -1064,22 +1067,22 @@ const pt = (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;
-}), Ln = () => import("./block-wrapper-sEviqhU3.js").then((e) => e.default).catch((e) => {
+}), Ln = () => import("./block-wrapper-QV4wX7ge.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;
-}), Hn = () => import("./component-ref-TyXWBWEx.js").then((e) => e.default).catch((e) => {
+}), Hn = () => import("./component-ref-BVAWbmSM.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;
-}), Mn = () => import("./repeated-block-f2s-IUoM.js").then((e) => e.default).catch((e) => {
+}), Mn = () => import("./repeated-block-u2S52SQe.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;
-}), jn = () => import("./style-wrapper-MJzB79lB.js").then((e) => e.default).catch((e) => {
+}), zn = () => import("./style-wrapper-OtcV4kQU.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component StyleWrapper at ./components/style-wrapper.vue",
     e
@@ -1087,7 +1090,7 @@ const pt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
 }), qn = y({
   name: "block",
   components: {
-    StyleWrapper: Q(jn),
+    StyleWrapper: Q(zn),
     RepeatedBlock: Q(Mn),
     ComponentRef: Q(Hn),
     BlockWrapper: Q(Ln),
@@ -1179,7 +1182,7 @@ const pt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
     }
   }
 });
-function zn(e, t, n, o, r, i) {
+function jn(e, t, n, o, r, i) {
   var f;
   const s = k("StyleWrapper"), l = k("ComponentRef"), a = k("Block", !0), u = k("BlockWrapper"), p = k("RepeatedBlock");
   return e.canShowBlock ? (d(), h(w, { key: 0 }, [
@@ -1245,7 +1248,7 @@ function zn(e, t, n, o, r, i) {
     ], 64))
   ], 64)) : C("", !0);
 }
-const mt = /* @__PURE__ */ v(qn, [["render", zn]]), os = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const mt = /* @__PURE__ */ v(qn, [["render", jn]]), os = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: mt
 }, Symbol.toStringTag, { value: "Module" })), Kn = y({
@@ -1396,7 +1399,7 @@ const ee = /* @__PURE__ */ v(Xn, [["render", Zn]]), _n = /* @__PURE__ */ Object.
   default: ee
 }, Symbol.toStringTag, { value: "Module" })), ce = y({
   render() {
-    return ze("style", {
+    return je("style", {
       innerHTML: this.styles,
       "data-id": this.id,
       nonce: this.nonce
@@ -1598,7 +1601,7 @@ const ee = /* @__PURE__ */ v(Xn, [["render", Zn]]), _n = /* @__PURE__ */ Object.
         ...e.link ? {
           href: e.link
         } : {},
-        [j()]: "builder-column",
+        [z()]: "builder-column",
         style: ut(this.columnCssVars(t))
       };
     }
@@ -1688,14 +1691,14 @@ const uo = y({
     "src",
     "srcset",
     "noWebp",
-    "aspectRatio",
+    "sizes",
     "highPriority",
+    "aspectRatio",
     "altText",
     "title",
     "backgroundPosition",
     "backgroundSize",
     "className",
-    "sizes",
     "builderBlock",
     "fitContent"
   ],
@@ -1720,6 +1723,9 @@ const uo = 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",
@@ -1731,20 +1737,21 @@ const uo = y({
       return this.aspectRatio ? e : void 0;
     }
   }
-}), po = ["srcset"], mo = ["loading", "fetchpriority", "alt", "title", "role", "src", "srcset", "sizes"], ho = {
+}), po = ["srcset", "sizes"], mo = ["loading", "fetchpriority", "alt", "title", "role", "src", "srcset", "sizes"], ho = {
   key: 2,
   class: "div-t43jfuqn6g-2"
 };
 function fo(e, t, n, o, r, i) {
   var s, l, a, u, p, f;
   return d(), h(w, null, [
-    z("picture", null, [
+    j("picture", null, [
       e.webpSrcSet ? (d(), h("source", {
         key: 0,
         type: "image/webp",
-        srcset: e.webpSrcSet
+        srcset: e.webpSrcSet,
+        sizes: e.sizesToUse
       }, null, 8, po)) : C("", !0),
-      z("img", {
+      j("img", {
         loading: e.highPriority ? "eager" : "lazy",
         fetchpriority: e.highPriority ? "high" : "auto",
         alt: e.altText,
@@ -1760,7 +1767,7 @@ function fo(e, t, n, o, r, i) {
         ),
         src: e.image,
         srcset: e.srcSetToUse,
-        sizes: e.sizes
+        sizes: e.sizesToUse
       }, null, 14, mo)
     ]),
     e.aspectRatio && !((l = (s = e.builderBlock) == null ? void 0 : s.children) != null && l.length && e.fitContent) ? (d(), h("div", {
@@ -1776,7 +1783,7 @@ function fo(e, t, n, o, r, i) {
     ])) : C("", !0)
   ], 64);
 }
-const bo = /* @__PURE__ */ v(uo, [["render", fo], ["__scopeId", "data-v-741b9bbc"]]), go = y({
+const bo = /* @__PURE__ */ v(uo, [["render", fo], ["__scopeId", "data-v-17b592cd"]]), go = y({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
@@ -2293,7 +2300,7 @@ function Wo(e, t, n, o, r, i) {
     style: M(e.accordionStyles)
   }, [
     (d(!0), h(w, null, F(e.items, (l, a) => (d(), h(w, { key: a }, [
-      z("div", {
+      j("div", {
         class: Z(e.getAccordionTitleClassName(a)),
         style: M({
           ...e.accordionTitleStyles,
@@ -2662,7 +2669,8 @@ const Do = /* @__PURE__ */ v(Vo, [["render", Wo]]), xo = {
   }, {
     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",
@@ -2730,7 +2738,7 @@ const Do = /* @__PURE__ */ v(Vo, [["render", Wo]]), xo = {
   }]
 }, Pe = y({
   render() {
-    return ze("script", {
+    return je("script", {
       innerHTML: this.scriptStr,
       "data-id": this.id,
       nonce: this.nonce
@@ -2824,7 +2832,7 @@ const Do = /* @__PURE__ */ v(Vo, [["render", Wo]]), xo = {
       return {
         ...N(this.attributes, "v-on:", !1),
         ...N(this.attributes, "v-on:", !0),
-        [j()]: `builder-personalization-container ${this.attributes[j()] || ""}`
+        [z()]: `builder-personalization-container ${this.attributes[z()] || ""}`
       };
     },
     filteredVariants() {
@@ -2863,7 +2871,7 @@ const Do = /* @__PURE__ */ v(Vo, [["render", Wo]]), xo = {
     }
   }
 });
-function jo(e, t, n, o, r, i) {
+function zo(e, t, n, o, r, i) {
   var u, p, f, c, m, b, g, P, U, B;
   const s = k("Blocks"), l = k("InlinedStyles"), a = k("InlinedScript");
   return d(), h("div", I({ ref: "rootRef" }, e.attrs), [
@@ -2948,7 +2956,7 @@ function jo(e, t, n, o, r, i) {
     ], 64)) : C("", !0)
   ], 16);
 }
-const qo = /* @__PURE__ */ v(Mo, [["render", jo]]), zo = {
+const qo = /* @__PURE__ */ v(Mo, [["render", zo]]), jo = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -3241,7 +3249,7 @@ const Qo = /* @__PURE__ */ v(Go, [["render", Jo]]), Yo = {
 function tr(e, t, n, o, r, i) {
   const s = k("Blocks");
   return d(), h("div", null, [
-    z("div", {
+    j("div", {
       class: "builder-tabs-wrap",
       style: M({
         display: "flex",
@@ -3883,7 +3891,7 @@ const vr = /* @__PURE__ */ v(br, [["render", yr]]), Sr = {
   }
 }), wr = ["validate", "action", "method", "name"], Ir = {
   key: 2,
-  class: "builder-form-error-text pre-1hjwvu3r5mj"
+  class: "builder-form-error-text pre-2oa2wtipkzk"
 };
 function $r(e, t, n, o, r, i) {
   const s = k("Blocks");
@@ -3917,7 +3925,7 @@ function $r(e, t, n, o, r, i) {
     }, null, 8, ["blocks", "context"])) : C("", !0)
   ], 16, wr);
 }
-const Rr = /* @__PURE__ */ v(Tr, [["render", $r], ["__scopeId", "data-v-3c8c685f"]]), Er = {
+const Rr = /* @__PURE__ */ v(Tr, [["render", $r], ["__scopeId", "data-v-77c7888c"]]), Er = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -4092,7 +4100,7 @@ const Or = /* @__PURE__ */ v(Wr, [["render", Ur]]), Fr = {
 function Hr(e, t, n, o, r, i) {
   return d(), h("button", I({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), le(e.text), 17);
 }
-const Mr = /* @__PURE__ */ v(Lr, [["render", Hr]]), jr = {
+const Mr = /* @__PURE__ */ v(Lr, [["render", Hr]]), zr = {
   name: "Form:TextArea",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
   inputs: [{
@@ -4141,7 +4149,7 @@ const Mr = /* @__PURE__ */ v(Lr, [["render", Hr]]), jr = {
   data() {
     return { filterAttrs: N };
   }
-}), zr = ["placeholder", "name", "value", "defaultValue", "required"];
+}), jr = ["placeholder", "name", "value", "defaultValue", "required"];
 function Kr(e, t, n, o, r, i) {
   return d(), h("textarea", I({
     placeholder: e.placeholder,
@@ -4149,7 +4157,7 @@ function Kr(e, t, n, o, r, i) {
     value: e.value,
     defaultValue: e.defaultValue,
     required: e.required
-  }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, zr);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, jr);
 }
 const Gr = /* @__PURE__ */ v(qr, [["render", Kr]]), Jr = {
   name: "Raw:Img",
@@ -4220,7 +4228,7 @@ const Gr = /* @__PURE__ */ v(qr, [["render", Kr]]), Jr = {
       const e = {
         ...N(this.attributes, "v-on:", !1),
         ...N(this.attributes, "v-on:", !0),
-        [j()]: `builder-raw-img ${this.attributes[j()] || ""}`
+        [z()]: `builder-raw-img ${this.attributes[z()] || ""}`
       };
       return delete e.style, e;
     }
@@ -4425,7 +4433,7 @@ const Zr = /* @__PURE__ */ v(Qr, [["render", Xr]]), _r = {
 function ii(e, t, n, o, r, i) {
   var s, l, a, u, p, f, c;
   return d(), h("div", ti, [
-    z("video", I({
+    j("video", I({
       class: "builder-video",
       ref: "videoRef",
       preload: e.lazyLoad ? "none" : e.preload || "metadata",
@@ -4444,7 +4452,7 @@ function ii(e, t, n, o, r, i) {
       },
       poster: e.posterImage
     }, e.spreadProps), [
-      z("source", I(
+      j("source", I(
         { type: "video/mp4" },
         e.lazyLoad ? {
           "data-src": e.video
@@ -4490,7 +4498,7 @@ const si = /* @__PURE__ */ v(ei, [["render", ii]]), ai = () => [{
   ...Nr
 }, {
   component: Gr,
-  ...jr
+  ...zr
 }, {
   component: Zr,
   ...Jr
@@ -4511,12 +4519,12 @@ const si = /* @__PURE__ */ v(ei, [["render", ii]]), ai = () => [{
   ...Lo
 }, {
   component: vo,
-  ...zo
+  ...jo
 }, {
   component: Qo,
   ...Ko
 }, {
-  component: zi,
+  component: ji,
   ...Yo
 }, {
   component: ar,
@@ -4650,7 +4658,7 @@ const si = /* @__PURE__ */ v(ei, [["render", ii]]), ai = () => [{
 }) => `window.${ve}(
     "${t}", "${e}", ${Ae}
   )`;
-function je(e) {
+function ze(e) {
   return Math.round(e * 1e3) / 1e3;
 }
 const bi = (e, t, n = !0) => {
@@ -4671,7 +4679,7 @@ const bi = (e, t, n = !0) => {
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, i = je(o / n.width), s = je(r / n.height);
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, i = ze(o / n.width), s = ze(r / n.height);
   return {
     x: i,
     y: s
@@ -4769,6 +4777,7 @@ font-weight: ${s};
       contextValue: this.builderContextSignal,
       prevData: null,
       prevLocale: "",
+      prevContent: null,
       ContentWrapper: this.contentWrapper || "div",
       httpReqsData: {},
       httpReqsPending: {},
@@ -5492,7 +5501,7 @@ const Hi = /* @__PURE__ */ v(Fi, [["render", Li]]), Mi = async ({
     }).catch((n) => {
       L.error("Could not fetch symbol content: ", n);
     });
-}, ji = y({
+}, zi = y({
   name: "builder-symbol",
   components: { ContentVariants: Hi, DynamicDiv: ee },
   props: [
@@ -5536,7 +5545,7 @@ const Hi = /* @__PURE__ */ v(Fi, [["render", Li]]), Mi = async ({
     className() {
       var e, t;
       return [
-        this.attributes[j()],
+        this.attributes[z()],
         "builder-symbol",
         (e = this.symbol) != null && e.inline ? "builder-inline-symbol" : void 0,
         (t = this.symbol) != null && t.dynamic || this.dynamic ? "builder-dynamic-symbol" : void 0
@@ -5589,7 +5598,7 @@ function qi(e, t, n, o, r, i) {
     }, null, 8, ["nonce", "apiVersion", "apiKey", "context", "customComponents", "data", "canTrack", "model", "content", "linkComponent", "blocksWrapper", "contentWrapper"])
   ], 16);
 }
-const zi = /* @__PURE__ */ v(ji, [["render", qi]]);
+const ji = /* @__PURE__ */ v(zi, [["render", qi]]);
 export {
   $e as A,
   mt as B,
@@ -5602,7 +5611,7 @@ export {
   ar as T,
   si as V,
   v as _,
-  j as a,
+  z as a,
   he as b,
   ce as c,
   eo as d,
@@ -5613,7 +5622,7 @@ export {
   Re as i,
   tn as j,
   Ot as k,
-  zi as l,
+  ji as l,
   q as m,
   Hi as n,
   Te as o,