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

package/packages/_vue3/dist/render-block.3cdd0c66.js

@@ -1,254 +0,0 @@
-import { defineAsyncComponent as f, resolveComponent as h, openBlock as r, createElementBlock as u, Fragment as d, renderList as x, createBlock as i, createCommentVNode as g, resolveDynamicComponent as B, normalizeProps as b, mergeProps as y, withCtx as w, createVNode as N, guardReactiveProps as P } from "vue";
-import { e as v, T as S, _ as I } from "./index.eb0e01ba.js";
-import { a as _, g as C } from "./get-processed-block.c491559e.js";
-function A(e) {
-  return e.charAt(0).toUpperCase() + e.slice(1);
-}
-const O = (e) => `on${A(e)}`;
-function T(e, t) {
-  return (n) => v({
-    code: e,
-    context: t.context,
-    state: t.state,
-    event: n
-  });
-}
-function W(e) {
-  var s;
-  const t = {}, n = (s = e.block.actions) != null ? s : {};
-  for (const a in n) {
-    if (!n.hasOwnProperty(a))
-      continue;
-    const o = n[a];
-    t[O(a)] = T(o, e);
-  }
-  return t;
-}
-function D(e) {
-  var t;
-  return {
-    ...(t = e.component) == null ? void 0 : t.options,
-    ...e.options,
-    builderBlock: e
-  };
-}
-function H(e) {
-  var t;
-  return {
-    ...e.properties,
-    "builder-id": e.id,
-    class: [e.id, "builder-block", e.class, (t = e.properties) == null ? void 0 : t.class].filter(Boolean).join(" ")
-  };
-}
-const l = (e) => e, L = (e) => e, M = (e) => {
-  switch (S) {
-    case "reactNative":
-      return {
-        ...e.large ? l(e.large) : {},
-        ...e.medium ? l(e.medium) : {},
-        ...e.small ? l(e.small) : {}
-      };
-    default:
-      return {
-        ...e.large ? l(e.large) : {},
-        ...e.medium ? {
-          [_("medium")]: l(
-            e.medium
-          )
-        } : {},
-        ...e.small ? {
-          [_("small")]: l(
-            e.small
-          )
-        } : {}
-      };
-  }
-};
-function z(e) {
-  if (!e.responsiveStyles)
-    return {};
-  const t = M(e.responsiveStyles);
-  return L(t);
-}
-function F(e) {
-  return e.tagName || "div";
-}
-const j = [
-  "area",
-  "base",
-  "br",
-  "col",
-  "embed",
-  "hr",
-  "img",
-  "input",
-  "keygen",
-  "link",
-  "meta",
-  "param",
-  "source",
-  "track",
-  "wbr"
-], U = (e) => typeof e == "string" && j.includes(e.toLowerCase()), V = () => import("./block-styles.1f1fb83d.js").then((e) => e.default).catch((e) => {
-  throw console.error(
-    "Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",
-    e
-  ), e;
-}), G = () => import("./render-component.963a01c2.js").then((e) => e.default).catch((e) => {
-  throw console.error(
-    "Error while attempting to dynamically import component RenderComponent at ./render-component.vue",
-    e
-  ), e;
-}), Q = () => import("./render-repeated-block.760bb69a.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;
-}), Y = {
-  name: "render-block",
-  components: {
-    "render-component": f(G),
-    "render-repeated-block": f(Q),
-    "block-styles": f(V)
-  },
-  props: ["block", "context"],
-  data: () => ({ isEmptyHtmlElement: U }),
-  computed: {
-    component() {
-      var n;
-      const e = (n = C({
-        block: this.block,
-        state: this.context.state,
-        context: this.context.context,
-        shouldEvaluateBindings: !1
-      }).component) == null ? void 0 : n.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?`);
-    },
-    componentInfo() {
-      if (this.component) {
-        const { component: e, ...t } = this.component;
-        return t;
-      } else
-        return;
-    },
-    componentRef() {
-      var e;
-      return (e = this.component) == null ? void 0 : e.component;
-    },
-    tagName() {
-      return F(this.useBlock);
-    },
-    useBlock() {
-      return this.repeatItemData ? this.block : C({
-        block: this.block,
-        state: this.context.state,
-        context: this.context.context,
-        shouldEvaluateBindings: !0
-      });
-    },
-    attributes() {
-      return {
-        ...H(this.useBlock),
-        ...W({
-          block: this.useBlock,
-          state: this.context.state,
-          context: this.context.context
-        }),
-        style: z(this.useBlock)
-      };
-    },
-    shouldWrap() {
-      var e;
-      return !((e = this.componentInfo) != null && e.noWrap);
-    },
-    componentOptions() {
-      return {
-        ...D(this.useBlock),
-        ...this.shouldWrap ? {} : {
-          attributes: this.attributes
-        }
-      };
-    },
-    renderComponentProps() {
-      return {
-        blockChildren: this.children,
-        componentRef: this.componentRef,
-        componentOptions: this.componentOptions,
-        context: this.context
-      };
-    },
-    children() {
-      var e;
-      return (e = this.useBlock.children) != null ? e : [];
-    },
-    childrenWithoutParentComponent() {
-      return !this.componentRef && !this.repeatItemData ? this.children : [];
-    },
-    repeatItemData() {
-      const { repeat: e, ...t } = this.block;
-      if (!(e != null && e.collection))
-        return;
-      const n = v({
-        code: e.collection,
-        state: this.context.state,
-        context: this.context.context
-      });
-      if (!Array.isArray(n))
-        return;
-      const s = e.collection.split(".").pop(), a = e.itemName || (s ? s + "Item" : "item");
-      return n.map((p, m) => ({
-        context: {
-          ...this.context,
-          state: {
-            ...this.context.state,
-            $index: m,
-            $item: p,
-            [a]: p,
-            [`$${a}Index`]: m
-          }
-        },
-        block: t
-      }));
-    }
-  },
-  compatConfig: { MODE: 3 }
-};
-function q(e, t, n, s, a, o) {
-  const p = h("render-repeated-block"), m = h("render-component"), E = h("render-block", !0), R = h("block-styles");
-  return o.shouldWrap ? (r(), u(d, { key: 0 }, [
-    e.isEmptyHtmlElement(o.tagName) ? (r(), i(B(o.tagName), b(y({ key: 1 }, o.attributes)), null, 16)) : (r(), u(d, { key: 0 }, [
-      o.repeatItemData ? (r(!0), u(d, { key: 0 }, x(o.repeatItemData, (c, k) => (r(), i(p, {
-        key: k,
-        repeatContext: c.context,
-        block: c.block
-      }, null, 8, ["repeatContext", "block"]))), 128)) : g("", !0),
-      o.repeatItemData ? g("", !0) : (r(), i(B(o.tagName), b(y({ key: 1 }, o.attributes)), {
-        default: w(() => [
-          N(m, b(P(o.renderComponentProps)), null, 16),
-          (r(!0), u(d, null, x(o.childrenWithoutParentComponent, (c, k) => (r(), i(E, {
-            key: "render-block-" + c.id,
-            block: c,
-            context: n.context
-          }, null, 8, ["block", "context"]))), 128)),
-          (r(!0), u(d, null, x(o.childrenWithoutParentComponent, (c, k) => (r(), i(R, {
-            key: "block-style-" + c.id,
-            block: c,
-            context: n.context
-          }, null, 8, ["block", "context"]))), 128))
-        ]),
-        _: 1
-      }, 16))
-    ], 64))
-  ], 64)) : (r(), i(m, y({ key: 1 }, o.renderComponentProps, { context: n.context }), null, 16, ["context"]));
-}
-const Z = /* @__PURE__ */ I(Y, [["render", q]]);
-export {
-  Z as default
-};

package/packages/_vue3/dist/render-block.98541a38.cjs

@@ -1,3 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),d=require("./index.36507004.cjs"),u=require("./get-processed-block.b7ff491d.cjs");function f(e){return e.charAt(0).toUpperCase()+e.slice(1)}const b=e=>`on${f(e)}`;function B(e,o){return n=>d.evaluate({code:e,context:o.context,state:o.state,event:n})}function g(e){var s;const o={},n=(s=e.block.actions)!=null?s:{};for(const l in n){if(!n.hasOwnProperty(l))continue;const r=n[l];o[b(l)]=B(r,e)}return o}function x(e){var o;return{...(o=e.component)==null?void 0:o.options,...e.options,builderBlock:e}}function y(e){var o;return{...e.properties,"builder-id":e.id,class:[e.id,"builder-block",e.class,(o=e.properties)==null?void 0:o.class].filter(Boolean).join(" ")}}const a=e=>e,v=e=>e,C=e=>{switch(d.TARGET){case"reactNative":return{...e.large?a(e.large):{},...e.medium?a(e.medium):{},...e.small?a(e.small):{}};default:return{...e.large?a(e.large):{},...e.medium?{[u.getMaxWidthQueryForSize("medium")]:a(e.medium)}:{},...e.small?{[u.getMaxWidthQueryForSize("small")]:a(e.small)}:{}}}};function _(e){if(!e.responsiveStyles)return{};const o=C(e.responsiveStyles);return v(o)}function P(e){return e.tagName||"div"}const E=["area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"],R=e=>typeof e=="string"&&E.includes(e.toLowerCase()),S=()=>Promise.resolve().then(()=>require("./block-styles.eb8f30fe.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",e),e}),w=()=>Promise.resolve().then(()=>require("./render-component.442d659d.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderComponent at ./render-component.vue",e),e}),N=()=>Promise.resolve().then(()=>require("./render-repeated-block.2212c878.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}),A={name:"render-block",components:{"render-component":t.defineAsyncComponent(w),"render-repeated-block":t.defineAsyncComponent(N),"block-styles":t.defineAsyncComponent(S)},props:["block","context"],data:()=>({isEmptyHtmlElement:R}),computed:{component(){var n;const e=(n=u.getProcessedBlock({block:this.block,state:this.context.state,context:this.context.context,shouldEvaluateBindings:!1}).component)==null?void 0:n.name;if(!e)return null;const o=this.context.registeredComponents[e];if(o)return o;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?`)},componentInfo(){if(this.component){const{component:e,...o}=this.component;return o}else return},componentRef(){var e;return(e=this.component)==null?void 0:e.component},tagName(){return P(this.useBlock)},useBlock(){return this.repeatItemData?this.block:u.getProcessedBlock({block:this.block,state:this.context.state,context:this.context.context,shouldEvaluateBindings:!0})},attributes(){return{...y(this.useBlock),...g({block:this.useBlock,state:this.context.state,context:this.context.context}),style:_(this.useBlock)}},shouldWrap(){var e;return!((e=this.componentInfo)!=null&&e.noWrap)},componentOptions(){return{...x(this.useBlock),...this.shouldWrap?{}:{attributes:this.attributes}}},renderComponentProps(){return{blockChildren:this.children,componentRef:this.componentRef,componentOptions:this.componentOptions,context:this.context}},children(){var e;return(e=this.useBlock.children)!=null?e:[]},childrenWithoutParentComponent(){return!this.componentRef&&!this.repeatItemData?this.children:[]},repeatItemData(){const{repeat:e,...o}=this.block;if(!(e!=null&&e.collection))return;const n=d.evaluate({code:e.collection,state:this.context.state,context:this.context.context});if(!Array.isArray(n))return;const s=e.collection.split(".").pop(),l=e.itemName||(s?s+"Item":"item");return n.map((m,i)=>({context:{...this.context,state:{...this.context.state,$index:i,$item:m,[l]:m,[`$${l}Index`]:i}},block:o}))}},compatConfig:{MODE:3}};function I(e,o,n,s,l,r){const m=t.resolveComponent("render-repeated-block"),i=t.resolveComponent("render-component"),k=t.resolveComponent("render-block",!0),h=t.resolveComponent("block-styles");return r.shouldWrap?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[e.isEmptyHtmlElement(r.tagName)?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.tagName),t.normalizeProps(t.mergeProps({key:1},r.attributes)),null,16)):(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[r.repeatItemData?(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:0},t.renderList(r.repeatItemData,(c,p)=>(t.openBlock(),t.createBlock(m,{key:p,repeatContext:c.context,block:c.block},null,8,["repeatContext","block"]))),128)):t.createCommentVNode("",!0),r.repeatItemData?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.tagName),t.normalizeProps(t.mergeProps({key:1},r.attributes)),{default:t.withCtx(()=>[t.createVNode(i,t.normalizeProps(t.guardReactiveProps(r.renderComponentProps)),null,16),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(r.childrenWithoutParentComponent,(c,p)=>(t.openBlock(),t.createBlock(k,{key:"render-block-"+c.id,block:c,context:n.context},null,8,["block","context"]))),128)),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(r.childrenWithoutParentComponent,(c,p)=>(t.openBlock(),t.createBlock(h,{key:"block-style-"+c.id,block:c,context:n.context},null,8,["block","context"]))),128))]),_:1},16))],64))],64)):(t.openBlock(),t.createBlock(i,t.mergeProps({key:1},r.renderComponentProps,{context:n.context}),null,16,["context"]))}const O=d._export_sfc(A,[["render",I]]);exports.default=O;

package/packages/_vue3/dist/render-component.442d659d.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("./index.36507004.cjs"),a=()=>Promise.resolve().then(()=>require("./block-styles.eb8f30fe.cjs")).then(o=>o.default).catch(o=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",o),o}),m=()=>Promise.resolve().then(()=>require("./render-block.98541a38.cjs")).then(o=>o.default).catch(o=>{throw console.error("Error while attempting to dynamically import component RenderBlock at ./render-block.vue",o),o}),k={name:"render-component",components:{"render-block":e.defineAsyncComponent(m),"block-styles":e.defineAsyncComponent(a)},props:["componentRef","componentOptions","blockChildren","context"],data:()=>({markPropsMutable:c.markPropsMutable}),compatConfig:{MODE:3}};function i(o,u,n,p,b,y){const r=e.resolveComponent("render-block"),l=e.resolveComponent("block-styles");return n.componentRef?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.componentRef),e.normalizeProps(e.mergeProps({key:0},o.markPropsMutable(n.componentOptions))),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.blockChildren,(t,s)=>(e.openBlock(),e.createBlock(r,{key:"render-block-"+t.id,block:t,context:n.context},null,8,["block","context"]))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.blockChildren,(t,s)=>(e.openBlock(),e.createBlock(l,{key:"block-style-"+t.id,block:t,context:n.context},null,8,["block","context"]))),128))]),_:1},16)):e.createCommentVNode("",!0)}const d=c._export_sfc(k,[["render",i]]);exports.default=d;

package/packages/_vue3/dist/render-inlined-styles.662df301.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./index.36507004.cjs"),c={name:"render-inlined-styles",props:["styles"],data:()=>({TARGET:n.TARGET}),computed:{injectedStyleScript(){return`<${this.tagName}>${this.styles}</${this.tagName}>`},tagName(){return"style"}},compatConfig:{MODE:3}},i=["innerHTML"];function a(r,o,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.tagName),{key:1},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.styles),1)]),_:1}))}const l=n._export_sfc(c,[["render",a]]);exports.default=l;

package/packages/_vue3/dist/render-repeated-block.2212c878.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),r=require("./index.36507004.cjs"),c=()=>Promise.resolve().then(()=>require("./render-block.98541a38.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:{"render-block":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}}}},compatConfig:{MODE:3}};function s(e,p,n,d,i,u){const o=t.resolveComponent("render-block");return t.openBlock(),t.createBlock(o,{block:n.block,context:n.repeatContext},null,8,["block","context"])}const l=r._export_sfc(a,[["render",s]]);exports.default=l;