@builder.io/sdk-vue 1.0.15 → 1.0.17

package/lib/browser/{index-4mbHsvBx.js → index-yVjp76JI.js}

@@ -2,7 +2,7 @@ var it = Object.defineProperty;
 var at = (e, t, n) => t in e ? it(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var _ = (e, t, n) => (at(e, typeof t != "symbol" ? t + "" : t, n), n);
 import "./style.css";
-import { defineComponent as f, openBlock as u, createElementBlock as h, Fragment as $, createBlock as g, resolveDynamicComponent as j, mergeProps as w, toHandlers as E, withCtx as B, renderSlot as P, resolveComponent as k, createTextVNode as lt, toDisplayString as X, defineAsyncComponent as q, createVNode as x, renderList as L, createCommentVNode as v, h as Re, createElementVNode as te, normalizeStyle as ne, normalizeClass as Ee, markRaw as ct } from "vue";
+import { defineComponent as f, openBlock as u, createElementBlock as h, Fragment as $, createBlock as g, resolveDynamicComponent as j, mergeProps as w, toHandlers as E, withCtx as B, renderSlot as P, resolveComponent as k, createTextVNode as lt, toDisplayString as X, defineAsyncComponent as z, createVNode as x, renderList as L, createCommentVNode as v, h as Re, createElementVNode as te, normalizeStyle as ne, normalizeClass as Ee, markRaw as ct } from "vue";
 const dt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), ut = (e) => typeof e == "string" && dt.has(e.toLowerCase());
 function O(e = {}, t, n) {
   const o = {};
@@ -591,33 +591,33 @@ const Lt = ({
     },
     block: o
   }));
-}, Dt = () => import("./block-styles-T4pQN2_K.js").then((e) => e.default).catch((e) => {
+}, Dt = () => import("./block-styles-yK9PvIJE.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;
-}), jt = () => import("./block-wrapper-kApw6sWf.js").then((e) => e.default).catch((e) => {
+}), jt = () => import("./block-wrapper-Mzf70_-s.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;
-}), Ht = () => import("./component-ref-T_Bt-NXH.js").then((e) => e.default).catch((e) => {
+}), Ht = () => import("./component-ref-fsGJ-juz.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;
-}), Kt = () => import("./repeated-block-yWT-i8YN.js").then((e) => e.default).catch((e) => {
+}), Kt = () => import("./repeated-block-B8n_g0WF.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;
-}), zt = f({
+}), qt = f({
   name: "block",
   components: {
-    BlockStyles: q(Dt),
-    ComponentRef: q(Ht),
-    RepeatedBlock: q(Kt),
-    BlockWrapper: q(jt)
+    BlockStyles: z(Dt),
+    ComponentRef: z(Ht),
+    RepeatedBlock: z(Kt),
+    BlockWrapper: z(jt)
   },
   props: ["block", "context", "registeredComponents", "linkComponent"],
   mounted() {
@@ -694,7 +694,7 @@ const Lt = ({
     }
   }
 });
-function qt(e, t, n, o, s, r) {
+function zt(e, t, n, o, s, r) {
   var d;
   const i = k("block-styles"), a = k("component-ref"), l = k("block", !0), c = k("block-wrapper"), m = k("repeated-block");
   return e.canShowBlock ? (u(), h($, { key: 0 }, [
@@ -752,7 +752,7 @@ function qt(e, t, n, o, s, r) {
     ], 64))
   ], 64)) : v("", !0);
 }
-const ue = /* @__PURE__ */ y(zt, [["render", qt]]), tr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ue = /* @__PURE__ */ y(qt, [["render", zt]]), tr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: ue
 }, Symbol.toStringTag, { value: "Module" })), Jt = f({
@@ -858,7 +858,10 @@ function Xt(e, t, n, o, s, r) {
 }
 const Z = /* @__PURE__ */ y(Qt, [["render", Xt]]), pe = f({
   render() {
-    return Re("style", { id: this.id, innerHTML: this.styles });
+    return Re("style", {
+      innerHTML: this.styles,
+      "data-id": this.id
+    });
   },
   name: "inlined-styles",
   props: ["styles", "id"]
@@ -1035,6 +1038,7 @@ function en(e, t, n, o, s, r) {
   }, {}), [
     e.TARGET !== "reactNative" ? (u(), g(i, {
       key: 0,
+      id: "builderio-columns",
       styles: e.columnsStyles
     }, null, 8, ["styles"])) : v("", !0),
     (u(!0), h($, null, L(e.columns, (c, m) => (u(), g(l, {
@@ -1066,7 +1070,7 @@ function en(e, t, n, o, s, r) {
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const tn = /* @__PURE__ */ y(_t, [["render", en], ["__scopeId", "data-v-d0d8b675"]]), nn = f({
+const tn = /* @__PURE__ */ y(_t, [["render", en], ["__scopeId", "data-v-4eaba73b"]]), nn = f({
   name: "builder-fragment-component",
   props: []
 });
@@ -1299,7 +1303,7 @@ const bn = /* @__PURE__ */ y(hn, [["render", fn]]), gn = (e) => {
   }).catch((n) => {
     T.error("could not store A/B test variation: ", n);
   }), t;
-}, ze = ({
+}, qe = ({
   item: e,
   testGroupId: t
 }) => {
@@ -1328,7 +1332,7 @@ const bn = /* @__PURE__ */ y(hn, [["render", fn]]), gn = (e) => {
   }) || Ke({
     variations: e.variations,
     id: e.id
-  }), o = ze({
+  }), o = qe({
     item: e,
     testGroupId: n
   });
@@ -1347,7 +1351,7 @@ const bn = /* @__PURE__ */ y(hn, [["render", fn]]), gn = (e) => {
   }) || Ke({
     variations: e.variations,
     id: e.id
-  }), s = ze({
+  }), s = qe({
     item: e,
     testGroupId: o
   });
@@ -1892,15 +1896,15 @@ const jn = /* @__PURE__ */ y(Ln, [["render", Dn]]), Hn = {
       }
     }
   }
-}), zn = ["innerHTML"];
-function qn(e, t, n, o, s, r) {
+}), qn = ["innerHTML"];
+function zn(e, t, n, o, s, r) {
   return u(), h("div", {
     ref: "elementRef",
     class: Ee("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
     innerHTML: e.code
-  }, null, 10, zn);
+  }, null, 10, qn);
 }
-const Jn = /* @__PURE__ */ y(Kn, [["render", qn]]), Gn = {
+const Jn = /* @__PURE__ */ y(Kn, [["render", zn]]), Gn = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -2944,7 +2948,7 @@ const Lo = /* @__PURE__ */ y(xo, [["render", Uo]]), Mo = () => [{
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, zo = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, qo = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -2978,18 +2982,18 @@ const Lo = /* @__PURE__ */ y(xo, [["render", Uo]]), Mo = () => [{
     thisScriptEl?.remove();
   }
   return;
-}`, qe = "builderIoAbTest", Je = "builderIoRenderContent", G = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, ze = "builderIoAbTest", Je = "builderIoRenderContent", G = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), qo = ({
+})), zo = ({
   canTrack: e,
   content: t
 }) => !(!(G(t).length > 0) || !e), Jo = (e) => e === "react" || e === "reactNative", Ge = Jo(V), Go = () => `
-  window.${qe} = ${Ko}
-  window.${Je} = ${zo}
+  window.${ze} = ${Ko}
+  window.${Je} = ${qo}
   `, Yo = (e, t) => `
-  window.${qe}(
+  window.${ze}(
     "${t}",${JSON.stringify(e)}, ${Ge}
   )`, Qo = ({
   contentId: e,
@@ -2998,7 +3002,10 @@ const Lo = /* @__PURE__ */ y(xo, [["render", Uo]]), Mo = () => [{
     "${t}", "${e}", ${Ge}
   )`, Ye = f({
   render() {
-    return Re("script", { id: this.id, innerHTML: this.scriptStr });
+    return Re("script", {
+      innerHTML: this.scriptStr,
+      "data-id": this.id
+    });
   },
   name: "inlined-script",
   props: ["scriptStr", "id"]
@@ -3063,8 +3070,8 @@ const _o = "v3", Se = "builder.", es = "options.", Xe = (e) => {
     throw new Error("Missing API key");
   if (!["v3"].includes(l))
     throw new Error(`Invalid apiVersion: expected 'v3', received '${l}'`);
-  const z = t !== 1, C = new URL(`https://cdn.builder.io/api/${l}/content/${s}`);
-  if (C.searchParams.set("apiKey", r), C.searchParams.set("limit", String(t)), C.searchParams.set("noTraverse", String(z)), C.searchParams.set("includeRefs", String(!0)), a && C.searchParams.set("locale", a), i && C.searchParams.set("enrich", String(i)), C.searchParams.set("omit", m || "meta.componentsUsed"), c && C.searchParams.set("fields", c), Number.isFinite(d) && d > -1 && C.searchParams.set("offset", String(Math.floor(d))), typeof W == "boolean" && C.searchParams.set("includeUnpublished", String(W)), p && ve(p) && C.searchParams.set("cacheSeconds", String(p)), S && ve(S) && C.searchParams.set("staleCacheSeconds", String(S)), b) {
+  const q = t !== 1, C = new URL(`https://cdn.builder.io/api/${l}/content/${s}`);
+  if (C.searchParams.set("apiKey", r), C.searchParams.set("limit", String(t)), C.searchParams.set("noTraverse", String(q)), C.searchParams.set("includeRefs", String(!0)), a && C.searchParams.set("locale", a), i && C.searchParams.set("enrich", String(i)), C.searchParams.set("omit", m || "meta.componentsUsed"), c && C.searchParams.set("fields", c), Number.isFinite(d) && d > -1 && C.searchParams.set("offset", String(Math.floor(d))), typeof W == "boolean" && C.searchParams.set("includeUnpublished", String(W)), p && ve(p) && C.searchParams.set("cacheSeconds", String(p)), S && ve(S) && C.searchParams.set("staleCacheSeconds", String(S)), b) {
     const N = Y({
       sort: b
     });
@@ -3320,7 +3327,7 @@ function nt(e, t) {
   const n = new URL(t.origin), o = n.hostname;
   return (e || vs).findIndex((s) => s.startsWith("*.") ? o.endsWith(s.slice(1)) : s === o) > -1;
 }
-const Cs = "1.0.15", Ie = {};
+const Cs = "1.0.17", Ie = {};
 function ws(e, t) {
   let n = Ie[e];
   if (n || (n = Ie[e] = []), n.push(t), I()) {
@@ -3489,6 +3496,7 @@ const ot = (e = {}) => {
     return {
       ContentWrapper: this.contentWrapper || "div",
       httpReqsData: {},
+      httpReqsPending: {},
       clicked: !1,
       builderContext: oe
     };
@@ -3685,44 +3693,35 @@ const ot = (e = {}) => {
       }
       this.clicked || (this.clicked = !0);
     },
-    evalExpression(e) {
-      return e.replace(
-        /{{([^}]+)}}/g,
-        (t, n) => String(
-          Q({
-            code: n,
-            context: this.context || {},
-            localState: void 0,
-            rootState: this.builderContextSignal.rootState,
-            rootSetState: this.builderContextSignal.rootSetState,
-            enableCache: !0
-          })
-        )
-      );
-    },
-    handleRequest({ url: e, key: t }) {
-      Qe(e).then((n) => n.json()).then((n) => {
-        var s, r;
-        const o = {
-          ...this.builderContextSignal.rootState,
-          [t]: n
-        };
-        (r = (s = this.builderContextSignal).rootSetState) == null || r.call(s, o), this.httpReqsData[t] = !0;
-      }).catch((n) => {
-        console.error("error fetching dynamic data", e, n);
-      });
-    },
     runHttpRequests() {
       var t, n;
       const e = ((n = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : n.httpRequests) ?? {};
       Object.entries(e).forEach(([o, s]) => {
-        if (s && (!this.httpReqsData[o] || R())) {
-          const r = this.evalExpression(s);
-          this.handleRequest({
-            url: r,
-            key: o
-          });
-        }
+        if (!s || this.httpReqsPending[o] || this.httpReqsData[o] && !R())
+          return;
+        this.httpReqsPending[o] = !0;
+        const r = s.replace(
+          /{{([^}]+)}}/g,
+          (i, a) => String(
+            Q({
+              code: a,
+              context: this.context || {},
+              localState: void 0,
+              rootState: this.builderContextSignal.rootState,
+              rootSetState: this.builderContextSignal.rootSetState,
+              enableCache: !0
+            })
+          )
+        );
+        Qe(r).then((i) => i.json()).then((i) => {
+          this.mergeNewRootState({
+            [o]: i
+          }), this.httpReqsData[o] = !0;
+        }).catch((i) => {
+          console.error("error fetching dynamic data", s, i);
+        }).finally(() => {
+          this.httpReqsPending[o] = !1;
+        });
       });
     },
     emitStateUpdate() {
@@ -3872,7 +3871,10 @@ ${xs(this.isNestedRender)}
 });
 function Ws(e, t, n, o, s, r) {
   const i = k("inlined-styles");
-  return u(), g(i, { styles: e.injectedStyles }, null, 8, ["styles"]);
+  return u(), g(i, {
+    id: "builderio-content",
+    styles: e.injectedStyles
+  }, null, 8, ["styles"]);
 }
 const Ns = /* @__PURE__ */ y(Bs, [["render", Ws]]), Fs = ({
   content: e,
@@ -4017,10 +4019,11 @@ function Ms(e, t, n, o, s, r) {
     trustedHosts: e.trustedHosts
   }, {}), {
     default: B(() => {
-      var m, d, p, S, b, W, z;
+      var m, d, p, S, b, W, q;
       return [
         e.isSsrAbTest ? (u(), g(i, {
           key: 0,
+          id: "builderio-variant-visibility",
           scriptStr: e.scriptStr
         }, null, 8, ["scriptStr"])) : v("", !0),
         e.TARGET !== "reactNative" ? (u(), g(a, {
@@ -4031,7 +4034,7 @@ function Ms(e, t, n, o, s, r) {
           customFonts: (b = (S = e.builderContextSignal.content) == null ? void 0 : S.data) == null ? void 0 : b.customFonts
         }, null, 8, ["isNestedRender", "contentId", "cssCode", "customFonts"])) : v("", !0),
         x(l, {
-          blocks: (z = (W = e.builderContextSignal.content) == null ? void 0 : W.data) == null ? void 0 : z.blocks,
+          blocks: (q = (W = e.builderContextSignal.content) == null ? void 0 : W.data) == null ? void 0 : q.blocks,
           context: e.builderContextSignal,
           registeredComponents: e.registeredComponents,
           linkComponent: e.linkComponent
@@ -4069,12 +4072,12 @@ const Ds = /* @__PURE__ */ y(Ls, [["render", Ms]]), js = f({
   ],
   data() {
     return {
-      shouldRenderVariants: qo({
+      shouldRenderVariants: zo({
         canTrack: H(this.canTrack),
         content: this.content
       }),
       TARGET: V,
-      getScriptString: Go,
+      getInitVariantsFnsScriptString: Go,
       getVariants: G
     };
   },
@@ -4108,23 +4111,26 @@ const Ds = /* @__PURE__ */ y(Ls, [["render", Ms]]), js = f({
   }
 });
 function Hs(e, t, n, o, s, r) {
-  var c;
   const i = k("inlined-script"), a = k("inlined-styles"), l = k("content-component");
   return u(), h($, null, [
     !e.isNestedRender && e.TARGET !== "reactNative" ? (u(), g(i, {
       key: 0,
-      scriptStr: e.getScriptString()
+      id: "builderio-init-variants-fns",
+      scriptStr: e.getInitVariantsFnsScriptString()
     }, null, 8, ["scriptStr"])) : v("", !0),
     e.shouldRenderVariants ? (u(), h($, { key: 1 }, [
       x(a, {
-        id: `variants-styles-${(c = e.content) == null ? void 0 : c.id}`,
+        id: "builderio-variants",
         styles: e.hideVariantsStyleString
-      }, null, 8, ["id", "styles"]),
-      x(i, { scriptStr: e.updateCookieAndStylesScriptStr }, null, 8, ["scriptStr"]),
-      (u(!0), h($, null, L(e.getVariants(e.content), (m, d) => (u(), g(l, {
-        key: m.testVariationId,
+      }, null, 8, ["styles"]),
+      x(i, {
+        id: "builderio-variants-visibility",
+        scriptStr: e.updateCookieAndStylesScriptStr
+      }, null, 8, ["scriptStr"]),
+      (u(!0), h($, null, L(e.getVariants(e.content), (c, m) => (u(), g(l, {
+        key: c.testVariationId,
         isNestedRender: e.isNestedRender,
-        content: m,
+        content: c,
         showContent: !1,
         model: e.model,
         data: e.data,
@@ -4169,7 +4175,7 @@ function Hs(e, t, n, o, s, r) {
     }), null, 16, ["isNestedRender", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"])
   ], 64);
 }
-const Ks = /* @__PURE__ */ y(js, [["render", Hs]]), zs = async ({
+const Ks = /* @__PURE__ */ y(js, [["render", Hs]]), qs = async ({
   builderContextValue: e,
   symbol: t
 }) => {
@@ -4187,7 +4193,7 @@ const Ks = /* @__PURE__ */ y(js, [["render", Hs]]), zs = async ({
     }).catch((n) => {
       T.error("Could not fetch symbol content: ", n);
     });
-}, qs = f({
+}, zs = f({
   name: "builder-symbol",
   components: { ContentVariants: Ks },
   props: [
@@ -4232,7 +4238,7 @@ const Ks = /* @__PURE__ */ y(js, [["render", Hs]]), zs = async ({
   },
   methods: {
     setContent() {
-      this.contentToUse || zs({
+      this.contentToUse || qs({
         symbol: this.symbol,
         builderContextValue: this.builderContext
       }).then((e) => {
@@ -4267,7 +4273,7 @@ function Js(e, t, n, o, s, r) {
     }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "model", "content", "linkComponent"])
   ], 16);
 }
-const Gs = /* @__PURE__ */ y(qs, [["render", Js]]), Te = {};
+const Gs = /* @__PURE__ */ y(zs, [["render", Js]]), Te = {};
 function rr(e) {
   if (I()) {
     Object.assign(Te, e);

package/lib/browser/index.cjs

@@ -1 +1 @@
-var t=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Knuxd6qK.cjs");exports.Blocks=e.Blocks;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.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-5V3_lUTy.cjs");exports.Blocks=e.Blocks;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.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;

package/lib/browser/index.js

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

package/lib/browser/{repeated-block-yWT-i8YN.js → repeated-block-B8n_g0WF.js}

@@ -1,7 +1,7 @@
 import "./style.css";
 import { defineComponent as t, defineAsyncComponent as n, resolveComponent as r, openBlock as p, createBlock as c } from "vue";
-import { j as s, e as l } from "./index-4mbHsvBx.js";
-const i = () => import("./index-4mbHsvBx.js").then((o) => o.G).then((o) => o.default).catch((o) => {
+import { j as s, e as l } from "./index-yVjp76JI.js";
+const i = () => import("./index-yVjp76JI.js").then((o) => o.G).then((o) => o.default).catch((o) => {
   throw console.error(
     "Error while attempting to dynamically import component Block at ../block.vue",
     o

package/lib/browser/{repeated-block--q5yqvlb.cjs → repeated-block-MbJ0NXJn.cjs}

@@ -1 +1 @@
-var k=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index-Knuxd6qK.cjs"),r=()=>Promise.resolve().then(()=>require("./index-Knuxd6qK.cjs")).then(e=>e.block).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Block at ../block.vue",e),e}),c=o.defineComponent({name:"repeated-block",components:{Block:o.defineAsyncComponent(r)},props:["repeatContext","block","registeredComponents","linkComponent"],data(){return{store:this.repeatContext}},provide(){const e=this;return{[t.BuilderContext.key]:e.store}}});function s(e,i,p,m,a,d){const n=o.resolveComponent("block");return o.openBlock(),o.createBlock(n,{block:e.block,context:e.store,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"])}const l=t._export_sfc(c,[["render",s]]);exports.default=l;
+var k=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index-5V3_lUTy.cjs"),r=()=>Promise.resolve().then(()=>require("./index-5V3_lUTy.cjs")).then(e=>e.block).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Block at ../block.vue",e),e}),c=o.defineComponent({name:"repeated-block",components:{Block:o.defineAsyncComponent(r)},props:["repeatContext","block","registeredComponents","linkComponent"],data(){return{store:this.repeatContext}},provide(){const e=this;return{[t.BuilderContext.key]:e.store}}});function s(e,i,p,m,a,d){const n=o.resolveComponent("block");return o.openBlock(),o.createBlock(n,{block:e.block,context:e.store,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"])}const l=t._export_sfc(c,[["render",s]]);exports.default=l;

package/lib/browser/style.css

@@ -1 +1 @@
-.component-1o2kztlxdt6[data-v-b8add99a]{display:flex;flex-direction:column;align-items:stretch}.div-2fnk003dqad[data-v-d0d8b675]{display:flex;line-height:normal}.img-1be3j8m9ewb[data-v-c23615d2]{opacity:1;transition:opacity .2s ease-in-out}.div-1be3j8m9ewb[data-v-c23615d2]{width:100%;pointer-events:none;font-size:0}.div-1be3j8m9ewb-2[data-v-c23615d2]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.pre-5vz8uirn7sc[data-v-541b06ed]{padding:10px;color:red;text-align:center}
+.component-1o2kztlxdt6[data-v-b8add99a]{display:flex;flex-direction:column;align-items:stretch}.div-2fnk003dqad[data-v-4eaba73b]{display:flex;line-height:normal}.img-1be3j8m9ewb[data-v-c23615d2]{opacity:1;transition:opacity .2s ease-in-out}.div-1be3j8m9ewb[data-v-c23615d2]{width:100%;pointer-events:none;font-size:0}.div-1be3j8m9ewb-2[data-v-c23615d2]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.pre-5vz8uirn7sc[data-v-541b06ed]{padding:10px;color:red;text-align:center}

package/lib/edge/block-styles-DZGP-vAk.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),t=require("./index-LFkZHS22.cjs"),h=s.defineComponent({name:"block-styles",components:{InlinedStyles:t._sfc_main},props:["block","context"],data(){return{TARGET:t.TARGET}},computed:{canShowBlock(){const e=t.getProcessedBlock({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0});return t.checkIsDefined(e.hide)?!e.hide:t.checkIsDefined(e.show)?e.show:!0},css(){var d;const e=t.getProcessedBlock({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0}),o=e.responsiveStyles,c=this.context.content,r=t.getSizesForBreakpoints(((d=c==null?void 0:c.meta)==null?void 0:d.breakpoints)||{}),a=o==null?void 0:o.large,i=o==null?void 0:o.medium,n=o==null?void 0:o.small,l=e.id;if(!l)return"";const u=a?t.createCssClass({className:l,styles:a}):"",S=i?t.createCssClass({className:l,styles:i,mediaQuery:t.getMaxWidthQueryForSize("medium",r)}):"",m=n?t.createCssClass({className:l,styles:n,mediaQuery:t.getMaxWidthQueryForSize("small",r)}):"";return[u,S,m].join(" ")}}});function k(e,o,c,r,a,i){const n=s.resolveComponent("inlined-styles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(s.openBlock(),s.createBlock(n,{key:0,id:"builderio-block",styles:e.css},null,8,["styles"])):s.createCommentVNode("",!0)}const p=t._export_sfc(h,[["render",k]]);exports.default=p;

package/lib/{node/block-styles-rh7tEoHf.js → edge/block-styles-Dpf99VdC.js}

@@ -1,11 +1,11 @@
-import { defineComponent as k, resolveComponent as y, openBlock as x, createBlock as f, createCommentVNode as B } from "vue";
-import { _, T as b, g as d, c as m, a as g, b as r, d as S, e as C } from "./index-tdTNLVlt.js";
+import { defineComponent as k, resolveComponent as y, openBlock as x, createBlock as f, createCommentVNode as b } from "vue";
+import { _ as B, T as _, g as d, c as m, a as g, b as r, d as S, e as C } from "./index-iZweifnx.js";
 const v = k({
   name: "block-styles",
-  components: { InlinedStyles: _ },
+  components: { InlinedStyles: B },
   props: ["block", "context"],
   data() {
-    return { TARGET: b };
+    return { TARGET: _ };
   },
   computed: {
     canShowBlock() {
@@ -59,8 +59,9 @@ function T(t, e, o, c, a, l) {
   const s = y("inlined-styles");
   return t.TARGET !== "reactNative" && t.css && t.canShowBlock ? (x(), f(s, {
     key: 0,
+    id: "builderio-block",
     styles: t.css
-  }, null, 8, ["styles"])) : B("", !0);
+  }, null, 8, ["styles"])) : b("", !0);
 }
 const E = /* @__PURE__ */ C(v, [["render", T]]);
 export {

package/lib/{node/block-wrapper-cEkh_JGR.cjs → edge/block-wrapper-5cv3fE6m.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties-B5QLQJm5.cjs"),n=require("./index-Oh0XoTAq.cjs"),c=()=>Promise.resolve().then(()=>require("./index-Oh0XoTAq.cjs")).then(e=>e.dynamicRenderer).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component DynamicRenderer at ../../dynamic-renderer/dynamic-renderer.vue",e),e}),a=t.defineComponent({name:"block-wrapper",components:{DynamicRenderer:t.defineAsyncComponent(c)},props:["Wrapper","block","context"],data(){return{getBlockActions:o.getBlockActions,getBlockProperties:o.getBlockProperties}}});function i(e,l,p,d,m,u){const r=t.resolveComponent("dynamic-renderer");return t.openBlock(),t.createBlock(r,{TagName:e.Wrapper,attributes:e.getBlockProperties({block:e.block,context:e.context}),actionAttributes:e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0})},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["TagName","attributes","actionAttributes"])}const s=n._export_sfc(a,[["render",i]]);exports.default=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties-0E0mx2E1.cjs"),n=require("./index-LFkZHS22.cjs"),c=()=>Promise.resolve().then(()=>require("./index-LFkZHS22.cjs")).then(e=>e.dynamicRenderer).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component DynamicRenderer at ../../dynamic-renderer/dynamic-renderer.vue",e),e}),a=t.defineComponent({name:"block-wrapper",components:{DynamicRenderer:t.defineAsyncComponent(c)},props:["Wrapper","block","context"],data(){return{getBlockActions:o.getBlockActions,getBlockProperties:o.getBlockProperties}}});function i(e,l,p,d,m,u){const r=t.resolveComponent("dynamic-renderer");return t.openBlock(),t.createBlock(r,{TagName:e.Wrapper,attributes:e.getBlockProperties({block:e.block,context:e.context}),actionAttributes:e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0})},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["TagName","attributes","actionAttributes"])}const s=n._export_sfc(a,[["render",i]]);exports.default=s;

package/lib/edge/{block-wrapper-LGqW1WHl.js → block-wrapper-YywVHt-r.js}

@@ -1,7 +1,7 @@
 import { defineComponent as o, defineAsyncComponent as r, resolveComponent as n, openBlock as a, createBlock as c, withCtx as i, renderSlot as p } from "vue";
-import { g as s, a as l } from "./get-block-properties-nQPKKZHn.js";
-import { e as m } from "./index-mgx2v7lM.js";
-const d = () => import("./index-mgx2v7lM.js").then((e) => e.E).then((e) => e.default).catch((e) => {
+import { g as s, a as l } from "./get-block-properties-2byCs3FR.js";
+import { e as m } from "./index-iZweifnx.js";
+const d = () => import("./index-iZweifnx.js").then((e) => e.E).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component DynamicRenderer at ../../dynamic-renderer/dynamic-renderer.vue",
     e

package/lib/{node/component-ref-GxIWocaf.js → edge/component-ref-SpgA_nlQ.js}

@@ -1,6 +1,6 @@
 import { defineComponent as m, openBlock as r, createBlock as l, resolveDynamicComponent as k, mergeProps as d, withCtx as u, renderSlot as P, resolveComponent as B, normalizeProps as g, createElementBlock as $, Fragment as v, renderList as S, createCommentVNode as W } from "vue";
-import { e as f, B as h, w } from "./index-tdTNLVlt.js";
-import { g as R, a as b } from "./get-block-properties-T27zvZZR.js";
+import { e as f, B as h, w } from "./index-iZweifnx.js";
+import { g as R, a as b } from "./get-block-properties-2byCs3FR.js";
 const I = m({
   name: "interactive-element",
   props: ["wrapperProps", "includeBlockProps", "block", "context", "Wrapper"],

package/lib/{node/component-ref-4MMqYT0r.cjs → edge/component-ref-TvhX6Iu4.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),p=require("./index-Oh0XoTAq.cjs"),a=require("./get-block-properties-B5QLQJm5.cjs"),u=o.defineComponent({name:"interactive-element",props:["wrapperProps","includeBlockProps","block","context","Wrapper"],data(){return{getBlockActions:a.getBlockActions,getBlockProperties:a.getBlockProperties}}});function d(e,t,c,l,n,s){return o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.mergeProps({attributes:e.includeBlockProps?{...e.getBlockProperties({block:e.block,context:e.context}),...e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context})}:{}},e.wrapperProps),{default:o.withCtx(()=>[o.renderSlot(e.$slots,"default")]),_:3},16,["attributes"])}const k=p._export_sfc(u,[["render",d]]),B=({componentOptions:e,builderBlock:t,context:c,componentRef:l,includeBlockProps:n,isInteractive:s,contextValue:i})=>{const r={...e,...n?{attributes:a.getBlockProperties({block:t,context:i})}:{}};return s?{Wrapper:l,block:t,context:c,wrapperProps:e,includeBlockProps:n}:r},f=o.defineComponent({name:"component-ref",components:{Block:p.Block,InteractiveElement:k},props:["isInteractive","componentRef","componentOptions","builderBlock","context","linkComponent","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?p.wrapComponentRef(k):this.componentRef,getWrapperProps:B}}});function b(e,t,c,l,n,s){const i=o.resolveComponent("block");return e.componentRef?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.normalizeProps(o.mergeProps({key:0},e.getWrapperProps({componentOptions:e.componentOptions,builderBlock:e.builderBlock,context:e.context,componentRef:e.componentRef,linkComponent:e.linkComponent,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}))),{default:o.withCtx(()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.blockChildren,(r,m)=>(o.openBlock(),o.createBlock(i,{key:r.id,block:r,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):o.createCommentVNode("",!0)}const C=p._export_sfc(f,[["render",b]]);exports.default=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),p=require("./index-LFkZHS22.cjs"),a=require("./get-block-properties-0E0mx2E1.cjs"),u=o.defineComponent({name:"interactive-element",props:["wrapperProps","includeBlockProps","block","context","Wrapper"],data(){return{getBlockActions:a.getBlockActions,getBlockProperties:a.getBlockProperties}}});function d(e,t,c,l,n,s){return o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.mergeProps({attributes:e.includeBlockProps?{...e.getBlockProperties({block:e.block,context:e.context}),...e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context})}:{}},e.wrapperProps),{default:o.withCtx(()=>[o.renderSlot(e.$slots,"default")]),_:3},16,["attributes"])}const k=p._export_sfc(u,[["render",d]]),B=({componentOptions:e,builderBlock:t,context:c,componentRef:l,includeBlockProps:n,isInteractive:s,contextValue:i})=>{const r={...e,...n?{attributes:a.getBlockProperties({block:t,context:i})}:{}};return s?{Wrapper:l,block:t,context:c,wrapperProps:e,includeBlockProps:n}:r},f=o.defineComponent({name:"component-ref",components:{Block:p.Block,InteractiveElement:k},props:["isInteractive","componentRef","componentOptions","builderBlock","context","linkComponent","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?p.wrapComponentRef(k):this.componentRef,getWrapperProps:B}}});function b(e,t,c,l,n,s){const i=o.resolveComponent("block");return e.componentRef?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.normalizeProps(o.mergeProps({key:0},e.getWrapperProps({componentOptions:e.componentOptions,builderBlock:e.builderBlock,context:e.context,componentRef:e.componentRef,linkComponent:e.linkComponent,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}))),{default:o.withCtx(()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.blockChildren,(r,m)=>(o.openBlock(),o.createBlock(i,{key:r.id,block:r,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):o.createCommentVNode("",!0)}const C=p._export_sfc(f,[["render",b]]);exports.default=C;

package/lib/edge/components/content/components/enable-editor.vue.d.ts

@@ -17,6 +17,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
 }>, unknown, {
     ContentWrapper: any;
     httpReqsData: {};
+    httpReqsPending: {};
     clicked: boolean;
     builderContext: {
         Builder: {
@@ -59,11 +60,6 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     processMessage(event: MessageEvent): void;
     evaluateJsCode(): void;
     onClick(event: any): void;
-    evalExpression(expression: string): string;
-    handleRequest({ url, key }: {
-        key: string;
-        url: string;
-    }): void;
     runHttpRequests(): void;
     emitStateUpdate(): void;
     elementRef_onIniteditingbldr(event: any): void;

package/lib/edge/components/content-variants/content-variants.vue.d.ts

@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
 }>, unknown, {
     shouldRenderVariants: boolean;
     TARGET: import("../../types/targets.js").Target;
-    getScriptString: () => string;
+    getInitVariantsFnsScriptString: () => string;
     getVariants: (content: import("../../helpers/nullable.js").Nullable<import("../../server-index.js").BuilderContent>) => {
         testVariationId: string | undefined;
         id: string | undefined;

package/lib/edge/components/content-variants/helpers.d.ts

@@ -32,7 +32,7 @@ type VariantData = {
     id: string;
     testRatio?: number;
 };
-export declare const getScriptString: () => string;
+export declare const getInitVariantsFnsScriptString: () => string;
 export declare const getUpdateCookieAndStylesScript: (variants: VariantData[], contentId: string) => string;
 export declare const getUpdateVariantVisibilityScript: ({ contentId, variationId }: {
     variationId: string;

package/lib/edge/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "1.0.15";
+export declare const SDK_VERSION = "1.0.17";

package/lib/edge/{get-block-properties-KmHAHG48.cjs → get-block-properties-0E0mx2E1.cjs}

@@ -1 +1 @@
-"use strict";const a=require("./index-8bjS2-PR.cjs"),c=e=>`v-on:${e.toLowerCase()}`,i=(e,t)=>r=>a.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1,enableCache:!0});function l(e){const t={},r=e.block.actions??{};for(const o in r){if(!r.hasOwnProperty(o))continue;const s=r[o];let n=c(o);if(e.stripPrefix)switch(a.TARGET){case"vue":n=n.replace("v-on:","");break;case"svelte":n=n.replace("on:","");break}t[n]=i(s,e)}return t}function u({properties:e}){return e}const f=e=>({href:e.href});function p({block:e,context:t}){var o;const r={...f(e),...e.properties,"builder-id":e.id,style:a.getStyle({block:e,context:t}),[a.getClassPropName()]:[e.id,"builder-block",e.class,(o=e.properties)==null?void 0:o.class].filter(Boolean).join(" ")};return u({properties:r,context:t,block:e})}exports.getBlockActions=l;exports.getBlockProperties=p;
+"use strict";const a=require("./index-LFkZHS22.cjs"),c=e=>`v-on:${e.toLowerCase()}`,i=(e,t)=>r=>a.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1,enableCache:!0});function l(e){const t={},r=e.block.actions??{};for(const o in r){if(!r.hasOwnProperty(o))continue;const s=r[o];let n=c(o);if(e.stripPrefix)switch(a.TARGET){case"vue":n=n.replace("v-on:","");break;case"svelte":n=n.replace("on:","");break}t[n]=i(s,e)}return t}function u({properties:e}){return e}const f=e=>({href:e.href});function p({block:e,context:t}){var o;const r={...f(e),...e.properties,"builder-id":e.id,style:a.getStyle({block:e,context:t}),[a.getClassPropName()]:[e.id,"builder-block",e.class,(o=e.properties)==null?void 0:o.class].filter(Boolean).join(" ")};return u({properties:r,context:t,block:e})}exports.getBlockActions=l;exports.getBlockProperties=p;

package/lib/{node/get-block-properties-T27zvZZR.js → edge/get-block-properties-2byCs3FR.js}

@@ -1,4 +1,4 @@
-import { f as s, T as c, h as i, i as l } from "./index-tdTNLVlt.js";
+import { f as s, T as c, h as i, i as l } from "./index-iZweifnx.js";
 const f = (e) => `v-on:${e.toLowerCase()}`, u = (e, t) => (r) => s({
   code: e,
   context: t.context,