@builder.io/sdk-vue 0.1.7 → 0.1.9

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 (60) hide show
  1. package/package.json +1 -1
  2. package/packages/_vue2/dist/block-styles.d7d7aa69.js +69 -0
  3. package/packages/_vue2/dist/block-styles.f25ea71f.cjs +1 -0
  4. package/packages/{_vue3/dist/get-processed-block.d00eccbb.cjs → _vue2/dist/get-processed-block.d3c744f7.cjs} +1 -1
  5. package/packages/{_vue3/dist/get-processed-block.7f0848a3.js → _vue2/dist/get-processed-block.ef627078.js} +1 -1
  6. package/packages/_vue2/dist/{index.2d467eb1.cjs → index.bef62fde.cjs} +5 -5
  7. package/packages/_vue2/dist/{index.055082cd.js → index.ea6d5c33.js} +74 -73
  8. package/packages/_vue2/dist/{render-block.3d616731.js → render-block.68538b72.js} +34 -31
  9. package/packages/_vue2/dist/render-block.8a810b21.cjs +3 -0
  10. package/packages/_vue2/dist/{render-component.69758ebf.js → render-component.d5a06a9f.js} +3 -3
  11. package/packages/_vue2/dist/{render-component.f92ce0c3.cjs → render-component.fa85c266.cjs} +1 -1
  12. package/packages/_vue2/dist/{render-inlined-styles.8d0c5a9b.js → render-inlined-styles.32e2a109.js} +1 -1
  13. package/packages/_vue2/dist/{render-inlined-styles.3d0f9fe7.cjs → render-inlined-styles.c58a27b9.cjs} +1 -1
  14. package/packages/_vue2/dist/{render-repeated-block.6c0e784a.cjs → render-repeated-block.9563405f.cjs} +1 -1
  15. package/packages/_vue2/dist/{render-repeated-block.e773db2b.js → render-repeated-block.c577be97.js} +2 -2
  16. package/packages/_vue2/dist/{render-styles.f5c763be.cjs → render-styles.1c71bf0a.cjs} +2 -2
  17. package/packages/_vue2/dist/{render-styles.38da6402.js → render-styles.31ad9a17.js} +2 -2
  18. package/packages/_vue2/dist/sdk.cjs +1 -1
  19. package/packages/_vue2/dist/sdk.js +3 -3
  20. package/packages/_vue2/dist/src/blocks/columns/columns.vue.d.ts +4 -0
  21. package/packages/_vue2/dist/src/blocks/symbol/symbol.vue.d.ts +4 -0
  22. package/packages/_vue2/dist/src/components/render-block/block-styles.vue.d.ts +1 -0
  23. package/packages/_vue2/dist/src/components/render-block/render-block.vue.d.ts +3 -0
  24. package/packages/_vue2/dist/src/components/render-block/render-component.vue.d.ts +3 -0
  25. package/packages/_vue2/dist/src/components/render-block/render-repeated-block.vue.d.ts +3 -0
  26. package/packages/_vue2/dist/src/components/render-blocks.vue.d.ts +4 -0
  27. package/packages/_vue2/dist/src/components/render-content/render-content.vue.d.ts +4 -0
  28. package/packages/_vue2/dist/src/types/builder-block.d.ts +8 -0
  29. package/packages/_vue2/dist/style.css +1 -1
  30. package/packages/_vue3/dist/block-styles.8ee7887b.cjs +1 -0
  31. package/packages/_vue3/dist/block-styles.b74d2b45.js +66 -0
  32. package/packages/{_vue2/dist/get-processed-block.e426e5c8.js → _vue3/dist/get-processed-block.348e1332.js} +1 -1
  33. package/packages/{_vue2/dist/get-processed-block.3cf6c3ff.cjs → _vue3/dist/get-processed-block.49919209.cjs} +1 -1
  34. package/packages/_vue3/dist/{index.59001d0e.cjs → index.4f68e6f8.cjs} +10 -10
  35. package/packages/_vue3/dist/{index.3d6c5319.js → index.5773f262.js} +37 -36
  36. package/packages/_vue3/dist/render-block.1021bf96.cjs +3 -0
  37. package/packages/_vue3/dist/{render-block.9166425b.js → render-block.f48dafa3.js} +76 -71
  38. package/packages/_vue3/dist/{render-component.bca347e7.js → render-component.2ae850d5.js} +3 -3
  39. package/packages/_vue3/dist/{render-component.79b00fb5.cjs → render-component.f152b6e4.cjs} +1 -1
  40. package/packages/_vue3/dist/{render-inlined-styles.56c17d2f.cjs → render-inlined-styles.9dd02e33.cjs} +1 -1
  41. package/packages/_vue3/dist/{render-inlined-styles.97f3e330.js → render-inlined-styles.da7419c9.js} +1 -1
  42. package/packages/_vue3/dist/{render-repeated-block.d0ab60c1.js → render-repeated-block.0c8d0906.js} +2 -2
  43. package/packages/_vue3/dist/{render-repeated-block.791d2698.cjs → render-repeated-block.58283c8b.cjs} +1 -1
  44. package/packages/_vue3/dist/{render-styles.86687760.cjs → render-styles.90022a69.cjs} +2 -2
  45. package/packages/_vue3/dist/{render-styles.e5ee2819.js → render-styles.fc3b8b2e.js} +2 -2
  46. package/packages/_vue3/dist/sdk.cjs +1 -1
  47. package/packages/_vue3/dist/sdk.js +3 -3
  48. package/packages/_vue3/dist/src/blocks/columns/columns.vue.d.ts +1 -0
  49. package/packages/_vue3/dist/src/blocks/symbol/symbol.vue.d.ts +1 -0
  50. package/packages/_vue3/dist/src/components/render-block/block-styles.vue.d.ts +1 -0
  51. package/packages/_vue3/dist/src/components/render-blocks.vue.d.ts +1 -0
  52. package/packages/_vue3/dist/src/components/render-content/render-content.vue.d.ts +1 -0
  53. package/packages/_vue3/dist/src/types/builder-block.d.ts +8 -0
  54. package/packages/_vue3/dist/style.css +1 -1
  55. package/packages/_vue2/dist/block-styles.39cc91ef.cjs +0 -1
  56. package/packages/_vue2/dist/block-styles.ed7736cd.js +0 -66
  57. package/packages/_vue2/dist/render-block.f934b32f.cjs +0 -3
  58. package/packages/_vue3/dist/block-styles.057be752.cjs +0 -1
  59. package/packages/_vue3/dist/block-styles.90be320f.js +0 -63
  60. package/packages/_vue3/dist/render-block.fad21827.cjs +0 -3
@@ -1,63 +0,0 @@
1
- import { defineAsyncComponent as p, resolveComponent as y, openBlock as k, createBlock as h, createCommentVNode as S } from "vue";
2
- import { T as _, g as f, c, a as i, _ as g } from "./index.3d6c5319.js";
3
- import { g as x } from "./get-processed-block.7f0848a3.js";
4
- const B = () => import("./render-inlined-styles.97f3e330.js").then((e) => e.default).catch((e) => {
5
- throw console.error(
6
- "Error while attempting to dynamically import component RenderInlinedStyles at ../render-inlined-styles.vue",
7
- e
8
- ), e;
9
- }), C = {
10
- name: "block-styles",
11
- components: {
12
- RenderInlinedStyles: p(B)
13
- },
14
- props: ["block", "context"],
15
- data() {
16
- return { TARGET: _ };
17
- },
18
- computed: {
19
- useBlock() {
20
- return x({
21
- block: this.block,
22
- state: this.context.state,
23
- context: this.context.context,
24
- shouldEvaluateBindings: !0
25
- });
26
- },
27
- css() {
28
- var a;
29
- const e = this.useBlock.responsiveStyles, n = this.context.content, l = f(
30
- ((a = n == null ? void 0 : n.meta) == null ? void 0 : a.breakpoints) || {}
31
- ), r = e == null ? void 0 : e.large, o = e == null ? void 0 : e.medium, t = e == null ? void 0 : e.small, s = this.useBlock.id, m = r ? c({
32
- className: s,
33
- styles: r
34
- }) : "", d = o ? c({
35
- className: s,
36
- styles: o,
37
- mediaQuery: i(
38
- "medium",
39
- l
40
- )
41
- }) : "", u = t ? c({
42
- className: s,
43
- styles: t,
44
- mediaQuery: i(
45
- "small",
46
- l
47
- )
48
- }) : "";
49
- return [m, d, u].join(" ");
50
- }
51
- }
52
- };
53
- function b(e, n, l, r, o, t) {
54
- const s = y("render-inlined-styles");
55
- return o.TARGET !== "reactNative" && t.css ? (k(), h(s, {
56
- key: 0,
57
- styles: t.css
58
- }, null, 8, ["styles"])) : S("", !0);
59
- }
60
- const E = /* @__PURE__ */ g(C, [["render", b]]);
61
- export {
62
- E as default
63
- };
@@ -1,3 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),i=require("./index.59001d0e.cjs"),h=require("./get-processed-block.d00eccbb.cjs"),y=e=>`v-on:${e.toLowerCase()}`,b=(e,n)=>o=>i.evaluate({code:e,context:n.context,state:n.state,event:o,isExpression:!1});function x(e){var s;const n={},o=(s=e.block.actions)!=null?s:{};for(const c in o){if(!o.hasOwnProperty(c))continue;const r=o[c];n[y(c)]=b(r,e)}return n}function f(e){var n;return{...(n=e.component)==null?void 0:n.options,...e.options,builderBlock:e}}function g(e){const n={};if(typeof e!="string")return n;const o=e.trim().split(/\\s+/);for(const s of o)n[s]=!0;return n}function B(e){return e.class=g(e.class),e}function C(e){var o;const n={...e.properties,"builder-id":e.id,style:v(e.style),class:[e.id,"builder-block",e.class,(o=e.properties)==null?void 0:o.class].filter(Boolean).join(" ")};return B(n)}function v(e){if(!!e)switch(i.TARGET){case"svelte":case"vue2":case"vue3":case"solid":return i.convertStyleMapToCSSArray(e).join(" ");case"qwik":case"reactNative":case"react":return e}}function P(e){return e.tagName||"div"}const E=["area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"],_=e=>typeof e=="string"&&E.includes(e.toLowerCase()),S=({block:e,context:n})=>{var c;const o=(c=h.getProcessedBlock({block:e,state:n.state,context:n.context,shouldEvaluateBindings:!1}).component)==null?void 0:c.name;if(!o)return null;const s=n.registeredComponents[o];if(s)return s;console.warn(`
2
- Could not find a registered component named "${o}".
3
- If you registered it, is the file that registered it imported by the file that needs to render it?`)},R=({block:e,context:n})=>{const{repeat:o,...s}=e;if(!(o!=null&&o.collection))return;const c=i.evaluate({code:o.collection,state:n.state,context:n.context});if(!Array.isArray(c))return;const r=o.collection.split(".").pop(),a=o.itemName||(r?r+"Item":"item");return c.map((m,p)=>({context:{...n,state:{...n.state,$index:p,$item:m,[a]:m,[`$${a}Index`]:p}},block:s}))},w=()=>Promise.resolve().then(()=>require("./block-styles.057be752.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",e),e}),A=()=>Promise.resolve().then(()=>require("./render-repeated-block.791d2698.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderRepeatedBlock at ./render-repeated-block.vue",e),e}),N=()=>Promise.resolve().then(()=>require("./render-component.79b00fb5.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderComponent at ./render-component.vue",e),e}),O={name:"render-block",components:{RenderComponent:t.defineAsyncComponent(N),RenderRepeatedBlock:t.defineAsyncComponent(A),BlockStyles:t.defineAsyncComponent(w)},props:["block","context"],data(){return{component:S({block:this.block,context:this.context}),repeatItemData:R({block:this.block,context:this.context}),isEmptyHtmlElement:_}},computed:{tag(){return P(this.useBlock)},useBlock(){return this.repeatItemData?this.block:h.getProcessedBlock({block:this.block,state:this.context.state,context:this.context.context,shouldEvaluateBindings:!0})},proxyState(){return typeof Proxy>"u"?(console.error("no Proxy available in this environment, cannot proxy state."),this.context.state):new Proxy(this.context.state,{set:(n,o,s)=>{var c,r;return n[o]=s,(r=(c=this.context).setState)==null||r.call(c,n),!0}})},actions(){return x({block:this.useBlock,state:this.proxyState,context:this.context.context})},attributes(){return{...C(this.useBlock)}},renderComponentProps(){var e,n,o;return{blockChildren:(e=this.useBlock.children)!=null?e:[],componentRef:(n=this.component)==null?void 0:n.component,componentOptions:{...f(this.useBlock),...(o=this.component)!=null&&o.noWrap?{attributes:{...this.attributes,...this.actions}}:{}},context:this.childrenContext}},childrenWithoutParentComponent(){var n,o;return!((n=this.component)!=null&&n.component)&&!this.repeatItemData?(o=this.useBlock.children)!=null?o:[]:[]},childrenContext(){const e=()=>({});return{apiKey:this.context.apiKey,state:this.context.state,content:this.context.content,context:this.context.context,setState:this.context.setState,registeredComponents:this.context.registeredComponents,inheritedStyles:e()}}},methods:{stripVOn:function(n={}){return Object.keys(n).reduce((o,s)=>({...o,[s.replace("v-on:","")]:n[s]}),{})}}};function j(e,n,o,s,c,r){var k;const a=t.resolveComponent("render-repeated-block"),u=t.resolveComponent("render-component"),m=t.resolveComponent("render-block",!0),p=t.resolveComponent("block-styles");return(k=c.component)!=null&&k.noWrap?(t.openBlock(),t.createBlock(u,t.normalizeProps(t.mergeProps({key:1},r.renderComponentProps)),null,16)):(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[c.isEmptyHtmlElement(r.tag)?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.tag),t.mergeProps({key:0},r.attributes,t.toHandlers(r.stripVOn(r.actions))),null,16)):t.createCommentVNode("",!0),!c.isEmptyHtmlElement(r.tag)&&c.repeatItemData?(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:1},t.renderList(c.repeatItemData,(l,d)=>(t.openBlock(),t.createBlock(a,{key:d,repeatContext:l.context,block:l.block},null,8,["repeatContext","block"]))),128)):t.createCommentVNode("",!0),!c.isEmptyHtmlElement(r.tag)&&!c.repeatItemData?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.tag),t.mergeProps({key:2},r.attributes,t.toHandlers(r.stripVOn(r.actions))),{default:t.withCtx(()=>[t.createVNode(u,t.normalizeProps(t.guardReactiveProps(r.renderComponentProps)),null,16),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(r.childrenWithoutParentComponent,(l,d)=>(t.openBlock(),t.createBlock(m,{key:"render-block-"+l.id,block:l,context:r.childrenContext},null,8,["block","context"]))),128)),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(r.childrenWithoutParentComponent,(l,d)=>(t.openBlock(),t.createBlock(p,{key:"block-style-"+l.id,block:l,context:r.childrenContext},null,8,["block","context"]))),128))]),_:1},16)):t.createCommentVNode("",!0)],64))}const I=i._export_sfc(O,[["render",j]]);exports.default=I;