@builder.io/sdk-vue 0.2.1 → 0.2.3

package/package.json

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

package/packages/_vue2/dist/{block-styles.e14644b9.js → block-styles.5729b057.js}

@@ -1,13 +1,14 @@
-import { T as k, c as i, g as p, a as u, n as y } from "./index.af260d16.js";
-import { g as _, c as o } from "./css.9b722913.js";
-const f = () => import("./render-inlined-styles.cdf66d21.js").then((e) => e.default).catch((e) => {
+import { defineComponent as p } from "vue";
+import { T as k, c as i, g as y, a as m, n as f } from "./index.6a9eec41.js";
+import { g as _, c as o } from "./css.a54ddc90.js";
+const S = () => import("./render-inlined-styles.1fa49816.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;
-}), S = {
+}), B = p({
   name: "block-styles",
-  components: { RenderInlinedStyles: f },
+  components: { RenderInlinedStyles: S },
   props: ["block", "context"],
   data() {
     return { TARGET: k };
@@ -26,47 +27,47 @@ const f = () => import("./render-inlined-styles.cdf66d21.js").then((e) => e.defa
     },
     css() {
       var a;
-      const e = this.useBlock.responsiveStyles, s = this.context.content, t = p(
+      const e = this.useBlock.responsiveStyles, s = this.context.content, t = y(
         ((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, c = e == null ? void 0 : e.small, n = this.useBlock.id;
       if (!n)
         return "";
-      const m = l ? o({
+      const u = l ? o({
         className: n,
         styles: l
       }) : "", d = r ? o({
         className: n,
         styles: r,
-        mediaQuery: u(
+        mediaQuery: m(
           "medium",
           t
         )
       }) : "", h = c ? o({
         className: n,
         styles: c,
-        mediaQuery: u(
+        mediaQuery: m(
           "small",
           t
         )
       }) : "";
-      return [m, d, h].join(" ");
+      return [u, d, h].join(" ");
     }
   }
-};
-var B = function() {
+});
+var g = function() {
   var s = this, t = s._self._c;
-  return s.TARGET !== "reactNative" && s.css && s.canShowBlock ? t("render-inlined-styles", { attrs: { styles: s.css } }) : s._e();
-}, g = [], v = /* @__PURE__ */ y(
-  S,
+  return s._self._setupProxy, s.TARGET !== "reactNative" && s.css && s.canShowBlock ? t("render-inlined-styles", { attrs: { styles: s.css } }) : s._e();
+}, x = [], v = /* @__PURE__ */ f(
   B,
   g,
+  x,
   !1,
   null,
   null,
   null,
   null
 );
-const w = v.exports;
+const R = v.exports;
 export {
-  w as default
+  R as default
 };

package/packages/_vue2/dist/block-styles.cb3c2dd0.cjs

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

package/packages/_vue2/dist/css.2efa95fa.cjs

@@ -0,0 +1,6 @@
+"use strict";const i=require("./index.8547cce2.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 d=({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 f({block:e,context:t,shouldEvaluateBindings:r,state:s}){const n=e;return r?d({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=f;

package/packages/{_vue3/dist/css.a2956fb2.js → _vue2/dist/css.a54ddc90.js}

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