@builder.io/sdk-vue 0.0.4 → 0.0.6

package/package.json

@@ -4,7 +4,7 @@
   "workspaces": [
     "packages/*"
   ],
-  "version": "0.0.4",
+  "version": "0.0.6",
   "dependencies": {
     "node-fetch": "^2.6.1"
   },

package/packages/_vue2/dist/block-styles.446ece03.js

@@ -0,0 +1,117 @@
+import { f, T as x, n as y } from "./index.53f5b352.js";
+import { g as S } from "./get-processed-block.6408e235.js";
+const m = {
+  small: {
+    min: 320,
+    default: 321,
+    max: 640
+  },
+  medium: {
+    min: 641,
+    default: 642,
+    max: 991
+  },
+  large: {
+    min: 990,
+    default: 991,
+    max: 1200
+  }
+}, i = (e, t = m) => `@media (max-width: ${t[e].max}px)`, h = ({ small: e, medium: t }) => {
+  const s = f(m);
+  if (!e || !t)
+    return s;
+  const n = Math.floor(e / 2);
+  s.small = {
+    max: e,
+    min: n,
+    default: n + 1
+  };
+  const o = s.small.max + 1;
+  s.medium = {
+    max: t,
+    min: o,
+    default: o + 1
+  };
+  const a = s.medium.max + 1;
+  return s.large = {
+    max: 2e3,
+    min: a,
+    default: a + 1
+  }, s;
+}, _ = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), g = (e) => Object.entries(e).map(([s, n]) => {
+  if (typeof n == "string")
+    return `${_(s)}: ${n};`;
+}).join(`
+`), r = ({
+  mediaQuery: e,
+  className: t,
+  styles: s
+}) => {
+  const n = `.${t} {
+    ${g(s)}
+  }`;
+  return e ? `${e} {
+      ${n}
+    }` : n;
+}, k = () => import("./render-inlined-styles.46673ba6.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;
+}), C = {
+  name: "block-styles",
+  components: { RenderInlinedStyles: k },
+  props: ["block", "context"],
+  data: () => ({ TARGET: x }),
+  computed: {
+    useBlock() {
+      return S({
+        block: this.block,
+        state: this.context.state,
+        context: this.context.context,
+        shouldEvaluateBindings: !0
+      });
+    },
+    css() {
+      var c;
+      const e = this.useBlock.responsiveStyles, t = this.context.content, s = h(
+        ((c = t == null ? void 0 : t.meta) == null ? void 0 : c.breakpoints) || {}
+      ), n = e == null ? void 0 : e.large, o = e == null ? void 0 : e.medium, a = e == null ? void 0 : e.small, l = this.useBlock.id, d = n ? r({
+        className: l,
+        styles: n
+      }) : "", u = o ? r({
+        className: l,
+        styles: o,
+        mediaQuery: i(
+          "medium",
+          s
+        )
+      }) : "", p = a ? r({
+        className: l,
+        styles: a,
+        mediaQuery: i(
+          "small",
+          s
+        )
+      }) : "";
+      return [d, u, p].join(" ");
+    }
+  }
+};
+var b = function() {
+  var t = this, s = t._self._c;
+  return t.TARGET !== "reactNative" && t.css ? s("render-inlined-styles", { attrs: { styles: t.css } }) : t._e();
+}, v = [], $ = /* @__PURE__ */ y(
+  C,
+  b,
+  v,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const M = $.exports;
+export {
+  M as default
+};

package/packages/_vue2/dist/block-styles.5646ff86.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index.a1d3ffcd.cjs"),x=require("./get-processed-block.4223e014.cjs"),d={small:{min:320,default:321,max:640},medium:{min:641,default:642,max:991},large:{min:990,default:991,max:1200}},m=(e,t=d)=>`@media (max-width: ${t[e].max}px)`,y=({small:e,medium:t})=>{const s=c.fastClone(d);if(!e||!t)return s;const n=Math.floor(e/2);s.small={max:e,min:n,default:n+1};const o=s.small.max+1;s.medium={max:t,min:o,default:o+1};const l=s.medium.max+1;return s.large={max:2e3,min:l,default:l+1},s},S=e=>e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase(),g=e=>Object.entries(e).map(([s,n])=>{if(typeof n=="string")return`${S(s)}: ${n};`}).join(`
+`),a=({mediaQuery:e,className:t,styles:s})=>{const n=`.${t} {
+    ${g(s)}
+  }`;return e?`${e} {
+      ${n}
+    }`:n},h=()=>Promise.resolve().then(()=>require("./render-inlined-styles.8e95d025.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}),_={name:"block-styles",components:{RenderInlinedStyles:h},props:["block","context"],data:()=>({TARGET:c.TARGET}),computed:{useBlock(){return x.getProcessedBlock({block:this.block,state:this.context.state,context:this.context.context,shouldEvaluateBindings:!0})},css(){var i;const e=this.useBlock.responsiveStyles,t=this.context.content,s=y(((i=t==null?void 0:t.meta)==null?void 0:i.breakpoints)||{}),n=e==null?void 0:e.large,o=e==null?void 0:e.medium,l=e==null?void 0:e.small,r=this.useBlock.id,u=n?a({className:r,styles:n}):"",p=o?a({className:r,styles:o,mediaQuery:m("medium",s)}):"",f=l?a({className:r,styles:l,mediaQuery:m("small",s)}):"";return[u,p,f].join(" ")}}};var k=function(){var t=this,s=t._self._c;return t.TARGET!=="reactNative"&&t.css?s("render-inlined-styles",{attrs:{styles:t.css}}):t._e()},b=[],v=c.normalizeComponent(_,k,b,!1,null,null,null,null);const C=v.exports;exports.default=C;

package/packages/{_vue3/dist/get-processed-block.da7b258e.cjs → _vue2/dist/get-processed-block.4223e014.cjs}

@@ -1 +1 @@
-"use strict";const o=require("./index.528ea0ff.cjs"),d=(e,r,i)=>{if(Object(e)!==e)return e;const n=Array.isArray(r)?r:r.toString().match(/[^.[\]]+/g);return n.slice(0,-1).reduce((t,s,c)=>Object(t[s])===t[s]?t[s]:t[s]=Math.abs(Number(n[c+1]))>>0===+n[c+1]?[]:{},e)[n[n.length-1]]=i,e};const a=({block:e,context:r,state:i})=>{if(!e.bindings)return e;const n=o.fastClone(e),t={...n,properties:{...n.properties},actions:{...n.actions}};for(const s in e.bindings){const c=e.bindings[s],u=o.evaluate({code:c,state:i,context:r});d(t,s,u)}return t};function f({block:e,context:r,shouldEvaluateBindings:i,state:n}){const t=e;return i?a({block:t,state:n,context:r}):t}exports.getProcessedBlock=f;
+"use strict";const o=require("./index.a1d3ffcd.cjs"),d=(e,r,i)=>{if(Object(e)!==e)return e;const n=Array.isArray(r)?r:r.toString().match(/[^.[\]]+/g);return n.slice(0,-1).reduce((t,s,c)=>Object(t[s])===t[s]?t[s]:t[s]=Math.abs(Number(n[c+1]))>>0===+n[c+1]?[]:{},e)[n[n.length-1]]=i,e};const a=({block:e,context:r,state:i})=>{if(!e.bindings)return e;const n=o.fastClone(e),t={...n,properties:{...n.properties},actions:{...n.actions}};for(const s in e.bindings){const c=e.bindings[s],u=o.evaluate({code:c,state:i,context:r});d(t,s,u)}return t};function f({block:e,context:r,shouldEvaluateBindings:i,state:n}){const t=e;return i?a({block:t,state:n,context:r}):t}exports.getProcessedBlock=f;

package/packages/{_vue3/dist/get-processed-block.91be815e.js → _vue2/dist/get-processed-block.6408e235.js}

@@ -1,4 +1,4 @@
-import { f as a, e as u } from "./index.7a037186.js";
+import { f as a, e as u } from "./index.53f5b352.js";
 const f = (n, r, i) => {
   if (Object(n) !== n)
     return n;