@builder.io/sdk-vue 0.1.16 → 0.2.1

package/package.json

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

package/packages/_vue2/dist/block-styles.1657b45f.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index.b9a8defa.cjs"),r=require("./css.883115fd.cjs"),h=()=>Promise.resolve().then(()=>require("./render-inlined-styles.f139e6d2.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 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)||{}),l=e==null?void 0:e.large,c=e==null?void 0:e.medium,i=e==null?void 0:e.small,o=this.useBlock.id;if(!o)return"";const d=l?r.createCssClass({className:o,styles:l}):"",u=c?r.createCssClass({className:o,styles:c,mediaQuery:t.getMaxWidthQueryForSize("medium",n)}):"",m=i?r.createCssClass({className:o,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()},f=[],S=t.normalizeComponent(y,k,f,!1,null,null,null,null);const p=S.exports;exports.default=p;

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

@@ -1,13 +1,13 @@
-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.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) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderInlinedStyles at ../render-inlined-styles.vue",
     e
   ), e;
-}), f = {
+}), S = {
   name: "block-styles",
-  components: { RenderInlinedStyles: S },
+  components: { RenderInlinedStyles: f },
   props: ["block", "context"],
   data() {
     return { TARGET: k };
@@ -28,19 +28,22 @@ const S = () => import("./render-inlined-styles.d5d4ae0d.js").then((e) => e.defa
       var a;
       const e = this.useBlock.responsiveStyles, s = this.context.content, t = p(
         ((a = s == null ? void 0 : s.meta) == null ? void 0 : a.breakpoints) || {}
-      ), l = e == null ? void 0 : e.large, c = e == null ? void 0 : e.medium, r = e == null ? void 0 : e.small, n = this.useBlock.id, m = l ? o({
+      ), 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({
         className: n,
         styles: l
-      }) : "", d = c ? o({
+      }) : "", d = r ? o({
         className: n,
-        styles: c,
+        styles: r,
         mediaQuery: u(
           "medium",
           t
         )
-      }) : "", h = r ? o({
+      }) : "", h = c ? o({
         className: n,
-        styles: r,
+        styles: c,
         mediaQuery: u(
           "small",
           t
@@ -54,7 +57,7 @@ var B = 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(
-  f,
+  S,
   B,
   g,
   !1,

package/packages/{_vue3/dist/css.23dfb27d.cjs → _vue2/dist/css.883115fd.cjs}

@@ -1,4 +1,4 @@
-"use strict";const i=require("./index.60a69463.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,o,c)=>Object(n[o])===n[o]?n[o]:n[o]=Math.abs(Number(s[c+1]))>>0===+s[c+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 o in e.bindings){const c=e.bindings[o],u=i.evaluate({code:c,state:r,context:t});l(n,o,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(`
+"use strict";const i=require("./index.b9a8defa.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,o,c)=>Object(n[o])===n[o]?n[o]:n[o]=Math.abs(Number(s[c+1]))>>0===+s[c+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 o in e.bindings){const c=e.bindings[o],u=i.evaluate({code:c,state:r,context:t});l(n,o,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} {

package/packages/{_vue3/dist/css.d614b61b.js → _vue2/dist/css.9b722913.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.af260d16.js";
 const l = (e, t, r) => {
   if (Object(e) !== e)
     return e;