@builder.io/sdk-vue 0.1.1 → 0.1.3

package/packages/_vue3/dist/render-block.4a0e514b.cjs

@@ -1,3 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),a=require("./index.a102bdda.cjs"),p=require("./get-processed-block.6a1b1b3d.cjs"),h=e=>`v-on:${e.toLowerCase()}`,k=(e,n)=>r=>a.evaluate({code:e,context:n.context,state:n.state,event:r,isExpression:!1});function y(e){var c;const n={},r=(c=e.block.actions)!=null?c:{};for(const l in r){if(!r.hasOwnProperty(l))continue;const o=r[l];n[h(l)]=k(o,e)}return n}function x(e){var n;return{...(n=e.component)==null?void 0:n.options,...e.options,builderBlock:e}}function C(e){const n={};if(typeof e!="string")return n;const r=e.trim().split(/\\s+/);for(const c of r)n[c]=!0;return n}function b(e){return e.class=C(e.class),e}function B(e){var r;const n={...e.properties,"builder-id":e.id,style:g(e.style),class:[e.id,"builder-block",e.class,(r=e.properties)==null?void 0:r.class].filter(Boolean).join(" ")};return b(n)}function g(e){if(!!e)switch(a.TARGET){case"svelte":case"vue2":case"vue3":case"solid":return a.convertStyleMapToCSSArray(e).join(" ");case"qwik":case"reactNative":case"react":return e}}function f(e){return e.tagName||"div"}const v=["area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"],P=e=>typeof e=="string"&&v.includes(e.toLowerCase()),E=()=>Promise.resolve().then(()=>require("./block-styles.6b0bbe3d.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",e),e}),R=()=>Promise.resolve().then(()=>require("./render-repeated-block.8da78c07.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderRepeatedBlock at ./render-repeated-block.vue",e),e}),w=()=>Promise.resolve().then(()=>require("./render-component-with-context.a37b552e.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderComponentWithContext at ./render-component-with-context.vue",e),e}),_=()=>Promise.resolve().then(()=>require("./render-component.66d935aa.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderComponent at ./render-component.vue",e),e}),T={name:"render-block",components:{RenderRepeatedBlock:t.defineAsyncComponent(R),BlockStyles:t.defineAsyncComponent(E),RenderComponentWithContext:t.defineAsyncComponent(w),RenderComponent:t.defineAsyncComponent(_)},props:["block","context"],data:()=>({isEmptyHtmlElement:P}),computed:{component(){var r;const e=(r=p.getProcessedBlock({block:this.block,state:this.context.state,context:this.context.context,shouldEvaluateBindings:!1}).component)==null?void 0:r.name;if(!e)return null;const n=this.context.registeredComponents[e];if(n)return n;console.warn(`
-        Could not find a registered component named "${e}". 
-        If you registered it, is the file that registered it imported by the file that needs to render it?`)},tag(){return f(this.useBlock)},useBlock(){return this.repeatItemData?this.block:p.getProcessedBlock({block:this.block,state:this.context.state,context:this.context.context,shouldEvaluateBindings:!0})},actions(){return y({block:this.useBlock,state:this.context.state,context:this.context.context})},attributes(){return{...B(this.useBlock)}},shouldWrap(){var e;return!((e=this.component)!=null&&e.noWrap)},renderComponentProps(){var e,n,r,c;return{blockChildren:this.useChildren,componentRef:(e=this.component)==null?void 0:e.component,componentOptions:{...x(this.useBlock),...this.shouldWrap?{}:{attributes:{...this.attributes,...this.actions}},customBreakpoints:(c=(r=(n=this.childrenContext)==null?void 0:n.content)==null?void 0:r.meta)==null?void 0:c.breakpoints},context:this.childrenContext}},useChildren(){var e;return(e=this.useBlock.children)!=null?e:[]},childrenWithoutParentComponent(){var n;return!((n=this.component)!=null&&n.component)&&!this.repeatItemData?this.useChildren:[]},repeatItemData(){const{repeat:e,...n}=this.block;if(!(e!=null&&e.collection))return;const r=a.evaluate({code:e.collection,state:this.context.state,context:this.context.context});if(!Array.isArray(r))return;const c=e.collection.split(".").pop(),l=e.itemName||(c?c+"Item":"item");return r.map((i,m)=>({context:{...this.context,state:{...this.context.state,$index:m,$item:i,[l]:i,[`$${l}Index`]:m}},block:n}))},inheritedTextStyles(){return{}},childrenContext(){return{apiKey:this.context.apiKey,state:this.context.state,content:this.context.content,context:this.context.context,registeredComponents:this.context.registeredComponents,inheritedStyles:this.inheritedTextStyles}},renderComponentTag(){return"RenderComponent"}}};function A(e,n,r,c,l,o){const i=t.resolveComponent("render-repeated-block"),m=t.resolveComponent("render-block",!0),u=t.resolveComponent("block-styles");return o.shouldWrap?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[e.isEmptyHtmlElement(o.tag)?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.tag),t.normalizeProps(t.mergeProps({key:0},{...o.attributes,...o.actions})),null,16)):t.createCommentVNode("",!0),!e.isEmptyHtmlElement(o.tag)&&o.repeatItemData?(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:1},t.renderList(o.repeatItemData,(s,d)=>(t.openBlock(),t.createBlock(i,{key:d,repeatContext:s.context,block:s.block},null,8,["repeatContext","block"]))),128)):t.createCommentVNode("",!0),!e.isEmptyHtmlElement(o.tag)&&!o.repeatItemData?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.tag),t.normalizeProps(t.mergeProps({key:2},{...o.attributes,...o.actions})),{default:t.withCtx(()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.renderComponentTag),t.normalizeProps(t.guardReactiveProps(o.renderComponentProps)),null,16)),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.childrenWithoutParentComponent,(s,d)=>(t.openBlock(),t.createBlock(m,{key:"render-block-"+s.id,block:s,context:o.childrenContext},null,8,["block","context"]))),128)),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.childrenWithoutParentComponent,(s,d)=>(t.openBlock(),t.createBlock(u,{key:"block-style-"+s.id,block:s,context:o.childrenContext},null,8,["block","context"]))),128))]),_:1},16)):t.createCommentVNode("",!0)],64)):(t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.renderComponentTag),t.normalizeProps(t.mergeProps({key:1},o.renderComponentProps)),null,16))}const S=a._export_sfc(T,[["render",A]]);exports.default=S;

package/packages/_vue3/dist/render-block.9cdf5af8.js

@@ -1,262 +0,0 @@
-import { defineAsyncComponent as d, resolveComponent as y, openBlock as c, createElementBlock as u, Fragment as p, createBlock as a, resolveDynamicComponent as h, normalizeProps as k, mergeProps as f, createCommentVNode as C, renderList as b, withCtx as E, guardReactiveProps as R } from "vue";
-import { e as B, T as _, b as w, _ as P } from "./index.7a69508d.js";
-import { g } from "./get-processed-block.b14f89d8.js";
-const T = (e) => `v-on:${e.toLowerCase()}`, S = (e, t) => (o) => B({
-  code: e,
-  context: t.context,
-  state: t.state,
-  event: o,
-  isExpression: !1
-});
-function A(e) {
-  var r;
-  const t = {}, o = (r = e.block.actions) != null ? r : {};
-  for (const i in o) {
-    if (!o.hasOwnProperty(i))
-      continue;
-    const n = o[i];
-    t[T(i)] = S(n, e);
-  }
-  return t;
-}
-function W(e) {
-  var t;
-  return {
-    ...(t = e.component) == null ? void 0 : t.options,
-    ...e.options,
-    builderBlock: e
-  };
-}
-function I(e) {
-  const t = {};
-  if (typeof e != "string")
-    return t;
-  const o = e.trim().split(/\\s+/);
-  for (const r of o)
-    t[r] = !0;
-  return t;
-}
-function N(e) {
-  return e.class = I(e.class), e;
-}
-function D(e) {
-  var o;
-  const t = {
-    ...e.properties,
-    "builder-id": e.id,
-    style: H(e.style),
-    class: [e.id, "builder-block", e.class, (o = e.properties) == null ? void 0 : o.class].filter(Boolean).join(" ")
-  };
-  return N(t);
-}
-function H(e) {
-  if (!!e)
-    switch (_) {
-      case "svelte":
-      case "vue2":
-      case "vue3":
-      case "solid":
-        return w(e).join(" ");
-      case "qwik":
-      case "reactNative":
-      case "react":
-        return e;
-    }
-}
-function O(e) {
-  return e.tagName || "div";
-}
-const j = [
-  "area",
-  "base",
-  "br",
-  "col",
-  "embed",
-  "hr",
-  "img",
-  "input",
-  "keygen",
-  "link",
-  "meta",
-  "param",
-  "source",
-  "track",
-  "wbr"
-], L = (e) => typeof e == "string" && j.includes(e.toLowerCase()), M = () => import("./block-styles.fee20f95.js").then((e) => e.default).catch((e) => {
-  throw console.error(
-    "Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",
-    e
-  ), e;
-}), K = () => import("./render-repeated-block.0360d32e.js").then((e) => e.default).catch((e) => {
-  throw console.error(
-    "Error while attempting to dynamically import component RenderRepeatedBlock at ./render-repeated-block.vue",
-    e
-  ), e;
-}), q = () => import("./render-component-with-context.7d2eb137.js").then((e) => e.default).catch((e) => {
-  throw console.error(
-    "Error while attempting to dynamically import component RenderComponentWithContext at ./render-component-with-context.vue",
-    e
-  ), e;
-}), z = () => import("./render-component.12bec717.js").then((e) => e.default).catch((e) => {
-  throw console.error(
-    "Error while attempting to dynamically import component RenderComponent at ./render-component.vue",
-    e
-  ), e;
-}), F = {
-  name: "render-block",
-  components: {
-    RenderRepeatedBlock: d(K),
-    BlockStyles: d(M),
-    RenderComponentWithContext: d(
-      q
-    ),
-    RenderComponent: d(z)
-  },
-  props: ["block", "context"],
-  data: () => ({ isEmptyHtmlElement: L }),
-  computed: {
-    component() {
-      var o;
-      const e = (o = g({
-        block: this.block,
-        state: this.context.state,
-        context: this.context.context,
-        shouldEvaluateBindings: !1
-      }).component) == null ? void 0 : o.name;
-      if (!e)
-        return null;
-      const t = this.context.registeredComponents[e];
-      if (t)
-        return t;
-      console.warn(`
-        Could not find a registered component named "${e}". 
-        If you registered it, is the file that registered it imported by the file that needs to render it?`);
-    },
-    tag() {
-      return O(this.useBlock);
-    },
-    useBlock() {
-      return this.repeatItemData ? this.block : g({
-        block: this.block,
-        state: this.context.state,
-        context: this.context.context,
-        shouldEvaluateBindings: !0
-      });
-    },
-    actions() {
-      return A({
-        block: this.useBlock,
-        state: this.context.state,
-        context: this.context.context
-      });
-    },
-    attributes() {
-      return {
-        ...D(this.useBlock)
-      };
-    },
-    shouldWrap() {
-      var e;
-      return !((e = this.component) != null && e.noWrap);
-    },
-    renderComponentProps() {
-      var e, t, o, r;
-      return {
-        blockChildren: this.useChildren,
-        componentRef: (e = this.component) == null ? void 0 : e.component,
-        componentOptions: {
-          ...W(this.useBlock),
-          ...this.shouldWrap ? {} : {
-            attributes: {
-              ...this.attributes,
-              ...this.actions
-            }
-          },
-          customBreakpoints: (r = (o = (t = this.childrenContext) == null ? void 0 : t.content) == null ? void 0 : o.meta) == null ? void 0 : r.breakpoints
-        },
-        context: this.childrenContext
-      };
-    },
-    useChildren() {
-      var e;
-      return (e = this.useBlock.children) != null ? e : [];
-    },
-    childrenWithoutParentComponent() {
-      var t;
-      return !((t = this.component) != null && t.component) && !this.repeatItemData ? this.useChildren : [];
-    },
-    repeatItemData() {
-      const { repeat: e, ...t } = this.block;
-      if (!(e != null && e.collection))
-        return;
-      const o = B({
-        code: e.collection,
-        state: this.context.state,
-        context: this.context.context
-      });
-      if (!Array.isArray(o))
-        return;
-      const r = e.collection.split(".").pop(), i = e.itemName || (r ? r + "Item" : "item");
-      return o.map((l, m) => ({
-        context: {
-          ...this.context,
-          state: {
-            ...this.context.state,
-            $index: m,
-            $item: l,
-            [i]: l,
-            [`$${i}Index`]: m
-          }
-        },
-        block: t
-      }));
-    },
-    inheritedTextStyles() {
-      return {};
-    },
-    childrenContext() {
-      return {
-        apiKey: this.context.apiKey,
-        state: this.context.state,
-        content: this.context.content,
-        context: this.context.context,
-        registeredComponents: this.context.registeredComponents,
-        inheritedStyles: this.inheritedTextStyles
-      };
-    },
-    renderComponentTag() {
-      return "RenderComponent";
-    }
-  }
-};
-function G(e, t, o, r, i, n) {
-  const l = y("render-repeated-block"), m = y("render-block", !0), v = y("block-styles");
-  return n.shouldWrap ? (c(), u(p, { key: 0 }, [
-    e.isEmptyHtmlElement(n.tag) ? (c(), a(h(n.tag), k(f({ key: 0 }, { ...n.attributes, ...n.actions })), null, 16)) : C("", !0),
-    !e.isEmptyHtmlElement(n.tag) && n.repeatItemData ? (c(!0), u(p, { key: 1 }, b(n.repeatItemData, (s, x) => (c(), a(l, {
-      key: x,
-      repeatContext: s.context,
-      block: s.block
-    }, null, 8, ["repeatContext", "block"]))), 128)) : C("", !0),
-    !e.isEmptyHtmlElement(n.tag) && !n.repeatItemData ? (c(), a(h(n.tag), k(f({ key: 2 }, { ...n.attributes, ...n.actions })), {
-      default: E(() => [
-        (c(), a(h(n.renderComponentTag), k(R(n.renderComponentProps)), null, 16)),
-        (c(!0), u(p, null, b(n.childrenWithoutParentComponent, (s, x) => (c(), a(m, {
-          key: "render-block-" + s.id,
-          block: s,
-          context: n.childrenContext
-        }, null, 8, ["block", "context"]))), 128)),
-        (c(!0), u(p, null, b(n.childrenWithoutParentComponent, (s, x) => (c(), a(v, {
-          key: "block-style-" + s.id,
-          block: s,
-          context: n.childrenContext
-        }, null, 8, ["block", "context"]))), 128))
-      ]),
-      _: 1
-    }, 16)) : C("", !0)
-  ], 64)) : (c(), a(h(n.renderComponentTag), k(f({ key: 1 }, n.renderComponentProps)), null, 16));
-}
-const J = /* @__PURE__ */ P(F, [["render", G]]);
-export {
-  J as default
-};

package/packages/_vue3/dist/render-component-with-context.7d2eb137.js

@@ -1,50 +0,0 @@
-import { defineAsyncComponent as o, resolveComponent as r, openBlock as c, createBlock as p } from "vue";
-import { _ as i } from "./index.7a69508d.js";
-const m = () => import("./render-component.12bec717.js").then((e) => e.default).catch((e) => {
-  throw console.error(
-    "Error while attempting to dynamically import component RenderComponent at ./render-component.vue",
-    e
-  ), e;
-}), s = {
-  name: "render-component-with-context",
-  components: { RenderComponent: o(m) },
-  props: ["componentRef", "componentOptions", "blockChildren", "context"],
-  provide() {
-    const e = this;
-    return {
-      BuilderContext: {
-        get content() {
-          return e.context.content;
-        },
-        get state() {
-          return e.context.state;
-        },
-        get context() {
-          return e.context.context;
-        },
-        get apiKey() {
-          return e.context.apiKey;
-        },
-        get registeredComponents() {
-          return e.context.registeredComponents;
-        },
-        get inheritedStyles() {
-          return e.context.inheritedStyles;
-        }
-      }
-    };
-  }
-};
-function d(e, l, t, a, x, h) {
-  const n = r("render-component");
-  return c(), p(n, {
-    componentRef: t.componentRef,
-    componentOptions: t.componentOptions,
-    blockChildren: t.blockChildren,
-    context: t.context
-  }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context"]);
-}
-const f = /* @__PURE__ */ i(s, [["render", d]]);
-export {
-  f as default
-};

package/packages/_vue3/dist/render-component-with-context.a37b552e.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),r=require("./index.a102bdda.cjs"),c=()=>Promise.resolve().then(()=>require("./render-component.66d935aa.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderComponent at ./render-component.vue",e),e}),i={name:"render-component-with-context",components:{RenderComponent:n.defineAsyncComponent(c)},props:["componentRef","componentOptions","blockChildren","context"],provide(){const e=this;return{BuilderContext:{get content(){return e.context.content},get state(){return e.context.state},get context(){return e.context.context},get apiKey(){return e.context.apiKey},get registeredComponents(){return e.context.registeredComponents},get inheritedStyles(){return e.context.inheritedStyles}}}}};function p(e,d,t,m,l,a){const o=n.resolveComponent("render-component");return n.openBlock(),n.createBlock(o,{componentRef:t.componentRef,componentOptions:t.componentOptions,blockChildren:t.blockChildren,context:t.context},null,8,["componentRef","componentOptions","blockChildren","context"])}const s=r._export_sfc(i,[["render",p]]);exports.default=s;

package/packages/_vue3/dist/render-inlined-styles.540df9a2.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./index.a102bdda.cjs"),c={name:"render-inlined-styles",props:["styles"],data:()=>({TARGET:n.TARGET}),computed:{injectedStyleScript(){return`<${this.tag}>${this.styles}</${this.tag}>`},tag(){return"style"}}},i=["innerHTML"];function l(r,a,s,d,u,t){return r.TARGET==="svelte"?(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:t.injectedStyleScript},null,8,i)):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),{key:1},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.styles),1)]),_:1}))}const o=n._export_sfc(c,[["render",l]]);exports.default=o;

package/packages/_vue3/dist/render-repeated-block.0360d32e.js

@@ -1,48 +0,0 @@
-import { defineAsyncComponent as o, resolveComponent as r, openBlock as c, createBlock as p } from "vue";
-import { _ as a } from "./index.7a69508d.js";
-const l = () => import("./render-block.9cdf5af8.js").then((e) => e.default).catch((e) => {
-  throw console.error(
-    "Error while attempting to dynamically import component RenderBlock at ./render-block.vue",
-    e
-  ), e;
-}), s = {
-  name: "render-repeated-block",
-  components: { RenderBlock: o(l) },
-  props: ["block", "repeatContext"],
-  provide() {
-    const e = this;
-    return {
-      BuilderContext: {
-        get content() {
-          return e.repeatContext.content;
-        },
-        get state() {
-          return e.repeatContext.state;
-        },
-        get context() {
-          return e.repeatContext.context;
-        },
-        get apiKey() {
-          return e.repeatContext.apiKey;
-        },
-        get registeredComponents() {
-          return e.repeatContext.registeredComponents;
-        },
-        get inheritedStyles() {
-          return e.repeatContext.inheritedStyles;
-        }
-      }
-    };
-  }
-};
-function d(e, i, t, m, x, u) {
-  const n = r("render-block");
-  return c(), p(n, {
-    block: t.block,
-    context: t.repeatContext
-  }, null, 8, ["block", "context"]);
-}
-const _ = /* @__PURE__ */ a(s, [["render", d]]);
-export {
-  _ as default
-};

package/packages/_vue3/dist/render-repeated-block.8da78c07.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./index.a102bdda.cjs"),c=()=>Promise.resolve().then(()=>require("./render-block.4a0e514b.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderBlock at ./render-block.vue",e),e}),a={name:"render-repeated-block",components:{RenderBlock:t.defineAsyncComponent(c)},props:["block","repeatContext"],provide(){const e=this;return{BuilderContext:{get content(){return e.repeatContext.content},get state(){return e.repeatContext.state},get context(){return e.repeatContext.context},get apiKey(){return e.repeatContext.apiKey},get registeredComponents(){return e.repeatContext.registeredComponents},get inheritedStyles(){return e.repeatContext.inheritedStyles}}}}};function s(e,d,n,i,p,u){const r=t.resolveComponent("render-block");return t.openBlock(),t.createBlock(r,{block:n.block,context:n.repeatContext},null,8,["block","context"])}const l=o._export_sfc(a,[["render",s]]);exports.default=l;

package/packages/_vue3/dist/src/components/render-block/render-component-with-context.vue.d.ts

@@ -1,48 +0,0 @@
-declare const _sfc_main: {
-    name: string;
-    components: {
-        RenderComponent: {
-            name: string;
-            components: {
-                RenderBlock: any;
-                BlockStyles: {
-                    name: string;
-                    components: {
-                        RenderInlinedStyles: {
-                            name: string;
-                            props: string[];
-                            data: () => {
-                                TARGET: string;
-                            };
-                            computed: {
-                                injectedStyleScript(): any;
-                                tag(): string;
-                            };
-                        };
-                    };
-                    props: string[];
-                    data: () => {
-                        TARGET: string;
-                    };
-                    computed: {
-                        useBlock(): any;
-                        css(): any;
-                    };
-                };
-            };
-            props: string[];
-        };
-    };
-    props: string[];
-    provide(): {
-        BuilderContext: {
-            readonly content: any;
-            readonly state: any;
-            readonly context: any;
-            readonly apiKey: any;
-            readonly registeredComponents: any;
-            readonly inheritedStyles: any;
-        };
-    };
-};
-export default _sfc_main;