@builder.io/sdk-vue 0.1.11 → 0.1.13

package/package.json

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

package/packages/_vue2/dist/{block-styles.a206dd50.js → block-styles.03915da1.js}

@@ -1,6 +1,6 @@
-import { T as k, c as i, g as p, a as o, b as u, n as y } from "./index.e8dd60dc.js";
-import { g as _ } from "./get-processed-block.34a63cf8.js";
-const S = () => import("./render-inlined-styles.9195825e.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.3bd1f67e.js";
+import { g as _, c as o } from "./css.05bd82ed.js";
+const S = () => import("./render-inlined-styles.067d5d11.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderInlinedStyles at ../render-inlined-styles.vue",
     e
@@ -28,19 +28,19 @@ const S = () => import("./render-inlined-styles.9195825e.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, r = e == null ? void 0 : e.medium, c = e == null ? void 0 : e.small, n = this.useBlock.id, m = l ? o({
+      ), 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({
         className: n,
         styles: l
-      }) : "", d = r ? o({
+      }) : "", d = c ? o({
         className: n,
-        styles: r,
+        styles: c,
         mediaQuery: u(
           "medium",
           t
         )
-      }) : "", h = c ? o({
+      }) : "", h = r ? o({
         className: n,
-        styles: c,
+        styles: r,
         mediaQuery: u(
           "small",
           t

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index.cbc06228.cjs"),c=require("./css.13f6a54e.cjs"),h=()=>Promise.resolve().then(()=>require("./render-inlined-styles.e576c02d.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,d=l?c.createCssClass({className:o,styles:l}):"",u=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[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=_;

package/packages/_vue2/dist/css.05bd82ed.js

@@ -0,0 +1,58 @@
+import { f as a, e as u, c as f } from "./index.3bd1f67e.js";
+const 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 p = ({
+  block: e,
+  context: t,
+  state: r
+}) => {
+  if (!e.bindings)
+    return e;
+  const s = a(e), n = {
+    ...s,
+    properties: { ...s.properties },
+    actions: { ...s.actions }
+  };
+  for (const o in e.bindings) {
+    const c = e.bindings[o], i = u({ code: c, state: r, context: t });
+    l(n, o, i);
+  }
+  return n;
+};
+function m({
+  block: e,
+  context: t,
+  shouldEvaluateBindings: r,
+  state: s
+}) {
+  const n = e;
+  return r ? p({ block: n, state: s, context: t }) : n;
+}
+const g = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), d = (e) => Object.entries(e).map(([r, s]) => {
+  if (typeof s == "string")
+    return `${g(r)}: ${s};`;
+}).filter(f), C = (e) => d(e).join(`
+`), S = ({
+  mediaQuery: e,
+  className: t,
+  styles: r
+}) => {
+  const s = `.${t} {
+    ${C(r)}
+  }`;
+  return e ? `${e} {
+      ${s}
+    }` : s;
+};
+export {
+  d as a,
+  S as c,
+  m as g
+};

package/packages/_vue2/dist/css.13f6a54e.cjs

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