@builder.io/sdk-vue 0.0.2 → 0.0.3-0

package/package.json

@@ -4,7 +4,7 @@
   "workspaces": [
     "packages/*"
   ],
-  "version": "0.0.2",
+  "version": "0.0.3-0",
   "dependencies": {
     "node-fetch": "^2.6.1"
   },
@@ -24,10 +24,12 @@
       "import": "./packages/_vue2/dist/sdk.js",
       "require": "./packages/_vue2/dist/sdk.cjs"
     },
+    "./vue2/css": "./packages/_vue2/dist/style.css",
     "./vue3": {
       "import": "./packages/_vue3/dist/sdk.js",
       "require": "./packages/_vue3/dist/sdk.cjs"
     },
+    "./vue3/css": "./packages/_vue3/dist/style.css",
     "./nuxt": {
       "import": "./nuxt.js",
       "require": "./nuxt.js"

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

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index.a63c466e.cjs"),d=require("./get-processed-block.b71c1bb2.cjs"),u={small:{min:320,default:321,max:640},medium:{min:641,default:642,max:991},large:{min:990,default:991,max:1200}},c=e=>`@media (max-width: ${u[e].max}px)`,y=e=>e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase(),p=e=>Object.entries(e).map(([t,n])=>{if(typeof n=="string")return`${y(t)}: ${n};`}).join(`
+`),o=({mediaQuery:e,className:s,styles:t})=>{const n=`.${s} {
+    ${p(t)}
+  }`;return e?`${e} {
+      ${n}
+    }`:n},S=()=>Promise.resolve().then(()=>require("./render-inlined-styles.0458e786.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}),f={name:"block-styles",components:{RenderInlinedStyles:S},props:["block","context"],data:()=>({TARGET:r.TARGET}),computed:{useBlock(){return d.getProcessedBlock({block:this.block,state:this.context.state,context:this.context.context,shouldEvaluateBindings:!0})},css(){const e=this.useBlock.responsiveStyles,s=e==null?void 0:e.large,t=e==null?void 0:e.medium,n=e==null?void 0:e.small,l=this.useBlock.id,a=s?o({className:l,styles:s}):"",i=t?o({className:l,styles:t,mediaQuery:c("medium")}):"",m=n?o({className:l,styles:n,mediaQuery:c("small")}):"";return[a,i,m].join(" ")}}};var x=function(){var s=this,t=s._self._c;return s.TARGET!=="reactNative"&&s.css?t("render-inlined-styles",{attrs:{styles:s.css}}):s._e()},_=[],b=r.normalizeComponent(f,x,_,!1,null,null,null,null);const g=b.exports;exports.default=g;

package/packages/_vue2/dist/block-styles.f1cd7e30.js

@@ -0,0 +1,86 @@
+import { T as m, n as d } from "./index.a5e0b693.js";
+import { g as u } from "./get-processed-block.53da1bfe.js";
+const p = {
+  small: {
+    min: 320,
+    default: 321,
+    max: 640
+  },
+  medium: {
+    min: 641,
+    default: 642,
+    max: 991
+  },
+  large: {
+    min: 990,
+    default: 991,
+    max: 1200
+  }
+}, a = (e) => `@media (max-width: ${p[e].max}px)`, y = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), f = (e) => Object.entries(e).map(([s, n]) => {
+  if (typeof n == "string")
+    return `${y(s)}: ${n};`;
+}).join(`
+`), l = ({
+  mediaQuery: e,
+  className: t,
+  styles: s
+}) => {
+  const n = `.${t} {
+    ${f(s)}
+  }`;
+  return e ? `${e} {
+      ${n}
+    }` : n;
+}, S = () => import("./render-inlined-styles.64527ebc.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;
+}), _ = {
+  name: "block-styles",
+  components: { RenderInlinedStyles: S },
+  props: ["block", "context"],
+  data: () => ({ TARGET: m }),
+  computed: {
+    useBlock() {
+      return u({
+        block: this.block,
+        state: this.context.state,
+        context: this.context.context,
+        shouldEvaluateBindings: !0
+      });
+    },
+    css() {
+      const e = this.useBlock.responsiveStyles, t = e == null ? void 0 : e.large, s = e == null ? void 0 : e.medium, n = e == null ? void 0 : e.small, o = this.useBlock.id, r = t ? l({
+        className: o,
+        styles: t
+      }) : "", c = s ? l({
+        className: o,
+        styles: s,
+        mediaQuery: a("medium")
+      }) : "", i = n ? l({
+        className: o,
+        styles: n,
+        mediaQuery: a("small")
+      }) : "";
+      return [r, c, i].join(" ");
+    }
+  }
+};
+var x = function() {
+  var t = this, s = t._self._c;
+  return t.TARGET !== "reactNative" && t.css ? s("render-inlined-styles", { attrs: { styles: t.css } }) : t._e();
+}, h = [], g = /* @__PURE__ */ d(
+  _,
+  x,
+  h,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const v = g.exports;
+export {
+  v as default
+};

package/packages/_vue2/dist/get-processed-block.53da1bfe.js

@@ -0,0 +1,40 @@
+import { f as a, e as u } from "./index.a5e0b693.js";
+const f = (n, r, i) => {
+  if (Object(n) !== n)
+    return n;
+  const e = Array.isArray(r) ? r : r.toString().match(/[^.[\]]+/g);
+  return e.slice(0, -1).reduce(
+    (t, s, o) => Object(t[s]) === t[s] ? t[s] : t[s] = Math.abs(Number(e[o + 1])) >> 0 === +e[o + 1] ? [] : {},
+    n
+  )[e[e.length - 1]] = i, n;
+};
+const d = ({
+  block: n,
+  context: r,
+  state: i
+}) => {
+  if (!n.bindings)
+    return n;
+  const e = a(n), t = {
+    ...e,
+    properties: { ...e.properties },
+    actions: { ...e.actions }
+  };
+  for (const s in n.bindings) {
+    const o = n.bindings[s], c = u({ code: o, state: i, context: r });
+    f(t, s, c);
+  }
+  return t;
+};
+function p({
+  block: n,
+  context: r,
+  shouldEvaluateBindings: i,
+  state: e
+}) {
+  const t = n;
+  return i ? d({ block: t, state: e, context: r }) : t;
+}
+export {
+  p as g
+};

package/packages/_vue2/dist/get-processed-block.b71c1bb2.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("./index.a63c466e.cjs"),d=(e,r,i)=>{if(Object(e)!==e)return e;const n=Array.isArray(r)?r:r.toString().match(/[^.[\]]+/g);return n.slice(0,-1).reduce((t,s,c)=>Object(t[s])===t[s]?t[s]:t[s]=Math.abs(Number(n[c+1]))>>0===+n[c+1]?[]:{},e)[n[n.length-1]]=i,e};const a=({block:e,context:r,state:i})=>{if(!e.bindings)return e;const n=o.fastClone(e),t={...n,properties:{...n.properties},actions:{...n.actions}};for(const s in e.bindings){const c=e.bindings[s],u=o.evaluate({code:c,state:i,context:r});d(t,s,u)}return t};function g({block:e,context:r,shouldEvaluateBindings:i,state:n}){const t=e;return i?a({block:t,state:n,context:r}):t}exports.getProcessedBlock=g;