@builder.io/sdk-vue 0.2.3 → 0.3.2-0

package/package.json

@@ -4,7 +4,7 @@
   "workspaces": [
     "packages/*"
   ],
-  "version": "0.2.3",
+  "version": "0.3.2-0",
   "main": "./packages/_vue2/dist/sdk.js",
   "module": "./packages/_vue2/dist/sdk.js",
   "type": "module",
@@ -39,10 +39,7 @@
   "scripts": {
     "add-debug": "bash ./scripts/add-debug.sh",
     "remove-debug": "bash ./scripts/remove-debug.sh",
-    "build": "yarn workspaces foreach run build",
-    "release:patch": "yarn run build && npm version patch && npm publish",
-    "release:minor": "yarn run build && npm version minor && npm publish",
-    "release:dev": "yarn run build && npm version prerelease && npm publish --tag dev"
+    "build": "yarn workspaces foreach run build"
   },
   "peerDependencies": {
     "vue": ">= 2"

package/packages/_vue2/dist/block-styles.22c50e60.js

@@ -0,0 +1,75 @@
+import { defineComponent as p } from "vue";
+import { T as S, c as i, g as k, a as m, n as y } from "./index.1955e2ac.js";
+import { g as f, c as n } from "./css.d1f35fa9.js";
+const _ = () => import("./render-inlined-styles.955770d4.js").then((t) => t.default).catch((t) => {
+  throw console.error(
+    "Error while attempting to dynamically import component RenderInlinedStyles at ../render-inlined-styles.vue",
+    t
+  ), t;
+}), B = p({
+  name: "block-styles",
+  components: { RenderInlinedStyles: _ },
+  props: ["block", "context"],
+  data() {
+    return { TARGET: S };
+  },
+  computed: {
+    useBlock() {
+      return f({
+        block: this.block,
+        localState: this.context.localState,
+        rootState: this.context.rootState,
+        rootSetState: this.context.rootSetState,
+        context: this.context.context,
+        shouldEvaluateBindings: !0
+      });
+    },
+    canShowBlock() {
+      return i(this.useBlock.hide) ? !this.useBlock.hide : i(this.useBlock.show) ? this.useBlock.show : !0;
+    },
+    css() {
+      var a;
+      const t = this.useBlock.responsiveStyles, e = this.context.content, s = k(
+        ((a = e == null ? void 0 : e.meta) == null ? void 0 : a.breakpoints) || {}
+      ), l = t == null ? void 0 : t.large, r = t == null ? void 0 : t.medium, c = t == null ? void 0 : t.small, o = this.useBlock.id;
+      if (!o)
+        return "";
+      const u = l ? n({
+        className: o,
+        styles: l
+      }) : "", d = r ? n({
+        className: o,
+        styles: r,
+        mediaQuery: m(
+          "medium",
+          s
+        )
+      }) : "", h = c ? n({
+        className: o,
+        styles: c,
+        mediaQuery: m(
+          "small",
+          s
+        )
+      }) : "";
+      return [u, d, h].join(" ");
+    }
+  }
+});
+var x = function() {
+  var e = this, s = e._self._c;
+  return e._self._setupProxy, e.TARGET !== "reactNative" && e.css && e.canShowBlock ? s("render-inlined-styles", { attrs: { styles: e.css } }) : e._e();
+}, g = [], v = /* @__PURE__ */ y(
+  B,
+  x,
+  g,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const R = v.exports;
+export {
+  R as default
+};

package/packages/_vue2/dist/block-styles.82ffdfab.cjs

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

package/packages/_vue2/dist/css.d1f35fa9.js

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

package/packages/_vue2/dist/css.d67364ee.cjs

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