@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.
- package/package.json +1 -1
- package/packages/_vue2/dist/block-styles.d7d7aa69.js +69 -0
- package/packages/_vue2/dist/block-styles.f25ea71f.cjs +1 -0
- package/packages/{_vue3/dist/get-processed-block.d00eccbb.cjs → _vue2/dist/get-processed-block.d3c744f7.cjs} +1 -1
- package/packages/{_vue3/dist/get-processed-block.7f0848a3.js → _vue2/dist/get-processed-block.ef627078.js} +1 -1
- package/packages/_vue2/dist/{index.2d467eb1.cjs → index.bef62fde.cjs} +5 -5
- package/packages/_vue2/dist/{index.055082cd.js → index.ea6d5c33.js} +74 -73
- package/packages/_vue2/dist/{render-block.3d616731.js → render-block.68538b72.js} +34 -31
- package/packages/_vue2/dist/render-block.8a810b21.cjs +3 -0
- package/packages/_vue2/dist/{render-component.69758ebf.js → render-component.d5a06a9f.js} +3 -3
- package/packages/_vue2/dist/{render-component.f92ce0c3.cjs → render-component.fa85c266.cjs} +1 -1
- package/packages/_vue2/dist/{render-inlined-styles.8d0c5a9b.js → render-inlined-styles.32e2a109.js} +1 -1
- package/packages/_vue2/dist/{render-inlined-styles.3d0f9fe7.cjs → render-inlined-styles.c58a27b9.cjs} +1 -1
- package/packages/_vue2/dist/{render-repeated-block.6c0e784a.cjs → render-repeated-block.9563405f.cjs} +1 -1
- package/packages/_vue2/dist/{render-repeated-block.e773db2b.js → render-repeated-block.c577be97.js} +2 -2
- package/packages/_vue2/dist/{render-styles.f5c763be.cjs → render-styles.1c71bf0a.cjs} +2 -2
- package/packages/_vue2/dist/{render-styles.38da6402.js → render-styles.31ad9a17.js} +2 -2
- package/packages/_vue2/dist/sdk.cjs +1 -1
- package/packages/_vue2/dist/sdk.js +3 -3
- package/packages/_vue2/dist/src/blocks/columns/columns.vue.d.ts +4 -0
- package/packages/_vue2/dist/src/blocks/symbol/symbol.vue.d.ts +4 -0
- package/packages/_vue2/dist/src/components/render-block/block-styles.vue.d.ts +1 -0
- package/packages/_vue2/dist/src/components/render-block/render-block.vue.d.ts +3 -0
- package/packages/_vue2/dist/src/components/render-block/render-component.vue.d.ts +3 -0
- package/packages/_vue2/dist/src/components/render-block/render-repeated-block.vue.d.ts +3 -0
- package/packages/_vue2/dist/src/components/render-blocks.vue.d.ts +4 -0
- package/packages/_vue2/dist/src/components/render-content/render-content.vue.d.ts +4 -0
- package/packages/_vue2/dist/src/types/builder-block.d.ts +8 -0
- package/packages/_vue2/dist/style.css +1 -1
- package/packages/_vue3/dist/block-styles.8ee7887b.cjs +1 -0
- package/packages/_vue3/dist/block-styles.b74d2b45.js +66 -0
- package/packages/{_vue2/dist/get-processed-block.e426e5c8.js → _vue3/dist/get-processed-block.348e1332.js} +1 -1
- package/packages/{_vue2/dist/get-processed-block.3cf6c3ff.cjs → _vue3/dist/get-processed-block.49919209.cjs} +1 -1
- package/packages/_vue3/dist/{index.59001d0e.cjs → index.4f68e6f8.cjs} +10 -10
- package/packages/_vue3/dist/{index.3d6c5319.js → index.5773f262.js} +37 -36
- package/packages/_vue3/dist/render-block.1021bf96.cjs +3 -0
- package/packages/_vue3/dist/{render-block.9166425b.js → render-block.f48dafa3.js} +76 -71
- package/packages/_vue3/dist/{render-component.bca347e7.js → render-component.2ae850d5.js} +3 -3
- package/packages/_vue3/dist/{render-component.79b00fb5.cjs → render-component.f152b6e4.cjs} +1 -1
- package/packages/_vue3/dist/{render-inlined-styles.56c17d2f.cjs → render-inlined-styles.9dd02e33.cjs} +1 -1
- package/packages/_vue3/dist/{render-inlined-styles.97f3e330.js → render-inlined-styles.da7419c9.js} +1 -1
- package/packages/_vue3/dist/{render-repeated-block.d0ab60c1.js → render-repeated-block.0c8d0906.js} +2 -2
- package/packages/_vue3/dist/{render-repeated-block.791d2698.cjs → render-repeated-block.58283c8b.cjs} +1 -1
- package/packages/_vue3/dist/{render-styles.86687760.cjs → render-styles.90022a69.cjs} +2 -2
- package/packages/_vue3/dist/{render-styles.e5ee2819.js → render-styles.fc3b8b2e.js} +2 -2
- package/packages/_vue3/dist/sdk.cjs +1 -1
- package/packages/_vue3/dist/sdk.js +3 -3
- package/packages/_vue3/dist/src/blocks/columns/columns.vue.d.ts +1 -0
- package/packages/_vue3/dist/src/blocks/symbol/symbol.vue.d.ts +1 -0
- package/packages/_vue3/dist/src/components/render-block/block-styles.vue.d.ts +1 -0
- package/packages/_vue3/dist/src/components/render-blocks.vue.d.ts +1 -0
- package/packages/_vue3/dist/src/components/render-content/render-content.vue.d.ts +1 -0
- package/packages/_vue3/dist/src/types/builder-block.d.ts +8 -0
- package/packages/_vue3/dist/style.css +1 -1
- package/packages/_vue2/dist/block-styles.39cc91ef.cjs +0 -1
- package/packages/_vue2/dist/block-styles.ed7736cd.js +0 -66
- package/packages/_vue2/dist/render-block.f934b32f.cjs +0 -3
- package/packages/_vue3/dist/block-styles.057be752.cjs +0 -1
- package/packages/_vue3/dist/block-styles.90be320f.js +0 -63
- 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;
|