@builder.io/sdk-vue 0.4.0 → 0.4.2

package/packages/_vue2/dist/{render-block.0c043cce.js → render-block.22052bd8.js}

@@ -1,8 +1,8 @@
 import { defineComponent as m } from "vue";
-import { e as l } from "./evaluate.9b61c455.js";
-import { T as u, n as d } from "./index.75296c8a.js";
-import { a as h, g as p } from "./css.6d40adbf.js";
-const S = (e) => `v-on:${e.toLowerCase()}`, f = (e, t) => (o) => l({
+import { e as l } from "./evaluate.6ab6e7cb.js";
+import { T as u, n as d } from "./index.2473a355.js";
+import { a as h, g as p } from "./css.49cc4003.js";
+const f = (e) => `v-on:${e.toLowerCase()}`, k = (e, t) => (o) => l({
   code: e,
   context: t.context,
   localState: t.localState,
@@ -11,14 +11,14 @@ const S = (e) => `v-on:${e.toLowerCase()}`, f = (e, t) => (o) => l({
   event: o,
   isExpression: !1
 });
-function k(e) {
+function S(e) {
   var r;
   const t = {}, o = (r = e.block.actions) != null ? r : {};
   for (const n in o) {
     if (!o.hasOwnProperty(n))
       continue;
     const c = o[n];
-    t[S(n)] = f(c, e);
+    t[f(n)] = k(c, e);
   }
   return t;
 }
@@ -30,7 +30,7 @@ function b(e) {
     builderBlock: e
   };
 }
-function x(e) {
+function y(e) {
   const t = {};
   if (typeof e != "string")
     return t;
@@ -39,8 +39,8 @@ function x(e) {
     t[r] = !0;
   return t;
 }
-function y(e) {
-  return e.class = x(e.class), e;
+function x(e) {
+  return e.class = y(e.class), e;
 }
 const g = (e) => ({ href: e.href });
 function B(e) {
@@ -52,7 +52,7 @@ function B(e) {
     style: v(e.style),
     class: [e.id, "builder-block", e.class, (o = e.properties) == null ? void 0 : o.class].filter(Boolean).join(" ")
   };
-  return y(t);
+  return x(t);
 }
 function v(e) {
   if (!!e)
@@ -68,7 +68,7 @@ function v(e) {
         return e;
     }
 }
-const C = [
+const _ = [
   "area",
   "base",
   "br",
@@ -84,7 +84,7 @@ const C = [
   "source",
   "track",
   "wbr"
-], _ = (e) => typeof e == "string" && C.includes(e.toLowerCase()), w = ({
+], C = (e) => typeof e == "string" && _.includes(e.toLowerCase()), w = ({
   block: e,
   context: t
 }) => {
@@ -135,17 +135,17 @@ const C = [
     },
     block: r
   }));
-}, R = () => import("./block-styles.6046e541.js").then((e) => e.default).catch((e) => {
+}, R = () => import("./block-styles.6a1d7394.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",
     e
   ), e;
-}), P = () => import("./render-repeated-block.7a35249f.js").then((e) => e.default).catch((e) => {
+}), P = () => import("./render-repeated-block.ac4f1559.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderRepeatedBlock at ./render-repeated-block.vue",
     e
   ), e;
-}), T = () => import("./render-component.d72cfa86.js").then((e) => e.default).catch((e) => {
+}), T = () => import("./render-component.ec485884.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderComponent at ./render-component.vue",
     e
@@ -165,7 +165,8 @@ const C = [
         context: this.context
       }),
       Tag: this.block.tagName || "div",
-      isEmptyHtmlElement: _
+      childrenContext: this.context,
+      isEmptyHtmlElement: C
     };
   },
   computed: {
@@ -189,7 +190,7 @@ const C = [
       return "hide" in this.useBlock ? !this.useBlock.hide : "show" in this.useBlock ? this.useBlock.show : !0;
     },
     actions() {
-      return k({
+      return S({
         block: this.useBlock,
         rootState: this.context.rootState,
         rootSetState: this.context.rootSetState,
@@ -206,20 +207,6 @@ const C = [
       var t, o;
       return !((t = this.component) != null && t.component) && !this.repeatItem ? (o = this.useBlock.children) != null ? o : [] : [];
     },
-    childrenContext() {
-      const e = () => ({});
-      return {
-        apiKey: this.context.apiKey,
-        apiVersion: this.context.apiVersion,
-        localState: this.context.localState,
-        rootState: this.context.rootState,
-        rootSetState: this.context.rootSetState,
-        content: this.context.content,
-        context: this.context.context,
-        registeredComponents: this.context.registeredComponents,
-        inheritedStyles: e()
-      };
-    },
     renderComponentProps() {
       var e, t, o;
       return {
@@ -270,7 +257,7 @@ var A = function() {
   null,
   null
 );
-const L = N.exports;
+const M = N.exports;
 export {
-  L as default
+  M as default
 };

package/packages/_vue2/dist/render-block.9342f7b5.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("vue"),u=require("./evaluate.7d21bb04.cjs"),d=require("./index.95d9006f.cjs"),s=require("./css.c26b7ab4.cjs"),m=e=>`v-on:${e.toLowerCase()}`,h=(e,t)=>o=>u.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:o,isExpression:!1});function k(e){var r;const t={},o=(r=e.block.actions)!=null?r:{};for(const n in o){if(!o.hasOwnProperty(n))continue;const c=o[n];t[m(n)]=h(c,e)}return t}function f(e){var t;return{...(t=e.component)==null?void 0:t.options,...e.options,builderBlock:e}}function S(e){const t={};if(typeof e!="string")return t;const o=e.trim().split(/\\s+/);for(const r of o)t[r]=!0;return t}function b(e){return e.class=S(e.class),e}const v=e=>({href:e.href});function y(e){var o;const t={...v(e),...e.properties,"builder-id":e.id,style:g(e.style),class:[e.id,"builder-block",e.class,(o=e.properties)==null?void 0:o.class].filter(Boolean).join(" ")};return b(t)}function g(e){if(!!e)switch(d.TARGET){case"svelte":case"vue2":case"vue3":case"solid":return s.convertStyleMapToCSSArray(e).join(" ");case"qwik":case"reactNative":case"react":return e}}const x=["area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"],B=e=>typeof e=="string"&&x.includes(e.toLowerCase()),_=({block:e,context:t})=>{var n;const o=(n=s.getProcessedBlock({block:e,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,context:t.context,shouldEvaluateBindings:!1}).component)==null?void 0:n.name;if(!o)return null;const r=t.registeredComponents[o];if(r)return r;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?`)},C=({block:e,context:t})=>{const{repeat:o,...r}=e;if(!(o!=null&&o.collection))return;const n=u.evaluate({code:o.collection,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,context:t.context});if(!Array.isArray(n))return;const c=o.collection.split(".").pop(),a=o.itemName||(c?c+"Item":"item");return n.map((i,l)=>({context:{...t,localState:{...t.localState,$index:l,$item:i,[a]:i,[`$${a}Index`]:l}},block:r}))},w=()=>Promise.resolve().then(()=>require("./block-styles.cacb4849.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",e),e}),P=()=>Promise.resolve().then(()=>require("./render-repeated-block.253c96e6.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}),E=()=>Promise.resolve().then(()=>require("./render-component.f3cccaa9.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderComponent at ./render-component.vue",e),e}),R=p.defineComponent({name:"render-block",components:{RenderComponent:E,RenderRepeatedBlock:P,BlockStyles:w},props:["block","context"],data(){return{component:_({block:this.block,context:this.context}),Tag:this.block.tagName||"div",childrenContext:this.context,isEmptyHtmlElement:B}},computed:{repeatItem(){return C({block:this.block,context:this.context})},useBlock(){return this.repeatItem?this.block:s.getProcessedBlock({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0})},canShowBlock(){return"hide"in this.useBlock?!this.useBlock.hide:"show"in this.useBlock?this.useBlock.show:!0},actions(){return k({block:this.useBlock,rootState:this.context.rootState,rootSetState:this.context.rootSetState,localState:this.context.localState,context:this.context.context})},attributes(){return{...y(this.useBlock)}},childrenWithoutParentComponent(){var t,o;return!((t=this.component)!=null&&t.component)&&!this.repeatItem?(o=this.useBlock.children)!=null?o:[]:[]},renderComponentProps(){var e,t,o;return{blockChildren:(e=this.useBlock.children)!=null?e:[],componentRef:(t=this.component)==null?void 0:t.component,componentOptions:{...f(this.useBlock),...(o=this.component)!=null&&o.noWrap?{attributes:{...this.attributes,...this.actions}}:{}},context:this.childrenContext}}},methods:{stripVOn:function(t={}){return Object.keys(t).reduce((o,r)=>({...o,[r.replace("v-on:","")]:t[r]}),{})}}});var T=function(){var r;var t=this,o=t._self._c;return t._self._setupProxy,!Boolean(!((r=t.component)!=null&&r.noWrap))&&t.canShowBlock?o("render-component",t._b({},"render-component",t.renderComponentProps,!1)):t.isEmptyHtmlElement(t.Tag)&&t.canShowBlock?o(t.Tag,t._g(t._b({tag:"component"},"component",t.attributes,!1),t.stripVOn(t.actions))):!t.isEmptyHtmlElement(t.Tag)&&t.repeatItem&&t.canShowBlock?o("div",{staticClass:"vue2-root-element-workaround"},t._l(t.repeatItem,function(n,c){return o("render-repeated-block",{key:c,attrs:{repeatContext:n.context,block:n.block}})}),1):t.canShowBlock?o(t.Tag,t._g(t._b({tag:"component"},"component",t.attributes,!1),t.stripVOn(t.actions)),[o("render-component",t._b({},"render-component",t.renderComponentProps,!1)),t._l(t.childrenWithoutParentComponent,function(n,c){return o("render-block",{key:"render-block-"+n.id,attrs:{block:n,context:t.childrenContext}})}),t._l(t.childrenWithoutParentComponent,function(n,c){return o("block-styles",{key:"block-style-"+n.id,attrs:{block:n,context:t.childrenContext}})})],2):t._e()},j=[],O=d.normalizeComponent(R,T,j,!1,null,null,null,null);const A=O.exports;exports.default=A;

package/packages/_vue2/dist/{render-component.d72cfa86.js → render-component.ec485884.js}

@@ -1,11 +1,11 @@
 import { defineComponent as c } from "vue";
-import { n as l } from "./index.75296c8a.js";
-const s = () => import("./block-styles.6046e541.js").then((e) => e.default).catch((e) => {
+import { n as l } from "./index.2473a355.js";
+const s = () => import("./block-styles.6a1d7394.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",
     e
   ), e;
-}), m = () => import("./render-block.0c043cce.js").then((e) => e.default).catch((e) => {
+}), m = () => import("./render-block.22052bd8.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlock at ./render-block.vue",
     e

package/packages/_vue2/dist/{render-component.89838d4a.cjs → render-component.f3cccaa9.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue"),l=require("./index.d1a8c547.cjs"),s=()=>Promise.resolve().then(()=>require("./block-styles.5d12dd48.cjs")).then(n=>n.default).catch(n=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",n),n}),i=()=>Promise.resolve().then(()=>require("./render-block.aa8d982e.cjs")).then(n=>n.default).catch(n=>{throw console.error("Error while attempting to dynamically import component RenderBlock at ./render-block.vue",n),n}),a=c.defineComponent({name:"render-component",components:{RenderBlock:i,BlockStyles:s},props:["componentRef","componentOptions","blockChildren","context"]});var d=function(){var e=this,t=e._self._c;return e._self._setupProxy,e.componentRef?t(e.componentRef,e._b({tag:"component"},"component",e.componentOptions,!1),[e._l(e.blockChildren,function(o,r){return t("render-block",{key:"render-block-"+o.id,attrs:{block:o,context:e.context}})}),e._l(e.blockChildren,function(o,r){return t("block-styles",{key:"block-style-"+o.id,attrs:{block:o,context:e.context}})})],2):e._e()},m=[],p=l.normalizeComponent(a,d,m,!1,null,null,null,null);const u=p.exports;exports.default=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue"),l=require("./index.95d9006f.cjs"),s=()=>Promise.resolve().then(()=>require("./block-styles.cacb4849.cjs")).then(n=>n.default).catch(n=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",n),n}),i=()=>Promise.resolve().then(()=>require("./render-block.9342f7b5.cjs")).then(n=>n.default).catch(n=>{throw console.error("Error while attempting to dynamically import component RenderBlock at ./render-block.vue",n),n}),a=c.defineComponent({name:"render-component",components:{RenderBlock:i,BlockStyles:s},props:["componentRef","componentOptions","blockChildren","context"]});var m=function(){var e=this,t=e._self._c;return e._self._setupProxy,e.componentRef?t(e.componentRef,e._b({tag:"component"},"component",e.componentOptions,!1),[e._l(e.blockChildren,function(o,r){return t("render-block",{key:"render-block-"+o.id,attrs:{block:o,context:e.context}})}),e._l(e.blockChildren,function(o,r){return t("block-styles",{key:"block-style-"+o.id,attrs:{block:o,context:e.context}})})],2):e._e()},d=[],p=l.normalizeComponent(a,m,d,!1,null,null,null,null);const u=p.exports;exports.default=u;