@builder.io/sdk-vue 4.2.1 → 4.2.4-next.0

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 (131) hide show
  1. package/lib/browser/{awaiter-xp9lcSxP.cjs → awaiter-RyVD-BEy.cjs} +1 -1
  2. package/lib/browser/{awaiter-522m_tb0.js → awaiter-vDtyudL4.js} +1 -1
  3. package/lib/browser/{block-wrapper-9mehIM9T.cjs → block-wrapper-1cU9rdpv.cjs} +1 -1
  4. package/lib/browser/{block-wrapper-26klNOq9.js → block-wrapper-ZBdF9NRL.js} +3 -3
  5. package/lib/browser/blocks/form/form/form.vue.d.ts +1 -0
  6. package/lib/browser/blocks/img/img.vue.d.ts +9 -2
  7. package/lib/browser/blocks/symbol/symbol.types.d.ts +1 -2
  8. package/lib/browser/blocks/symbol/symbol.vue.d.ts +1 -0
  9. package/lib/browser/blocks/tabs/tabs.vue.d.ts +1 -0
  10. package/lib/browser/{component-ref-IrVdrKrT.js → component-ref-ARHcQX5d.js} +68 -57
  11. package/lib/browser/component-ref-uTc_ofAG.cjs +1 -0
  12. package/lib/browser/components/awaiter.types.d.ts +7 -0
  13. package/lib/browser/components/block/components/component-ref/component-ref.vue.d.ts +1 -6
  14. package/lib/browser/components/block/components/interactive-element.vue.d.ts +6 -3
  15. package/lib/browser/components/block/components/live-edit-block-styles.vue.d.ts +19 -0
  16. package/lib/browser/components/block/components/style-wrapper.vue.d.ts +15 -0
  17. package/lib/browser/components/content/components/enable-editor.vue.d.ts +6 -2
  18. package/lib/browser/components/live-edit.vue.d.ts +17 -0
  19. package/lib/browser/constants/sdk-version.d.ts +1 -1
  20. package/lib/browser/find-block-4FksmtpZ.js +30 -0
  21. package/lib/browser/find-block-FHyxDYzT.cjs +1 -0
  22. package/lib/browser/functions/get-builder-search-params/index.d.ts +8 -2
  23. package/lib/browser/functions/is-previewing.d.ts +11 -1
  24. package/lib/browser/{get-block-properties-QnM_YrNk.js → get-block-properties-Ox7FtnxT.js} +8 -8
  25. package/lib/browser/{get-block-properties-OKep411k.cjs → get-block-properties-pPQF1CJf.cjs} +1 -1
  26. package/lib/browser/helpers/find-block.d.ts +18 -0
  27. package/lib/browser/helpers/subscribe-to-editor.d.ts +3 -2
  28. package/lib/browser/index-WI4hOFcm.cjs +334 -0
  29. package/lib/browser/{index-dDcL7IfY.js → index-veSunGvx.js} +633 -567
  30. package/lib/browser/index.cjs +1 -1
  31. package/lib/browser/index.mjs +11 -11
  32. package/lib/browser/live-edit--F1q_rJa.js +32 -0
  33. package/lib/browser/live-edit-KARZ0v9P.cjs +1 -0
  34. package/lib/browser/{repeated-block-iOBHvqGU.js → repeated-block-VG4NdPQQ.js} +2 -2
  35. package/lib/browser/{repeated-block-nKx_42cr.cjs → repeated-block-mCS7R8wP.cjs} +1 -1
  36. package/lib/browser/style-wrapper-Rgp_HJoU.js +210 -0
  37. package/lib/browser/style-wrapper-qqMtwtAw.cjs +1 -0
  38. package/lib/browser/style.css +1 -1
  39. package/lib/edge/{awaiter-1mRIGpV6.cjs → awaiter-cTsfco7E.cjs} +1 -1
  40. package/lib/edge/{awaiter-inDvpJQO.js → awaiter-fRS6MkpD.js} +1 -1
  41. package/lib/edge/{block-wrapper-SsRgbO8V.js → block-wrapper-Zd12Eyem.js} +3 -3
  42. package/lib/{node/block-wrapper-02ftlAfU.cjs → edge/block-wrapper-m5hYqlIO.cjs} +1 -1
  43. package/lib/edge/blocks/form/form/form.vue.d.ts +1 -0
  44. package/lib/edge/blocks/img/img.vue.d.ts +9 -2
  45. package/lib/edge/blocks/symbol/symbol.types.d.ts +1 -2
  46. package/lib/edge/blocks/symbol/symbol.vue.d.ts +1 -0
  47. package/lib/edge/blocks/tabs/tabs.vue.d.ts +1 -0
  48. package/lib/edge/{component-ref-xNhbKfn9.js → component-ref-A1qvuycH.js} +68 -57
  49. package/lib/edge/component-ref-AvQn7pxo.cjs +1 -0
  50. package/lib/edge/components/awaiter.types.d.ts +7 -0
  51. package/lib/edge/components/block/components/component-ref/component-ref.vue.d.ts +1 -6
  52. package/lib/edge/components/block/components/interactive-element.vue.d.ts +6 -3
  53. package/lib/edge/components/block/components/live-edit-block-styles.vue.d.ts +19 -0
  54. package/lib/edge/components/block/components/style-wrapper.vue.d.ts +15 -0
  55. package/lib/edge/components/content/components/enable-editor.vue.d.ts +6 -2
  56. package/lib/edge/components/live-edit.vue.d.ts +17 -0
  57. package/lib/edge/constants/sdk-version.d.ts +1 -1
  58. package/lib/edge/find-block-3Ig0kVVe.js +29 -0
  59. package/lib/edge/find-block-FREohLcp.cjs +1 -0
  60. package/lib/edge/functions/get-builder-search-params/index.d.ts +8 -2
  61. package/lib/edge/functions/is-previewing.d.ts +11 -1
  62. package/lib/edge/{get-block-properties-YBHD-kyN.js → get-block-properties-Ay1DR-Qo.js} +10 -10
  63. package/lib/edge/{get-block-properties-gqcOodFf.cjs → get-block-properties-MyScv2i4.cjs} +1 -1
  64. package/lib/edge/helpers/find-block.d.ts +18 -0
  65. package/lib/edge/helpers/subscribe-to-editor.d.ts +3 -2
  66. package/lib/edge/{index-KuatB8ic.cjs → index-m0gOG1jj.cjs} +27 -27
  67. package/lib/edge/{index-hzqKkVuy.js → index-udpp8d5M.js} +878 -812
  68. package/lib/edge/index.cjs +1 -1
  69. package/lib/edge/index.mjs +11 -11
  70. package/lib/edge/live-edit-EZCj5V8c.cjs +1 -0
  71. package/lib/edge/live-edit-pitWzFEj.js +31 -0
  72. package/lib/{node/repeated-block-dhWJ0p4C.js → edge/repeated-block-bfFVfPs9.js} +2 -2
  73. package/lib/{node/repeated-block-pKrhMIDV.cjs → edge/repeated-block-n-Ltvi-g.cjs} +1 -1
  74. package/lib/edge/style-wrapper-efYS2MG7.js +209 -0
  75. package/lib/edge/style-wrapper-rtQPbAQd.cjs +1 -0
  76. package/lib/edge/style.css +1 -1
  77. package/lib/node/{awaiter-xwpDFIvR.cjs → awaiter-PMvBQ_By.cjs} +1 -1
  78. package/lib/node/{awaiter-VENdQO6n.js → awaiter-TWGOu7l7.js} +2 -2
  79. package/lib/node/{block-wrapper-YFKoP-Sr.js → block-wrapper-HNXbThW0.js} +5 -5
  80. package/lib/{edge/block-wrapper-1wOAQ8jv.cjs → node/block-wrapper-UAtzHmtE.cjs} +1 -1
  81. package/lib/node/blocks/form/form/form.vue.d.ts +1 -0
  82. package/lib/node/blocks/img/img.vue.d.ts +9 -2
  83. package/lib/node/blocks/symbol/symbol.types.d.ts +1 -2
  84. package/lib/node/blocks/symbol/symbol.vue.d.ts +1 -0
  85. package/lib/node/blocks/tabs/tabs.vue.d.ts +1 -0
  86. package/lib/node/component-ref-3TNr9Plt.cjs +1 -0
  87. package/lib/node/{component-ref-CL-UB2rM.js → component-ref-W9YbSE8D.js} +70 -58
  88. package/lib/node/components/awaiter.types.d.ts +7 -0
  89. package/lib/node/components/block/components/component-ref/component-ref.vue.d.ts +1 -6
  90. package/lib/node/components/block/components/interactive-element.vue.d.ts +6 -3
  91. package/lib/node/components/block/components/live-edit-block-styles.vue.d.ts +19 -0
  92. package/lib/node/components/block/components/style-wrapper.vue.d.ts +15 -0
  93. package/lib/node/components/content/components/enable-editor.vue.d.ts +6 -2
  94. package/lib/node/components/live-edit.vue.d.ts +17 -0
  95. package/lib/node/constants/sdk-version.d.ts +1 -1
  96. package/lib/node/find-block-3Ig0kVVe.js +29 -0
  97. package/lib/node/find-block-FREohLcp.cjs +1 -0
  98. package/lib/node/functions/get-builder-search-params/index.d.ts +8 -2
  99. package/lib/node/functions/is-previewing.d.ts +11 -1
  100. package/lib/node/{get-block-properties-LchfO6Kb.js → get-block-properties-2_B3a6lx.js} +2 -2
  101. package/lib/node/{get-block-properties-5a2c_5xR.cjs → get-block-properties-BwXvZm-q.cjs} +1 -1
  102. package/lib/node/helpers/find-block.d.ts +18 -0
  103. package/lib/node/helpers/subscribe-to-editor.d.ts +3 -2
  104. package/lib/node/{index-HR8y_fPw.js → index-_e7jlIav.js} +626 -560
  105. package/lib/node/index-nKynBUf6.cjs +334 -0
  106. package/lib/node/index.cjs +1 -1
  107. package/lib/node/index.mjs +9 -9
  108. package/lib/node/init.cjs +1 -1
  109. package/lib/node/init.mjs +1 -1
  110. package/lib/node/live-edit-_rH_8Myt.js +31 -0
  111. package/lib/node/live-edit-zmxaSqGG.cjs +1 -0
  112. package/lib/{edge/repeated-block-E4-2V2fe.js → node/repeated-block--spfus0p.js} +2 -2
  113. package/lib/{edge/repeated-block-6mZ2NJ7W.cjs → node/repeated-block-rNqXdMZw.cjs} +1 -1
  114. package/lib/node/{should-force-browser-runtime-in-node-ikxWrCvn.js → should-force-browser-runtime-in-node-5h08TaCf.js} +74 -68
  115. package/lib/node/should-force-browser-runtime-in-node-IsToRTN-.cjs +48 -0
  116. package/lib/node/style-wrapper-3b-CcWMI.cjs +1 -0
  117. package/lib/node/style-wrapper-ZkE-U8PL.js +210 -0
  118. package/lib/node/style.css +1 -1
  119. package/package.json +1 -1
  120. package/lib/browser/block-styles-4ljhsSUM.js +0 -84
  121. package/lib/browser/block-styles-NDMRfO-4.cjs +0 -1
  122. package/lib/browser/component-ref-B8JFh8hq.cjs +0 -1
  123. package/lib/browser/index-Sn06h7cl.cjs +0 -334
  124. package/lib/edge/block-styles-NdwXUvb8.js +0 -83
  125. package/lib/edge/block-styles-gtNLlF4k.cjs +0 -1
  126. package/lib/edge/component-ref-aeV7uVzT.cjs +0 -1
  127. package/lib/node/block-styles-8bE2sgtd.cjs +0 -1
  128. package/lib/node/block-styles-8zkB2lOv.js +0 -84
  129. package/lib/node/component-ref-U-rcbsRh.cjs +0 -1
  130. package/lib/node/index-SDqfr0zQ.cjs +0 -334
  131. package/lib/node/should-force-browser-runtime-in-node-1vTKsoso.cjs +0 -48
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-SDqfr0zQ.cjs"),t=require("./should-force-browser-runtime-in-node-1vTKsoso.cjs");exports.Blocks=e.Blocks;exports.BuilderContext=e.BuilderContext;exports.Button=e.Button;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.Fragment=e.Fragment;exports.Image=e.Image;exports.Section=e.Section;exports.Symbol=e.Symbol;exports.Text=e.Text;exports.Video=e.Video;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.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;exports.isEditing=t.isEditing;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-nKynBUf6.cjs"),t=require("./should-force-browser-runtime-in-node-IsToRTN-.cjs");exports.Blocks=e.Blocks;exports.BuilderContext=e.BuilderContext;exports.Button=e.Button;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.Fragment=e.Fragment;exports.Image=e.Image;exports.Section=e.Section;exports.Symbol=e.Symbol;exports.Text=e.Text;exports.Video=e.Video;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.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;exports.isEditing=t.isEditing;
@@ -1,5 +1,5 @@
1
- import { l as t, i as a, j as r, C as i, m as o, F as n, I as c, S as g, k as l, T as m, V as u, y as d, o as C, x as p, z as f, A as h, t as x, n as B, r as E, p as S, s as b, q as k, v as y, u as A } from "./index-HR8y_fPw.js";
2
- import { h as T } from "./should-force-browser-runtime-in-node-ikxWrCvn.js";
1
+ import { m as t, b as a, k as r, C as i, n as o, F as n, I as c, S as g, l, T as m, V as u, z as d, p as C, y as p, A as b, D as f, u as h, o as x, r as B, q as E, s as S, t as k, x as y, v as A } from "./index-_e7jlIav.js";
2
+ import { h as T } from "./should-force-browser-runtime-in-node-5h08TaCf.js";
3
3
  export {
4
4
  t as Blocks,
5
5
  a as BuilderContext,
@@ -15,14 +15,14 @@ export {
15
15
  d as _processContentResult,
16
16
  C as createRegisterComponentMessage,
17
17
  p as fetchBuilderProps,
18
- f as fetchEntries,
19
- h as fetchOneEntry,
20
- x as getBuilderSearchParams,
18
+ b as fetchEntries,
19
+ f as fetchOneEntry,
20
+ h as getBuilderSearchParams,
21
21
  T as isEditing,
22
- B as isPreviewing,
23
- E as register,
24
- S as registerAction,
25
- b as setClientUserAttributes,
22
+ x as isPreviewing,
23
+ B as register,
24
+ E as registerAction,
25
+ S as setClientUserAttributes,
26
26
  k as setEditorSettings,
27
27
  y as subscribeToEditor,
28
28
  A as track
package/lib/node/init.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./should-force-browser-runtime-in-node-1vTKsoso.cjs"),t=require("isolated-vm"),n=i=>{if(e.shouldForceBrowserRuntimeInNode({shouldLogWarning:!0}))return;const{ivmIsolateOptions:o}=i||{};e.setIvm(t,o)};exports.initializeNodeRuntime=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./should-force-browser-runtime-in-node-IsToRTN-.cjs"),t=require("isolated-vm"),n=i=>{if(e.shouldForceBrowserRuntimeInNode({shouldLogWarning:!0}))return;const{ivmIsolateOptions:o}=i||{};e.setIvm(t,o)};exports.initializeNodeRuntime=n;
package/lib/node/init.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { s as t, k as e } from "./should-force-browser-runtime-in-node-ikxWrCvn.js";
1
+ import { s as t, k as e } from "./should-force-browser-runtime-in-node-5h08TaCf.js";
2
2
  import r from "isolated-vm";
3
3
  const m = (o) => {
4
4
  if (t({
@@ -0,0 +1,31 @@
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
+ import { f as c } from "./find-block-3Ig0kVVe.js";
3
+ import { b as d, _ as l } from "./index-_e7jlIav.js";
4
+ const m = o({
5
+ name: "live-edit",
6
+ props: ["id", "attributes", "Wrapper"],
7
+ inject: {
8
+ context: d.key
9
+ },
10
+ computed: {
11
+ block() {
12
+ return c(this.context.content, this.id);
13
+ },
14
+ options() {
15
+ var t, e;
16
+ return ((e = (t = this.block) == null ? void 0 : t.component) == null ? void 0 : e.options) || {};
17
+ }
18
+ }
19
+ });
20
+ function u(t, e, f, b, k, _) {
21
+ return r(), n(i(t.Wrapper), s({ attributes: t.attributes }, t.options), {
22
+ default: p(() => [
23
+ a(t.$slots, "default")
24
+ ]),
25
+ _: 3
26
+ }, 16, ["attributes"]);
27
+ }
28
+ const C = /* @__PURE__ */ l(m, [["render", u]]);
29
+ export {
30
+ C as default
31
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),r=require("./find-block-FREohLcp.cjs"),n=require("./index-nKynBUf6.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 { j as c, e as i } from "./index-hzqKkVuy.js";
3
- const a = () => import("./index-hzqKkVuy.js").then((e) => e.J).then((e) => e.default).catch((e) => {
2
+ import { b as c, _ as i } from "./index-_e7jlIav.js";
3
+ const a = () => import("./index-_e7jlIav.js").then((e) => e.G).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-KuatB8ic.cjs"),r=()=>Promise.resolve().then(()=>require("./index-KuatB8ic.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-nKynBUf6.cjs"),r=()=>Promise.resolve().then(()=>require("./index-nKynBUf6.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;
@@ -10,8 +10,8 @@ function isBrowser() {
10
10
  }
11
11
  const convertSearchParamsToQueryObject = (e) => {
12
12
  const t = {};
13
- return e.forEach((o, n) => {
14
- t[n] = o;
13
+ return e.forEach((r, n) => {
14
+ t[n] = r;
15
15
  }), t;
16
16
  }, normalizeSearchParams = (e) => e instanceof URLSearchParams ? convertSearchParamsToQueryObject(e) : e, getSearchString = (e) => typeof e == "string" ? e : e instanceof URLSearchParams ? e.toString() : new URLSearchParams(e).toString();
17
17
  function isIframe() {
@@ -47,16 +47,16 @@ const getLocation = () => {
47
47
  any() {
48
48
  return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || TARGET === "reactNative";
49
49
  }
50
- }, o = e.match(/Tablet|iPad/i), n = getLocation();
50
+ }, r = e.match(/Tablet|iPad/i), n = getLocation();
51
51
  return {
52
52
  urlPath: n == null ? void 0 : n.pathname,
53
53
  host: (n == null ? void 0 : n.host) || (n == null ? void 0 : n.hostname),
54
- device: o ? "tablet" : t.any() ? "mobile" : "desktop"
54
+ device: r ? "tablet" : t.any() ? "mobile" : "desktop"
55
55
  };
56
56
  }, getFunctionArguments = ({
57
57
  builder: e,
58
58
  context: t,
59
- event: o,
59
+ event: r,
60
60
  state: n
61
61
  }) => Object.entries({
62
62
  state: n,
@@ -64,7 +64,7 @@ const getLocation = () => {
64
64
  // legacy
65
65
  builder: e,
66
66
  context: t,
67
- event: o
67
+ event: r
68
68
  }), getBuilderGlobals = () => ({
69
69
  isEditing: isEditing(),
70
70
  isBrowser: isBrowser(),
@@ -76,25 +76,25 @@ const getLocation = () => {
76
76
  function flattenState({
77
77
  rootState: e,
78
78
  localState: t,
79
- rootSetState: o
79
+ rootSetState: r
80
80
  }) {
81
81
  return new Proxy(e, {
82
- get: (n, r) => {
83
- if (t && r in t)
84
- return t[r];
85
- const s = n[r];
82
+ get: (n, o) => {
83
+ if (t && o in t)
84
+ return t[o];
85
+ const s = n[o];
86
86
  return typeof s == "object" && s !== null ? flattenState({
87
87
  rootState: s,
88
88
  localState: void 0,
89
- rootSetState: o ? (i) => {
90
- n[r] = i, o(n);
89
+ rootSetState: r ? (i) => {
90
+ n[o] = i, r(n);
91
91
  } : void 0
92
92
  }) : s;
93
93
  },
94
- set: (n, r, s) => {
95
- if (t && r in t)
94
+ set: (n, o, s) => {
95
+ if (t && o in t)
96
96
  throw new Error("Writing to local state is not allowed as it is read-only.");
97
- return n[r] = s, o == null || o(n), !0;
97
+ return n[o] = s, r == null || r(n), !0;
98
98
  }
99
99
  });
100
100
  }
@@ -107,11 +107,11 @@ const SDK_NAME_FOR_TARGET = (() => {
107
107
  default:
108
108
  return TARGET;
109
109
  }
110
- })(), SDK_NAME = `@builder.io/sdk-${SDK_NAME_FOR_TARGET}`, fastClone = (e) => JSON.parse(JSON.stringify(e)), set = (e, t, o) => {
110
+ })(), SDK_NAME = `@builder.io/sdk-${SDK_NAME_FOR_TARGET}`, fastClone = (e) => JSON.parse(JSON.stringify(e)), set = (e, t, r) => {
111
111
  if (Object(e) !== e)
112
112
  return e;
113
113
  const n = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
114
- return n.slice(0, -1).reduce((r, s, i) => Object(r[s]) === r[s] ? r[s] : r[s] = Math.abs(Number(n[i + 1])) >> 0 === +n[i + 1] ? [] : {}, e)[n[n.length - 1]] = o, e;
114
+ return n.slice(0, -1).reduce((o, s, i) => Object(o[s]) === o[s] ? o[s] : o[s] = Math.abs(Number(n[i + 1])) >> 0 === +n[i + 1] ? [] : {}, e)[n[n.length - 1]] = r, e;
115
115
  }, noop = () => {
116
116
  };
117
117
  let safeDynamicRequire = noop;
@@ -153,10 +153,10 @@ var refToProxy = (obj) => {
153
153
  code: e,
154
154
  args: t
155
155
  }) => {
156
- const o = t.map(([n]) => `var ${n} = refToProxy(${getSyncValName(n)}); `).join("");
156
+ const r = t.map(([n]) => `var ${n} = refToProxy(${getSyncValName(n)}); `).join("");
157
157
  return `
158
158
  ${REF_TO_PROXY_FN}
159
- ${o}
159
+ ${r}
160
160
  function theFunction() {
161
161
  ${e}
162
162
  }
@@ -170,9 +170,11 @@ if (typeof output === 'object' && output !== null) {
170
170
  }
171
171
  `;
172
172
  };
173
- let IVM_INSTANCE = null, IVM_CONTEXT = null;
174
- const setIvm = (e, t = {}) => {
175
- IVM_INSTANCE || (IVM_INSTANCE = e, setIsolateContext(t));
173
+ let IVM_INSTANCE = null, IVM_OPTIONS = {
174
+ memoryLimit: 128
175
+ };
176
+ const setIvm = (e, t) => {
177
+ IVM_INSTANCE || (IVM_INSTANCE = e, t && (IVM_OPTIONS = t));
176
178
  }, SHOULD_MENTION_INITIALIZE_SCRIPT = SDK_NAME === "@builder.io/sdk-react-nextjs" || SDK_NAME === "@builder.io/sdk-react" || SDK_NAME === "@builder.io/sdk-qwik" || SDK_NAME === "@builder.io/sdk-vue", getIvm = () => {
177
179
  try {
178
180
  if (IVM_INSTANCE)
@@ -192,55 +194,59 @@ const setIvm = (e, t = {}) => {
192
194
 
193
195
  For more information, visit https://builder.io/c/docs/integration-tips#enabling-data-bindings-in-node-environments`;
194
196
  throw new Error(e);
195
- };
196
- function setIsolateContext(e = {
197
- memoryLimit: 128
198
- }) {
199
- if (IVM_CONTEXT)
200
- return IVM_CONTEXT;
201
- const t = getIvm(), n = new t.Isolate(e).createContextSync(), r = n.global;
202
- return r.setSync("global", r.derefInto()), r.setSync("log", function(...s) {
203
- console.log(...s);
204
- }), r.setSync(INJECTED_IVM_GLOBAL, t), IVM_CONTEXT = n, n;
205
- }
206
- const getIsolateContext = () => setIsolateContext(), runInNode = ({
197
+ }, runInNode = ({
207
198
  code: e,
208
199
  builder: t,
209
- context: o,
200
+ context: r,
210
201
  event: n,
211
- localState: r,
202
+ localState: o,
212
203
  rootSetState: s,
213
204
  rootState: i
214
205
  }) => {
215
- const g = getIvm(), m = fastClone({
216
- ...i,
217
- ...r
218
- }), u = getFunctionArguments({
219
- builder: t,
220
- context: o,
221
- event: n,
222
- state: m
223
- }), l = getIsolateContext(), d = l.global;
224
- d.setSync(BUILDER_SET_STATE_NAME, function(c, a) {
225
- set(i, c, a), s == null || s(i);
226
- }), u.forEach(([c, a]) => {
227
- const I = typeof a == "object" ? new g.Reference(
228
- // workaround: methods with default values for arguments is not being cloned over
229
- c === "builder" ? {
230
- ...a,
231
- getUserAttributes: () => a.getUserAttributes()
232
- } : a
233
- ) : null;
234
- d.setSync(getSyncValName(c), I);
235
- });
236
- const E = processCode({
237
- code: e,
238
- args: u
239
- }), f = l.evalClosureSync(E);
206
+ const d = getIvm();
207
+ let l;
240
208
  try {
241
- return JSON.parse(f);
242
- } catch {
243
- return f;
209
+ l = new d.Isolate(IVM_OPTIONS);
210
+ const f = l.createContextSync(), a = f.global;
211
+ a.setSync("global", a.derefInto()), a.setSync("log", function(...c) {
212
+ console.log(...c);
213
+ }), a.setSync(INJECTED_IVM_GLOBAL, d);
214
+ const y = fastClone({
215
+ ...i,
216
+ ...o
217
+ }), g = getFunctionArguments({
218
+ builder: t,
219
+ context: r,
220
+ event: n,
221
+ state: y
222
+ });
223
+ a.setSync(BUILDER_SET_STATE_NAME, function(c, u) {
224
+ set(i, c, u), s == null || s(i);
225
+ }), g.forEach(([c, u]) => {
226
+ const p = typeof u == "object" ? new d.Reference(
227
+ // workaround: methods with default values for arguments is not being cloned over
228
+ c === "builder" ? {
229
+ ...u,
230
+ getUserAttributes: () => u.getUserAttributes()
231
+ } : u
232
+ ) : null;
233
+ a.setSync(getSyncValName(c), p);
234
+ });
235
+ const E = processCode({
236
+ code: e,
237
+ args: g
238
+ }), m = f.evalClosureSync(E);
239
+ try {
240
+ return JSON.parse(m);
241
+ } catch {
242
+ return m;
243
+ }
244
+ } finally {
245
+ if (l)
246
+ try {
247
+ l.dispose();
248
+ } catch {
249
+ }
244
250
  }
245
251
  }, checkIsDefined = (e) => e != null;
246
252
  function isNodeRuntime() {
@@ -250,11 +256,11 @@ function isNodeRuntime() {
250
256
  const shouldForceBrowserRuntimeInNode = ({
251
257
  shouldLogWarning: e
252
258
  }) => {
253
- var r;
259
+ var o;
254
260
  if (!isNodeRuntime())
255
261
  return !1;
256
- const t = process.arch === "arm64", o = process.version.startsWith("v20"), n = (r = process.env.NODE_OPTIONS) == null ? void 0 : r.includes("--no-node-snapshot");
257
- return t && o && !n ? (e && logger.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n "), !0) : !1;
262
+ const t = process.arch === "arm64", r = process.version.startsWith("v20"), n = (o = process.env.NODE_OPTIONS) == null ? void 0 : o.includes("--no-node-snapshot");
263
+ return t && r && !n ? (e && logger.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n "), !0) : !1;
258
264
  };
259
265
  export {
260
266
  TARGET as T,
@@ -0,0 +1,48 @@
1
+ "use strict";const node_module=require("node:module");var _documentCurrentScript=typeof document<"u"?document.currentScript:null;const TARGET="vue",MSG_PREFIX="[Builder.io]: ",logger={log:(...e)=>console.log(MSG_PREFIX,...e),error:(...e)=>console.error(MSG_PREFIX,...e),warn:(...e)=>console.warn(MSG_PREFIX,...e),debug:(...e)=>console.debug(MSG_PREFIX,...e)};function isBrowser(){return typeof window<"u"&&typeof document<"u"}const convertSearchParamsToQueryObject=e=>{const t={};return e.forEach((n,r)=>{t[r]=n}),t},normalizeSearchParams=e=>e instanceof URLSearchParams?convertSearchParamsToQueryObject(e):e,getSearchString=e=>typeof e=="string"?e:e instanceof URLSearchParams?e.toString():new URLSearchParams(e).toString();function isIframe(){return isBrowser()&&window.self!==window.top}function isEditing(e){return isIframe()&&getSearchString(e||window.location.search).indexOf("builder.frameEditing=")!==-1}const getLocation=()=>{if(isBrowser()){const e=new URL(location.href);return e.pathname===""&&(e.pathname="/"),e}else return console.warn("Cannot get location for tracking in non-browser environment"),null},getUserAgent=()=>typeof navigator=="object"&&navigator.userAgent||"",getUserAttributes=()=>{const e=getUserAgent(),t={Android(){return e.match(/Android/i)},BlackBerry(){return e.match(/BlackBerry/i)},iOS(){return e.match(/iPhone|iPod/i)},Opera(){return e.match(/Opera Mini/i)},Windows(){return e.match(/IEMobile/i)||e.match(/WPDesktop/i)},any(){return t.Android()||t.BlackBerry()||t.iOS()||t.Opera()||t.Windows()||TARGET==="reactNative"}},n=e.match(/Tablet|iPad/i),r=getLocation();return{urlPath:r==null?void 0:r.pathname,host:(r==null?void 0:r.host)||(r==null?void 0:r.hostname),device:n?"tablet":t.any()?"mobile":"desktop"}},getFunctionArguments=({builder:e,context:t,event:n,state:r})=>Object.entries({state:r,Builder:e,builder:e,context:t,event:n}),getBuilderGlobals=()=>({isEditing:isEditing(),isBrowser:isBrowser(),isServer:!isBrowser(),getUserAttributes:()=>getUserAttributes()}),parseCode=(e,{isExpression:t=!0})=>t&&!(e.includes(";")||e.includes(" return ")||e.trim().startsWith("return "))?`return (${e});`:e;function flattenState({rootState:e,localState:t,rootSetState:n}){return new Proxy(e,{get:(r,o)=>{if(t&&o in t)return t[o];const s=r[o];return typeof s=="object"&&s!==null?flattenState({rootState:s,localState:void 0,rootSetState:n?i=>{r[o]=i,n(r)}:void 0}):s},set:(r,o,s)=>{if(t&&o in t)throw new Error("Writing to local state is not allowed as it is read-only.");return r[o]=s,n==null||n(r),!0}})}const SDK_NAME_FOR_TARGET=(()=>{switch(TARGET){case"rsc":return"react-nextjs";case"reactNative":return"react-native";default:return TARGET}})(),SDK_NAME=`@builder.io/sdk-${SDK_NAME_FOR_TARGET}`,fastClone=e=>JSON.parse(JSON.stringify(e)),set=(e,t,n)=>{if(Object(e)!==e)return e;const r=Array.isArray(t)?t:t.toString().match(/[^.[\]]+/g);return r.slice(0,-1).reduce((o,s,i)=>Object(o[s])===o[s]?o[s]:o[s]=Math.abs(Number(r[i+1]))>>0===+r[i+1]?[]:{},e)[r[r.length-1]]=n,e},noop=()=>{};let safeDynamicRequire=noop;try{safeDynamicRequire=node_module.createRequire(typeof document>"u"?require("url").pathToFileURL(__filename).href:_documentCurrentScript&&_documentCurrentScript.src||new URL("should-force-browser-runtime-in-node-IsToRTN-.cjs",document.baseURI).href)}catch(error){try{safeDynamicRequire=eval("require")}catch(e){}}const getSyncValName=e=>`bldr_${e}_sync`,BUILDER_SET_STATE_NAME="BUILDER_SET_STATE",INJECTED_IVM_GLOBAL="BUILDER_IVM",REF_TO_PROXY_FN=`
2
+ var refToProxy = (obj) => {
3
+ if (typeof obj !== 'object' || obj === null) {
4
+ return obj;
5
+ }
6
+ return new Proxy({}, {
7
+ get(target, key) {
8
+ if (key === 'copySync') {
9
+ return () => obj.copySync();
10
+ }
11
+ const val = obj.getSync(key);
12
+ if (typeof val?.getSync === 'function') {
13
+ return refToProxy(val);
14
+ }
15
+ return val;
16
+ },
17
+ set(target, key, value) {
18
+ const v = typeof value === 'object' ? new ${INJECTED_IVM_GLOBAL}.Reference(value) : value;
19
+ obj.setSync(key, v);
20
+ ${BUILDER_SET_STATE_NAME}(key, value)
21
+ },
22
+ deleteProperty(target, key) {
23
+ obj.deleteSync(key);
24
+ }
25
+ })
26
+ }
27
+ `,processCode=({code:e,args:t})=>{const n=t.map(([r])=>`var ${r} = refToProxy(${getSyncValName(r)}); `).join("");return`
28
+ ${REF_TO_PROXY_FN}
29
+ ${n}
30
+ function theFunction() {
31
+ ${e}
32
+ }
33
+
34
+ const output = theFunction()
35
+
36
+ if (typeof output === 'object' && output !== null) {
37
+ return JSON.stringify(output.copySync ? output.copySync() : output);
38
+ } else {
39
+ return output;
40
+ }
41
+ `};let IVM_INSTANCE=null,IVM_OPTIONS={memoryLimit:128};const setIvm=(e,t)=>{IVM_INSTANCE||(IVM_INSTANCE=e,t&&(IVM_OPTIONS=t))},SHOULD_MENTION_INITIALIZE_SCRIPT=SDK_NAME==="@builder.io/sdk-react-nextjs"||SDK_NAME==="@builder.io/sdk-react"||SDK_NAME==="@builder.io/sdk-qwik"||SDK_NAME==="@builder.io/sdk-vue",getIvm=()=>{try{if(IVM_INSTANCE)return IVM_INSTANCE;const t=safeDynamicRequire("isolated-vm");if(t)return t}catch(t){logger.error("isolated-vm import error.",t)}const e=`${MSG_PREFIX}could not import \`isolated-vm\` module for safe script execution on a Node server.
42
+
43
+ SOLUTION: In a server-only execution path within your application, do one of the following:
44
+
45
+ ${SHOULD_MENTION_INITIALIZE_SCRIPT?`- import and call \`initializeNodeRuntime()\` from "${SDK_NAME}/node/init".`:""}
46
+ - add the following import: \`await import('isolated-vm')\`.
47
+
48
+ For more information, visit https://builder.io/c/docs/integration-tips#enabling-data-bindings-in-node-environments`;throw new Error(e)},runInNode=({code:e,builder:t,context:n,event:r,localState:o,rootSetState:s,rootState:i})=>{const d=getIvm();let l;try{l=new d.Isolate(IVM_OPTIONS);const f=l.createContextSync(),u=f.global;u.setSync("global",u.derefInto()),u.setSync("log",function(...c){console.log(...c)}),u.setSync(INJECTED_IVM_GLOBAL,d);const p=fastClone({...i,...o}),m=getFunctionArguments({builder:t,context:n,event:r,state:p});u.setSync(BUILDER_SET_STATE_NAME,function(c,a){set(i,c,a),s==null||s(i)}),m.forEach(([c,a])=>{const I=typeof a=="object"?new d.Reference(c==="builder"?{...a,getUserAttributes:()=>a.getUserAttributes()}:a):null;u.setSync(getSyncValName(c),I)});const y=processCode({code:e,args:m}),g=f.evalClosureSync(y);try{return JSON.parse(g)}catch{return g}}finally{if(l)try{l.dispose()}catch{}}},checkIsDefined=e=>e!=null;function isNodeRuntime(){var e;return typeof process<"u"&&checkIsDefined((e=process==null?void 0:process.versions)==null?void 0:e.node)}const shouldForceBrowserRuntimeInNode=({shouldLogWarning:e})=>{var o;if(!isNodeRuntime())return!1;const t=process.arch==="arm64",n=process.version.startsWith("v20"),r=(o=process.env.NODE_OPTIONS)==null?void 0:o.includes("--no-node-snapshot");return t&&n&&!r?(e&&logger.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n "),!0):!1};exports.TARGET=TARGET;exports.checkIsDefined=checkIsDefined;exports.fastClone=fastClone;exports.flattenState=flattenState;exports.getBuilderGlobals=getBuilderGlobals;exports.getFunctionArguments=getFunctionArguments;exports.getSearchString=getSearchString;exports.getUserAttributes=getUserAttributes;exports.isBrowser=isBrowser;exports.isEditing=isEditing;exports.logger=logger;exports.normalizeSearchParams=normalizeSearchParams;exports.parseCode=parseCode;exports.runInNode=runInNode;exports.set=set;exports.setIvm=setIvm;exports.shouldForceBrowserRuntimeInNode=shouldForceBrowserRuntimeInNode;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),u=require("./should-force-browser-runtime-in-node-IsToRTN-.cjs"),s=require("./index-nKynBUf6.cjs"),T=require("./find-block-FREohLcp.cjs"),_=o.defineComponent({name:"block-styles",components:{InlinedStyles:s._sfc_main},props:["block","context"],data(){return{TARGET:u.TARGET}},computed:{canShowBlock(){const e=this.block;return u.checkIsDefined(e.hide)?!e.hide:u.checkIsDefined(e.show)?e.show:!0},css(){var h,B,C,f,v;const e=this.block,t=e.responsiveStyles,n=this.context.content,l=s.getSizesForBreakpoints(((h=n==null?void 0:n.meta)==null?void 0:h.breakpoints)||{}),p=!!((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}):"",x=c?s.createCssClass({className:m,styles:c,mediaQuery:s.getMaxWidthQueryForSize("medium",l)}):"",g=d?s.createCssClass({className:m,styles:d,mediaQuery:s.getMaxWidthQueryForSize("small",l)}):"",k=r&&p?s.createCssClass({className:m,styles:r,mediaQuery:s.getMaxWidthQueryForSize("xsmall",l)}):"",i=e.animations&&e.animations.find(y=>y.trigger==="hover");let S="";if(i){const y=((v=(f=i.steps)==null?void 0:f[1])==null?void 0:v.styles)||{};S=s.createCssClass({className:`${m}:hover`,styles:{...y,transition:`all ${i.duration}s ${s.camelToKebabCase(i.easing)}`,transitionDelay:i.delay?`${i.delay}s`:"0s"}})||""}return[b,x,g,k,S].join(" ")}}});function E(e,t,n,l,p,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 P=s._export_sfc(_,[["render",E]]),I=o.defineComponent({name:"live-edit-block-styles",components:{InlinedStyles:s._sfc_main},props:["contextProvider","id"],data(){return{TARGET:u.TARGET}},computed:{block(){return T.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 u.checkIsDefined((e=this.processedBlock)==null?void 0:e.hide)?!((t=this.processedBlock)!=null&&t.hide):u.checkIsDefined((n=this.processedBlock)==null?void 0:n.show)?(l=this.processedBlock)==null?void 0:l.show:!0},css(){var S,h,B,C,f,v,y;const e=(S=this.processedBlock)==null?void 0:S.responsiveStyles,t=this.contextProvider.content,n=s.getSizesForBreakpoints(((h=t==null?void 0:t.meta)==null?void 0:h.breakpoints)||{}),l=!!((C=(B=t==null?void 0:t.meta)==null?void 0:B.breakpoints)!=null&&C.xsmall),p=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=(f=this.processedBlock)==null?void 0:f.id;if(!r)return"";const m=p?s.createCssClass({className:r,styles:p}):"",b=a?s.createCssClass({className:r,styles:a,mediaQuery:s.getMaxWidthQueryForSize("medium",n)}):"",x=c?s.createCssClass({className:r,styles:c,mediaQuery:s.getMaxWidthQueryForSize("small",n)}):"",g=d&&l?s.createCssClass({className:r,styles:d,mediaQuery:s.getMaxWidthQueryForSize("xsmall",n)}):"",k=this.processedBlock.animations&&this.processedBlock.animations.find($=>$.trigger==="hover");let i="";if(k){const $=((y=(v=k.steps)==null?void 0:v[1])==null?void 0:y.styles)||{};i=s.createCssClass({className:`${r}:hover`,styles:{...$,transition:`all ${k.duration}s ${s.camelToKebabCase(k.easing)}`,transitionDelay:k.delay?`${k.delay}s`:"0s"}})||""}return[m,b,x,g,i].join(" ")}}});function Q(e,t,n,l,p,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 A=s._export_sfc(I,[["render",Q]]),w=o.defineComponent({name:"style-wrapper",components:{BlockStyles:P,LiveEditBlockStyles:A},props:["block","context"],data(){return{isClientEditing:!1,isHydrated:!1,TARGET:u.TARGET}},inject:{contextProvider:s.BuilderContext.key},mounted(){}});function z(e,t,n,l,p,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 F=s._export_sfc(w,[["render",z]]);exports.default=F;
@@ -0,0 +1,210 @@
1
+ import { defineComponent as E, resolveComponent as x, openBlock as y, createBlock as $, createCommentVNode as Q, createElementBlock as z, Fragment as G } from "vue";
2
+ import { T as w, e as C } from "./should-force-browser-runtime-in-node-5h08TaCf.js";
3
+ import { c as A, d as N, f as l, h as u, i as j, _ as I, j as H, b as R } from "./index-_e7jlIav.js";
4
+ import { f as U } from "./find-block-3Ig0kVVe.js";
5
+ const W = E({
6
+ name: "block-styles",
7
+ components: { InlinedStyles: A },
8
+ props: ["block", "context"],
9
+ data() {
10
+ return { TARGET: w };
11
+ },
12
+ computed: {
13
+ canShowBlock() {
14
+ const e = this.block;
15
+ return C(e.hide) ? !e.hide : C(e.show) ? e.show : !0;
16
+ },
17
+ css() {
18
+ var h, B, f, v, b;
19
+ const e = this.block, s = e.responsiveStyles, t = this.context.content, o = N(
20
+ ((h = t == null ? void 0 : t.meta) == null ? void 0 : h.breakpoints) || {}
21
+ ), p = !!((f = (B = t == null ? void 0 : t.meta) == null ? void 0 : B.breakpoints) != null && f.xsmall), i = s == null ? void 0 : s.large, n = s == null ? void 0 : s.medium, a = s == null ? void 0 : s.small, r = s == null ? void 0 : s.xsmall, d = e.id;
22
+ if (!d)
23
+ return "";
24
+ const g = i ? l({
25
+ className: d,
26
+ styles: i
27
+ }) : "", P = n ? l({
28
+ className: d,
29
+ styles: n,
30
+ mediaQuery: u(
31
+ "medium",
32
+ o
33
+ )
34
+ }) : "", T = a ? l({
35
+ className: d,
36
+ styles: a,
37
+ mediaQuery: u(
38
+ "small",
39
+ o
40
+ )
41
+ }) : "", m = r && p ? l({
42
+ className: d,
43
+ styles: r,
44
+ mediaQuery: u(
45
+ "xsmall",
46
+ o
47
+ )
48
+ }) : "", c = e.animations && e.animations.find((k) => k.trigger === "hover");
49
+ let S = "";
50
+ if (c) {
51
+ const k = ((b = (v = c.steps) == null ? void 0 : v[1]) == null ? void 0 : b.styles) || {};
52
+ S = l({
53
+ className: `${d}:hover`,
54
+ styles: {
55
+ ...k,
56
+ transition: `all ${c.duration}s ${j(
57
+ c.easing
58
+ )}`,
59
+ transitionDelay: c.delay ? `${c.delay}s` : "0s"
60
+ }
61
+ }) || "";
62
+ }
63
+ return [
64
+ g,
65
+ P,
66
+ T,
67
+ m,
68
+ S
69
+ ].join(" ");
70
+ }
71
+ }
72
+ });
73
+ function D(e, s, t, o, p, i) {
74
+ const n = x("InlinedStyles");
75
+ return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? (y(), $(n, {
76
+ key: 0,
77
+ id: "builderio-block",
78
+ styles: e.css,
79
+ nonce: e.context.nonce
80
+ }, null, 8, ["styles", "nonce"])) : Q("", !0);
81
+ }
82
+ const F = /* @__PURE__ */ I(W, [["render", D]]), L = E({
83
+ name: "live-edit-block-styles",
84
+ components: { InlinedStyles: A },
85
+ props: ["contextProvider", "id"],
86
+ data() {
87
+ return { TARGET: w };
88
+ },
89
+ computed: {
90
+ block() {
91
+ return U(this.contextProvider.content, this.id);
92
+ },
93
+ processedBlock() {
94
+ var t;
95
+ const e = this.block;
96
+ return e ? (t = e.repeat) != null && t.collection ? e : H({
97
+ block: e,
98
+ localState: this.contextProvider.localState,
99
+ rootState: this.contextProvider.rootState,
100
+ rootSetState: this.contextProvider.rootSetState,
101
+ context: this.contextProvider.context
102
+ }) : null;
103
+ },
104
+ canShowBlock() {
105
+ var e, s, t, o;
106
+ return C((e = this.processedBlock) == null ? void 0 : e.hide) ? !((s = this.processedBlock) != null && s.hide) : C((t = this.processedBlock) == null ? void 0 : t.show) ? (o = this.processedBlock) == null ? void 0 : o.show : !0;
107
+ },
108
+ css() {
109
+ var S, h, B, f, v, b, k;
110
+ const e = (S = this.processedBlock) == null ? void 0 : S.responsiveStyles, s = this.contextProvider.content, t = N(
111
+ ((h = s == null ? void 0 : s.meta) == null ? void 0 : h.breakpoints) || {}
112
+ ), o = !!((f = (B = s == null ? void 0 : s.meta) == null ? void 0 : B.breakpoints) != null && f.xsmall), p = e == null ? void 0 : e.large, i = e == null ? void 0 : e.medium, n = e == null ? void 0 : e.small, a = e == null ? void 0 : e.xsmall, r = (v = this.processedBlock) == null ? void 0 : v.id;
113
+ if (!r)
114
+ return "";
115
+ const d = p ? l({
116
+ className: r,
117
+ styles: p
118
+ }) : "", g = i ? l({
119
+ className: r,
120
+ styles: i,
121
+ mediaQuery: u(
122
+ "medium",
123
+ t
124
+ )
125
+ }) : "", P = n ? l({
126
+ className: r,
127
+ styles: n,
128
+ mediaQuery: u(
129
+ "small",
130
+ t
131
+ )
132
+ }) : "", T = a && o ? l({
133
+ className: r,
134
+ styles: a,
135
+ mediaQuery: u(
136
+ "xsmall",
137
+ t
138
+ )
139
+ }) : "", m = this.processedBlock.animations && this.processedBlock.animations.find((_) => _.trigger === "hover");
140
+ let c = "";
141
+ if (m) {
142
+ const _ = ((k = (b = m.steps) == null ? void 0 : b[1]) == null ? void 0 : k.styles) || {};
143
+ c = l({
144
+ className: `${r}:hover`,
145
+ styles: {
146
+ ..._,
147
+ transition: `all ${m.duration}s ${j(
148
+ m.easing
149
+ )}`,
150
+ transitionDelay: m.delay ? `${m.delay}s` : "0s"
151
+ }
152
+ }) || "";
153
+ }
154
+ return [
155
+ d,
156
+ g,
157
+ P,
158
+ T,
159
+ c
160
+ ].join(" ");
161
+ }
162
+ }
163
+ });
164
+ function X(e, s, t, o, p, i) {
165
+ const n = x("InlinedStyles");
166
+ return e.TARGET === "rsc" && e.css && e.canShowBlock ? (y(), $(n, {
167
+ key: 0,
168
+ id: "builderio-block",
169
+ styles: e.css,
170
+ nonce: e.contextProvider.nonce
171
+ }, null, 8, ["styles", "nonce"])) : Q("", !0);
172
+ }
173
+ const K = /* @__PURE__ */ I(L, [["render", X]]), M = E({
174
+ name: "style-wrapper",
175
+ components: {
176
+ BlockStyles: F,
177
+ LiveEditBlockStyles: K
178
+ },
179
+ props: ["block", "context"],
180
+ data() {
181
+ return { isClientEditing: !1, isHydrated: !1, TARGET: w };
182
+ },
183
+ inject: {
184
+ contextProvider: R.key
185
+ },
186
+ mounted() {
187
+ }
188
+ });
189
+ function V(e, s, t, o, p, i) {
190
+ const n = x("LiveEditBlockStyles"), a = x("BlockStyles");
191
+ return e.isHydrated ? (y(), z(G, { key: 0 }, [
192
+ e.TARGET === "rsc" && e.isClientEditing ? (y(), $(n, {
193
+ key: 0,
194
+ id: e.block.id,
195
+ contextProvider: e.contextProvider
196
+ }, null, 8, ["id", "contextProvider"])) : (y(), $(a, {
197
+ key: 1,
198
+ block: e.block,
199
+ context: e.context
200
+ }, null, 8, ["block", "context"]))
201
+ ], 64)) : (y(), $(a, {
202
+ key: 1,
203
+ block: e.block,
204
+ context: e.context
205
+ }, null, 8, ["block", "context"]));
206
+ }
207
+ const Z = /* @__PURE__ */ I(M, [["render", V]]);
208
+ export {
209
+ Z as default
210
+ };
@@ -1 +1 @@
1
- .component-tqyw9m0iue[data-v-161c6b74]{display:flex;flex-direction:column;align-items:stretch}.div-4wbls88y960[data-v-459e0e34]{display:flex;line-height:normal;height:100%}.img-29wpyomtntv[data-v-e6416c92]{opacity:1;transition:opacity .2s ease-in-out}.div-29wpyomtntv[data-v-e6416c92]{width:100%;pointer-events:none;font-size:0}.div-29wpyomtntv-2[data-v-e6416c92]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.pre-1hjwvu3r5mj[data-v-158ccfce]{padding:10px;color:red;text-align:center}
1
+ .component-tqyw9m0iue[data-v-161c6b74]{display:flex;flex-direction:column;align-items:stretch}.div-1be3j8m9ewb[data-v-ab15749a]{display:flex;line-height:normal;height:100%}.img-t43jfuqn6g[data-v-741b9bbc]{opacity:1;transition:opacity .2s ease-in-out}.div-t43jfuqn6g[data-v-741b9bbc]{width:100%;pointer-events:none;font-size:0}.div-t43jfuqn6g-2[data-v-741b9bbc]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.pre-2oa2wtipkzk[data-v-77c7888c]{padding:10px;color:red;text-align:center}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@builder.io/sdk-vue",
3
3
  "description": "Builder.io SDK for Vue",
4
- "version": "4.2.1",
4
+ "version": "4.2.4-next.0",
5
5
  "main": "./lib/node/index.cjs",
6
6
  "module": "./lib/node/index.mjs",
7
7
  "type": "module",