@builder.io/sdk-vue 5.1.1 → 5.2.0

package/lib/browser/{index-HPQgrUEC.js → index-eVqO7_Qb.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 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 ze, createElementVNode as z, normalizeStyle as M, normalizeClass as Z, 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 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 ze, createElementVNode as z, 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 xt = y({
+const Ot = y({
   name: "dynamic-renderer",
   props: ["TagName", "attributes", "actionAttributes"],
   data() {
@@ -23,22 +23,22 @@ const xt = y({
     n[o] = r;
   return n;
 };
-function Ot(e, t, n, o, r, i) {
+function xt(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: O(() => [
+      default: x(() => [
         N(e.$slots, "default")
       ]),
       _: 3
     }, 16)) : (d(), S(X(e.TagName), $({ key: 1 }, e.attributes, L(e.actionAttributes)), {
-      default: O(() => [
+      default: x(() => [
         N(e.$slots, "default")
       ]),
       _: 3
     }, 16))
   ], 64));
 }
-const ke = /* @__PURE__ */ v(xt, [["render", Ot]]), vs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ke = /* @__PURE__ */ v(Ot, [["render", xt]]), vs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: ke
 }, 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: O(() => [
+    default: x(() => [
       Vt(de(e.text), 1)
     ]),
     _: 1
@@ -174,10 +174,10 @@ const qt = () => {
     host: (o == null ? void 0 : o.host) || (o == null ? void 0 : o.hostname),
     device: n ? "tablet" : t.any() ? "mobile" : "desktop"
   };
-}, _e = "5.1.1", Ze = () => ({
+}, Ze = "5.2.0", _e = () => ({
   "X-Builder-SDK": R,
   "X-Builder-SDK-GEN": "2",
-  "X-Builder-SDK-Version": _e
+  "X-Builder-SDK-Version": Ze
 }), K = (e) => e != null, Gt = (e) => {
   if (e === "localhost" || e === "127.0.0.1")
     return e;
@@ -229,7 +229,7 @@ function Xt() {
 function tt() {
   return Xt().replace(/-/g, "");
 }
-const nt = "builderSessionId", _t = async ({
+const nt = "builderSessionId", Zt = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -241,13 +241,13 @@ const nt = "builderSessionId", _t = async ({
   if (K(t))
     return t;
   {
-    const n = Zt();
+    const n = _t();
     return en({
       id: n,
       canTrack: e
     }), n;
   }
-}, Zt = () => tt(), en = ({
+}, _t = () => tt(), en = ({
   id: e,
   canTrack: t
 }) => Ce({
@@ -314,7 +314,7 @@ const an = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const t = await _t({
+  const t = await Zt({
     canTrack: e
   }), n = on({
     canTrack: e
@@ -362,7 +362,7 @@ async function se({
     }),
     headers: {
       "content-type": "application/json",
-      ...Ze()
+      ..._e()
     },
     mode: "cors"
   }).catch((r) => {
@@ -702,24 +702,24 @@ function Cs(e) {
     }, "*");
   }
 }
-const xe = {};
+const Oe = {};
 function Ts(e) {
   if (T()) {
-    Object.assign(xe, e);
+    Object.assign(Oe, e);
     const t = {
       type: "builder.settingsChange",
-      data: xe
+      data: Oe
     };
     parent.postMessage(t, "*");
   }
 }
-const Oe = "builder.", Pn = "options.", lt = (e) => {
+const xe = "builder.", Pn = "options.", lt = (e) => {
   if (!e)
     return {};
   const t = Qe(e), n = {};
   return Object.keys(t).forEach((o) => {
-    if (o.startsWith(Oe)) {
-      const r = o.replace(Oe, "").replace(Pn, "");
+    if (o.startsWith(xe)) {
+      const r = o.replace(xe, "").replace(Pn, "");
       n[r] = t[o];
     }
   }), n;
@@ -742,7 +742,7 @@ const dt = (e) => {
     type: "builder.sdkInfo",
     data: {
       target: R,
-      version: _e,
+      version: Ze,
       supportsPatchUpdates: !1,
       // Supports builder-model="..." attribute which is needed to
       // scope our '+ add block' button styling
@@ -871,14 +871,14 @@ const dt = (e) => {
 }) => ue({
   name: $e(e),
   canTrack: !0
-}), xn = ({
+}), On = ({
   contentId: e,
   value: t
 }) => Ce({
   name: $e(e),
   value: t,
   canTrack: !0
-}), pt = (e) => K(e.id) && K(e.variations) && Object.keys(e.variations).length > 0, On = ({
+}), pt = (e) => K(e.id) && K(e.variations) && Object.keys(e.variations).length > 0, xn = ({
   id: e,
   variations: t
 }) => {
@@ -892,8 +892,8 @@ const dt = (e) => {
   }
   return e;
 }, mt = (e) => {
-  const t = On(e);
-  return xn({
+  const t = xn(e);
+  return On({
     contentId: e.id,
     value: t
   }).catch((n) => {
@@ -1069,11 +1069,11 @@ const Kn = "v3", He = (e) => typeof e == "number" && !isNaN(e) && e >= 0, Re = (
   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 && He(c) && w.searchParams.set("cacheSeconds", String(c)), m && He(m) && w.searchParams.set("staleCacheSeconds", String(m)), b) {
-    const x = Se({
+    const O = Se({
       sort: b
     });
-    for (const H in x)
-      w.searchParams.set(H, JSON.stringify(x[H]));
+    for (const H in O)
+      w.searchParams.set(H, JSON.stringify(O[H]));
   }
   const J = {
     ...Bn(),
@@ -1084,14 +1084,14 @@ const Kn = "v3", He = (e) => typeof e == "number" && !isNaN(e) && e >= 0, Re = (
     ...zn(J)
   };
   const Q = Se(J);
-  for (const x in Q)
-    w.searchParams.set(x, String(Q[x]));
+  for (const O in Q)
+    w.searchParams.set(O, String(Q[O]));
   if (Object.keys(D).length > 0 && w.searchParams.set("userAttributes", JSON.stringify(D)), o) {
-    const x = ft({
+    const O = ft({
       query: o
     });
-    for (const H in x)
-      w.searchParams.set(H, JSON.stringify(x[H]));
+    for (const H in O)
+      w.searchParams.set(H, JSON.stringify(O[H]));
   }
   return w;
 }, qn = (e) => {
@@ -1128,7 +1128,7 @@ const Jn = async (e) => {
     ...e.fetchOptions,
     headers: {
       ...(s = e.fetchOptions) == null ? void 0 : s.headers,
-      ...Ze()
+      ..._e()
     }
   };
   return await (await n(t.href, o)).json();
@@ -1191,7 +1191,7 @@ function Xn(e, t, n = {}) {
     return o = this, r = arguments, p <= 0 || p > t ? (s && (clearTimeout(s), s = null), l = u, i = e.apply(o, r), s || (o = r = null)) : !s && n.trailing !== !1 && (s = setTimeout(a, p)), i;
   };
 }
-function _(e, ...t) {
+function Z(e, ...t) {
   const n = Object(e);
   for (let o = 1; o < arguments.length; o++) {
     const r = arguments[o];
@@ -1201,7 +1201,7 @@ function _(e, ...t) {
   }
   return n;
 }
-function _n(e) {
+function Zn(e) {
   for (const t of e)
     switch (t.trigger) {
       case "pageLoad":
@@ -1216,12 +1216,12 @@ function bt(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
 function gt(e, t) {
-  const n = Zn(e), o = getComputedStyle(t), r = e.steps[0].styles, i = e.steps[e.steps.length - 1].styles, s = [r, i];
+  const n = _n(e), o = getComputedStyle(t), r = e.steps[0].styles, i = e.steps[e.steps.length - 1].styles, s = [r, i];
   for (const l of s)
     for (const a of n)
       a in l || (l[a] = o[a]);
 }
-function Zn(e) {
+function _n(e) {
   const t = [];
   for (const n of e.steps)
     for (const o in n.styles)
@@ -1235,8 +1235,8 @@ function yt(e) {
     return;
   }
   Array.from(t).forEach((n) => {
-    gt(e, n), n.style.transition = "none", n.style.transitionDelay = "0", _(n.style, e.steps[0].styles), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${Ae(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), _(n.style, e.steps[1].styles), setTimeout(() => {
+    gt(e, n), n.style.transition = "none", n.style.transitionDelay = "0", Z(n.style, e.steps[0].styles), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${Ae(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), Z(n.style, e.steps[1].styles), setTimeout(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
     });
@@ -1253,10 +1253,10 @@ function eo(e) {
     let o = !1, r = !1;
     function i() {
       !o && l(n) ? (o = !0, r = !0, setTimeout(() => {
-        _(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", s), setTimeout(() => {
+        Z(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", s), setTimeout(() => {
           r = !1, e.repeat || (n.style.transition = "", n.style.transitionDelay = "");
         }, (e.duration + (e.delay || 0)) * 1e3 + 100);
-      })) : e.repeat && o && !r && !l(n) && (o = !1, _(n.style, e.steps[0].styles));
+      })) : e.repeat && o && !r && !l(n) && (o = !1, Z(n.style, e.steps[0].styles));
     }
     const s = Xn(i, 200, {
       leading: !1
@@ -1267,7 +1267,7 @@ function eo(e) {
     }
     const a = e.steps[0].styles;
     function u() {
-      _(n.style, a);
+      Z(n.style, a);
     }
     u(), setTimeout(() => {
       n.style.transition = `all ${e.duration}s ${Ae(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
@@ -1395,22 +1395,22 @@ const kt = (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-_4lEInw9.js").then((e) => e.default).catch((e) => {
+}), po = () => import("./block-wrapper-2d_iPFQQ.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-S2rn5_QV.js").then((e) => e.default).catch((e) => {
+}), mo = () => import("./component-ref-YEfZKvMy.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-C21nYjNB.js").then((e) => e.default).catch((e) => {
+}), ho = () => import("./repeated-block-A24n6o-E.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-6gB537kz.js").then((e) => e.default).catch((e) => {
+}), fo = () => import("./style-wrapper-tibcUSpL.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component StyleWrapper at ./components/style-wrapper.vue",
     e
@@ -1436,7 +1436,7 @@ const kt = (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 && _n(
+    t && e && Zn(
       t.map((n) => ({
         ...n,
         elementId: e
@@ -1551,7 +1551,7 @@ function go(e, t, n, o, r, i) {
         block: e.processedBlock,
         context: e.context
       }, {
-        default: O(() => [
+        default: x(() => [
           E(l, {
             componentRef: e.componentRefProps.componentRef,
             componentOptions: e.componentRefProps.componentOptions,
@@ -1660,7 +1660,7 @@ function vo(e, t, n, o, r, i) {
     onMouseEnter: (s) => e.onMouseEnter(),
     onKeyPress: (s) => e.onClick()
   }, { ...e.BlocksWrapperProps }), {
-    default: O(() => [
+    default: x(() => [
       N(e.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
@@ -1697,7 +1697,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: O(() => [
+    default: x(() => [
       N(e.$slots, "default"),
       e.blocks ? (d(!0), h(I, { key: 0 }, F(e.blocks, (c, m) => {
         var b;
@@ -1939,7 +1939,7 @@ function Ao(e, t, n, o, r, i) {
   var u;
   const s = k("InlinedStyles"), l = k("Blocks"), a = k("DynamicRenderer");
   return d(), h("div", $({
-    class: e.getColumnsClass((u = e.builderBlock) == null ? void 0 : u.id) + " div-29wpyomtntv",
+    class: e.getColumnsClass((u = e.builderBlock) == null ? void 0 : u.id) + " div-1be3j8m9ewb",
     style: e.columnsCssVars()
   }, {}), [
     e.TARGET !== "reactNative" ? (d(), S(s, {
@@ -1954,7 +1954,7 @@ function Ao(e, t, n, o, r, i) {
       actionAttributes: {},
       attributes: e.getAttributes(p, f)
     }, {
-      default: O(() => [
+      default: x(() => [
         E(l, {
           path: `columns.${f}.blocks`,
           parent: e.builderBlock.id,
@@ -1971,7 +1971,7 @@ function Ao(e, t, n, o, r, i) {
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const Po = /* @__PURE__ */ v(Eo, [["render", Ao], ["__scopeId", "data-v-f17e7a38"]]), Bo = y({
+const Po = /* @__PURE__ */ v(Eo, [["render", Ao], ["__scopeId", "data-v-ab15749a"]]), Bo = y({
   name: "builder-fragment-component",
   props: []
 });
@@ -2011,7 +2011,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 xo = y({
+const Oo = y({
   name: "builder-image",
   props: [
     "lazy",
@@ -2062,7 +2062,7 @@ const xo = y({
       return this.aspectRatio ? e : void 0;
     }
   }
-}), Oo = ["srcset"], Uo = ["loading", "fetchpriority", "alt", "title", "role", "src", "srcset", "sizes"], Lo = {
+}), xo = ["srcset"], Uo = ["loading", "fetchpriority", "alt", "title", "role", "src", "srcset", "sizes"], Lo = {
   key: 2,
   class: "div-t43jfuqn6g-2"
 };
@@ -2074,7 +2074,7 @@ function Fo(e, t, n, o, r, i) {
         key: 0,
         type: "image/webp",
         srcset: e.webpSrcSet
-      }, null, 8, Oo)) : C("", !0),
+      }, null, 8, xo)) : C("", !0),
       z("img", {
         loading: e.highPriority ? "eager" : "lazy",
         fetchpriority: e.highPriority ? "high" : "auto",
@@ -2086,7 +2086,7 @@ function Fo(e, t, n, o, r, i) {
           objectFit: e.backgroundSize || "cover",
           ...e.aspectRatioCss
         }),
-        class: Z(
+        class: _(
           "builder-image" + (e.className ? " " + e.className : "") + " img-t43jfuqn6g"
         ),
         src: e.image,
@@ -2107,7 +2107,7 @@ function Fo(e, t, n, o, r, i) {
     ])) : C("", !0)
   ], 64);
 }
-const Ho = /* @__PURE__ */ v(xo, [["render", Fo], ["__scopeId", "data-v-741b9bbc"]]), Mo = y({
+const Ho = /* @__PURE__ */ v(Oo, [["render", Fo], ["__scopeId", "data-v-741b9bbc"]]), Mo = y({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
@@ -2393,11 +2393,11 @@ function Xo({
   }
   return i;
 }
-const _o = () => `
+const Zo = () => `
   window.${Qo} = ${Go}
   window.${wt} = ${zo}
   window.${It} = ${Jo}
-  `, Et = R === "react", Zo = (e, t, n) => `window.${wt}(${JSON.stringify(e)}, "${t}", ${Et}${n ? `, "${n}"` : ""})`, er = (e, t, n) => `window.${It}(${JSON.stringify(e)}, "${t}", ${Et}${n ? `, "${n}"` : ""})`, me = {
+  `, Et = R === "react", _o = (e, t, n) => `window.${wt}(${JSON.stringify(e)}, "${t}", ${Et}${n ? `, "${n}"` : ""})`, er = (e, t, n) => `window.${It}(${JSON.stringify(e)}, "${t}", ${Et}${n ? `, "${n}"` : ""})`, me = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item title",
   responsiveStyles: {
@@ -2625,7 +2625,7 @@ function ir(e, t, n, o, r, i) {
   }, [
     (d(!0), h(I, null, F(e.items, (l, a) => (d(), h(I, { key: a }, [
       z("div", {
-        class: Z(e.getAccordionTitleClassName(a)),
+        class: _(e.getAccordionTitleClassName(a)),
         style: M({
           ...e.accordionTitleStyles,
           ...e.grid && {
@@ -2647,7 +2647,7 @@ function ir(e, t, n, o, r, i) {
       ], 14, rr),
       e.open.includes(a) ? (d(), h("div", {
         key: 0,
-        class: Z(e.getAccordionDetailClassName(a)),
+        class: _(e.getAccordionDetailClassName(a)),
         style: M(e.accordionDetailStyles)
       }, [
         E(s, {
@@ -3088,7 +3088,7 @@ const sr = /* @__PURE__ */ v(or, [["render", ir]]), ar = {
     var e, t, n, o, r, i, s;
     return {
       userAttributes: ce.getUserAttributes(),
-      scriptStr: Zo(
+      scriptStr: _o(
         this.variants,
         ((e = this.builderBlock) == null ? void 0 : e.id) || "none",
         (n = (t = this.builderContext) == null ? void 0 : t.rootState) == null ? void 0 : n.locale
@@ -3223,14 +3223,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, x, H;
+          var J, Q, O, 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": `${(x = e.builderBlock) == null ? void 0 : x.id}-${D}`
+              "data-variant-id": `${(O = e.builderBlock) == null ? void 0 : O.id}-${D}`
             },
             blocks: w.blocks,
             parent: (H = e.builderBlock) == null ? void 0 : H.id,
@@ -3238,7 +3238,7 @@ function hr(e, t, n, o, r, i) {
             context: e.builderContext,
             registeredComponents: e.builderComponents
           }, {
-            default: O(() => {
+            default: x(() => {
               var Ve, Ne;
               return [
                 E(a, {
@@ -3263,7 +3263,7 @@ function hr(e, t, n, o, r, i) {
           "data-variant-id": `${(V = e.builderBlock) == null ? void 0 : V.id}-${e.blocksToRender.index}`
         }
       }, {
-        default: O(() => {
+        default: x(() => {
           var w, D;
           return [
             e.shouldRenderVariants ? (d(), S(a, {
@@ -3583,7 +3583,7 @@ function $r(e, t, n, o, r, i) {
     }, [
       (d(!0), h(I, null, F(e.tabs, (l, a) => (d(), h("span", {
         key: a,
-        class: Z(`builder-tab-wrap ${e.activeTab === a ? "builder-tab-active" : ""}`),
+        class: _(`builder-tab-wrap ${e.activeTab === a ? "builder-tab-active" : ""}`),
         style: M(e.getTabStyle(a)),
         onClick: async (u) => e.onClick(a)
       }, [
@@ -3723,14 +3723,14 @@ const Vr = /* @__PURE__ */ v(Ar, [["render", Br]]), Nr = {
     }
   }
 }), Dr = ["innerHTML"];
-function xr(e, t, n, o, r, i) {
+function Or(e, t, n, o, r, i) {
   return d(), h("div", {
     ref: "elementRef",
-    class: Z("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
+    class: _("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
     innerHTML: e.code
   }, null, 10, Dr);
 }
-const Or = /* @__PURE__ */ v(Wr, [["render", xr]]), Ur = {
+const xr = /* @__PURE__ */ v(Wr, [["render", Or]]), Ur = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -4248,7 +4248,7 @@ function Xr(e, t, n, o, r, i) {
     }, null, 8, ["blocks", "context"])) : C("", !0)
   ], 16, Qr);
 }
-const _r = /* @__PURE__ */ v(Jr, [["render", Xr], ["__scopeId", "data-v-77c7888c"]]), Zr = {
+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: [
@@ -4802,17 +4802,17 @@ function Pi(e, t, n, o, r, i) {
   ]);
 }
 const Bi = /* @__PURE__ */ v(Ii, [["render", Pi]]), Vi = () => [{
-  component: Or,
+  component: xr,
   ...Nr
 }, {
   component: Kr,
   ...Ur
 }, {
-  component: _r,
+  component: Zr,
   ...qr
 }, {
   component: oi,
-  ...Zr
+  ..._r
 }, {
   component: mi,
   ...di
@@ -4961,12 +4961,12 @@ const Bi = /* @__PURE__ */ v(Ii, [["render", Pi]]), Vi = () => [{
 })), Di = ({
   canTrack: e,
   content: t
-}) => !(!(ie(t).length > 0) || !e), xi = (e) => e === "react" || e === "reactNative", Oi = R === "angular", Bt = xi(R), Ui = () => `
+}) => !(!(ie(t).length > 0) || !e), Oi = (e) => e === "react" || e === "reactNative", xi = R === "angular", Bt = Oi(R), Ui = () => `
   window.${At} = ${Ni}
   window.${Pt} = ${Wi}
   `, Li = (e, t) => `
   window.${At}(
-    "${t}",${JSON.stringify(e)}, ${Bt}, ${Oi}
+    "${t}",${JSON.stringify(e)}, ${Bt}, ${xi}
   )`, Fi = ({
   contentId: e,
   variationId: t
@@ -5066,7 +5066,7 @@ font-weight: ${s};
   text-align: inherit;
   font-family: inherit;
 }
-`, Yi = (e) => e ? "" : Qi, Xi = (e) => `variant-${e}`, _i = y({
+`, Yi = (e) => e ? "" : Qi, Xi = (e) => `variant-${e}`, Zi = y({
   name: "enable-editor",
   components: { DynamicDiv: te },
   props: [
@@ -5390,7 +5390,7 @@ font-weight: ${s};
     }
   }
 });
-function Zi(e, t, n, o, r, i) {
+function _i(e, t, n, o, r, i) {
   var s, l, a;
   return e.builderContextSignal.content || e.needsElementRefDivForEditing() ? (d(), S(X(e.ContentWrapper), $({
     key: 0,
@@ -5405,13 +5405,13 @@ function Zi(e, t, n, o, r, i) {
     onIniteditingbldr: (u) => e.elementRef_onIniteditingbldr(u),
     onInitpreviewingbldr: (u) => e.elementRef_onInitpreviewingbldr(u)
   }, { ...e.showContentProps, ...e.contentWrapperProps }), {
-    default: O(() => [
+    default: x(() => [
       N(e.$slots, "default")
     ]),
     _: 3
   }, 16, ["onClick", "builder-content-id", "builder-model", "className", "style", "onIniteditingbldr", "onInitpreviewingbldr"])) : C("", !0);
 }
-const es = /* @__PURE__ */ v(_i, [["render", Zi]]), ts = y({
+const es = /* @__PURE__ */ v(Zi, [["render", _i]]), ts = y({
   name: "content-styles",
   components: { InlinedStyles: pe },
   props: ["cssCode", "contentId", "customFonts", "isNestedRender", "nonce"],
@@ -5621,7 +5621,7 @@ function ls(e, t, n, o, r, i) {
     trustedHosts: e.trustedHosts,
     isNestedRender: e.isNestedRender
   }, {}), {
-    default: O(() => {
+    default: x(() => {
       var p, f, c, m, b, g, P;
       return [
         e.isSsrAbTest ? (d(), S(s, {
@@ -5684,7 +5684,7 @@ const cs = /* @__PURE__ */ v(as, [["render", ls]]), ds = y({
         content: this.content
       }),
       SDKS_SUPPORTING_PERSONALIZATION: $t,
-      getInitPersonalizationVariantsFnsScriptString: _o,
+      getInitPersonalizationVariantsFnsScriptString: Zo,
       TARGET: R,
       getInitVariantsFnsScriptString: Ui,
       getVariants: ie
@@ -5805,7 +5805,7 @@ const ps = /* @__PURE__ */ v(ds, [["render", us]]), ms = async ({
   (e != null && e.apiKey))
     return Ee({
       model: t.model,
-      apiKey: e.apiKey,
+      apiKey: t.global && t.ownerId ? t.ownerId : e.apiKey,
       apiVersion: e.apiVersion,
       ...(t == null ? void 0 : t.entry) && {
         query: {
@@ -5885,26 +5885,26 @@ const ps = /* @__PURE__ */ v(ds, [["render", us]]), ms = async ({
   }
 });
 function fs(e, t, n, o, r, i) {
-  var l, a, u, p, f;
+  var l, a, u, p, f, c, m;
   const s = k("ContentVariants");
   return d(), h("div", $({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, L(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     E(s, {
       nonce: e.builderContext.nonce,
       isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
-      apiKey: e.builderContext.apiKey,
+      apiKey: (l = e.symbol) != null && l.global && ((a = e.symbol) != null && a.ownerId) ? e.symbol.ownerId : e.builderContext.apiKey,
       context: {
         ...e.builderContext.context,
-        symbolId: (l = e.builderBlock) == null ? void 0 : l.id
+        symbolId: (u = e.builderBlock) == null ? void 0 : u.id
       },
       customComponents: e.customComponents,
       data: {
-        ...(a = e.symbol) == null ? void 0 : a.data,
+        ...(p = e.symbol) == null ? void 0 : p.data,
         ...e.builderContext.localState,
-        ...(p = (u = e.contentToUse) == null ? void 0 : u.data) == null ? void 0 : p.state
+        ...(c = (f = e.contentToUse) == null ? void 0 : f.data) == null ? void 0 : c.state
       },
       canTrack: e.builderContext.canTrack,
-      model: ((f = e.symbol) == null ? void 0 : f.model) ?? "",
+      model: ((m = e.symbol) == null ? void 0 : m.model) ?? "",
       content: e.contentToUse,
       linkComponent: e.builderLinkComponent,
       blocksWrapper: e.blocksWrapper,

package/lib/browser/index.cjs

@@ -1 +1 @@
-var t=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-OpNLmfCu.cjs");exports.Blocks=e.Blocks;exports.BuilderContext=e.BuilderContext;exports.Button=e.Button;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.Fragment=e.Fragment;exports.Image=e.Image;exports.Section=e.Section;exports.Symbol=e.Symbol;exports.Text=e.Text;exports.Video=e.Video;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.registerAction=e.registerAction;exports.setClientUserAttributes=e.setClientUserAttributes;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;
+var t=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-1GET5eOz.cjs");exports.Blocks=e.Blocks;exports.BuilderContext=e.BuilderContext;exports.Button=e.Button;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.Fragment=e.Fragment;exports.Image=e.Image;exports.Section=e.Section;exports.Symbol=e.Symbol;exports.Text=e.Text;exports.Video=e.Video;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.registerAction=e.registerAction;exports.setClientUserAttributes=e.setClientUserAttributes;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;

package/lib/browser/index.mjs

@@ -1,5 +1,5 @@
 import "./style.css";
-import { p as a, b as r, m as i, C as o, q as n, F as c, I as g, S as m, n as u, o as l, V as d, E as C, t as p, D as E, G as b, H as B, y as S, i as f, r as h, u as x, v as y, s as A, x as P, A as k, z as v } from "./index-HPQgrUEC.js";
+import { p as a, b as r, m as i, C as o, q as n, F as c, I as g, S as m, n as u, o as l, V as d, E as C, t as p, D as E, G as b, H as B, y as S, i as f, r as h, u as x, v as y, s as A, x as P, A as k, z as v } from "./index-eVqO7_Qb.js";
 export {
   a as Blocks,
   r as BuilderContext,

package/lib/browser/{live-edit-8F1riCsR.js → live-edit-9paJdIsz.js}

@@ -1,7 +1,7 @@
 import "./style.css";
 import { defineComponent as o, openBlock as r, createBlock as n, resolveDynamicComponent as i, mergeProps as s, withCtx as p, renderSlot as a } from "vue";
 import { f as c } from "./find-block-4FksmtpZ.js";
-import { b as d, _ as m } from "./index-HPQgrUEC.js";
+import { b as d, _ as m } from "./index-eVqO7_Qb.js";
 const l = o({
   name: "live-edit",
   props: ["id", "attributes", "Wrapper"],