@builder.io/sdk-vue 0.4.2 → 0.4.4

package/packages/_vue3/dist/src/components/render-block/render-repeated-block.vue.d.ts

@@ -1,12 +1,3 @@
-/**
- * We can't make this a generic `ProvideContext` function because Vue 2 won't support root slots, e.g.
- *
- * ```vue
- * <template>
- *  <slot></slot>
- * </template>
- * ```
- */
 declare const _sfc_main: import("vue").DefineComponent<Readonly<{
     block?: any;
     repeatContext?: any;

package/packages/_vue3/dist/src/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.4.2";
+export declare const SDK_VERSION = "0.4.4";

package/packages/_vue3/dist/style.css

@@ -1 +1 @@
-.button-361b1o6wv2k[data-v-a4481d84]{all:unset}.div-1eih9th5ow6[data-v-cc8d4c1f]{display:flex;line-height:normal}.div-1eih9th5ow6-2[data-v-cc8d4c1f]{display:flex;flex-direction:column;align-items:stretch}.img-256wrwn33ry[data-v-15a2d98b]{opacity:1;transition:opacity .2s ease-in-out}.div-256wrwn33ry[data-v-15a2d98b]{width:100%;pointer-events:none;font-size:0}.div-256wrwn33ry-2[data-v-15a2d98b]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.div-4o9pb21oca6[data-v-07645c8e]{display:flex;flex-direction:column;align-items:stretch}
+.button-361b1o6wv2k[data-v-e8a5e9df]{all:unset}.div-4o9pb21oca6[data-v-61bc5f3a]{display:flex;flex-direction:column;align-items:stretch}.div-1eih9th5ow6[data-v-df2fecd0]{display:flex;line-height:normal}.div-1eih9th5ow6-2[data-v-df2fecd0]{display:flex;flex-direction:column;align-items:stretch}.img-256wrwn33ry[data-v-f59f4313]{opacity:1;transition:opacity .2s ease-in-out}.div-256wrwn33ry[data-v-f59f4313]{width:100%;pointer-events:none;font-size:0}.div-256wrwn33ry-2[data-v-f59f4313]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}

package/packages/_vue2/dist/css.c26b7ab4.cjs

@@ -1,6 +0,0 @@
-"use strict";const f=require("./evaluate.7d21bb04.cjs"),a=require("./index.95d9006f.cjs"),p=(e,t,n)=>{if(Object(e)!==e)return e;const s=Array.isArray(t)?t:t.toString().match(/[^.[\]]+/g);return s.slice(0,-1).reduce((c,r,o)=>Object(c[r])===c[r]?c[r]:c[r]=Math.abs(Number(s[o+1]))>>0===+s[o+1]?[]:{},e)[s[s.length-1]]=n,e};const g=({block:e,context:t,localState:n,rootState:s,rootSetState:c})=>{if(!e.bindings)return e;const r=a.fastClone(e),o={...r,properties:{...r.properties},actions:{...r.actions}};for(const i in e.bindings){const l=e.bindings[i],d=f.evaluate({code:l,localState:n,rootState:s,rootSetState:c,context:t});p(o,i,d)}return o};function C({block:e,context:t,shouldEvaluateBindings:n,localState:s,rootState:c,rootSetState:r}){const o=e;return n?g({block:o,localState:s,rootState:c,rootSetState:r,context:t}):o}const S=e=>e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase(),u=e=>Object.entries(e).map(([n,s])=>{if(typeof s=="string")return`${S(n)}: ${s};`}).filter(a.checkIsDefined),v=e=>u(e).join(`
-`),y=({mediaQuery:e,className:t,styles:n})=>{const s=`.${t} {
-    ${v(n)}
-  }`;return e?`${e} {
-      ${s}
-    }`:s};exports.convertStyleMapToCSSArray=u;exports.createCssClass=y;exports.getProcessedBlock=C;

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

@@ -1,3 +0,0 @@
-"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/_vue3/dist/block-styles.5b949efb.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index.3e17c057.cjs"),r=require("./css.627e21ae.cjs");require("./evaluate.da45a33b.cjs");const y=()=>Promise.resolve().then(()=>require("./render-inlined-styles.14d9ba36.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}),S=o.defineComponent({name:"block-styles",components:{RenderInlinedStyles:o.defineAsyncComponent(y)},props:["block","context"],data(){return{TARGET:t.TARGET}},computed:{useBlock(){return r.getProcessedBlock({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0})},canShowBlock(){return t.checkIsDefined(this.useBlock.hide)?!this.useBlock.hide:t.checkIsDefined(this.useBlock.show)?this.useBlock.show:!0},css(){var d;const e=this.useBlock.responsiveStyles,n=this.context.content,c=t.getSizesForBreakpoints(((d=n==null?void 0:n.meta)==null?void 0:d.breakpoints)||{}),l=e==null?void 0:e.large,i=e==null?void 0:e.medium,a=e==null?void 0:e.small,s=this.useBlock.id;if(!s)return"";const u=l?r.createCssClass({className:s,styles:l}):"",m=i?r.createCssClass({className:s,styles:i,mediaQuery:t.getMaxWidthQueryForSize("medium",c)}):"",h=a?r.createCssClass({className:s,styles:a,mediaQuery:t.getMaxWidthQueryForSize("small",c)}):"";return[u,m,h].join(" ")}}});function k(e,n,c,l,i,a){const s=o.resolveComponent("render-inlined-styles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(o.openBlock(),o.createBlock(s,{key:0,styles:e.css},null,8,["styles"])):o.createCommentVNode("",!0)}const p=t._export_sfc(S,[["render",k]]);exports.default=p;

package/packages/_vue3/dist/block-styles.e91165b8.js

@@ -1,72 +0,0 @@
-import { defineComponent as h, defineAsyncComponent as S, resolveComponent as k, openBlock as y, createBlock as f, createCommentVNode as B } from "vue";
-import { T as g, c as i, g as C, a as d, _ } from "./index.3a561c6a.js";
-import { g as x, c } from "./css.41ed2294.js";
-import "./evaluate.0662f166.js";
-const b = () => import("./render-inlined-styles.0444f4fe.js").then((e) => e.default).catch((e) => {
-  throw console.error(
-    "Error while attempting to dynamically import component RenderInlinedStyles at ../render-inlined-styles.vue",
-    e
-  ), e;
-}), w = h({
-  name: "block-styles",
-  components: {
-    RenderInlinedStyles: S(b)
-  },
-  props: ["block", "context"],
-  data() {
-    return { TARGET: g };
-  },
-  computed: {
-    useBlock() {
-      return x({
-        block: this.block,
-        localState: this.context.localState,
-        rootState: this.context.rootState,
-        rootSetState: this.context.rootSetState,
-        context: this.context.context,
-        shouldEvaluateBindings: !0
-      });
-    },
-    canShowBlock() {
-      return i(this.useBlock.hide) ? !this.useBlock.hide : i(this.useBlock.show) ? this.useBlock.show : !0;
-    },
-    css() {
-      var a;
-      const e = this.useBlock.responsiveStyles, s = this.context.content, o = C(
-        ((a = s == null ? void 0 : s.meta) == null ? void 0 : a.breakpoints) || {}
-      ), n = e == null ? void 0 : e.large, r = e == null ? void 0 : e.medium, l = e == null ? void 0 : e.small, t = this.useBlock.id;
-      if (!t)
-        return "";
-      const m = n ? c({
-        className: t,
-        styles: n
-      }) : "", u = r ? c({
-        className: t,
-        styles: r,
-        mediaQuery: d(
-          "medium",
-          o
-        )
-      }) : "", p = l ? c({
-        className: t,
-        styles: l,
-        mediaQuery: d(
-          "small",
-          o
-        )
-      }) : "";
-      return [m, u, p].join(" ");
-    }
-  }
-});
-function v(e, s, o, n, r, l) {
-  const t = k("render-inlined-styles");
-  return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? (y(), f(t, {
-    key: 0,
-    styles: e.css
-  }, null, 8, ["styles"])) : B("", !0);
-}
-const $ = /* @__PURE__ */ _(w, [["render", v]]);
-export {
-  $ as default
-};

package/packages/_vue3/dist/css.41ed2294.js

@@ -1,75 +0,0 @@
-import { e as u } from "./evaluate.0662f166.js";
-import { f as p, c as l } from "./index.3a561c6a.js";
-const g = (e, t, n) => {
-  if (Object(e) !== e)
-    return e;
-  const s = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
-  return s.slice(0, -1).reduce(
-    (o, r, c) => Object(o[r]) === o[r] ? o[r] : o[r] = Math.abs(Number(s[c + 1])) >> 0 === +s[c + 1] ? [] : {},
-    e
-  )[s[s.length - 1]] = n, e;
-};
-const d = ({
-  block: e,
-  context: t,
-  localState: n,
-  rootState: s,
-  rootSetState: o
-}) => {
-  if (!e.bindings)
-    return e;
-  const r = p(e), c = {
-    ...r,
-    properties: { ...r.properties },
-    actions: { ...r.actions }
-  };
-  for (const i in e.bindings) {
-    const a = e.bindings[i], f = u({
-      code: a,
-      localState: n,
-      rootState: s,
-      rootSetState: o,
-      context: t
-    });
-    g(c, i, f);
-  }
-  return c;
-};
-function v({
-  block: e,
-  context: t,
-  shouldEvaluateBindings: n,
-  localState: s,
-  rootState: o,
-  rootSetState: r
-}) {
-  const c = e;
-  return n ? d({
-    block: c,
-    localState: s,
-    rootState: o,
-    rootSetState: r,
-    context: t
-  }) : c;
-}
-const m = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), C = (e) => Object.entries(e).map(([n, s]) => {
-  if (typeof s == "string")
-    return `${m(n)}: ${s};`;
-}).filter(l), $ = (e) => C(e).join(`
-`), A = ({
-  mediaQuery: e,
-  className: t,
-  styles: n
-}) => {
-  const s = `.${t} {
-    ${$(n)}
-  }`;
-  return e ? `${e} {
-      ${s}
-    }` : s;
-};
-export {
-  C as a,
-  A as c,
-  v as g
-};

package/packages/_vue3/dist/evaluate.0662f166.js

@@ -1,63 +0,0 @@
-import { i as d, b as w } from "./index.3a561c6a.js";
-function h({
-  code: n,
-  context: r,
-  localState: e,
-  rootState: s,
-  rootSetState: i,
-  event: u,
-  isExpression: c = !0
-}) {
-  if (n === "") {
-    console.warn("Skipping evaluation of empty code block.");
-    return;
-  }
-  const t = {
-    isEditing: d(),
-    isBrowser: w(),
-    isServer: !w()
-  }, l = c && !(n.includes(";") || n.includes(" return ") || n.trim().startsWith("return ")) ? `return (${n});` : n;
-  try {
-    return new Function(
-      "builder",
-      "Builder",
-      "state",
-      "context",
-      "event",
-      l
-    )(
-      t,
-      t,
-      o(s, e, i),
-      r,
-      u
-    );
-  } catch (f) {
-    console.warn(
-      `Builder custom code error: 
- While Evaluating: 
- `,
-      l,
-      `
-`,
-      f
-    );
-  }
-}
-function o(n, r, e) {
-  if (n === r)
-    throw new Error("rootState === localState");
-  return new Proxy(n, {
-    get: (s, i) => r && i in r ? r[i] : n[i],
-    set: (s, i, u) => {
-      if (r && i in r)
-        throw new Error(
-          "Writing to local state is not allowed as it is read-only."
-        );
-      return n[i] = u, e == null || e(n), !0;
-    }
-  });
-}
-export {
-  h as e
-};

package/packages/_vue3/dist/evaluate.da45a33b.cjs

@@ -1,4 +0,0 @@
-"use strict";const t=require("./index.3e17c057.cjs");function f({code:n,context:r,localState:i,rootState:s,rootSetState:e,event:u,isExpression:w=!0}){if(n===""){console.warn("Skipping evaluation of empty code block.");return}const c={isEditing:t.isEditing(),isBrowser:t.isBrowser(),isServer:!t.isBrowser()},l=w&&!(n.includes(";")||n.includes(" return ")||n.trim().startsWith("return "))?`return (${n});`:n;try{return new Function("builder","Builder","state","context","event",l)(c,c,o(s,i,e),r,u)}catch(d){console.warn(`Builder custom code error: 
- While Evaluating: 
- `,l,`
-`,d)}}function o(n,r,i){if(n===r)throw new Error("rootState === localState");return new Proxy(n,{get:(s,e)=>r&&e in r?r[e]:n[e],set:(s,e,u)=>{if(r&&e in r)throw new Error("Writing to local state is not allowed as it is read-only.");return n[e]=u,i==null||i(n),!0}})}exports.evaluate=f;