@builder.io/sdk-vue 4.2.1 → 4.2.3

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 (120) hide show
  1. package/lib/browser/{awaiter-522m_tb0.js → awaiter-QkoC16ei.js} +1 -1
  2. package/lib/browser/{awaiter-xp9lcSxP.cjs → awaiter-dVEzPIfa.cjs} +1 -1
  3. package/lib/browser/{block-wrapper-9mehIM9T.cjs → block-wrapper-BOi64ZSf.cjs} +1 -1
  4. package/lib/browser/{block-wrapper-26klNOq9.js → block-wrapper-LGlUvVpu.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-Jt8NZQKY.cjs +1 -0
  11. package/lib/browser/{component-ref-IrVdrKrT.js → component-ref-tMh8EWjb.js} +68 -57
  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/{get-block-properties-QnM_YrNk.js → get-block-properties-Ahsh8p5y.js} +8 -8
  23. package/lib/browser/{get-block-properties-OKep411k.cjs → get-block-properties-NuVrGQN_.cjs} +1 -1
  24. package/lib/browser/helpers/find-block.d.ts +18 -0
  25. package/lib/browser/helpers/subscribe-to-editor.d.ts +3 -2
  26. package/lib/browser/{index-dDcL7IfY.js → index-EtzQVBnH.js} +635 -569
  27. package/lib/browser/index-jbLVGF3d.cjs +334 -0
  28. package/lib/browser/index.cjs +1 -1
  29. package/lib/browser/index.mjs +11 -11
  30. package/lib/browser/live-edit-h_5MH287.cjs +1 -0
  31. package/lib/browser/live-edit-rw2-UX9h.js +32 -0
  32. package/lib/browser/{repeated-block-nKx_42cr.cjs → repeated-block-DP1NryZH.cjs} +1 -1
  33. package/lib/browser/{repeated-block-iOBHvqGU.js → repeated-block-WP795fea.js} +2 -2
  34. package/lib/browser/style-wrapper-OLuHp-wg.js +210 -0
  35. package/lib/browser/style-wrapper-_FKH2e4u.cjs +1 -0
  36. package/lib/browser/style.css +1 -1
  37. package/lib/edge/{awaiter-1mRIGpV6.cjs → awaiter-AB81htE9.cjs} +1 -1
  38. package/lib/edge/{awaiter-inDvpJQO.js → awaiter-G2IZpq8y.js} +1 -1
  39. package/lib/{node/block-wrapper-02ftlAfU.cjs → edge/block-wrapper-3KMmt5za.cjs} +1 -1
  40. package/lib/edge/{block-wrapper-SsRgbO8V.js → block-wrapper-hc1D57Il.js} +3 -3
  41. package/lib/edge/blocks/form/form/form.vue.d.ts +1 -0
  42. package/lib/edge/blocks/img/img.vue.d.ts +9 -2
  43. package/lib/edge/blocks/symbol/symbol.types.d.ts +1 -2
  44. package/lib/edge/blocks/symbol/symbol.vue.d.ts +1 -0
  45. package/lib/edge/blocks/tabs/tabs.vue.d.ts +1 -0
  46. package/lib/edge/component-ref-1l1Dc15N.cjs +1 -0
  47. package/lib/edge/{component-ref-xNhbKfn9.js → component-ref-__eNmb_i.js} +68 -57
  48. package/lib/edge/components/awaiter.types.d.ts +7 -0
  49. package/lib/edge/components/block/components/component-ref/component-ref.vue.d.ts +1 -6
  50. package/lib/edge/components/block/components/interactive-element.vue.d.ts +6 -3
  51. package/lib/edge/components/block/components/live-edit-block-styles.vue.d.ts +19 -0
  52. package/lib/edge/components/block/components/style-wrapper.vue.d.ts +15 -0
  53. package/lib/edge/components/content/components/enable-editor.vue.d.ts +6 -2
  54. package/lib/edge/components/live-edit.vue.d.ts +17 -0
  55. package/lib/edge/constants/sdk-version.d.ts +1 -1
  56. package/lib/edge/find-block-3Ig0kVVe.js +29 -0
  57. package/lib/edge/find-block-FREohLcp.cjs +1 -0
  58. package/lib/edge/{get-block-properties-YBHD-kyN.js → get-block-properties-IlO7VcTG.js} +10 -10
  59. package/lib/edge/{get-block-properties-gqcOodFf.cjs → get-block-properties-YofIFdQl.cjs} +1 -1
  60. package/lib/edge/helpers/find-block.d.ts +18 -0
  61. package/lib/edge/helpers/subscribe-to-editor.d.ts +3 -2
  62. package/lib/edge/{index-KuatB8ic.cjs → index-UFKf4DGh.cjs} +27 -27
  63. package/lib/edge/{index-hzqKkVuy.js → index-pedBdruj.js} +880 -814
  64. package/lib/edge/index.cjs +1 -1
  65. package/lib/edge/index.mjs +11 -11
  66. package/lib/edge/live-edit-bP5Bdb_I.cjs +1 -0
  67. package/lib/edge/live-edit-mkwzJ3KQ.js +31 -0
  68. package/lib/{node/repeated-block-pKrhMIDV.cjs → edge/repeated-block-eV-zFRwn.cjs} +1 -1
  69. package/lib/{node/repeated-block-dhWJ0p4C.js → edge/repeated-block-i0HNWVX0.js} +2 -2
  70. package/lib/edge/style-wrapper-QrUxYNMa.cjs +1 -0
  71. package/lib/edge/style-wrapper-mI3PSijR.js +209 -0
  72. package/lib/edge/style.css +1 -1
  73. package/lib/node/{awaiter-xwpDFIvR.cjs → awaiter-GsCK0Rmm.cjs} +1 -1
  74. package/lib/node/{awaiter-VENdQO6n.js → awaiter-vsM2I4ci.js} +2 -2
  75. package/lib/node/{block-wrapper-YFKoP-Sr.js → block-wrapper-HC1GKPg-.js} +5 -5
  76. package/lib/{edge/block-wrapper-1wOAQ8jv.cjs → node/block-wrapper-VVk0Gqbc.cjs} +1 -1
  77. package/lib/node/blocks/form/form/form.vue.d.ts +1 -0
  78. package/lib/node/blocks/img/img.vue.d.ts +9 -2
  79. package/lib/node/blocks/symbol/symbol.types.d.ts +1 -2
  80. package/lib/node/blocks/symbol/symbol.vue.d.ts +1 -0
  81. package/lib/node/blocks/tabs/tabs.vue.d.ts +1 -0
  82. package/lib/node/component-ref-SsJCZYlF.cjs +1 -0
  83. package/lib/node/{component-ref-CL-UB2rM.js → component-ref-bqN5ZiyT.js} +70 -58
  84. package/lib/node/components/awaiter.types.d.ts +7 -0
  85. package/lib/node/components/block/components/component-ref/component-ref.vue.d.ts +1 -6
  86. package/lib/node/components/block/components/interactive-element.vue.d.ts +6 -3
  87. package/lib/node/components/block/components/live-edit-block-styles.vue.d.ts +19 -0
  88. package/lib/node/components/block/components/style-wrapper.vue.d.ts +15 -0
  89. package/lib/node/components/content/components/enable-editor.vue.d.ts +6 -2
  90. package/lib/node/components/live-edit.vue.d.ts +17 -0
  91. package/lib/node/constants/sdk-version.d.ts +1 -1
  92. package/lib/node/find-block-3Ig0kVVe.js +29 -0
  93. package/lib/node/find-block-FREohLcp.cjs +1 -0
  94. package/lib/node/{get-block-properties-5a2c_5xR.cjs → get-block-properties--0kf0kc1.cjs} +1 -1
  95. package/lib/node/{get-block-properties-LchfO6Kb.js → get-block-properties-4dl07r5f.js} +1 -1
  96. package/lib/node/helpers/find-block.d.ts +18 -0
  97. package/lib/node/helpers/subscribe-to-editor.d.ts +3 -2
  98. package/lib/node/index-9ZnpkpZ8.cjs +334 -0
  99. package/lib/node/{index-HR8y_fPw.js → index-BtCfIIfO.js} +600 -534
  100. package/lib/node/index.cjs +1 -1
  101. package/lib/node/index.mjs +8 -8
  102. package/lib/node/live-edit-dkMPrQFh.js +31 -0
  103. package/lib/node/live-edit-k5C1gkl6.cjs +1 -0
  104. package/lib/{edge/repeated-block-E4-2V2fe.js → node/repeated-block-FOLLYnPQ.js} +2 -2
  105. package/lib/{edge/repeated-block-6mZ2NJ7W.cjs → node/repeated-block-pPsNH7xs.cjs} +1 -1
  106. package/lib/node/style-wrapper-CbrJHZiI.cjs +1 -0
  107. package/lib/node/style-wrapper-bEfbvdLX.js +210 -0
  108. package/lib/node/style.css +1 -1
  109. package/package.json +1 -1
  110. package/lib/browser/block-styles-4ljhsSUM.js +0 -84
  111. package/lib/browser/block-styles-NDMRfO-4.cjs +0 -1
  112. package/lib/browser/component-ref-B8JFh8hq.cjs +0 -1
  113. package/lib/browser/index-Sn06h7cl.cjs +0 -334
  114. package/lib/edge/block-styles-NdwXUvb8.js +0 -83
  115. package/lib/edge/block-styles-gtNLlF4k.cjs +0 -1
  116. package/lib/edge/component-ref-aeV7uVzT.cjs +0 -1
  117. package/lib/node/block-styles-8bE2sgtd.cjs +0 -1
  118. package/lib/node/block-styles-8zkB2lOv.js +0 -84
  119. package/lib/node/component-ref-U-rcbsRh.cjs +0 -1
  120. package/lib/node/index-SDqfr0zQ.cjs +0 -334
@@ -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-9ZnpkpZ8.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,4 +1,4 @@
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";
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-BtCfIIfO.js";
2
2
  import { h as T } from "./should-force-browser-runtime-in-node-ikxWrCvn.js";
3
3
  export {
4
4
  t as Blocks,
@@ -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
@@ -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-BtCfIIfO.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-9ZnpkpZ8.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-BtCfIIfO.js";
3
+ const a = () => import("./index-BtCfIIfO.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-9ZnpkpZ8.cjs"),r=()=>Promise.resolve().then(()=>require("./index-9ZnpkpZ8.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;
@@ -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-1vTKsoso.cjs"),s=require("./index-9ZnpkpZ8.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-ikxWrCvn.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-BtCfIIfO.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-5vz8uirn7sc[data-v-82fc93d6]{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.3",
5
5
  "main": "./lib/node/index.cjs",
6
6
  "module": "./lib/node/index.mjs",
7
7
  "type": "module",
@@ -1,84 +0,0 @@
1
- import "./style.css";
2
- import { defineComponent as _, resolveComponent as x, openBlock as T, createBlock as w, createCommentVNode as I } from "vue";
3
- import { _ as N, T as Q, c as C, g as z, a, b as m, d as A, e as D } from "./index-dDcL7IfY.js";
4
- const E = _({
5
- name: "block-styles",
6
- components: { InlinedStyles: N },
7
- props: ["block", "context"],
8
- data() {
9
- return { TARGET: Q };
10
- },
11
- computed: {
12
- canShowBlock() {
13
- const e = this.block;
14
- return C(e.hide) ? !e.hide : C(e.show) ? e.show : !0;
15
- },
16
- css() {
17
- var S, k, h, f, b;
18
- const e = this.block, s = e.responsiveStyles, t = this.context.content, l = z(
19
- ((S = t == null ? void 0 : t.meta) == null ? void 0 : S.breakpoints) || {}
20
- ), d = !!((h = (k = t == null ? void 0 : t.meta) == null ? void 0 : k.breakpoints) != null && h.xsmall), c = s == null ? void 0 : s.large, r = s == null ? void 0 : s.medium, p = s == null ? void 0 : s.small, y = s == null ? void 0 : s.xsmall, o = e.id;
21
- if (!o)
22
- return "";
23
- const B = c ? a({
24
- className: o,
25
- styles: c
26
- }) : "", g = r ? a({
27
- className: o,
28
- styles: r,
29
- mediaQuery: m(
30
- "medium",
31
- l
32
- )
33
- }) : "", $ = p ? a({
34
- className: o,
35
- styles: p,
36
- mediaQuery: m(
37
- "small",
38
- l
39
- )
40
- }) : "", v = y && d ? a({
41
- className: o,
42
- styles: y,
43
- mediaQuery: m(
44
- "xsmall",
45
- l
46
- )
47
- }) : "", n = e.animations && e.animations.find((i) => i.trigger === "hover");
48
- let u = "";
49
- if (n) {
50
- const i = ((b = (f = n.steps) == null ? void 0 : f[1]) == null ? void 0 : b.styles) || {};
51
- u = a({
52
- className: `${o}:hover`,
53
- styles: {
54
- ...i,
55
- transition: `all ${n.duration}s ${A(
56
- n.easing
57
- )}`,
58
- transitionDelay: n.delay ? `${n.delay}s` : "0s"
59
- }
60
- }) || "";
61
- }
62
- return [
63
- B,
64
- g,
65
- $,
66
- v,
67
- u
68
- ].join(" ");
69
- }
70
- }
71
- });
72
- function F(e, s, t, l, d, c) {
73
- const r = x("InlinedStyles");
74
- return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? (T(), w(r, {
75
- key: 0,
76
- id: "builderio-block",
77
- styles: e.css,
78
- nonce: e.context.nonce
79
- }, null, 8, ["styles", "nonce"])) : I("", !0);
80
- }
81
- const j = /* @__PURE__ */ D(E, [["render", F]]);
82
- export {
83
- j as default
84
- };
@@ -1 +0,0 @@
1
- var _=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),s=require("./index-Sn06h7cl.cjs"),x=a.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,k,C,f;const e=this.block,t=e.responsiveStyles,o=this.context.content,r=s.getSizesForBreakpoints(((S=o==null?void 0:o.meta)==null?void 0:S.breakpoints)||{}),d=!!((k=(h=o==null?void 0:o.meta)==null?void 0:h.breakpoints)!=null&&k.xsmall),i=t==null?void 0:t.large,c=t==null?void 0:t.medium,u=t==null?void 0:t.small,y=t==null?void 0:t.xsmall,n=e.id;if(!n)return"";const b=i?s.createCssClass({className:n,styles:i}):"",g=c?s.createCssClass({className:n,styles:c,mediaQuery:s.getMaxWidthQueryForSize("medium",r)}):"",v=u?s.createCssClass({className:n,styles:u,mediaQuery:s.getMaxWidthQueryForSize("small",r)}):"",B=y&&d?s.createCssClass({className:n,styles:y,mediaQuery:s.getMaxWidthQueryForSize("xsmall",r)}):"",l=e.animations&&e.animations.find(m=>m.trigger==="hover");let p="";if(l){const m=((f=(C=l.steps)==null?void 0:C[1])==null?void 0:f.styles)||{};p=s.createCssClass({className:`${n}:hover`,styles:{...m,transition:`all ${l.duration}s ${s.camelToKebabCase(l.easing)}`,transitionDelay:l.delay?`${l.delay}s`:"0s"}})||""}return[b,g,v,B,p].join(" ")}}});function T(e,t,o,r,d,i){const c=a.resolveComponent("InlinedStyles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(a.openBlock(),a.createBlock(c,{key:0,id:"builderio-block",styles:e.css,nonce:e.context.nonce},null,8,["styles","nonce"])):a.createCommentVNode("",!0)}const $=s._export_sfc(x,[["render",T]]);exports.default=$;
@@ -1 +0,0 @@
1
- var B=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),s=require("./index-Sn06h7cl.cjs"),l=require("./get-block-properties-OKep411k.cjs"),u=()=>Promise.resolve().then(()=>require("./awaiter-xp9lcSxP.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Awaiter at ../../awaiter.vue",e),e}),k=t.defineComponent({name:"interactive-element",components:{Awaiter:t.defineAsyncComponent(u)},props:["wrapperProps","block","includeBlockProps","context","Wrapper"],data(){return{forceRenderCount:0}},watch:{onUpdateHook0:{handler(){},immediate:!0}},computed:{attributes(){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})}:{}},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 h(e,o,a,c,r,i){const n=t.resolveComponent("Awaiter");return e.Wrapper.load?(t.openBlock(),t.createBlock(n,{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.createBlock(t.resolveDynamicComponent(e.Wrapper),t.normalizeProps(t.mergeProps({key:1},e.targetWrapperProps)),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16))}const m=s._export_sfc(k,[["render",h]]),f=({componentOptions:e,builderBlock:o,context:a,componentRef:c,includeBlockProps:r,isInteractive:i,contextValue:n})=>{const p={...e,...r?{attributes:l.getBlockProperties({block:o,context:n})}:{}};return i?{Wrapper:c,block:o,context:a,wrapperProps:e,includeBlockProps:r}:p},b=t.defineComponent({name:"component-ref",components:{Block:s.Block,InteractiveElement:m},props:["componentOptions","blockChildren","isInteractive","componentRef","builderBlock","context","linkComponent","includeBlockProps","registeredComponents"],data(){return{shouldUpdate:!1,Wrapper:this.isInteractive?s.wrapComponentRef(m):this.componentRef,getWrapperProps:f}},watch:{onUpdateHook0:{handler(){},immediate:!0}},computed:{onUpdateHook0(){return{0:this.componentOptions,1:this.blockChildren}}}});function C(e,o,a,c,r,i){const n=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.blockChildren,(p,d)=>(t.openBlock(),t.createBlock(n,{key:p.id,block:p,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):t.createCommentVNode("",!0)}const P=s._export_sfc(b,[["render",C]]);exports.default=P;