@builder.io/sdk-vue 0.1.16 → 0.2.0

package/package.json

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

package/packages/_vue2/dist/{block-styles.c935448f.js → block-styles.97de2652.js}

@@ -1,6 +1,6 @@
-import { T as k, c as i, g as p, a as u, n as y } from "./index.15db69ec.js";
-import { g as _, c as o } from "./css.67faf460.js";
-const S = () => import("./render-inlined-styles.d5d4ae0d.js").then((e) => e.default).catch((e) => {
+import { T as k, c as i, g as p, a as u, n as y } from "./index.346656f6.js";
+import { g as _, c as o } from "./css.4d4e03cf.js";
+const S = () => import("./render-inlined-styles.1c2c5bf9.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderInlinedStyles at ../render-inlined-styles.vue",
     e

package/packages/_vue2/dist/{block-styles.083832a5.cjs → block-styles.ef03a37e.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index.5d490ae1.cjs"),o=require("./css.125be5c3.cjs"),h=()=>Promise.resolve().then(()=>require("./render-inlined-styles.0013a71a.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={name:"block-styles",components:{RenderInlinedStyles:h},props:["block","context"],data(){return{TARGET:t.TARGET}},computed:{useBlock(){return o.getProcessedBlock({block:this.block,state:this.context.state,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 a;const e=this.useBlock.responsiveStyles,s=this.context.content,n=t.getSizesForBreakpoints(((a=s==null?void 0:s.meta)==null?void 0:a.breakpoints)||{}),l=e==null?void 0:e.large,r=e==null?void 0:e.medium,i=e==null?void 0:e.small,c=this.useBlock.id,d=l?o.createCssClass({className:c,styles:l}):"",u=r?o.createCssClass({className:c,styles:r,mediaQuery:t.getMaxWidthQueryForSize("medium",n)}):"",m=i?o.createCssClass({className:c,styles:i,mediaQuery:t.getMaxWidthQueryForSize("small",n)}):"";return[d,u,m].join(" ")}}};var k=function(){var s=this,n=s._self._c;return s.TARGET!=="reactNative"&&s.css&&s.canShowBlock?n("render-inlined-styles",{attrs:{styles:s.css}}):s._e()},S=[],p=t.normalizeComponent(y,k,S,!1,null,null,null,null);const _=p.exports;exports.default=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index.c72abf65.cjs"),c=require("./css.75f390cc.cjs"),h=()=>Promise.resolve().then(()=>require("./render-inlined-styles.3797e28a.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={name:"block-styles",components:{RenderInlinedStyles:h},props:["block","context"],data(){return{TARGET:t.TARGET}},computed:{useBlock(){return c.getProcessedBlock({block:this.block,state:this.context.state,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 a;const e=this.useBlock.responsiveStyles,s=this.context.content,n=t.getSizesForBreakpoints(((a=s==null?void 0:s.meta)==null?void 0:a.breakpoints)||{}),l=e==null?void 0:e.large,r=e==null?void 0:e.medium,i=e==null?void 0:e.small,o=this.useBlock.id,u=l?c.createCssClass({className:o,styles:l}):"",d=r?c.createCssClass({className:o,styles:r,mediaQuery:t.getMaxWidthQueryForSize("medium",n)}):"",m=i?c.createCssClass({className:o,styles:i,mediaQuery:t.getMaxWidthQueryForSize("small",n)}):"";return[u,d,m].join(" ")}}};var k=function(){var s=this,n=s._self._c;return s.TARGET!=="reactNative"&&s.css&&s.canShowBlock?n("render-inlined-styles",{attrs:{styles:s.css}}):s._e()},S=[],p=t.normalizeComponent(y,k,S,!1,null,null,null,null);const f=p.exports;exports.default=f;

package/packages/{_vue3/dist/css.d614b61b.js → _vue2/dist/css.4d4e03cf.js}

@@ -1,4 +1,4 @@
-import { f as a, e as u, c as f } from "./index.8e00fba7.js";
+import { f as a, e as u, c as f } from "./index.346656f6.js";
 const l = (e, t, r) => {
   if (Object(e) !== e)
     return e;

package/packages/_vue2/dist/css.75f390cc.cjs

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