@builder.io/sdk-vue 0.0.2-2 → 0.0.3-1

package/packages/_vue3/dist/block-styles.88005ace.js

@@ -0,0 +1,83 @@
+import { defineAsyncComponent as m, resolveComponent as d, openBlock as u, createBlock as p, createCommentVNode as y } from "vue";
+import { T as S, _ as f } from "./index.2472a241.js";
+import { g as x } from "./get-processed-block.0d475a13.js";
+const h = {
+  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: ${h[e].max}px)`, k = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), C = (e) => Object.entries(e).map(([s, t]) => {
+  if (typeof t == "string")
+    return `${k(s)}: ${t};`;
+}).join(`
+`), c = ({
+  mediaQuery: e,
+  className: n,
+  styles: s
+}) => {
+  const t = `.${n} {
+    ${C(s)}
+  }`;
+  return e ? `${e} {
+      ${t}
+    }` : t;
+}, _ = () => import("./render-inlined-styles.be1aba8b.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;
+}), g = {
+  name: "block-styles",
+  components: {
+    RenderInlinedStyles: m(_)
+  },
+  props: ["block", "context"],
+  data: () => ({ TARGET: S }),
+  computed: {
+    useBlock() {
+      return x({
+        block: this.block,
+        state: this.context.state,
+        context: this.context.context,
+        shouldEvaluateBindings: !0
+      });
+    },
+    css() {
+      const e = this.useBlock.responsiveStyles, n = e == null ? void 0 : e.large, s = e == null ? void 0 : e.medium, t = e == null ? void 0 : e.small, o = this.useBlock.id, l = n ? c({
+        className: o,
+        styles: n
+      }) : "", r = s ? c({
+        className: o,
+        styles: s,
+        mediaQuery: a("medium")
+      }) : "", i = t ? c({
+        className: o,
+        styles: t,
+        mediaQuery: a("small")
+      }) : "";
+      return [l, r, i].join(" ");
+    }
+  }
+};
+function $(e, n, s, t, o, l) {
+  const r = d("render-inlined-styles");
+  return e.TARGET !== "reactNative" && l.css ? (u(), p(r, {
+    key: 0,
+    styles: l.css
+  }, null, 8, ["styles"])) : y("", !0);
+}
+const v = /* @__PURE__ */ f(g, [["render", $]]);
+export {
+  v as default
+};

package/packages/_vue3/dist/block-styles.e3632a69.cjs

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

package/packages/_vue3/dist/env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/packages/_vue3/dist/get-processed-block.0d475a13.js

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

package/packages/_vue3/dist/get-processed-block.c75eb6d1.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("./index.e7c6fe34.cjs"),u=(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 d=({block:e,context:r,state:i})=>{if(!e.bindings)return e;const n={...e,properties:{...e.properties},actions:{...e.actions}};for(const t in e.bindings){const s=e.bindings[t],c=o.evaluate({code:s,state:i,context:r});u(n,t,c)}return n};function a({block:e,context:r,shouldEvaluateBindings:i,state:n}){const t=e;return i?d({block:t,state:n,context:r}):t}exports.getProcessedBlock=a;