@builder.io/sdk-vue 0.1.16 → 0.2.1

package/packages/_vue3/dist/block-styles.2a45708e.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),s=require("./index.60a69463.cjs"),l=require("./css.23dfb27d.cjs"),y=()=>Promise.resolve().then(()=>require("./render-inlined-styles.553ae14b.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderInlinedStyles at ../render-inlined-styles.vue",e),e}),k={name:"block-styles",components:{RenderInlinedStyles:o.defineAsyncComponent(y)},props:["block","context"],data(){return{TARGET:s.TARGET}},computed:{useBlock(){return l.getProcessedBlock({block:this.block,state:this.context.state,context:this.context.context,shouldEvaluateBindings:!0})},canShowBlock(){return s.checkIsDefined(this.useBlock.hide)?!this.useBlock.hide:s.checkIsDefined(this.useBlock.show)?this.useBlock.show:!0},css(){var d;const e=this.useBlock.responsiveStyles,c=this.context.content,i=s.getSizesForBreakpoints(((d=c==null?void 0:c.meta)==null?void 0:d.breakpoints)||{}),a=e==null?void 0:e.large,r=e==null?void 0:e.medium,t=e==null?void 0:e.small,n=this.useBlock.id,u=a?l.createCssClass({className:n,styles:a}):"",m=r?l.createCssClass({className:n,styles:r,mediaQuery:s.getMaxWidthQueryForSize("medium",i)}):"",h=t?l.createCssClass({className:n,styles:t,mediaQuery:s.getMaxWidthQueryForSize("small",i)}):"";return[u,m,h].join(" ")}}};function p(e,c,i,a,r,t){const n=o.resolveComponent("render-inlined-styles");return r.TARGET!=="reactNative"&&t.css&&t.canShowBlock?(o.openBlock(),o.createBlock(n,{key:0,styles:t.css},null,8,["styles"])):o.createCommentVNode("",!0)}const S=s._export_sfc(k,[["render",p]]);exports.default=S;

package/packages/_vue3/dist/render-block.5d56e77f.cjs

@@ -1,3 +0,0 @@
-"use strict";const t=require("vue"),i=require("./index.60a69463.cjs"),k=require("./css.23dfb27d.cjs"),f=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[f(c)]=B(r,e)}return n}function b(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 C(e){return e.class=g(e.class),e}function v(e){var o;const n={...e.properties,"builder-id":e.id,style:_(e.style),class:[e.id,"builder-block",e.class,(o=e.properties)==null?void 0:o.class].filter(Boolean).join(" ")};return C(n)}function _(e){if(!!e)switch(i.TARGET){case"svelte":case"vue2":case"vue3":case"solid":return k.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"],S=e=>typeof e=="string"&&E.includes(e.toLowerCase()),w=({block:e,context:n})=>{var c;const o=(c=k.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(`
-      Could not find a registered component named "${o}". 
-      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}))},A=()=>Promise.resolve().then(()=>require("./block-styles.2a45708e.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",e),e}),O=()=>Promise.resolve().then(()=>y).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderBlock at ./render-block.vue",e),e}),j={name:"render-component",components:{RenderBlock:t.defineAsyncComponent(O),BlockStyles:t.defineAsyncComponent(A)},props:["componentRef","componentOptions","blockChildren","context"]},I=()=>Promise.resolve().then(()=>require("./block-styles.2a45708e.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",e),e}),N=()=>Promise.resolve().then(()=>require("./render-repeated-block.57e71440.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}),D=()=>Promise.resolve().then(()=>require("./render-component.17648f34.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderComponent at ./render-component.vue",e),e}),T={name:"render-block",components:{RenderComponent:t.defineAsyncComponent(D),RenderRepeatedBlock:t.defineAsyncComponent(N),BlockStyles:t.defineAsyncComponent(I)},props:["block","context"],data(){return{component:w({block:this.block,context:this.context}),repeatItemData:R({block:this.block,context:this.context}),isEmptyHtmlElement:S}},computed:{tag(){return P(this.useBlock)},useBlock(){return this.repeatItemData?this.block:k.getProcessedBlock({block:this.block,state:this.context.state,context:this.context.context,shouldEvaluateBindings:!0})},canShowBlock(){return i.checkIsDefined(this.useBlock.hide)?!this.useBlock.hide:i.checkIsDefined(this.useBlock.show)?this.useBlock.show:!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{...v(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:{...b(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,apiVersion:this.context.apiVersion,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 V(e,n,o,s,c,r){var h;const a=t.resolveComponent("render-repeated-block"),u=t.resolveComponent("render-component"),m=t.resolveComponent("render-block",!0),p=t.resolveComponent("block-styles");return r.canShowBlock?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[(h=c.component)!=null&&h.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))],64)):t.createCommentVNode("",!0)}const H=i._export_sfc(T,[["render",V]]),y=Object.freeze(Object.defineProperty({__proto__:null,default:H},Symbol.toStringTag,{value:"Module"}));exports._sfc_main=j;exports.renderBlock=y;

package/packages/_vue3/dist/src/functions/get-block-tag.d.ts

@@ -1,3 +0,0 @@
-import type { BuilderBlock } from '../types/builder-block.js';
-export type TagName = string;
-export declare function getBlockTag(block: BuilderBlock): TagName;