@builder.io/sdk-vue 0.2.2 → 0.2.3

package/packages/_vue2/dist/src/components/render-blocks.vue.d.ts

@@ -1,134 +1,30 @@
+import type { BuilderBlock } from "../types/builder-block.js";
 export type RenderBlockProps = {
     blocks?: BuilderBlock[];
     parent?: string;
     path?: string;
     styleProp?: Record<string, any>;
 };
-import { BuilderBlock } from "../types/builder-block.js";
-declare const _sfc_main: {
-    name: string;
-    components: {
-        RenderBlock: () => Promise<{
-            name: string;
-            components: {
-                RenderComponent: () => Promise<{
-                    name: string;
-                    components: {
-                        RenderBlock: () => Promise<any>;
-                        BlockStyles: () => Promise<{
-                            name: string;
-                            components: {
-                                RenderInlinedStyles: () => Promise<{
-                                    name: string;
-                                    props: string[];
-                                    data(): {
-                                        TARGET: string;
-                                    };
-                                    computed: {
-                                        tag(): string;
-                                        injectedStyleScript(): any;
-                                    };
-                                }>;
-                            };
-                            props: string[];
-                            data(): {
-                                TARGET: string;
-                            };
-                            computed: {
-                                useBlock(): any;
-                                canShowBlock(): any;
-                                css(): any;
-                            };
-                        }>;
-                    };
-                    props: string[];
-                }>;
-                RenderRepeatedBlock: () => Promise<{
-                    name: string;
-                    components: {
-                        RenderBlock: () => Promise<any>;
-                    };
-                    props: string[];
-                    provide(): any;
-                }>;
-                BlockStyles: () => Promise<{
-                    name: string;
-                    components: {
-                        RenderInlinedStyles: () => Promise<{
-                            name: string;
-                            props: string[];
-                            data(): {
-                                TARGET: string;
-                            };
-                            computed: {
-                                tag(): string;
-                                injectedStyleScript(): any;
-                            };
-                        }>;
-                    };
-                    props: string[];
-                    data(): {
-                        TARGET: string;
-                    };
-                    computed: {
-                        useBlock(): any;
-                        canShowBlock(): any;
-                        css(): any;
-                    };
-                }>;
-            };
-            props: string[];
-            data(): any;
-            computed: {
-                useBlock(): any;
-                canShowBlock(): unknown;
-                actions(): any;
-                attributes(): any;
-                childrenWithoutParentComponent(): any;
-                childrenContext(): any;
-                renderComponentProps(): any;
-            };
-            methods: {
-                stripVOn: (actions?: {}) => {};
-            };
-        }>;
-        BlockStyles: () => Promise<{
-            name: string;
-            components: {
-                RenderInlinedStyles: () => Promise<{
-                    name: string;
-                    props: string[];
-                    data(): {
-                        TARGET: string;
-                    };
-                    computed: {
-                        tag(): string;
-                        injectedStyleScript(): any;
-                    };
-                }>;
-            };
-            props: string[];
-            data(): {
-                TARGET: string;
-            };
-            computed: {
-                useBlock(): any;
-                canShowBlock(): any;
-                css(): any;
-            };
-        }>;
-    };
-    props: string[];
-    inject: {
-        builderContext: symbol;
-    };
-    computed: {
-        className(): any;
-    };
-    methods: {
-        onClick(): void;
-        onMouseEnter(): void;
-        _classStringToObject(str: any): {};
-    };
-};
+declare const _sfc_main: import("vue").DefineComponent<Readonly<{
+    parent?: any;
+    blocks?: any;
+    path?: any;
+    styleProp?: any;
+}>, {}, {}, {
+    className(): string;
+}, {
+    onClick(): void;
+    onMouseEnter(): void;
+    _classStringToObject(str: any): {};
+}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    parent?: any;
+    blocks?: any;
+    path?: any;
+    styleProp?: any;
+}>>>, {
+    readonly parent?: any;
+    readonly blocks?: any;
+    readonly path?: any;
+    readonly styleProp?: any;
+}>;
 export default _sfc_main;

package/packages/_vue2/dist/src/components/render-content/components/render-styles.vue.d.ts

@@ -1,19 +1,16 @@
-declare const _sfc_main: {
-    name: string;
-    components: {
-        RenderInlinedStyles: () => Promise<{
-            name: string;
-            props: string[];
-            data(): {
-                TARGET: string;
-            };
-            computed: {
-                tag(): string;
-                injectedStyleScript(): any;
-            };
-        }>;
-    };
-    props: string[];
-    data(): any;
-};
+declare const _sfc_main: import("vue").DefineComponent<Readonly<{
+    cssCode?: any;
+    contentId?: any;
+    customFonts?: any;
+}>, {}, {
+    injectedStyles: string;
+}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    cssCode?: any;
+    contentId?: any;
+    customFonts?: any;
+}>>>, {
+    readonly cssCode?: any;
+    readonly contentId?: any;
+    readonly customFonts?: any;
+}>;
 export default _sfc_main;

package/packages/_vue2/dist/src/components/render-content/render-content.vue.d.ts

@@ -1,220 +1,54 @@
-import { BuilderRenderState } from "../../context/types.js";
-import { Breakpoints, BuilderContent } from "../../types/builder-content.js";
-import { Nullable } from "../../types/typescript.js";
-declare const _sfc_main: {
-    name: string;
-    components: {
-        RenderContentStyles: () => Promise<{
-            name: string;
-            components: {
-                RenderInlinedStyles: () => Promise<{
-                    name: string;
-                    props: string[];
-                    data(): {
-                        TARGET: string;
-                    };
-                    computed: {
-                        tag(): string;
-                        injectedStyleScript(): any;
-                    };
-                }>;
-            };
-            props: string[];
-            data(): any;
-        }>;
-        RenderBlocks: () => Promise<{
-            name: string;
-            components: {
-                RenderBlock: () => Promise<{
-                    name: string;
-                    components: {
-                        RenderComponent: () => Promise<{
-                            name: string;
-                            components: {
-                                RenderBlock: () => Promise<any>;
-                                BlockStyles: () => Promise<{
-                                    name: string;
-                                    components: {
-                                        RenderInlinedStyles: () => Promise<{
-                                            name: string;
-                                            props: string[];
-                                            data(): {
-                                                TARGET: string;
-                                            };
-                                            computed: {
-                                                tag(): string;
-                                                injectedStyleScript(): any;
-                                            };
-                                        }>;
-                                    };
-                                    props: string[];
-                                    data(): {
-                                        TARGET: string;
-                                    };
-                                    computed: {
-                                        useBlock(): any;
-                                        canShowBlock(): any;
-                                        css(): any;
-                                    };
-                                }>;
-                            };
-                            props: string[];
-                        }>;
-                        RenderRepeatedBlock: () => Promise<{
-                            name: string;
-                            components: {
-                                RenderBlock: () => Promise<any>;
-                            };
-                            props: string[];
-                            provide(): any;
-                        }>;
-                        BlockStyles: () => Promise<{
-                            name: string;
-                            components: {
-                                RenderInlinedStyles: () => Promise<{
-                                    name: string;
-                                    props: string[];
-                                    data(): {
-                                        TARGET: string;
-                                    };
-                                    computed: {
-                                        tag(): string;
-                                        injectedStyleScript(): any;
-                                    };
-                                }>;
-                            };
-                            props: string[];
-                            data(): {
-                                TARGET: string;
-                            };
-                            computed: {
-                                useBlock(): any;
-                                canShowBlock(): any;
-                                css(): any;
-                            };
-                        }>;
-                    };
-                    props: string[];
-                    data(): any;
-                    computed: {
-                        useBlock(): any;
-                        canShowBlock(): unknown;
-                        actions(): any;
-                        attributes(): any;
-                        childrenWithoutParentComponent(): any;
-                        childrenContext(): any;
-                        renderComponentProps(): any;
-                    };
-                    methods: {
-                        stripVOn: (actions?: {}) => {};
-                    };
-                }>;
-                BlockStyles: () => Promise<{
-                    name: string;
-                    components: {
-                        RenderInlinedStyles: () => Promise<{
-                            name: string;
-                            props: string[];
-                            data(): {
-                                TARGET: string;
-                            };
-                            computed: {
-                                tag(): string;
-                                injectedStyleScript(): any;
-                            };
-                        }>;
-                    };
-                    props: string[];
-                    data(): {
-                        TARGET: string;
-                    };
-                    computed: {
-                        useBlock(): any;
-                        canShowBlock(): any;
-                        css(): any;
-                    };
-                }>;
-            };
-            props: string[];
-            inject: {
-                builderContext: symbol;
-            };
-            computed: {
-                className(): any;
-            };
-            methods: {
-                onClick(): void;
-                onMouseEnter(): void;
-                _classStringToObject(str: any): {};
-            };
-        }>;
+import type { BuilderRenderState } from "../../context/types.js";
+import type { Breakpoints, BuilderContent } from "../../types/builder-content.js";
+import type { Nullable } from "../../types/typescript.js";
+declare const _sfc_main: import("vue").DefineComponent<string[], {}, {
+    forceReRenderCount: number;
+    overrideContent: null;
+    useContent: Nullable<BuilderContent>;
+    update: number;
+    canTrackToUse: any;
+    contentState: {
+        [x: string]: unknown;
     };
-    props: string[];
-    data(): {
-        forceReRenderCount: number;
-        overrideContent: null;
-        useContent: Nullable<BuilderContent>;
-        update: number;
-        canTrackToUse: any;
-        contentState: {
+    allRegisteredComponents: any;
+    httpReqsData: {};
+    clicked: boolean;
+    TARGET: string;
+}, {
+    onUpdateHook0(): {
+        0: any;
+    };
+    onUpdateHook1(): {
+        0: string | undefined;
+        1: {
             [x: string]: unknown;
         };
-        allRegisteredComponents: any;
-        httpReqsData: {};
-        clicked: boolean;
-        TARGET: string;
     };
-    provide(): {
-        [x: symbol]: {
-            content: any;
-            state: any;
-            setState: any;
-            context: any;
-            apiKey: any;
-            apiVersion: any;
-            registeredComponents: any;
-        };
+    onUpdateHook2(): {
+        0: {
+            [key: string]: string;
+        } | undefined;
     };
-    mounted(): void;
-    watch: {
-        onUpdateHook0: {
-            handler(): void;
-            immediate: boolean;
-        };
-        onUpdateHook1: {
-            handler(): void;
-            immediate: boolean;
-        };
-        onUpdateHook2: {
-            handler(): void;
-            immediate: boolean;
-        };
-        onUpdateHook3: {
-            handler(): void;
-            immediate: boolean;
+    onUpdateHook3(): {
+        0: {
+            [x: string]: unknown;
         };
     };
-    unmounted(): void;
-    computed: {
-        onUpdateHook0(): any;
-        onUpdateHook1(): any;
-        onUpdateHook2(): any;
-        onUpdateHook3(): any;
-    };
-    methods: {
-        mergeNewContent(newContent: BuilderContent): void;
-        setBreakpoints(breakpoints: Breakpoints): void;
-        setContextState(newState: BuilderRenderState): void;
-        processMessage(event: MessageEvent): void;
-        evaluateJsCode(): void;
-        onClick(event: any): void;
-        evalExpression(expression: string): string;
-        handleRequest({ url, key }: {
-            key: string;
-            url: string;
-        }): void;
-        runHttpRequests(): void;
-        emitStateUpdate(): void;
-    };
-};
+}, {
+    mergeNewContent(newContent: BuilderContent): void;
+    setBreakpoints(breakpoints: Breakpoints): void;
+    setContextState(newState: BuilderRenderState): void;
+    processMessage(event: MessageEvent): void;
+    evaluateJsCode(): void;
+    onClick(event: any): void;
+    evalExpression(expression: string): string;
+    handleRequest({ url, key }: {
+        key: string;
+        url: string;
+    }): void;
+    runHttpRequests(): void;
+    emitStateUpdate(): void;
+}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<string[]>>, {
+    [x: number]: string;
+}>;
 export default _sfc_main;

package/packages/_vue2/dist/src/components/render-inlined-styles.vue.d.ts

@@ -1,12 +1,13 @@
-declare const _sfc_main: {
-    name: string;
-    props: string[];
-    data(): {
-        TARGET: string;
-    };
-    computed: {
-        tag(): string;
-        injectedStyleScript(): any;
-    };
-};
+declare const _sfc_main: import("vue").DefineComponent<Readonly<{
+    styles?: any;
+}>, {}, {
+    TARGET: string;
+}, {
+    tag(): string;
+    injectedStyleScript(): string;
+}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    styles?: any;
+}>>>, {
+    readonly styles?: any;
+}>;
 export default _sfc_main;

package/packages/_vue2/dist/src/index.d.ts

@@ -10,3 +10,4 @@ export * from './functions/get-builder-search-params/index.js';
 export { track } from './functions/track/index.js';
 export type { RegisteredComponent } from './context/types';
 export type { ComponentInfo } from './types/components';
+export type { RenderContentProps } from './components/render-content/render-content.types.js';

package/packages/_vue2/dist/style.css

@@ -1 +1 @@
-.button-2fnk003dqad[data-v-a8305dd0]{all:unset}.div-t9spj7joih[data-v-2bb878ea]{display:flex;line-height:normal}.div-t9spj7joih-2[data-v-2bb878ea]{display:flex;flex-direction:column;align-items:stretch}.img-1pl23ac79ld[data-v-b5206874]{opacity:1;transition:opacity .2s ease-in-out}.div-1pl23ac79ld[data-v-b5206874]{width:100%;pointer-events:none;font-size:0}.div-1pl23ac79ld-2[data-v-b5206874]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.div-21azgz5avex[data-v-57df98d3]{display:flex;flex-direction:column;align-items:stretch}
+.button-2fnk003dqad[data-v-5f197ca9]{all:unset}.div-t9spj7joih[data-v-1a6287e9]{display:flex;line-height:normal}.div-t9spj7joih-2[data-v-1a6287e9]{display:flex;flex-direction:column;align-items:stretch}.img-1pl23ac79ld[data-v-0d553173]{opacity:1;transition:opacity .2s ease-in-out}.div-1pl23ac79ld[data-v-0d553173]{width:100%;pointer-events:none;font-size:0}.div-1pl23ac79ld-2[data-v-0d553173]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.div-21azgz5avex[data-v-e4c3b2b6]{display:flex;flex-direction:column;align-items:stretch}

package/packages/_vue3/dist/block-styles.56f7b28a.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),s=require("./index.d72bde22.cjs"),r=require("./css.f83437ab.cjs"),y=()=>Promise.resolve().then(()=>require("./render-inlined-styles.a596482a.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}),k=n.defineComponent({name:"block-styles",components:{RenderInlinedStyles:n.defineAsyncComponent(y)},props:["block","context"],data(){return{TARGET:s.TARGET}},computed:{useBlock(){return r.getProcessedBlock({block:this.block,state:this.context.state,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 d;const e=this.useBlock.responsiveStyles,o=this.context.content,c=s.getSizesForBreakpoints(((d=o==null?void 0:o.meta)==null?void 0:d.breakpoints)||{}),l=e==null?void 0:e.large,i=e==null?void 0:e.medium,a=e==null?void 0:e.small,t=this.useBlock.id;if(!t)return"";const u=l?r.createCssClass({className:t,styles:l}):"",m=i?r.createCssClass({className:t,styles:i,mediaQuery:s.getMaxWidthQueryForSize("medium",c)}):"",h=a?r.createCssClass({className:t,styles:a,mediaQuery:s.getMaxWidthQueryForSize("small",c)}):"";return[u,m,h].join(" ")}}});function p(e,o,c,l,i,a){const t=n.resolveComponent("render-inlined-styles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(n.openBlock(),n.createBlock(t,{key:0,styles:e.css},null,8,["styles"])):n.createCommentVNode("",!0)}const S=s._export_sfc(k,[["render",p]]);exports.default=S;

package/packages/_vue3/dist/block-styles.f06f105b.js

@@ -0,0 +1,69 @@
+import { defineComponent as h, defineAsyncComponent as k, resolveComponent as y, openBlock as f, createBlock as B, createCommentVNode as S } from "vue";
+import { T as g, c as a, g as C, a as d, _ } from "./index.0aed90df.js";
+import { g as b, c } from "./css.2ff361fc.js";
+const w = () => import("./render-inlined-styles.454bc38b.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;
+}), x = h({
+  name: "block-styles",
+  components: {
+    RenderInlinedStyles: k(w)
+  },
+  props: ["block", "context"],
+  data() {
+    return { TARGET: g };
+  },
+  computed: {
+    useBlock() {
+      return b({
+        block: this.block,
+        state: this.context.state,
+        context: this.context.context,
+        shouldEvaluateBindings: !0
+      });
+    },
+    canShowBlock() {
+      return a(this.useBlock.hide) ? !this.useBlock.hide : a(this.useBlock.show) ? this.useBlock.show : !0;
+    },
+    css() {
+      var i;
+      const e = this.useBlock.responsiveStyles, s = this.context.content, o = C(
+        ((i = s == null ? void 0 : s.meta) == null ? void 0 : i.breakpoints) || {}
+      ), n = e == null ? void 0 : e.large, r = e == null ? void 0 : e.medium, l = e == null ? void 0 : e.small, t = this.useBlock.id;
+      if (!t)
+        return "";
+      const m = n ? c({
+        className: t,
+        styles: n
+      }) : "", u = r ? c({
+        className: t,
+        styles: r,
+        mediaQuery: d(
+          "medium",
+          o
+        )
+      }) : "", p = l ? c({
+        className: t,
+        styles: l,
+        mediaQuery: d(
+          "small",
+          o
+        )
+      }) : "";
+      return [m, u, p].join(" ");
+    }
+  }
+});
+function v(e, s, o, n, r, l) {
+  const t = y("render-inlined-styles");
+  return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? (f(), B(t, {
+    key: 0,
+    styles: e.css
+  }, null, 8, ["styles"])) : S("", !0);
+}
+const I = /* @__PURE__ */ _(x, [["render", v]]);
+export {
+  I as default
+};

package/packages/{_vue2/dist/css.468435de.js → _vue3/dist/css.2ff361fc.js}

@@ -1,4 +1,4 @@
-import { f as a, e as u, c as f } from "./index.eb91dc82.js";
+import { f as a, e as u, c as f } from "./index.0aed90df.js";
 const l = (e, t, r) => {
   if (Object(e) !== e)
     return e;

package/packages/{_vue2/dist/css.dce6e4eb.cjs → _vue3/dist/css.f83437ab.cjs}

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