@builder.io/sdk-vue 4.0.3 → 4.0.5

package/lib/node/{index-fDG3wEOU.js → index--dPDAmOY.js}

@@ -1,5 +1,5 @@
-import { defineComponent as b, openBlock as c, createElementBlock as p, Fragment as I, createBlock as y, resolveDynamicComponent as z, mergeProps as C, toHandlers as x, withCtx as N, renderSlot as A, resolveComponent as k, createTextVNode as yt, toDisplayString as te, defineAsyncComponent as K, createVNode as P, renderList as W, createCommentVNode as S, h as Ne, createElementVNode as H, normalizeStyle as F, normalizeClass as J, markRaw as kt } from "vue";
-import { T as R, g as vt, f as St, i as $, s as Ct, r as Tt, p as wt, a as It, l as B, b as Oe, c as me, d as $t, n as Fe, e as D, h as E, j as Rt } from "./should-force-browser-runtime-in-node-ikxWrCvn.js";
+import { defineComponent as b, openBlock as c, createElementBlock as p, Fragment as I, createBlock as y, resolveDynamicComponent as z, mergeProps as C, toHandlers as x, withCtx as N, renderSlot as A, resolveComponent as k, createTextVNode as yt, toDisplayString as te, defineAsyncComponent as K, createVNode as P, renderList as W, createCommentVNode as S, h as Ne, createElementVNode as H, normalizeStyle as U, normalizeClass as J, markRaw as kt } from "vue";
+import { T as R, g as vt, f as St, i as $, s as Ct, r as Tt, p as wt, a as It, l as B, b as Oe, c as me, d as $t, n as Ue, e as D, h as E, j as Rt } from "./should-force-browser-runtime-in-node-ikxWrCvn.js";
 const Et = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), Pt = (e) => typeof e == "string" && Et.has(e.toLowerCase());
 function V(e = {}, t, n) {
   const o = {};
@@ -114,13 +114,13 @@ const Wt = /* @__PURE__ */ g(xt, [["render", Vt]]), Nt = Symbol(), ce = {
     model: ""
   },
   key: Nt
-}, Ot = Symbol(), Ue = {
+}, Ot = Symbol(), Fe = {
   Components: { registeredComponents: {} },
   key: Ot
 }, De = (e, t, n) => {
   const o = String.prototype.split.call(t, /[,[\].]+?/).filter(Boolean).reduce((r, s) => r != null ? r[s] : r, e);
   return o === void 0 || o === e ? n : o;
-}, Ft = ({
+}, Ut = ({
   code: e,
   builder: t,
   context: n,
@@ -140,9 +140,9 @@ const Wt = /* @__PURE__ */ g(xt, [["render", Vt]]), Nt = Symbol(), ce = {
     })
   });
   return new Function(...l.map(([a]) => a), e)(...l.map(([, a]) => a));
-}, Ut = (e) => $() || Ct({
+}, Ft = (e) => $() || Ct({
   shouldLogWarning: !0
-}) ? Ft(e) : Tt(e), Dt = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/, Lt = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/, Ht = (e) => {
+}) ? Ut(e) : Tt(e), Dt = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/, Lt = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/, Ht = (e) => {
   var t, n, o, r, s, i;
   return ((o = (n = (t = Dt.exec(e.trim())) == null ? void 0 : t.groups) == null ? void 0 : n.getPath) == null ? void 0 : o.slice(1)) || ((i = (s = (r = Lt.exec(e.trim())) == null ? void 0 : r.groups) == null ? void 0 : s.getPath) == null ? void 0 : i.slice(1));
 };
@@ -175,7 +175,7 @@ function Y({
     localState: n
   };
   try {
-    return Ut(a);
+    return Ft(a);
   } catch (u) {
     B.error("Failed code evaluation: " + u.message, {
       code: e
@@ -374,7 +374,7 @@ function Gs(e) {
 const Re = "builder.", tn = "options.", Me = (e) => {
   if (!e)
     return {};
-  const t = Fe(e), n = {};
+  const t = Ue(e), n = {};
   return Object.keys(t).forEach((o) => {
     if (o.startsWith(Re)) {
       const r = o.replace(Re, "").replace(tn, "");
@@ -386,7 +386,7 @@ const Re = "builder.", tn = "options.", Me = (e) => {
     return {};
   const e = new URLSearchParams(window.location.search);
   return Me(e);
-}, je = "4.0.3", Ke = () => ({
+}, je = "4.0.5", Ke = () => ({
   "X-Builder-SDK": R,
   "X-Builder-SDK-GEN": "2",
   "X-Builder-SDK-Version": je
@@ -933,13 +933,13 @@ const Vn = "v3", Be = (e) => typeof e == "number" && !isNaN(e) && e >= 0, ye = (
     staleCacheSeconds: f,
     sort: v,
     includeUnpublished: T,
-    apiHost: U
+    apiHost: F
   } = e;
   if (!s)
     throw new Error("Missing API key");
   if (!["v3"].includes(a))
     throw new Error(`Invalid apiVersion: expected 'v3', received '${a}'`);
-  const bt = t !== 1, gt = U || "https://cdn.builder.io", w = new URL(`${gt}/api/${a}/content/${r}`);
+  const bt = t !== 1, gt = F || "https://cdn.builder.io", w = new URL(`${gt}/api/${a}/content/${r}`);
   w.searchParams.set("apiKey", s), w.searchParams.set("limit", String(t)), w.searchParams.set("noTraverse", String(bt)), w.searchParams.set("includeRefs", String(!0));
   const oe = l || (n == null ? void 0 : n.locale);
   let L = n || {};
@@ -955,7 +955,7 @@ const Vn = "v3", Be = (e) => typeof e == "number" && !isNaN(e) && e >= 0, ye = (
   }
   const Te = {
     ...nn(),
-    ...Fe(e.options || {})
+    ...Ue(e.options || {})
   };
   L = {
     ...L,
@@ -994,7 +994,7 @@ async function ke(e) {
   });
   return t && t[0] || null;
 }
-const Fn = async (e) => {
+const Un = async (e) => {
   var i;
   const t = ye(e), n = e.fetch ?? An, o = {
     ...e.fetchOptions,
@@ -1004,7 +1004,7 @@ const Fn = async (e) => {
     }
   };
   return await (await n(t.href, o)).json();
-}, Un = async (e, t, n = ye(e)) => {
+}, Fn = async (e, t, n = ye(e)) => {
   const o = G(e.canTrack);
   if (n.search.includes("preview="), !o || !($() || R === "reactNative"))
     return t.results;
@@ -1022,14 +1022,14 @@ const Fn = async (e) => {
   return t.results;
 };
 async function Dn(e) {
-  const t = ye(e), n = await Fn(e);
+  const t = ye(e), n = await Un(e);
   if (!On(n))
     throw B.error("Error fetching data. ", {
       url: t,
       content: n,
       options: e
     }), n;
-  return Un(e, n);
+  return Fn(e, n);
 }
 const Zs = async (e) => {
   var o, r, s;
@@ -1267,22 +1267,22 @@ const ct = (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;
-}), _n = () => import("./block-styles-gvP8QXL9.js").then((e) => e.default).catch((e) => {
+}), _n = () => import("./block-styles-wV1M-xil.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;
-}), eo = () => import("./block-wrapper-tAtRAAzI.js").then((e) => e.default).catch((e) => {
+}), eo = () => import("./block-wrapper-EpYTlf7c.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;
-}), to = () => import("./component-ref-S9nt10e2.js").then((e) => e.default).catch((e) => {
+}), to = () => import("./component-ref-E7FZm-QW.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;
-}), no = () => import("./repeated-block-ks0MXAV1.js").then((e) => e.default).catch((e) => {
+}), no = () => import("./repeated-block-_fR3czyr.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
@@ -1460,8 +1460,15 @@ const dt = /* @__PURE__ */ g(oo, [["render", ro]]), ti = /* @__PURE__ */ Object.
     "BlocksWrapperProps",
     "BlocksWrapper"
   ],
+  data() {
+    return { shouldUpdate: !1 };
+  },
   mounted() {
   },
+  watch: {
+    onUpdateHook0: { handler() {
+    }, immediate: !0 }
+  },
   computed: {
     className() {
       var e;
@@ -1476,6 +1483,11 @@ const dt = /* @__PURE__ */ g(oo, [["render", ro]]), ti = /* @__PURE__ */ Object.
         return;
       const e = "this.", t = "component.options.";
       return this.path.startsWith(e) ? this.path.replace(e, "") : this.path.startsWith(t) ? this.path : `${t}${this.path || ""}`;
+    },
+    onUpdateHook0() {
+      return {
+        0: this.blocks
+      };
     }
   },
   methods: {
@@ -1524,7 +1536,7 @@ function io(e, t, n, o, r, s) {
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const ao = /* @__PURE__ */ g(so, [["render", io], ["__scopeId", "data-v-4755f88c"]]), lo = b({
+const ao = /* @__PURE__ */ g(so, [["render", io], ["__scopeId", "data-v-e05fb921"]]), lo = b({
   name: "builder-blocks",
   components: { BlocksWrapper: ao, Block: dt },
   props: [
@@ -1539,7 +1551,7 @@ const ao = /* @__PURE__ */ g(so, [["render", io], ["__scopeId", "data-v-4755f88c
   ],
   inject: {
     builderContext: ce.key,
-    componentsContext: Ue.key
+    componentsContext: Fe.key
   }
 });
 function co(e, t, n, o, r, s) {
@@ -1827,7 +1839,7 @@ function go(e, t, n, o, r, s) {
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const yo = /* @__PURE__ */ g(bo, [["render", go], ["__scopeId", "data-v-bdc9da04"]]), ko = b({
+const yo = /* @__PURE__ */ g(bo, [["render", go], ["__scopeId", "data-v-459e0e34"]]), ko = b({
   name: "builder-fragment-component",
   props: []
 });
@@ -1877,6 +1889,7 @@ const wo = b({
     "aspectRatio",
     "highPriority",
     "altText",
+    "title",
     "backgroundPosition",
     "backgroundSize",
     "className",
@@ -1916,7 +1929,7 @@ const wo = b({
       return this.aspectRatio ? e : void 0;
     }
   }
-}), Io = ["srcset"], $o = ["loading", "fetchpriority", "alt", "role", "src", "srcset", "sizes"], Ro = {
+}), Io = ["srcset"], $o = ["loading", "fetchpriority", "alt", "title", "role", "src", "srcset", "sizes"], Ro = {
   key: 2,
   class: "div-29wpyomtntv-2"
 };
@@ -1933,8 +1946,9 @@ function Eo(e, t, n, o, r, s) {
         loading: e.highPriority ? "eager" : "lazy",
         fetchpriority: e.highPriority ? "high" : "auto",
         alt: e.altText,
+        title: e.title,
         role: e.altText ? void 0 : "presentation",
-        style: F({
+        style: U({
           objectPosition: e.backgroundPosition || "center",
           objectFit: e.backgroundSize || "cover",
           ...e.aspectRatioCss
@@ -1950,7 +1964,7 @@ function Eo(e, t, n, o, r, s) {
     e.aspectRatio && !((l = (i = e.builderBlock) == null ? void 0 : i.children) != null && l.length && e.fitContent) ? (c(), p("div", {
       key: 0,
       class: "builder-image-sizer div-29wpyomtntv",
-      style: F({
+      style: U({
         paddingTop: e.aspectRatio * 100 + "%"
       })
     }, null, 4)) : S("", !0),
@@ -1960,7 +1974,7 @@ function Eo(e, t, n, o, r, s) {
     ])) : S("", !0)
   ], 64);
 }
-const Po = /* @__PURE__ */ g(wo, [["render", Eo], ["__scopeId", "data-v-33d4f353"]]), Bo = b({
+const Po = /* @__PURE__ */ g(wo, [["render", Eo], ["__scopeId", "data-v-717bf141"]]), Bo = b({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
@@ -2205,16 +2219,16 @@ const xo = /* @__PURE__ */ g(Bo, [["render", Ao]]), se = {
     }
   }
 }), Oo = ["data-index", "onClick"];
-function Fo(e, t, n, o, r, s) {
+function Uo(e, t, n, o, r, s) {
   const i = k("Blocks");
   return c(), p("div", {
     class: "builder-accordion",
-    style: F(e.accordionStyles)
+    style: U(e.accordionStyles)
   }, [
     (c(!0), p(I, null, W(e.items, (l, a) => (c(), p(I, { key: a }, [
       H("div", {
         class: J(e.getAccordionTitleClassName(a)),
-        style: F({
+        style: U({
           ...e.accordionTitleStyles,
           ...e.grid && {
             width: e.gridRowWidth,
@@ -2236,7 +2250,7 @@ function Fo(e, t, n, o, r, s) {
       e.open.includes(a) ? (c(), p("div", {
         key: 0,
         class: J(e.getAccordionDetailClassName(a)),
-        style: F(e.accordionDetailStyles)
+        style: U(e.accordionDetailStyles)
       }, [
         P(i, {
           blocks: l.detail,
@@ -2250,7 +2264,7 @@ function Fo(e, t, n, o, r, s) {
     ], 64))), 128))
   ], 4);
 }
-const Uo = /* @__PURE__ */ g(No, [["render", Fo]]), Do = {
+const Fo = /* @__PURE__ */ g(No, [["render", Uo]]), Do = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -2566,6 +2580,10 @@ const Uo = /* @__PURE__ */ g(No, [["render", Fo]]), Do = {
     name: "altText",
     type: "string",
     helperText: "Text to display when the user has images off"
+  }, {
+    name: "title",
+    type: "string",
+    helperText: "Text to display when hovering over the asset"
   }, {
     name: "height",
     type: "number",
@@ -2909,7 +2927,7 @@ function er(e, t, n, o, r, s) {
   return c(), p("div", null, [
     H("div", {
       class: "builder-tabs-wrap",
-      style: F({
+      style: U({
         display: "flex",
         flexDirection: "row",
         justifyContent: e.tabHeaderLayout || "flex-start",
@@ -2919,7 +2937,7 @@ function er(e, t, n, o, r, s) {
       (c(!0), p(I, null, W(e.tabs, (l, a) => (c(), p("span", {
         key: a,
         class: J(`builder-tab-wrap ${e.activeTab === a ? "builder-tab-active" : ""}`),
-        style: F({
+        style: U({
           ...e.activeTab === a ? e.activeTabStyle : {}
         }),
         onClick: async (u) => e.onClick(a)
@@ -3507,12 +3525,12 @@ const yr = /* @__PURE__ */ g(fr, [["render", gr]]), kr = {
               }
               if (this.successUrl)
                 if (this.$refs.formRef) {
-                  const U = new CustomEvent("route", {
+                  const F = new CustomEvent("route", {
                     detail: {
                       url: this.successUrl
                     }
                   });
-                  this.$refs.formRef.dispatchEvent(U), U.defaultPrevented || (location.href = this.successUrl);
+                  this.$refs.formRef.dispatchEvent(F), F.defaultPrevented || (location.href = this.successUrl);
                 } else
                   location.href = this.successUrl;
             }
@@ -3705,7 +3723,7 @@ function Or(e, t, n, o, r, s) {
     }, te(i.name || i.value), 9, Nr))), 128))
   ], 16, Wr);
 }
-const Fr = /* @__PURE__ */ g(Vr, [["render", Or]]), Ur = {
+const Ur = /* @__PURE__ */ g(Vr, [["render", Or]]), Fr = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -4051,7 +4069,7 @@ function rs(e, t, n, o, r, s) {
     ], 16, ts),
     e.aspectRatio && !(e.fitContent && ((a = (l = e.builderBlock) == null ? void 0 : l.children) != null && a.length)) ? (c(), p("div", {
       key: 0,
-      style: F({
+      style: U({
         width: "100%",
         paddingTop: e.aspectRatio * 100 + "%",
         pointerEvents: "none",
@@ -4080,9 +4098,9 @@ const ss = /* @__PURE__ */ g(_r, [["render", rs]]), is = () => [{
   ...Rr
 }, {
   component: Hr,
-  ...Ur
+  ...Fr
 }, {
-  component: Fr,
+  component: Ur,
   ...xr
 }, {
   component: qr,
@@ -4121,7 +4139,7 @@ const ss = /* @__PURE__ */ g(_r, [["render", rs]]), is = () => [{
   component: tr,
   ...Xo
 }, {
-  component: Uo,
+  component: Fo,
   ...Vo
 }, ...is()], as = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget, isAngularSDK) {
   function getAndSetVariantId() {
@@ -4784,7 +4802,7 @@ const As = /* @__PURE__ */ g(Ps, [["render", Bs]]), xs = ({
   provide() {
     const e = this;
     return {
-      [Ue.key]: {
+      [Fe.key]: {
         registeredComponents: e.registeredComponents
       }
     };
@@ -4833,7 +4851,7 @@ function Os(e, t, n, o, r, s) {
     isNestedRender: e.isNestedRender
   }, {}), {
     default: N(() => {
-      var h, m, d, f, v, T, U;
+      var h, m, d, f, v, T, F;
       return [
         e.isSsrAbTest ? (c(), y(i, {
           key: 0,
@@ -4850,7 +4868,7 @@ function Os(e, t, n, o, r, s) {
           customFonts: (v = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : v.customFonts
         }, null, 8, ["nonce", "isNestedRender", "contentId", "cssCode", "customFonts"])) : S("", !0),
         P(a, {
-          blocks: (U = (T = e.builderContextSignal.content) == null ? void 0 : T.data) == null ? void 0 : U.blocks,
+          blocks: (F = (T = e.builderContextSignal.content) == null ? void 0 : T.data) == null ? void 0 : F.blocks,
           context: e.builderContextSignal,
           registeredComponents: e.registeredComponents,
           linkComponent: e.linkComponent
@@ -4860,12 +4878,12 @@ function Os(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 Fs = /* @__PURE__ */ g(Ns, [["render", Os]]), Us = b({
+const Us = /* @__PURE__ */ g(Ns, [["render", Os]]), Fs = b({
   name: "content-variants",
   components: {
     InlinedScript: pt,
     InlinedStyles: Se,
-    ContentComponent: Fs
+    ContentComponent: Us
   },
   props: [
     "canTrack",
@@ -4999,7 +5017,7 @@ function Ds(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 Ls = /* @__PURE__ */ g(Us, [["render", Ds]]), Hs = async ({
+const Ls = /* @__PURE__ */ g(Fs, [["render", Ds]]), Hs = async ({
   builderContextValue: e,
   symbol: t
 }) => {
@@ -5140,7 +5158,7 @@ export {
   Xs as u,
   Zs as v,
   Ws as w,
-  Un as x,
+  Fn as x,
   Dn as y,
   ke as z
 };