@builder.io/sdk-vue 5.4.0 → 5.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (71) hide show
  1. package/lib/browser/{awaiter-XLoIdAw3.js → awaiter-Y7PQyi6v.js} +1 -1
  2. package/lib/browser/{awaiter-qNFJfpSz.cjs → awaiter-dHA6AJCX.cjs} +1 -1
  3. package/lib/browser/{block-wrapper-reas9rmo.cjs → block-wrapper-qLLDWPpH.cjs} +1 -1
  4. package/lib/browser/{block-wrapper-f3zEx8S_.js → block-wrapper-tanzST5K.js} +3 -3
  5. package/lib/browser/{component-ref-4ay3OV1k.cjs → component-ref--8Xo0eru.cjs} +1 -1
  6. package/lib/browser/{component-ref-4lLMyE43.js → component-ref-aA9EUnWU.js} +4 -4
  7. package/lib/browser/components/content/content.helpers.d.ts +7 -1
  8. package/lib/browser/components/content/content.vue.d.ts +4 -0
  9. package/lib/browser/components/content-variants/inlined-fns.d.ts +1 -1
  10. package/lib/browser/constants/sdk-version.d.ts +1 -1
  11. package/lib/browser/{get-block-properties-CK4qnoHd.cjs → get-block-properties--kuQ2jHl.cjs} +1 -1
  12. package/lib/browser/{get-block-properties-nqV8scES.js → get-block-properties-Slh1yFIO.js} +1 -1
  13. package/lib/browser/{index-pJnoXY0A.js → index-94HnK8k2.js} +72 -64
  14. package/lib/browser/{index-lRIGot7h.cjs → index-lIMMbjkW.cjs} +9 -9
  15. package/lib/browser/index.cjs +1 -1
  16. package/lib/browser/index.mjs +1 -1
  17. package/lib/browser/{live-edit-hoV0ghuj.cjs → live-edit-IiNcdkxk.cjs} +1 -1
  18. package/lib/browser/{live-edit-5mCChUV2.js → live-edit-xzOoYzhl.js} +1 -1
  19. package/lib/browser/{repeated-block-F5n8q4pA.js → repeated-block-2K9I8Wm-.js} +2 -2
  20. package/lib/browser/{repeated-block-FDJw__8i.cjs → repeated-block-7wMvv6Dw.cjs} +1 -1
  21. package/lib/browser/{style-wrapper-e5wqPuhd.js → style-wrapper-C7yRsoDq.js} +1 -1
  22. package/lib/browser/{style-wrapper-6XW31DT6.cjs → style-wrapper-OlwFiSMB.cjs} +1 -1
  23. package/lib/edge/{awaiter-TPWZATcH.js → awaiter-74eowwGt.js} +1 -1
  24. package/lib/edge/{awaiter-g1cucmgb.cjs → awaiter-fRxc54AZ.cjs} +1 -1
  25. package/lib/edge/{block-wrapper-oEdWkUs5.cjs → block-wrapper-B5BJISjx.cjs} +1 -1
  26. package/lib/{node/block-wrapper-S-D5WDpF.js → edge/block-wrapper-DLiZnpc5.js} +3 -3
  27. package/lib/edge/{component-ref-XsyNNMUg.cjs → component-ref-Kok-pAOt.cjs} +1 -1
  28. package/lib/edge/{component-ref-PjrRqoNv.js → component-ref-Po30Jz7c.js} +4 -4
  29. package/lib/edge/components/content/content.helpers.d.ts +7 -1
  30. package/lib/edge/components/content/content.vue.d.ts +4 -0
  31. package/lib/edge/components/content-variants/inlined-fns.d.ts +1 -1
  32. package/lib/edge/constants/sdk-version.d.ts +1 -1
  33. package/lib/edge/{get-block-properties-LZfO1d9V.cjs → get-block-properties-s0HfaFAz.cjs} +1 -1
  34. package/lib/edge/{get-block-properties-OQKbXkPB.js → get-block-properties-uEWmkpXU.js} +1 -1
  35. package/lib/edge/{index-fWAfFgEy.cjs → index-Nd4Mq5NZ.cjs} +13 -13
  36. package/lib/edge/{index-RgTaKnZ2.js → index-oUrb-PAc.js} +27 -19
  37. package/lib/edge/index.cjs +1 -1
  38. package/lib/edge/index.mjs +1 -1
  39. package/lib/edge/{live-edit-f7U2Azcm.js → live-edit-fVd_ug7o.js} +1 -1
  40. package/lib/{node/live-edit-YCZ5pmAP.cjs → edge/live-edit-s44cI_k-.cjs} +1 -1
  41. package/lib/edge/{repeated-block-bXYXfKP_.js → repeated-block-Ejv18P9i.js} +2 -2
  42. package/lib/edge/{repeated-block-N0cYhpaS.cjs → repeated-block-kYllzesL.cjs} +1 -1
  43. package/lib/edge/{style-wrapper-x1xM4jrn.cjs → style-wrapper-1RJACAmT.cjs} +1 -1
  44. package/lib/edge/{style-wrapper-XXgvForl.js → style-wrapper-7J29CqBV.js} +1 -1
  45. package/lib/node/{awaiter-6GuArcPZ.cjs → awaiter-HlIEMqL2.cjs} +1 -1
  46. package/lib/node/{awaiter-U9ghjah_.js → awaiter-SBbqkqGS.js} +1 -1
  47. package/lib/node/{block-wrapper-BjCwxGrk.cjs → block-wrapper-CxABGooQ.cjs} +1 -1
  48. package/lib/{edge/block-wrapper-pWTeul3q.js → node/block-wrapper-RbIX1_FJ.js} +3 -3
  49. package/lib/node/{component-ref-JIXZgEPq.js → component-ref-36nEcDJg.js} +5 -5
  50. package/lib/node/{component-ref-2T_SzZr_.cjs → component-ref-gZgBfl3C.cjs} +1 -1
  51. package/lib/node/components/content/content.helpers.d.ts +7 -1
  52. package/lib/node/components/content/content.vue.d.ts +4 -0
  53. package/lib/node/components/content-variants/inlined-fns.d.ts +1 -1
  54. package/lib/node/constants/sdk-version.d.ts +1 -1
  55. package/lib/node/{get-block-properties-VdcyrKHl.cjs → get-block-properties--P_kIEc4.cjs} +1 -1
  56. package/lib/node/{get-block-properties-6ZEBsSGZ.js → get-block-properties-_gI9Xz9P.js} +2 -2
  57. package/lib/node/{index-C8cK6fMj.cjs → index-jza5cPNQ.cjs} +13 -13
  58. package/lib/node/{index-BFBRlmya.js → index-zO0b5of_.js} +27 -19
  59. package/lib/node/index.cjs +1 -1
  60. package/lib/node/index.mjs +2 -2
  61. package/lib/node/init.cjs +1 -1
  62. package/lib/node/init.mjs +1 -1
  63. package/lib/node/{live-edit-Gaqi2aam.js → live-edit-5hkdZt2p.js} +1 -1
  64. package/lib/{edge/live-edit-JjbauDaL.cjs → node/live-edit-Csjy-Smn.cjs} +1 -1
  65. package/lib/node/{repeated-block-crOq_RyN.cjs → repeated-block-BzgNegIW.cjs} +1 -1
  66. package/lib/node/{repeated-block-xa9PS91L.js → repeated-block-s2MfIPGD.js} +2 -2
  67. package/lib/node/{should-force-browser-runtime-in-node-ljCjC7PN.cjs → should-force-browser-runtime-in-node-iaCUWBcy.cjs} +2 -2
  68. package/lib/node/{should-force-browser-runtime-in-node-dSSMAIhU.js → should-force-browser-runtime-in-node-vgbSWZcY.js} +1 -1
  69. package/lib/node/{style-wrapper-8sWObtTj.js → style-wrapper-cn8kiAX7.js} +2 -2
  70. package/lib/node/{style-wrapper-ol70p_wf.cjs → style-wrapper-wvi8GKDA.cjs} +1 -1
  71. package/package.json +1 -1
@@ -181,7 +181,7 @@ const xi = () => {
181
181
  host: (r == null ? void 0 : r.host) || (r == null ? void 0 : r.hostname),
182
182
  device: n ? "tablet" : t.any() ? "mobile" : "desktop"
183
183
  };
184
- }, bo = "5.4.0", vo = () => ({
184
+ }, bo = "5.4.2", vo = () => ({
185
185
  "X-Builder-SDK": z,
186
186
  "X-Builder-SDK-GEN": "2",
187
187
  "X-Builder-SDK-Version": bo
@@ -3131,7 +3131,7 @@ const Bs = ({
3131
3131
  rootSetState: o,
3132
3132
  context: t
3133
3133
  });
3134
- Ns(s, l, f, i);
3134
+ Ns(s, l === "id" ? "properties.id" : l, f, i);
3135
3135
  }
3136
3136
  return s;
3137
3137
  }, _r = /* @__PURE__ */ new WeakMap(), js = (e) => {
@@ -3380,11 +3380,15 @@ const Wo = (e) => {
3380
3380
  }), Ks = ({
3381
3381
  contentId: e,
3382
3382
  value: t
3383
- }) => Dn({
3384
- name: Yn(e),
3385
- value: t,
3386
- canTrack: !0
3387
- }), Fo = (e) => Be(e.id) && Be(e.variations) && Object.keys(e.variations).length > 0, zs = ({
3383
+ }) => {
3384
+ const n = /* @__PURE__ */ new Date();
3385
+ return n.setDate(n.getDate() + 30), Dn({
3386
+ name: Yn(e),
3387
+ value: t,
3388
+ expires: n,
3389
+ canTrack: !0
3390
+ });
3391
+ }, Fo = (e) => Be(e.id) && Be(e.variations) && Object.keys(e.variations).length > 0, zs = ({
3388
3392
  id: e,
3389
3393
  variations: t
3390
3394
  }) => {
@@ -3957,22 +3961,22 @@ const Xo = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
3957
3961
  "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
3958
3962
  e
3959
3963
  ), e;
3960
- }), Ta = () => import("./block-wrapper-pWTeul3q.js").then((e) => e.default).catch((e) => {
3964
+ }), Ta = () => import("./block-wrapper-DLiZnpc5.js").then((e) => e.default).catch((e) => {
3961
3965
  throw console.error(
3962
3966
  "Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",
3963
3967
  e
3964
3968
  ), e;
3965
- }), Ia = () => import("./component-ref-PjrRqoNv.js").then((e) => e.default).catch((e) => {
3969
+ }), Ia = () => import("./component-ref-Po30Jz7c.js").then((e) => e.default).catch((e) => {
3966
3970
  throw console.error(
3967
3971
  "Error while attempting to dynamically import component ComponentRef at ./components/component-ref/component-ref.vue",
3968
3972
  e
3969
3973
  ), e;
3970
- }), Ra = () => import("./repeated-block-bXYXfKP_.js").then((e) => e.default).catch((e) => {
3974
+ }), Ra = () => import("./repeated-block-Ejv18P9i.js").then((e) => e.default).catch((e) => {
3971
3975
  throw console.error(
3972
3976
  "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
3973
3977
  e
3974
3978
  ), e;
3975
- }), Aa = () => import("./style-wrapper-XXgvForl.js").then((e) => e.default).catch((e) => {
3979
+ }), Aa = () => import("./style-wrapper-7J29CqBV.js").then((e) => e.default).catch((e) => {
3976
3980
  throw console.error(
3977
3981
  "Error while attempting to dynamically import component StyleWrapper at ./components/style-wrapper.vue",
3978
3982
  e
@@ -7512,11 +7516,11 @@ const io = () => Bt || (Bt = [{
7512
7516
  const testRatio = variant.testRatio;
7513
7517
  n += testRatio;
7514
7518
  if (random < n) {
7515
- setCookie(cookieName, variant.id);
7519
+ setCookie(cookieName, variant.id, 30);
7516
7520
  return variant.id;
7517
7521
  }
7518
7522
  }
7519
- setCookie(cookieName, contentId);
7523
+ setCookie(cookieName, contentId, 30);
7520
7524
  return contentId;
7521
7525
  }
7522
7526
  const winningVariantId = getAndSetVariantId();
@@ -7919,7 +7923,7 @@ font-weight: ${s};
7919
7923
  (g, v) => String(
7920
7924
  Ct({
7921
7925
  code: v,
7922
- context: this.context || {},
7926
+ context: this.builderContextSignal.context,
7923
7927
  localState: void 0,
7924
7928
  rootState: this.builderContextSignal.rootState,
7925
7929
  rootSetState: this.builderContextSignal.rootSetState
@@ -8160,8 +8164,8 @@ const vc = /* @__PURE__ */ U(yc, [["render", bc]]), Ft = (e, t = /* @__PURE__ */
8160
8164
  "data",
8161
8165
  "locale",
8162
8166
  "apiKey",
8163
- "context",
8164
8167
  "customComponents",
8168
+ "context",
8165
8169
  "canTrack",
8166
8170
  "apiVersion",
8167
8171
  "blocksWrapper",
@@ -8188,6 +8192,10 @@ const vc = /* @__PURE__ */ U(yc, [["render", bc]]), Ft = (e, t = /* @__PURE__ */
8188
8192
  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
8189
8193
  contentId: (t = this.content) == null ? void 0 : t.id
8190
8194
  }),
8195
+ jsCodeRun: {
8196
+ done: !1,
8197
+ rootState: null
8198
+ },
8191
8199
  registeredComponents: Sc(
8192
8200
  [...io(), ...this.customComponents || []],
8193
8201
  (n) => Ec(n)
@@ -8235,16 +8243,16 @@ const vc = /* @__PURE__ */ U(yc, [["render", bc]]), Ft = (e, t = /* @__PURE__ */
8235
8243
  "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
8236
8244
  );
8237
8245
  const e = (n = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : n.jsCode;
8238
- e && Ct({
8246
+ e && (this.jsCodeRun.rootState = this.builderContextSignal.rootState, Ct({
8239
8247
  code: e,
8240
- context: this.context || {},
8248
+ context: this.builderContextSignal.context,
8241
8249
  localState: void 0,
8242
8250
  rootState: this.builderContextSignal.rootState,
8243
8251
  rootSetState: (r) => {
8244
8252
  this.builderContextSignal.rootState = r;
8245
8253
  },
8246
8254
  isExpression: !1
8247
- });
8255
+ }), this.jsCodeRun.done = !0);
8248
8256
  },
8249
8257
  watch: {
8250
8258
  onUpdateHook0: {
@@ -8264,7 +8272,7 @@ const vc = /* @__PURE__ */ U(yc, [["render", bc]]), Ft = (e, t = /* @__PURE__ */
8264
8272
  },
8265
8273
  methods: {
8266
8274
  contentSetState(e) {
8267
- this.builderContextSignal.rootState = e;
8275
+ this.jsCodeRun.rootState = e, this.builderContextSignal.rootState = e;
8268
8276
  }
8269
8277
  }
8270
8278
  });
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-fWAfFgEy.cjs");exports.Blocks=e.Blocks;exports.BuilderContext=e.BuilderContext;exports.BuilderScripts=e.builderScripts;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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Nd4Mq5NZ.cjs");exports.Blocks=e.Blocks;exports.BuilderContext=e.BuilderContext;exports.BuilderScripts=e.builderScripts;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;
@@ -1,4 +1,4 @@
1
- import { q as t, b as a, r, n as i, C as n, s as o, F as c, I as g, S as u, o as l, p as d, V as m, H as C, v as p, G as B, J as E, K as S, A as b, i as f, u as h, x, y, t as A, z as P, E as k, D as v } from "./index-RgTaKnZ2.js";
1
+ import { q as t, b as a, r, n as i, C as n, s as o, F as c, I as g, S as u, o as l, p as d, V as m, H as C, v as p, G as B, J as E, K as S, A as b, i as f, u as h, x, y, t as A, z as P, E as k, D as v } from "./index-oUrb-PAc.js";
2
2
  export {
3
3
  t as Blocks,
4
4
  a as BuilderContext,
@@ -1,6 +1,6 @@
1
1
  import { defineComponent as o, openBlock as r, createBlock as n, resolveDynamicComponent as i, mergeProps as s, withCtx as p, renderSlot as a } from "vue";
2
2
  import { f as c } from "./find-block-3Ig0kVVe.js";
3
- import { b as d, _ as l } from "./index-RgTaKnZ2.js";
3
+ import { b as d, _ as l } from "./index-oUrb-PAc.js";
4
4
  const m = o({
5
5
  name: "live-edit",
6
6
  props: ["id", "attributes", "Wrapper"],
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),r=require("./find-block-FREohLcp.cjs"),n=require("./index-C8cK6fMj.cjs"),i=t.defineComponent({name:"live-edit",props:["id","attributes","Wrapper"],inject:{context:n.BuilderContext.key},computed:{block(){return r.findBlockById(this.context.content,this.id)},options(){var e,o;return((o=(e=this.block)==null?void 0:e.component)==null?void 0:o.options)||{}}}});function s(e,o,p,u,d,a){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({attributes:e.attributes},e.options),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"])}const c=n._export_sfc(i,[["render",s]]);exports.default=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),r=require("./find-block-FREohLcp.cjs"),n=require("./index-Nd4Mq5NZ.cjs"),i=t.defineComponent({name:"live-edit",props:["id","attributes","Wrapper"],inject:{context:n.BuilderContext.key},computed:{block(){return r.findBlockById(this.context.content,this.id)},options(){var e,o;return((o=(e=this.block)==null?void 0:e.component)==null?void 0:o.options)||{}}}});function s(e,o,p,u,d,a){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({attributes:e.attributes},e.options),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"])}const c=n._export_sfc(i,[["render",s]]);exports.default=c;
@@ -1,6 +1,6 @@
1
1
  import { defineComponent as t, defineAsyncComponent as n, resolveComponent as r, openBlock as p, createBlock as s } from "vue";
2
- import { b as c, _ as i } from "./index-RgTaKnZ2.js";
3
- const a = () => import("./index-RgTaKnZ2.js").then((e) => e.M).then((e) => e.default).catch((e) => {
2
+ import { b as c, _ as i } from "./index-oUrb-PAc.js";
3
+ const a = () => import("./index-oUrb-PAc.js").then((e) => e.M).then((e) => e.default).catch((e) => {
4
4
  throw console.error(
5
5
  "Error while attempting to dynamically import component Block at ../block.vue",
6
6
  e
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index-fWAfFgEy.cjs"),r=()=>Promise.resolve().then(()=>require("./index-fWAfFgEy.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}},watch:{onUpdateHook0:{handler(){this.store=this.repeatContext},immediate:!0}},computed:{onUpdateHook0(){return{0:this.repeatContext}}}});function s(e,p,l,a,d,m){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 i=t._export_sfc(c,[["render",s]]);exports.default=i;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index-Nd4Mq5NZ.cjs"),r=()=>Promise.resolve().then(()=>require("./index-Nd4Mq5NZ.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}},watch:{onUpdateHook0:{handler(){this.store=this.repeatContext},immediate:!0}},computed:{onUpdateHook0(){return{0:this.repeatContext}}}});function s(e,p,l,a,d,m){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 i=t._export_sfc(c,[["render",s]]);exports.default=i;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),s=require("./index-fWAfFgEy.cjs"),_=require("./find-block-FREohLcp.cjs"),P=o.defineComponent({name:"block-styles",components:{InlinedStyles:s._sfc_main},props:["block","context"],data(){return{TARGET:s.TARGET}},computed:{canShowBlock(){const e=this.block;return s.checkIsDefined(e.hide)?!e.hide:s.checkIsDefined(e.show)?e.show:!0},css(){var S,h,B,C,f,v;const e=this.block,t=s.getResponsiveStylesWithImagePosition(e.responsiveStyles,((S=e.component)==null?void 0:S.name)==="Image"),n=this.context.content,l=s.getSizesForBreakpoints(((h=n==null?void 0:n.meta)==null?void 0:h.breakpoints)||{}),k=!!((C=(B=n==null?void 0:n.meta)==null?void 0:B.breakpoints)!=null&&C.xsmall),a=t==null?void 0:t.large,c=t==null?void 0:t.medium,d=t==null?void 0:t.small,r=t==null?void 0:t.xsmall,m=e.id;if(!m)return"";const b=a?s.createCssClass({className:m,styles:a}):"",g=c?s.createCssClass({className:m,styles:c,mediaQuery:s.getMaxWidthQueryForSize("medium",l)}):"",x=d?s.createCssClass({className:m,styles:d,mediaQuery:s.getMaxWidthQueryForSize("small",l)}):"",p=r&&k?s.createCssClass({className:m,styles:r,mediaQuery:s.getMaxWidthQueryForSize("xsmall",l)}):"",i=e.animations&&e.animations.find(u=>u.trigger==="hover");let y="";if(i){const u=((v=(f=i.steps)==null?void 0:f[1])==null?void 0:v.styles)||{};y=s.createCssClass({className:`${m}:hover`,styles:{...u,transition:`all ${i.duration}s ${s.camelToKebabCase(i.easing)}`,transitionDelay:i.delay?`${i.delay}s`:"0s"}})||""}return[b,g,x,p,y].join(" ")}}});function E(e,t,n,l,k,a){const c=o.resolveComponent("InlinedStyles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(o.openBlock(),o.createBlock(c,{key:0,id:"builderio-block",styles:e.css,nonce:e.context.nonce},null,8,["styles","nonce"])):o.createCommentVNode("",!0)}const I=s._export_sfc(P,[["render",E]]),Q=o.defineComponent({name:"live-edit-block-styles",components:{InlinedStyles:s._sfc_main},props:["contextProvider","id"],data(){return{TARGET:s.TARGET}},computed:{block(){return _.findBlockById(this.contextProvider.content,this.id)},processedBlock(){var n;const e=this.block;return e?(n=e.repeat)!=null&&n.collection?e:s.getProcessedBlock({block:e,localState:this.contextProvider.localState,rootState:this.contextProvider.rootState,rootSetState:this.contextProvider.rootSetState,context:this.contextProvider.context}):null},canShowBlock(){var e,t,n,l;return s.checkIsDefined((e=this.processedBlock)==null?void 0:e.hide)?!((t=this.processedBlock)!=null&&t.hide):s.checkIsDefined((n=this.processedBlock)==null?void 0:n.show)?(l=this.processedBlock)==null?void 0:l.show:!0},css(){var y,S,h,B,C,f,v,u,T;const e=s.getResponsiveStylesWithImagePosition((y=this.processedBlock)==null?void 0:y.responsiveStyles,((h=(S=this.processedBlock)==null?void 0:S.component)==null?void 0:h.name)==="Image"),t=this.contextProvider.content,n=s.getSizesForBreakpoints(((B=t==null?void 0:t.meta)==null?void 0:B.breakpoints)||{}),l=!!((f=(C=t==null?void 0:t.meta)==null?void 0:C.breakpoints)!=null&&f.xsmall),k=e==null?void 0:e.large,a=e==null?void 0:e.medium,c=e==null?void 0:e.small,d=e==null?void 0:e.xsmall,r=(v=this.processedBlock)==null?void 0:v.id;if(!r)return"";const m=k?s.createCssClass({className:r,styles:k}):"",b=a?s.createCssClass({className:r,styles:a,mediaQuery:s.getMaxWidthQueryForSize("medium",n)}):"",g=c?s.createCssClass({className:r,styles:c,mediaQuery:s.getMaxWidthQueryForSize("small",n)}):"",x=d&&l?s.createCssClass({className:r,styles:d,mediaQuery:s.getMaxWidthQueryForSize("xsmall",n)}):"",p=this.processedBlock.animations&&this.processedBlock.animations.find($=>$.trigger==="hover");let i="";if(p){const $=((T=(u=p.steps)==null?void 0:u[1])==null?void 0:T.styles)||{};i=s.createCssClass({className:`${r}:hover`,styles:{...$,transition:`all ${p.duration}s ${s.camelToKebabCase(p.easing)}`,transitionDelay:p.delay?`${p.delay}s`:"0s"}})||""}return[m,b,g,x,i].join(" ")}}});function A(e,t,n,l,k,a){const c=o.resolveComponent("InlinedStyles");return e.TARGET==="rsc"&&e.css&&e.canShowBlock?(o.openBlock(),o.createBlock(c,{key:0,id:"builderio-block",styles:e.css,nonce:e.contextProvider.nonce},null,8,["styles","nonce"])):o.createCommentVNode("",!0)}const R=s._export_sfc(Q,[["render",A]]),W=o.defineComponent({name:"style-wrapper",components:{BlockStyles:I,LiveEditBlockStyles:R},props:["block","context"],data(){return{isClientEditing:!1,isHydrated:!1,TARGET:s.TARGET}},inject:{contextProvider:s.BuilderContext.key},mounted(){}});function z(e,t,n,l,k,a){const c=o.resolveComponent("LiveEditBlockStyles"),d=o.resolveComponent("BlockStyles");return e.isHydrated?(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[e.TARGET==="rsc"&&e.isClientEditing?(o.openBlock(),o.createBlock(c,{key:0,id:e.block.id,contextProvider:e.contextProvider},null,8,["id","contextProvider"])):(o.openBlock(),o.createBlock(d,{key:1,block:e.block,context:e.context},null,8,["block","context"]))],64)):(o.openBlock(),o.createBlock(d,{key:1,block:e.block,context:e.context},null,8,["block","context"]))}const w=s._export_sfc(W,[["render",z]]);exports.default=w;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),s=require("./index-Nd4Mq5NZ.cjs"),_=require("./find-block-FREohLcp.cjs"),P=o.defineComponent({name:"block-styles",components:{InlinedStyles:s._sfc_main},props:["block","context"],data(){return{TARGET:s.TARGET}},computed:{canShowBlock(){const e=this.block;return s.checkIsDefined(e.hide)?!e.hide:s.checkIsDefined(e.show)?e.show:!0},css(){var S,h,B,C,f,v;const e=this.block,t=s.getResponsiveStylesWithImagePosition(e.responsiveStyles,((S=e.component)==null?void 0:S.name)==="Image"),n=this.context.content,l=s.getSizesForBreakpoints(((h=n==null?void 0:n.meta)==null?void 0:h.breakpoints)||{}),k=!!((C=(B=n==null?void 0:n.meta)==null?void 0:B.breakpoints)!=null&&C.xsmall),a=t==null?void 0:t.large,c=t==null?void 0:t.medium,d=t==null?void 0:t.small,r=t==null?void 0:t.xsmall,m=e.id;if(!m)return"";const b=a?s.createCssClass({className:m,styles:a}):"",g=c?s.createCssClass({className:m,styles:c,mediaQuery:s.getMaxWidthQueryForSize("medium",l)}):"",x=d?s.createCssClass({className:m,styles:d,mediaQuery:s.getMaxWidthQueryForSize("small",l)}):"",p=r&&k?s.createCssClass({className:m,styles:r,mediaQuery:s.getMaxWidthQueryForSize("xsmall",l)}):"",i=e.animations&&e.animations.find(u=>u.trigger==="hover");let y="";if(i){const u=((v=(f=i.steps)==null?void 0:f[1])==null?void 0:v.styles)||{};y=s.createCssClass({className:`${m}:hover`,styles:{...u,transition:`all ${i.duration}s ${s.camelToKebabCase(i.easing)}`,transitionDelay:i.delay?`${i.delay}s`:"0s"}})||""}return[b,g,x,p,y].join(" ")}}});function E(e,t,n,l,k,a){const c=o.resolveComponent("InlinedStyles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(o.openBlock(),o.createBlock(c,{key:0,id:"builderio-block",styles:e.css,nonce:e.context.nonce},null,8,["styles","nonce"])):o.createCommentVNode("",!0)}const I=s._export_sfc(P,[["render",E]]),Q=o.defineComponent({name:"live-edit-block-styles",components:{InlinedStyles:s._sfc_main},props:["contextProvider","id"],data(){return{TARGET:s.TARGET}},computed:{block(){return _.findBlockById(this.contextProvider.content,this.id)},processedBlock(){var n;const e=this.block;return e?(n=e.repeat)!=null&&n.collection?e:s.getProcessedBlock({block:e,localState:this.contextProvider.localState,rootState:this.contextProvider.rootState,rootSetState:this.contextProvider.rootSetState,context:this.contextProvider.context}):null},canShowBlock(){var e,t,n,l;return s.checkIsDefined((e=this.processedBlock)==null?void 0:e.hide)?!((t=this.processedBlock)!=null&&t.hide):s.checkIsDefined((n=this.processedBlock)==null?void 0:n.show)?(l=this.processedBlock)==null?void 0:l.show:!0},css(){var y,S,h,B,C,f,v,u,T;const e=s.getResponsiveStylesWithImagePosition((y=this.processedBlock)==null?void 0:y.responsiveStyles,((h=(S=this.processedBlock)==null?void 0:S.component)==null?void 0:h.name)==="Image"),t=this.contextProvider.content,n=s.getSizesForBreakpoints(((B=t==null?void 0:t.meta)==null?void 0:B.breakpoints)||{}),l=!!((f=(C=t==null?void 0:t.meta)==null?void 0:C.breakpoints)!=null&&f.xsmall),k=e==null?void 0:e.large,a=e==null?void 0:e.medium,c=e==null?void 0:e.small,d=e==null?void 0:e.xsmall,r=(v=this.processedBlock)==null?void 0:v.id;if(!r)return"";const m=k?s.createCssClass({className:r,styles:k}):"",b=a?s.createCssClass({className:r,styles:a,mediaQuery:s.getMaxWidthQueryForSize("medium",n)}):"",g=c?s.createCssClass({className:r,styles:c,mediaQuery:s.getMaxWidthQueryForSize("small",n)}):"",x=d&&l?s.createCssClass({className:r,styles:d,mediaQuery:s.getMaxWidthQueryForSize("xsmall",n)}):"",p=this.processedBlock.animations&&this.processedBlock.animations.find($=>$.trigger==="hover");let i="";if(p){const $=((T=(u=p.steps)==null?void 0:u[1])==null?void 0:T.styles)||{};i=s.createCssClass({className:`${r}:hover`,styles:{...$,transition:`all ${p.duration}s ${s.camelToKebabCase(p.easing)}`,transitionDelay:p.delay?`${p.delay}s`:"0s"}})||""}return[m,b,g,x,i].join(" ")}}});function A(e,t,n,l,k,a){const c=o.resolveComponent("InlinedStyles");return e.TARGET==="rsc"&&e.css&&e.canShowBlock?(o.openBlock(),o.createBlock(c,{key:0,id:"builderio-block",styles:e.css,nonce:e.contextProvider.nonce},null,8,["styles","nonce"])):o.createCommentVNode("",!0)}const R=s._export_sfc(Q,[["render",A]]),W=o.defineComponent({name:"style-wrapper",components:{BlockStyles:I,LiveEditBlockStyles:R},props:["block","context"],data(){return{isClientEditing:!1,isHydrated:!1,TARGET:s.TARGET}},inject:{contextProvider:s.BuilderContext.key},mounted(){}});function z(e,t,n,l,k,a){const c=o.resolveComponent("LiveEditBlockStyles"),d=o.resolveComponent("BlockStyles");return e.isHydrated?(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[e.TARGET==="rsc"&&e.isClientEditing?(o.openBlock(),o.createBlock(c,{key:0,id:e.block.id,contextProvider:e.contextProvider},null,8,["id","contextProvider"])):(o.openBlock(),o.createBlock(d,{key:1,block:e.block,context:e.context},null,8,["block","context"]))],64)):(o.openBlock(),o.createBlock(d,{key:1,block:e.block,context:e.context},null,8,["block","context"]))}const w=s._export_sfc(W,[["render",z]]);exports.default=w;
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as E, resolveComponent as x, openBlock as y, createBlock as g, createCommentVNode as N, createElementBlock as G, Fragment as H } from "vue";
2
- import { c as R, T as w, d as C, f as W, h as j, j as l, k as u, l as z, _ as Q, m as U, b as D } from "./index-RgTaKnZ2.js";
2
+ import { c as R, T as w, d as C, f as W, h as j, j as l, k as u, l as z, _ as Q, m as U, b as D } from "./index-oUrb-PAc.js";
3
3
  import { f as F } from "./find-block-3Ig0kVVe.js";
4
4
  const L = E({
5
5
  name: "block-styles",
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-C8cK6fMj.cjs"),n=e.defineComponent({name:"awaiter",props:[],mounted(){}});function o(t,a,c,i,u,d){return e.renderSlot(t.$slots,"default")}const s=r._export_sfc(n,[["render",o]]);exports.default=s;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-jza5cPNQ.cjs"),n=e.defineComponent({name:"awaiter",props:[],mounted(){}});function o(t,a,c,i,u,d){return e.renderSlot(t.$slots,"default")}const s=r._export_sfc(n,[["render",o]]);exports.default=s;
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as t, renderSlot as o } from "vue";
2
- import { _ as r } from "./index-BFBRlmya.js";
2
+ import { _ as r } from "./index-zO0b5of_.js";
3
3
  const n = t({
4
4
  name: "awaiter",
5
5
  props: [],
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),r=require("./get-block-properties-VdcyrKHl.cjs"),a=require("./index-C8cK6fMj.cjs"),i=()=>Promise.resolve().then(()=>require("./index-C8cK6fMj.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}),s=t.defineComponent({name:"block-wrapper",components:{DynamicRenderer:t.defineAsyncComponent(i)},props:["Wrapper","block","context"],data(){return{getBlockActions:r.getBlockActions,getBlockProperties:r.getBlockProperties}}});function l(e,d,m,u,k,y){var o,n;const c=t.resolveComponent("DynamicRenderer");return t.openBlock(),t.createBlock(c,{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,trackingContext:{apiKey:e.context.apiKey,canTrack:e.context.canTrack??!0,contentId:(o=e.context.content)==null?void 0:o.id,variationId:(n=e.context.content)==null?void 0:n.testVariationId}})},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["TagName","attributes","actionAttributes"])}const p=a._export_sfc(s,[["render",l]]);exports.default=p;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),r=require("./get-block-properties--P_kIEc4.cjs"),a=require("./index-jza5cPNQ.cjs"),i=()=>Promise.resolve().then(()=>require("./index-jza5cPNQ.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}),s=t.defineComponent({name:"block-wrapper",components:{DynamicRenderer:t.defineAsyncComponent(i)},props:["Wrapper","block","context"],data(){return{getBlockActions:r.getBlockActions,getBlockProperties:r.getBlockProperties}}});function l(e,d,m,u,k,y){var o,n;const c=t.resolveComponent("DynamicRenderer");return t.openBlock(),t.createBlock(c,{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,trackingContext:{apiKey:e.context.apiKey,canTrack:e.context.canTrack??!0,contentId:(o=e.context.content)==null?void 0:o.id,variationId:(n=e.context.content)==null?void 0:n.testVariationId}})},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["TagName","attributes","actionAttributes"])}const p=a._export_sfc(s,[["render",l]]);exports.default=p;
@@ -1,7 +1,7 @@
1
1
  import { defineComponent as r, defineAsyncComponent as a, resolveComponent as c, openBlock as i, createBlock as p, withCtx as s, renderSlot as l } from "vue";
2
- import { g as m, a as d } from "./get-block-properties-OQKbXkPB.js";
3
- import { _ as k } from "./index-RgTaKnZ2.js";
4
- const u = () => import("./index-RgTaKnZ2.js").then((t) => t.L).then((t) => t.default).catch((t) => {
2
+ import { g as m, a as d } from "./get-block-properties-_gI9Xz9P.js";
3
+ import { _ as k } from "./index-zO0b5of_.js";
4
+ const u = () => import("./index-zO0b5of_.js").then((t) => t.G).then((t) => t.default).catch((t) => {
5
5
  throw console.error(
6
6
  "Error while attempting to dynamically import component DynamicRenderer at ../../dynamic-renderer/dynamic-renderer.vue",
7
7
  t
@@ -1,13 +1,13 @@
1
1
  import { defineComponent as h, defineAsyncComponent as u, resolveComponent as m, openBlock as o, createBlock as i, withCtx as p, renderSlot as d, createElementBlock as f, Fragment as b, resolveDynamicComponent as C, mergeProps as w, normalizeProps as W, renderList as y, createCommentVNode as B } from "vue";
2
- import { _ as g, B as E, w as R } from "./index-BFBRlmya.js";
3
- import { T as $, d as A } from "./should-force-browser-runtime-in-node-dSSMAIhU.js";
4
- import { a as v, g as S } from "./get-block-properties-6ZEBsSGZ.js";
5
- const T = () => import("./awaiter-U9ghjah_.js").then((t) => t.default).catch((t) => {
2
+ import { _ as g, B as E, w as R } from "./index-zO0b5of_.js";
3
+ import { T as $, d as A } from "./should-force-browser-runtime-in-node-vgbSWZcY.js";
4
+ import { a as v, g as S } from "./get-block-properties-_gI9Xz9P.js";
5
+ const T = () => import("./awaiter-SBbqkqGS.js").then((t) => t.default).catch((t) => {
6
6
  throw console.error(
7
7
  "Error while attempting to dynamically import component Awaiter at ../../awaiter.vue",
8
8
  t
9
9
  ), t;
10
- }), I = () => import("./live-edit-Gaqi2aam.js").then((t) => t.default).catch((t) => {
10
+ }), I = () => import("./live-edit-5hkdZt2p.js").then((t) => t.default).catch((t) => {
11
11
  throw console.error(
12
12
  "Error while attempting to dynamically import component LiveEdit at ../../live-edit.vue",
13
13
  t
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),p=require("./index-C8cK6fMj.cjs"),d=require("./should-force-browser-runtime-in-node-ljCjC7PN.cjs"),l=require("./get-block-properties-VdcyrKHl.cjs"),k=()=>Promise.resolve().then(()=>require("./awaiter-6GuArcPZ.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Awaiter at ../../awaiter.vue",e),e}),h=()=>Promise.resolve().then(()=>require("./live-edit-YCZ5pmAP.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component LiveEdit at ../../live-edit.vue",e),e}),b=t.defineComponent({name:"interactive-element",components:{LiveEdit:t.defineAsyncComponent(h),Awaiter:t.defineAsyncComponent(k)},props:["wrapperProps","block","includeBlockProps","context","Wrapper"],data(){return{forceRenderCount:0,TARGET:d.TARGET,isEditing:d.isEditing}},watch:{onUpdateHook0:{handler(){},immediate:!0}},computed:{attributes(){var e,o;return this.includeBlockProps?{...l.getBlockProperties({block:this.block,context:this.context}),...l.getBlockActions({block:this.block,rootState:this.context.rootState,rootSetState:this.context.rootSetState,localState:this.context.localState,context:this.context.context,trackingContext:{apiKey:this.context.apiKey,canTrack:this.context.canTrack??!0,contentId:(e=this.context.content)==null?void 0:e.id,variationId:(o=this.context.content)==null?void 0:o.testVariationId}})}:{}},targetWrapperProps(){return{...this.wrapperProps,...Object.keys(this.attributes).length>0?{attributes:this.attributes}:{}}},onUpdateHook0(){var e,o;return{0:this.wrapperProps,1:(o=(e=this.block)==null?void 0:e.component)==null?void 0:o.options}}}});function f(e,o,s,a,i,c){const r=t.resolveComponent("Awaiter"),n=t.resolveComponent("LiveEdit");return e.Wrapper.load?(t.openBlock(),t.createBlock(r,{key:0,load:e.Wrapper.load,fallback:e.Wrapper.fallback,props:e.wrapperProps,attributes:e.attributes},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["load","fallback","props","attributes"])):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[e.TARGET==="rsc"&&e.isEditing()?(t.openBlock(),t.createBlock(n,{key:0,Wrapper:e.Wrapper,id:e.block.id||"",attributes:e.attributes},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["Wrapper","id","attributes"])):(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({key:1,attributes:e.attributes},e.targetWrapperProps),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"]))],64))}const m=p._export_sfc(b,[["render",f]]),C=({componentOptions:e,builderBlock:o,context:s,componentRef:a,includeBlockProps:i,isInteractive:c,contextValue:r})=>{const n={...e,...i?{attributes:l.getBlockProperties({block:o,context:r})}:{}};return c?{Wrapper:a,block:o,context:s,wrapperProps:e,includeBlockProps:i}:n},B=t.defineComponent({name:"component-ref",components:{Block:p.Block,InteractiveElement:m},props:["isInteractive","componentRef","blockChildren","componentOptions","builderBlock","context","linkComponent","includeBlockProps","registeredComponents"],data(){return{shouldUpdate:!1,Wrapper:this.isInteractive?p.wrapComponentRef(m):this.componentRef,getWrapperProps:C}},computed:{blockChildrenToRender(){return this.componentRef?this.blockChildren:[]}}});function v(e,o,s,a,i,c){const r=t.resolveComponent("Block");return e.componentRef?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.normalizeProps(t.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:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.blockChildrenToRender,(n,u)=>(t.openBlock(),t.createBlock(r,{key:n.id,block:n,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):t.createCommentVNode("",!0)}const g=p._export_sfc(B,[["render",v]]);exports.default=g;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),p=require("./index-jza5cPNQ.cjs"),d=require("./should-force-browser-runtime-in-node-iaCUWBcy.cjs"),l=require("./get-block-properties--P_kIEc4.cjs"),k=()=>Promise.resolve().then(()=>require("./awaiter-HlIEMqL2.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Awaiter at ../../awaiter.vue",e),e}),h=()=>Promise.resolve().then(()=>require("./live-edit-Csjy-Smn.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component LiveEdit at ../../live-edit.vue",e),e}),b=t.defineComponent({name:"interactive-element",components:{LiveEdit:t.defineAsyncComponent(h),Awaiter:t.defineAsyncComponent(k)},props:["wrapperProps","block","includeBlockProps","context","Wrapper"],data(){return{forceRenderCount:0,TARGET:d.TARGET,isEditing:d.isEditing}},watch:{onUpdateHook0:{handler(){},immediate:!0}},computed:{attributes(){var e,o;return this.includeBlockProps?{...l.getBlockProperties({block:this.block,context:this.context}),...l.getBlockActions({block:this.block,rootState:this.context.rootState,rootSetState:this.context.rootSetState,localState:this.context.localState,context:this.context.context,trackingContext:{apiKey:this.context.apiKey,canTrack:this.context.canTrack??!0,contentId:(e=this.context.content)==null?void 0:e.id,variationId:(o=this.context.content)==null?void 0:o.testVariationId}})}:{}},targetWrapperProps(){return{...this.wrapperProps,...Object.keys(this.attributes).length>0?{attributes:this.attributes}:{}}},onUpdateHook0(){var e,o;return{0:this.wrapperProps,1:(o=(e=this.block)==null?void 0:e.component)==null?void 0:o.options}}}});function f(e,o,s,a,i,c){const r=t.resolveComponent("Awaiter"),n=t.resolveComponent("LiveEdit");return e.Wrapper.load?(t.openBlock(),t.createBlock(r,{key:0,load:e.Wrapper.load,fallback:e.Wrapper.fallback,props:e.wrapperProps,attributes:e.attributes},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["load","fallback","props","attributes"])):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[e.TARGET==="rsc"&&e.isEditing()?(t.openBlock(),t.createBlock(n,{key:0,Wrapper:e.Wrapper,id:e.block.id||"",attributes:e.attributes},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["Wrapper","id","attributes"])):(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({key:1,attributes:e.attributes},e.targetWrapperProps),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"]))],64))}const m=p._export_sfc(b,[["render",f]]),C=({componentOptions:e,builderBlock:o,context:s,componentRef:a,includeBlockProps:i,isInteractive:c,contextValue:r})=>{const n={...e,...i?{attributes:l.getBlockProperties({block:o,context:r})}:{}};return c?{Wrapper:a,block:o,context:s,wrapperProps:e,includeBlockProps:i}:n},B=t.defineComponent({name:"component-ref",components:{Block:p.Block,InteractiveElement:m},props:["isInteractive","componentRef","blockChildren","componentOptions","builderBlock","context","linkComponent","includeBlockProps","registeredComponents"],data(){return{shouldUpdate:!1,Wrapper:this.isInteractive?p.wrapComponentRef(m):this.componentRef,getWrapperProps:C}},computed:{blockChildrenToRender(){return this.componentRef?this.blockChildren:[]}}});function v(e,o,s,a,i,c){const r=t.resolveComponent("Block");return e.componentRef?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.normalizeProps(t.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:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.blockChildrenToRender,(n,u)=>(t.openBlock(),t.createBlock(r,{key:n.id,block:n,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):t.createCommentVNode("",!0)}const g=p._export_sfc(B,[["render",v]]);exports.default=g;
@@ -1,4 +1,4 @@
1
- import type { RegisteredComponent, RegisteredComponents } from '../../context/types';
1
+ import type { BuilderRenderState, RegisteredComponent, RegisteredComponents } from '../../context/types';
2
2
  import type { BuilderContent } from '../../types/builder-content';
3
3
  import type { ComponentInfo } from '../../types/components';
4
4
  import type { Dictionary, Nullable } from '../../types/typescript';
@@ -9,3 +9,9 @@ export declare const getRootStateInitialValue: ({ content, data, locale }: Pick<
9
9
  locale?: string | undefined;
10
10
  };
11
11
  export declare const getContentInitialValue: ({ content, data }: Pick<ContentProps, 'content' | 'data'>) => Nullable<BuilderContent>;
12
+ /**
13
+ * A state object whose reads and writes go to whatever `getRootState` returns
14
+ * when they happen, for jsCode functions that outlive the root state object
15
+ * they were defined against.
16
+ */
17
+ export declare const getLiveRootState: (getRootState: () => BuilderRenderState) => BuilderRenderState;
@@ -24,6 +24,10 @@ declare const _default: import("vue").DefineComponent<Readonly<{
24
24
  isNestedRender?: any;
25
25
  }>, unknown, {
26
26
  scriptStr: string;
27
+ jsCodeRun: {
28
+ done: boolean;
29
+ rootState: BuilderRenderState | null;
30
+ };
27
31
  registeredComponents: import("../../context/types").RegisteredComponents;
28
32
  builderContextSignal: {
29
33
  content: import("../../types/typescript").Nullable<import("../..").BuilderContent>;
@@ -10,5 +10,5 @@
10
10
  * For more information on how this works,
11
11
  * see our [SSR A/B Test Docs](https://github.com/BuilderIO/builder/tree/main/packages/sdks/docs/SSR_AB_TEST.md)
12
12
  */
13
- export declare const UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget, isAngularSDK) {\n function getAndSetVariantId() {\n function setCookie(name, value, days) {\n let expires = '';\n if (days) {\n const date = new Date();\n date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n expires = '; expires=' + date.toUTCString();\n }\n document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n }\n function getCookie(name) {\n const nameEQ = name + '=';\n const ca = document.cookie.split(';');\n for (let i = 0; i < ca.length; i++) {\n let c = ca[i];\n while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n }\n return null;\n }\n const cookieName = `builder.tests.${contentId}`;\n const variantInCookie = getCookie(cookieName);\n const availableIDs = variants.map(vr => vr.id).concat(contentId);\n if (variantInCookie && availableIDs.includes(variantInCookie)) {\n return variantInCookie;\n }\n let n = 0;\n const random = Math.random();\n for (let i = 0; i < variants.length; i++) {\n const variant = variants[i];\n const testRatio = variant.testRatio;\n n += testRatio;\n if (random < n) {\n setCookie(cookieName, variant.id);\n return variant.id;\n }\n }\n setCookie(cookieName, contentId);\n return contentId;\n }\n const winningVariantId = getAndSetVariantId();\n let styleEl = document.currentScript?.previousElementSibling;\n if (isAngularSDK) {\n styleEl = document.currentScript?.parentElement?.previousElementSibling?.querySelector('style');\n }\n if (isHydrationTarget) {\n styleEl.remove();\n const thisScriptEl = document.currentScript;\n thisScriptEl?.remove();\n } else {\n const newStyleStr = variants.concat({\n id: contentId\n }).filter(variant => variant.id !== winningVariantId).map(value => {\n return `.variant-${value.id} { display: none; }\n `;\n }).join('');\n styleEl.innerHTML = newStyleStr;\n }\n}";
13
+ export declare const UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget, isAngularSDK) {\n function getAndSetVariantId() {\n function setCookie(name, value, days) {\n let expires = '';\n if (days) {\n const date = new Date();\n date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n expires = '; expires=' + date.toUTCString();\n }\n document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n }\n function getCookie(name) {\n const nameEQ = name + '=';\n const ca = document.cookie.split(';');\n for (let i = 0; i < ca.length; i++) {\n let c = ca[i];\n while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n }\n return null;\n }\n const cookieName = `builder.tests.${contentId}`;\n const variantInCookie = getCookie(cookieName);\n const availableIDs = variants.map(vr => vr.id).concat(contentId);\n if (variantInCookie && availableIDs.includes(variantInCookie)) {\n return variantInCookie;\n }\n let n = 0;\n const random = Math.random();\n for (let i = 0; i < variants.length; i++) {\n const variant = variants[i];\n const testRatio = variant.testRatio;\n n += testRatio;\n if (random < n) {\n setCookie(cookieName, variant.id, 30);\n return variant.id;\n }\n }\n setCookie(cookieName, contentId, 30);\n return contentId;\n }\n const winningVariantId = getAndSetVariantId();\n let styleEl = document.currentScript?.previousElementSibling;\n if (isAngularSDK) {\n styleEl = document.currentScript?.parentElement?.previousElementSibling?.querySelector('style');\n }\n if (isHydrationTarget) {\n styleEl.remove();\n const thisScriptEl = document.currentScript;\n thisScriptEl?.remove();\n } else {\n const newStyleStr = variants.concat({\n id: contentId\n }).filter(variant => variant.id !== winningVariantId).map(value => {\n return `.variant-${value.id} { display: none; }\n `;\n }).join('');\n styleEl.innerHTML = newStyleStr;\n }\n}";
14
14
  export declare const UPDATE_VARIANT_VISIBILITY_SCRIPT = "function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {\n if (!navigator.cookieEnabled) {\n return;\n }\n function getCookie(name) {\n const nameEQ = name + '=';\n const ca = document.cookie.split(';');\n for (let i = 0; i < ca.length; i++) {\n let c = ca[i];\n while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n }\n return null;\n }\n const cookieName = `builder.tests.${defaultContentId}`;\n const winningVariant = getCookie(cookieName);\n const parentDiv = document.currentScript?.parentElement;\n const isDefaultContent = variantContentId === defaultContentId;\n const isWinningVariant = winningVariant === variantContentId;\n if (isWinningVariant && !isDefaultContent) {\n parentDiv?.removeAttribute('hidden');\n parentDiv?.removeAttribute('aria-hidden');\n } else if (!isWinningVariant && isDefaultContent) {\n parentDiv?.setAttribute('hidden', 'true');\n parentDiv?.setAttribute('aria-hidden', 'true');\n }\n if (isHydrationTarget) {\n if (!isWinningVariant) {\n parentDiv?.remove();\n }\n const thisScriptEl = document.currentScript;\n thisScriptEl?.remove();\n }\n return;\n}";
@@ -1 +1 @@
1
- export declare const SDK_VERSION = "5.4.0";
1
+ export declare const SDK_VERSION = "5.4.2";
@@ -1 +1 @@
1
- "use strict";const a=require("./should-force-browser-runtime-in-node-ljCjC7PN.cjs"),c=require("./index-C8cK6fMj.cjs"),i=e=>`v-on:${e.toLowerCase()}`,l=(e,t)=>o=>c.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:o,isExpression:!1,trackingContext:t.trackingContext});function u(e){const t={},o=e.block.actions??{};for(const n in o){if(!o.hasOwnProperty(n))continue;const s=o[n];let r=i(n);if(e.stripPrefix)switch(a.TARGET){case"vue":r=r.replace("v-on:","");break;case"svelte":r=r.replace("on:","");break}t[r]=l(s,e)}return t}function p({properties:e}){return e}const d=e=>({href:e.href});function f({block:e,context:t}){var r;const{_newProperty:o,...n}=e.properties||{},s={...d(e),...n,"builder-id":e.id,style:c.getStyle({block:e,context:t}),[c.getClassPropName()]:[e.id,"builder-block",e.class,(r=e.properties)==null?void 0:r.class].filter(Boolean).join(" ")};return p({properties:s,context:t,block:e})}exports.getBlockActions=u;exports.getBlockProperties=f;
1
+ "use strict";const a=require("./should-force-browser-runtime-in-node-iaCUWBcy.cjs"),c=require("./index-jza5cPNQ.cjs"),i=e=>`v-on:${e.toLowerCase()}`,l=(e,t)=>o=>c.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:o,isExpression:!1,trackingContext:t.trackingContext});function u(e){const t={},o=e.block.actions??{};for(const n in o){if(!o.hasOwnProperty(n))continue;const s=o[n];let r=i(n);if(e.stripPrefix)switch(a.TARGET){case"vue":r=r.replace("v-on:","");break;case"svelte":r=r.replace("on:","");break}t[r]=l(s,e)}return t}function p({properties:e}){return e}const d=e=>({href:e.href});function f({block:e,context:t}){var r;const{_newProperty:o,...n}=e.properties||{},s={...d(e),...n,"builder-id":e.id,style:c.getStyle({block:e,context:t}),[c.getClassPropName()]:[e.id,"builder-block",e.class,(r=e.properties)==null?void 0:r.class].filter(Boolean).join(" ")};return p({properties:s,context:t,block:e})}exports.getBlockActions=u;exports.getBlockProperties=f;
@@ -1,5 +1,5 @@
1
- import { T as s } from "./should-force-browser-runtime-in-node-dSSMAIhU.js";
2
- import { e as c, g as i, a as l } from "./index-BFBRlmya.js";
1
+ import { T as s } from "./should-force-browser-runtime-in-node-vgbSWZcY.js";
2
+ import { e as c, g as i, a as l } from "./index-zO0b5of_.js";
3
3
  const p = (e) => `v-on:${e.toLowerCase()}`, f = (e, t) => (o) => c({
4
4
  code: e,
5
5
  context: t.context,