@builder.io/sdk-vue 0.2.2 → 0.3.1

package/packages/_vue3/dist/src/blocks/columns/columns.vue.d.ts

@@ -1,3 +1,6 @@
+import type { BuilderBlock } from "../../types/builder-block";
+import type { SizeName } from "../../constants/device-sizes";
+import type { Dictionary } from "../../types/typescript";
 type Column = {
     blocks: BuilderBlock[];
     width?: number;
@@ -11,95 +14,46 @@ export interface ColumnProps {
     stackColumnsAt?: StackColumnsAt;
     reverseColumnsWhenStacked?: boolean;
 }
-import { BuilderBlock } from "../../types/builder-block";
-import { SizeName } from "../../constants/device-sizes";
-declare const _sfc_main: {
-    name: string;
-    components: {
-        RenderInlinedStyles: {
-            name: string;
-            props: string[];
-            data(): {
-                TARGET: string;
-            };
-            computed: {
-                tag(): string;
-                injectedStyleScript(): any;
-            };
-        };
-        RenderBlocks: {
-            name: string;
-            components: {
-                RenderBlock: any;
-                BlockStyles: {
-                    name: string;
-                    components: {
-                        RenderInlinedStyles: {
-                            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): {};
-            };
-        };
-    };
-    props: string[];
-    data(): {
-        gutterSize: any;
-        cols: any;
-        stackAt: any;
-        flexDir: string;
-        TARGET: string;
-    };
-    inject: {
-        builderContext: symbol;
-    };
-    computed: {
-        columnsCssVars(): any;
-        columnsStyles(): any;
-    };
-    methods: {
-        getWidth(index: number): any;
-        getColumnCssWidth(index: number): any;
-        getTabletStyle({ stackedStyle, desktopStyle, }: {
-            stackedStyle: CSSVal;
-            desktopStyle: CSSVal;
-        }): any;
-        getMobileStyle({ stackedStyle, desktopStyle, }: {
-            stackedStyle: CSSVal;
-            desktopStyle: CSSVal;
-        }): any;
-        columnCssVars(index: number): any;
-        getWidthForBreakpointSize(size: SizeName): number;
-        _classStringToObject(str: any): {};
-    };
-};
+declare const _sfc_main: import("vue").DefineComponent<Readonly<{
+    columns?: any;
+    space?: any;
+    stackColumnsAt?: any;
+    reverseColumnsWhenStacked?: any;
+    builderBlock?: any;
+}>, unknown, {
+    gutterSize: number;
+    cols: any;
+    stackAt: any;
+    flexDir: string;
+    TARGET: string;
+}, {
+    columnsCssVars(): Dictionary<string>;
+    columnsStyles(): string;
+}, {
+    getWidth(index: number): any;
+    getColumnCssWidth(index: number): string;
+    getTabletStyle({ stackedStyle, desktopStyle, }: {
+        stackedStyle: CSSVal;
+        desktopStyle: CSSVal;
+    }): CSSVal;
+    getMobileStyle({ stackedStyle, desktopStyle, }: {
+        stackedStyle: CSSVal;
+        desktopStyle: CSSVal;
+    }): CSSVal;
+    columnCssVars(index: number): Dictionary<string>;
+    getWidthForBreakpointSize(size: SizeName): number;
+    _classStringToObject(str: any): {};
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    columns?: any;
+    space?: any;
+    stackColumnsAt?: any;
+    reverseColumnsWhenStacked?: any;
+    builderBlock?: any;
+}>>>, {
+    readonly columns?: any;
+    readonly space?: any;
+    readonly stackColumnsAt?: any;
+    readonly reverseColumnsWhenStacked?: any;
+    readonly builderBlock?: any;
+}>;
 export default _sfc_main;

package/packages/_vue3/dist/src/blocks/custom-code/custom-code.vue.d.ts

@@ -2,17 +2,20 @@ export interface CustomCodeProps {
     code: string;
     replaceNodes?: boolean;
 }
-declare const _sfc_main: {
-    name: string;
-    props: string[];
-    data(): {
-        scriptsInserted: never[];
-        scriptsRun: never[];
-    };
-    mounted(): void;
-    methods: {
-        findAndRunScripts(): void;
-        _classStringToObject(str: any): {};
-    };
-};
+declare const _sfc_main: import("vue").DefineComponent<Readonly<{
+    replaceNodes?: any;
+    code?: any;
+}>, unknown, {
+    scriptsInserted: never[];
+    scriptsRun: never[];
+}, {}, {
+    findAndRunScripts(): void;
+    _classStringToObject(str: any): {};
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    replaceNodes?: any;
+    code?: any;
+}>>>, {
+    readonly replaceNodes?: any;
+    readonly code?: any;
+}>;
 export default _sfc_main;

package/packages/_vue3/dist/src/blocks/embed/embed.vue.d.ts

@@ -1,25 +1,22 @@
 export interface EmbedProps {
     content: string;
 }
-declare const _sfc_main: {
-    name: string;
-    props: string[];
-    data(): {
-        scriptsInserted: never[];
-        scriptsRun: never[];
-        ranInitFn: boolean;
+declare const _sfc_main: import("vue").DefineComponent<Readonly<{
+    content?: any;
+}>, unknown, {
+    scriptsInserted: never[];
+    scriptsRun: never[];
+    ranInitFn: boolean;
+}, {
+    onUpdateHook0(): {
+        0: unknown;
+        1: boolean;
     };
-    watch: {
-        onUpdateHook0: {
-            handler(): void;
-            immediate: boolean;
-        };
-    };
-    computed: {
-        onUpdateHook0(): any;
-    };
-    methods: {
-        findAndRunScripts(): void;
-    };
-};
+}, {
+    findAndRunScripts(): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    content?: any;
+}>>>, {
+    readonly content?: any;
+}>;
 export default _sfc_main;

package/packages/_vue3/dist/src/blocks/fragment/fragment.vue.d.ts

@@ -3,8 +3,5 @@ export interface FragmentProps {
     attributes?: any;
     children?: any;
 }
-declare const _sfc_main: {
-    name: string;
-    props: never[];
-};
+declare const _sfc_main: import("vue").DefineComponent<Readonly<{}>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{}>>>, {}>;
 export default _sfc_main;

package/packages/_vue3/dist/src/blocks/image/image.vue.d.ts

@@ -1,3 +1,4 @@
+import type { BuilderBlock } from "../../types/builder-block.js";
 export interface ImageProps {
     className?: string;
     image: string;
@@ -6,7 +7,7 @@ export interface ImageProps {
     height?: number;
     width?: number;
     altText?: string;
-    backgroundSize?: string;
+    backgroundSize?: "cover" | "contain";
     backgroundPosition?: string;
     srcset?: string;
     aspectRatio?: number;
@@ -16,17 +17,56 @@ export interface ImageProps {
     noWebp?: boolean;
     src?: string;
 }
-import { BuilderBlock } from "../../types/builder-block.js";
-declare const _sfc_main: {
-    name: string;
-    props: string[];
-    computed: {
-        srcSetToUse(): any;
-        webpSrcSet(): any;
-        aspectRatioCss(): any;
-    };
-    methods: {
-        _classStringToObject(str: any): {};
-    };
-};
+declare const _sfc_main: import("vue").DefineComponent<Readonly<{
+    aspectRatio?: any;
+    backgroundPosition?: any;
+    backgroundSize?: any;
+    className?: any;
+    builderBlock?: any;
+    image?: any;
+    src?: any;
+    srcset?: any;
+    noWebp?: any;
+    altText?: any;
+    sizes?: any;
+    fitContent?: any;
+}>, unknown, unknown, {
+    srcSetToUse(): any;
+    webpSrcSet(): any;
+    aspectRatioCss(): {
+        readonly position: "absolute";
+        readonly height: "100%";
+        readonly width: "100%";
+        readonly left: "0px";
+        readonly top: "0px";
+    } | undefined;
+}, {
+    _classStringToObject(str: any): {};
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    aspectRatio?: any;
+    backgroundPosition?: any;
+    backgroundSize?: any;
+    className?: any;
+    builderBlock?: any;
+    image?: any;
+    src?: any;
+    srcset?: any;
+    noWebp?: any;
+    altText?: any;
+    sizes?: any;
+    fitContent?: any;
+}>>>, {
+    readonly aspectRatio?: any;
+    readonly backgroundPosition?: any;
+    readonly backgroundSize?: any;
+    readonly className?: any;
+    readonly builderBlock?: any;
+    readonly image?: any;
+    readonly src?: any;
+    readonly srcset?: any;
+    readonly noWebp?: any;
+    readonly altText?: any;
+    readonly sizes?: any;
+    readonly fitContent?: any;
+}>;
 export default _sfc_main;

package/packages/_vue3/dist/src/blocks/img/img.vue.d.ts

@@ -1,3 +1,4 @@
+import { isEditing } from "../../functions/is-editing.js";
 export interface ImgProps {
     attributes?: any;
     imgSrc?: string;
@@ -6,15 +7,30 @@ export interface ImgProps {
     backgroundSize?: "cover" | "contain";
     backgroundPosition?: "center" | "top" | "left" | "right" | "bottom" | "top left" | "top right" | "bottom left" | "bottom right";
 }
-import { isEditing } from "../../functions/is-editing.js";
-declare const _sfc_main: {
-    name: string;
-    props: string[];
-    data(): {
-        isEditing: typeof isEditing;
-    };
-    methods: {
-        filterAttrs: (attrs: {} | undefined, isEvent: any) => {};
-    };
-};
+declare const _sfc_main: import("vue").DefineComponent<Readonly<{
+    backgroundPosition?: any;
+    backgroundSize?: any;
+    attributes?: any;
+    image?: any;
+    altText?: any;
+    imgSrc?: any;
+}>, unknown, {
+    isEditing: typeof isEditing;
+}, {}, {
+    filterAttrs: (attrs: {} | undefined, isEvent: any) => {};
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    backgroundPosition?: any;
+    backgroundSize?: any;
+    attributes?: any;
+    image?: any;
+    altText?: any;
+    imgSrc?: any;
+}>>>, {
+    readonly backgroundPosition?: any;
+    readonly backgroundSize?: any;
+    readonly attributes?: any;
+    readonly image?: any;
+    readonly altText?: any;
+    readonly imgSrc?: any;
+}>;
 export default _sfc_main;

package/packages/_vue3/dist/src/blocks/section/section.vue.d.ts

@@ -4,11 +4,16 @@ export interface SectionProps {
     children?: any;
     builderBlock?: any;
 }
-declare const _sfc_main: {
-    name: string;
-    props: string[];
-    methods: {
-        filterAttrs: (attrs: {} | undefined, isEvent: any) => {};
-    };
-};
+declare const _sfc_main: import("vue").DefineComponent<Readonly<{
+    maxWidth?: any;
+    attributes?: any;
+}>, unknown, unknown, {}, {
+    filterAttrs: (attrs: {} | undefined, isEvent: any) => {};
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    maxWidth?: any;
+    attributes?: any;
+}>>>, {
+    readonly maxWidth?: any;
+    readonly attributes?: any;
+}>;
 export default _sfc_main;

package/packages/_vue3/dist/src/blocks/symbol/symbol.vue.d.ts

@@ -1,3 +1,5 @@
+import type { BuilderContent } from "../../types/builder-content.js";
+import type { BuilderBlock } from "../../types/builder-block.js";
 export interface SymbolInfo {
     model?: string;
     entry?: string;
@@ -14,167 +16,28 @@ export interface SymbolProps {
     attributes?: any;
     inheritState?: boolean;
 }
-import { BuilderContent } from "../../types/builder-content.js";
-import { BuilderBlock } from "../../types/builder-block.js";
-declare const _sfc_main: {
-    name: string;
-    components: {
-        RenderContent: {
-            name: string;
-            components: {
-                RenderContentStyles: {
-                    name: string;
-                    components: {
-                        RenderInlinedStyles: {
-                            name: string;
-                            props: string[];
-                            data(): {
-                                TARGET: string;
-                            };
-                            computed: {
-                                tag(): string;
-                                injectedStyleScript(): any;
-                            };
-                        };
-                    };
-                    props: string[];
-                    data(): any;
-                };
-                RenderBlocks: {
-                    name: string;
-                    components: {
-                        RenderBlock: any;
-                        BlockStyles: {
-                            name: string;
-                            components: {
-                                RenderInlinedStyles: {
-                                    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): {};
-                    };
-                };
-            };
-            props: string[];
-            data(): {
-                forceReRenderCount: number;
-                overrideContent: null;
-                useContent: import("../../types/typescript.js").Nullable<BuilderContent>;
-                update: number;
-                canTrackToUse: any;
-                contentState: {
-                    [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;
-                };
-            };
-            mounted(): void;
-            watch: {
-                onUpdateHook0: {
-                    handler(): void;
-                    immediate: boolean;
-                };
-                onUpdateHook1: {
-                    handler(): void;
-                    immediate: boolean;
-                };
-                onUpdateHook2: {
-                    handler(): void;
-                    immediate: boolean;
-                };
-                onUpdateHook3: {
-                    handler(): void;
-                    immediate: boolean;
-                };
-            };
-            unmounted(): void;
-            computed: {
-                onUpdateHook0(): any;
-                onUpdateHook1(): any;
-                onUpdateHook2(): any;
-                onUpdateHook3(): any;
-            };
-            methods: {
-                mergeNewContent(newContent: BuilderContent): void;
-                setBreakpoints(breakpoints: import("../../types/builder-content.js").Breakpoints): void;
-                setContextState(newState: import("../../context/types.js").BuilderRenderState): void;
-                processMessage(event: MessageEvent<any>): void;
-                evaluateJsCode(): void;
-                onClick(event: any): void;
-                evalExpression(expression: string): string;
-                handleRequest({ url, key }: {
-                    key: string;
-                    url: string;
-                }): void;
-                runHttpRequests(): void;
-                emitStateUpdate(): void;
-            };
-        };
-    };
-    props: string[];
-    data(): {
-        className: string;
-        contentToUse: any;
-    };
-    inject: {
-        builderContext: symbol;
-    };
-    mounted(): void;
-    watch: {
-        onUpdateHook0: {
-            handler(): void;
-            immediate: boolean;
-        };
-    };
-    computed: {
-        onUpdateHook0(): any;
-    };
-    methods: {
-        fetchContent(): void;
-        filterAttrs: (attrs: {} | undefined, isEvent: any) => {};
-        _classStringToObject(str: any): {};
+declare const _sfc_main: import("vue").DefineComponent<Readonly<{
+    symbol?: any;
+    attributes?: any;
+    dynamic?: any;
+}>, unknown, {
+    className: string;
+    contentToUse: any;
+}, {
+    onUpdateHook0(): {
+        0: any;
     };
-};
+}, {
+    fetchContent(): void;
+    filterAttrs: (attrs: {} | undefined, isEvent: any) => {};
+    _classStringToObject(str: any): {};
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    symbol?: any;
+    attributes?: any;
+    dynamic?: any;
+}>>>, {
+    readonly symbol?: any;
+    readonly attributes?: any;
+    readonly dynamic?: any;
+}>;
 export default _sfc_main;

package/packages/_vue3/dist/src/blocks/text/text.vue.d.ts

@@ -1,8 +1,11 @@
 export interface TextProps {
     text: string;
 }
-declare const _sfc_main: {
-    name: string;
-    props: string[];
-};
+declare const _sfc_main: import("vue").DefineComponent<Readonly<{
+    text?: any;
+}>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    text?: any;
+}>>>, {
+    readonly text?: any;
+}>;
 export default _sfc_main;

package/packages/_vue3/dist/src/blocks/video/video.vue.d.ts

@@ -14,12 +14,47 @@ export interface VideoProps {
     posterImage?: string;
     lazyLoad?: boolean;
 }
-declare const _sfc_main: {
-    name: string;
-    props: string[];
-    computed: {
-        videoProps(): any;
-        spreadProps(): any;
+declare const _sfc_main: import("vue").DefineComponent<Readonly<{
+    position?: any;
+    attributes?: any;
+    autoPlay?: any;
+    muted?: any;
+    controls?: any;
+    loop?: any;
+    playsInline?: any;
+    fit?: any;
+    video?: any;
+    posterImage?: any;
+}>, unknown, unknown, {
+    videoProps(): {
+        playsInline?: boolean | undefined;
+        loop?: boolean | undefined;
+        controls?: boolean | undefined;
+        muted?: boolean | undefined;
+        autoPlay?: boolean | undefined;
     };
-};
+    spreadProps(): any;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    position?: any;
+    attributes?: any;
+    autoPlay?: any;
+    muted?: any;
+    controls?: any;
+    loop?: any;
+    playsInline?: any;
+    fit?: any;
+    video?: any;
+    posterImage?: any;
+}>>>, {
+    readonly position?: any;
+    readonly attributes?: any;
+    readonly autoPlay?: any;
+    readonly muted?: any;
+    readonly controls?: any;
+    readonly loop?: any;
+    readonly playsInline?: any;
+    readonly fit?: any;
+    readonly video?: any;
+    readonly posterImage?: any;
+}>;
 export default _sfc_main;