@builder.io/sdk-vue 0.3.2-0 → 0.4.0

package/package.json

@@ -4,7 +4,7 @@
   "workspaces": [
     "packages/*"
   ],
-  "version": "0.3.2-0",
+  "version": "0.4.0",
   "main": "./packages/_vue2/dist/sdk.js",
   "module": "./packages/_vue2/dist/sdk.js",
   "type": "module",

package/packages/_vue2/dist/block-styles.5d12dd48.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("vue"),s=require("./index.d1a8c547.cjs"),r=require("./css.1c33bc00.cjs");require("./evaluate.1f3c9eb2.cjs");const S=()=>Promise.resolve().then(()=>require("./render-inlined-styles.80c83f3f.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}),y=h.defineComponent({name:"block-styles",components:{RenderInlinedStyles:S},props:["block","context"],data(){return{TARGET:s.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 s.checkIsDefined(this.useBlock.hide)?!this.useBlock.hide:s.checkIsDefined(this.useBlock.show)?this.useBlock.show:!0},css(){var a;const e=this.useBlock.responsiveStyles,t=this.context.content,o=s.getSizesForBreakpoints(((a=t==null?void 0:t.meta)==null?void 0:a.breakpoints)||{}),c=e==null?void 0:e.large,l=e==null?void 0:e.medium,i=e==null?void 0:e.small,n=this.useBlock.id;if(!n)return"";const u=c?r.createCssClass({className:n,styles:c}):"",d=l?r.createCssClass({className:n,styles:l,mediaQuery:s.getMaxWidthQueryForSize("medium",o)}):"",m=i?r.createCssClass({className:n,styles:i,mediaQuery:s.getMaxWidthQueryForSize("small",o)}):"";return[u,d,m].join(" ")}}});var k=function(){var t=this,o=t._self._c;return t._self._setupProxy,t.TARGET!=="reactNative"&&t.css&&t.canShowBlock?o("render-inlined-styles",{attrs:{styles:t.css}}):t._e()},f=[],p=s.normalizeComponent(y,k,f,!1,null,null,null,null);const _=p.exports;exports.default=_;

package/packages/_vue2/dist/{block-styles.22c50e60.js → block-styles.6046e541.js}

@@ -1,7 +1,8 @@
 import { defineComponent as p } from "vue";
-import { T as S, c as i, g as k, a as m, n as y } from "./index.1955e2ac.js";
-import { g as f, c as n } from "./css.d1f35fa9.js";
-const _ = () => import("./render-inlined-styles.955770d4.js").then((t) => t.default).catch((t) => {
+import { T as S, c as i, g as k, a as m, n as y } from "./index.75296c8a.js";
+import { g as f, c as n } from "./css.6d40adbf.js";
+import "./evaluate.9b61c455.js";
+const _ = () => import("./render-inlined-styles.57cb3887.js").then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderInlinedStyles at ../render-inlined-styles.vue",
     t
@@ -31,15 +32,15 @@ const _ = () => import("./render-inlined-styles.955770d4.js").then((t) => t.defa
       var a;
       const t = this.useBlock.responsiveStyles, e = this.context.content, s = k(
         ((a = e == null ? void 0 : e.meta) == null ? void 0 : a.breakpoints) || {}
-      ), l = t == null ? void 0 : t.large, r = t == null ? void 0 : t.medium, c = t == null ? void 0 : t.small, o = this.useBlock.id;
+      ), r = t == null ? void 0 : t.large, l = t == null ? void 0 : t.medium, c = t == null ? void 0 : t.small, o = this.useBlock.id;
       if (!o)
         return "";
-      const u = l ? n({
+      const u = r ? n({
         className: o,
-        styles: l
-      }) : "", d = r ? n({
+        styles: r
+      }) : "", d = l ? n({
         className: o,
-        styles: r,
+        styles: l,
         mediaQuery: m(
           "medium",
           s
@@ -69,7 +70,7 @@ var x = function() {
   null,
   null
 );
-const R = v.exports;
+const T = v.exports;
 export {
-  R as default
+  T as default
 };

package/packages/_vue2/dist/css.1c33bc00.cjs

@@ -0,0 +1,6 @@
+"use strict";const f=require("./evaluate.1f3c9eb2.cjs"),a=require("./index.d1a8c547.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/css.6d40adbf.js

@@ -0,0 +1,75 @@
+import { e as u } from "./evaluate.9b61c455.js";
+import { f as p, c as l } from "./index.75296c8a.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/_vue2/dist/evaluate.1f3c9eb2.cjs

@@ -0,0 +1,4 @@
+"use strict";const t=require("./index.d1a8c547.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;

package/packages/_vue2/dist/evaluate.9b61c455.js

@@ -0,0 +1,63 @@
+import { i as d, b as w } from "./index.75296c8a.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
+};