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

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

@@ -0,0 +1,10 @@
+export interface FragmentProps {
+    maxWidth?: number;
+    attributes?: any;
+    children?: any;
+}
+declare const _sfc_main: {
+    name: string;
+    props: never[];
+};
+export default _sfc_main;

package/packages/_vue3/dist/src/blocks/image/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components';
+export declare const componentInfo: ComponentInfo;

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

@@ -0,0 +1 @@
+export declare function getSrcSet(url: string): string;

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

@@ -0,0 +1,31 @@
+import type { BuilderBlock } from "../../types/builder-block.js";
+export interface ImageProps {
+    className?: string;
+    image: string;
+    sizes?: string;
+    lazy?: boolean;
+    height?: number;
+    width?: number;
+    altText?: string;
+    backgroundSize?: string;
+    backgroundPosition?: string;
+    srcset?: string;
+    aspectRatio?: number;
+    children?: JSX.Element;
+    fitContent?: boolean;
+    builderBlock?: BuilderBlock;
+    noWebp?: boolean;
+    src?: string;
+}
+declare const _sfc_main: {
+    name: string;
+    props: string[];
+    computed: {
+        srcSetToUse(): any;
+        webpSrcSet(): any;
+    };
+    methods: {
+        _classStringToObject(str: any): {};
+    };
+};
+export default _sfc_main;

package/packages/_vue3/dist/src/blocks/img/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components';
+export declare const componentInfo: ComponentInfo;

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

@@ -0,0 +1,17 @@
+export interface ImgProps {
+    attributes?: any;
+    imgSrc?: string;
+    image?: string;
+    altText?: string;
+    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;
+    };
+};
+export default _sfc_main;

package/packages/_vue3/dist/src/blocks/section/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components';
+export declare const componentInfo: ComponentInfo;

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

@@ -0,0 +1,11 @@
+export interface SectionProps {
+    maxWidth?: number;
+    attributes?: any;
+    children?: any;
+    builderBlock?: any;
+}
+declare const _sfc_main: {
+    name: string;
+    props: string[];
+};
+export default _sfc_main;

package/packages/_vue3/dist/src/blocks/symbol/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components';
+export declare const componentInfo: ComponentInfo;

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

@@ -0,0 +1,167 @@
+import type { BuilderContent } from "../../types/builder-content.js";
+import type { BuilderBlock } from "../../types/builder-block.js";
+export interface SymbolInfo {
+    model?: string;
+    entry?: string;
+    data?: any;
+    content?: BuilderContent;
+    inline?: boolean;
+    dynamic?: boolean;
+}
+export interface SymbolProps {
+    symbol?: SymbolInfo;
+    dataOnly?: boolean;
+    dynamic?: boolean;
+    builderBlock?: BuilderBlock;
+    attributes?: any;
+    inheritState?: boolean;
+}
+import { markMutable } from "../../functions/mark-mutable";
+declare const _sfc_main: {
+    name: string;
+    components: {
+        RenderContent: {
+            name: string;
+            components: {
+                RenderContentStyles: {
+                    name: string;
+                    components: {
+                        RenderInlinedStyles: {
+                            name: string;
+                            props: string[];
+                            data: () => {
+                                TARGET: string;
+                            };
+                            computed: {
+                                injectedStyleScript(): any;
+                                tagName(): string;
+                            };
+                        };
+                    };
+                    props: string[];
+                    computed: {
+                        injectedStyles(): any;
+                    };
+                    methods: {
+                        getCssFromFont(font: any): string;
+                        getFontCss({ customFonts }: {
+                            customFonts: any;
+                        }): any;
+                    };
+                };
+                RenderBlocks: {
+                    name: string;
+                    components: {
+                        RenderBlock: any;
+                        BlockStyles: {
+                            name: string;
+                            components: {
+                                RenderInlinedStyles: {
+                                    name: string;
+                                    props: string[];
+                                    data: () => {
+                                        TARGET: string;
+                                    };
+                                    computed: {
+                                        injectedStyleScript(): any;
+                                        tagName(): string;
+                                    };
+                                };
+                            };
+                            props: string[];
+                            data: () => {
+                                TARGET: string;
+                            };
+                            computed: {
+                                useBlock(): any;
+                                css(): any;
+                            };
+                        };
+                    };
+                    props: string[];
+                    inject: {
+                        builderContext: string;
+                    };
+                    computed: {
+                        className(): any;
+                    };
+                    methods: {
+                        onClick(): void;
+                        onMouseEnter(): void;
+                        _classStringToObject(str: any): {};
+                    };
+                };
+            };
+            props: string[];
+            data: () => {
+                forceReRenderCount: number;
+                overrideContent: null;
+                update: number;
+                overrideState: {};
+                markMutable: typeof markMutable;
+            };
+            provide(): {
+                BuilderContext: {
+                    readonly content: any;
+                    readonly state: any;
+                    readonly context: any;
+                    readonly apiKey: any;
+                    readonly registeredComponents: any;
+                };
+            };
+            mounted(): void;
+            watch: {
+                onUpdateHook0(): void;
+                onUpdateHook1(): void;
+                onUpdateHook2(): void;
+            };
+            unmounted(): void;
+            computed: {
+                useContent(): any;
+                canTrackToUse(): any;
+                contentState(): any;
+                contextContext(): any;
+                allRegisteredComponents(): any;
+                httpReqsData(): {};
+                shouldRenderContentStyles(): any;
+                onUpdateHook0(): any;
+                onUpdateHook1(): any;
+                onUpdateHook2(): {
+                    0: () => any;
+                };
+            };
+            methods: {
+                processMessage(event: any): void;
+                evaluateJsCode(): void;
+                onClick(_event: any): void;
+                evalExpression(expression: any): any;
+                handleRequest({ url, key }: {
+                    url: any;
+                    key: any;
+                }): void;
+                runHttpRequests(): void;
+                emitStateUpdate(): void;
+            };
+        };
+    };
+    props: string[];
+    data: () => {
+        className: string;
+        fetchedContent: null;
+        markMutable: typeof markMutable;
+    };
+    inject: {
+        builderContext: string;
+    };
+    watch: {
+        onUpdateHook0(): void;
+    };
+    computed: {
+        contentToUse(): any;
+        onUpdateHook0(): any;
+    };
+    methods: {
+        _classStringToObject(str: any): {};
+    };
+};
+export default _sfc_main;

package/packages/_vue3/dist/src/blocks/text/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components';
+export declare const componentInfo: ComponentInfo;

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

@@ -0,0 +1,8 @@
+export interface TextProps {
+    text: string;
+}
+declare const _sfc_main: {
+    name: string;
+    props: string[];
+};
+export default _sfc_main;

package/packages/_vue3/dist/src/blocks/util.d.ts

@@ -0,0 +1 @@
+export declare function markSerializable<FN extends (...args: any[]) => any>(fn: FN): FN;

package/packages/_vue3/dist/src/blocks/video/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components';
+export declare const componentInfo: ComponentInfo;

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

@@ -0,0 +1,25 @@
+export interface VideoProps {
+    attributes?: any;
+    video?: string;
+    autoPlay?: boolean;
+    controls?: boolean;
+    muted?: boolean;
+    loop?: boolean;
+    playsInline?: boolean;
+    aspectRatio?: number;
+    width?: number;
+    height?: number;
+    fit?: "contain" | "cover" | "fill";
+    position?: "center" | "top" | "left" | "right" | "bottom" | "top left" | "top right" | "bottom left" | "bottom right";
+    posterImage?: string;
+    lazyLoad?: boolean;
+}
+declare const _sfc_main: {
+    name: string;
+    props: string[];
+    computed: {
+        videoProps(): any;
+        spreadProps(): any;
+    };
+};
+export default _sfc_main;

package/packages/_vue3/dist/src/components/render-block/block-styles.vue.d.ts

@@ -0,0 +1,31 @@
+import type { BuilderContextInterface } from "../../context/types.js";
+import type { BuilderBlock } from "../../types/builder-block.js";
+export declare type BlockStylesProps = {
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+};
+declare const _sfc_main: {
+    name: string;
+    components: {
+        RenderInlinedStyles: {
+            name: string;
+            props: string[];
+            data: () => {
+                TARGET: string;
+            };
+            computed: {
+                injectedStyleScript(): any;
+                tagName(): string;
+            };
+        };
+    };
+    props: string[];
+    data: () => {
+        TARGET: string;
+    };
+    computed: {
+        useBlock(): any;
+        css(): any;
+    };
+};
+export default _sfc_main;

package/packages/_vue3/dist/src/components/render-block/render-block.helpers.d.ts

@@ -0,0 +1 @@
+export declare const isEmptyHtmlElement: (tagName: unknown) => boolean;

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

@@ -0,0 +1,8 @@
+import type { BuilderContextInterface } from "../../context/types.js";
+import type { BuilderBlock } from "../../types/builder-block.js";
+export declare type RenderBlockProps = {
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+};
+declare const _sfc_main: any;
+export default _sfc_main;

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

@@ -0,0 +1,51 @@
+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;
+                                tagName(): string;
+                            };
+                        };
+                    };
+                    props: string[];
+                    data: () => {
+                        TARGET: string;
+                    };
+                    computed: {
+                        useBlock(): any;
+                        css(): any;
+                    };
+                };
+            };
+            props: string[];
+            data: () => {
+                markPropsMutable: typeof import("../../functions/mark-mutable").markPropsMutable;
+            };
+        };
+    };
+    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;

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

@@ -0,0 +1,44 @@
+import type { BuilderBlock } from "../../types/builder-block.js";
+import type { BuilderContextInterface } from "../../context/types.js";
+export interface RenderComponentProps {
+    componentRef: any;
+    componentOptions: any;
+    blockChildren: BuilderBlock[];
+    context: BuilderContextInterface;
+}
+import { markPropsMutable } from "../../functions/mark-mutable.js";
+declare const _sfc_main: {
+    name: string;
+    components: {
+        RenderBlock: any;
+        BlockStyles: {
+            name: string;
+            components: {
+                RenderInlinedStyles: {
+                    name: string;
+                    props: string[];
+                    data: () => {
+                        TARGET: string;
+                    };
+                    computed: {
+                        injectedStyleScript(): any;
+                        tagName(): string;
+                    };
+                };
+            };
+            props: string[];
+            data: () => {
+                TARGET: string;
+            };
+            computed: {
+                useBlock(): any;
+                css(): any;
+            };
+        };
+    };
+    props: string[];
+    data: () => {
+        markPropsMutable: typeof markPropsMutable;
+    };
+};
+export default _sfc_main;

package/packages/_vue3/dist/src/components/render-block/render-repeated-block.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _sfc_main: any;
+export default _sfc_main;

package/packages/_vue3/dist/src/components/render-block/types.d.ts

@@ -0,0 +1,6 @@
+import type { BuilderContextInterface } from '../../context/types.js';
+import type { BuilderBlock } from '../../types/builder-block.js';
+export interface RepeatData {
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+}

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

@@ -0,0 +1,50 @@
+import type { BuilderBlock } from "../types/builder-block.js";
+export declare type RenderBlockProps = {
+    blocks?: BuilderBlock[];
+    parent?: string;
+    path?: string;
+    styleProp?: Record<string, any>;
+};
+declare const _sfc_main: {
+    name: string;
+    components: {
+        RenderBlock: any;
+        BlockStyles: {
+            name: string;
+            components: {
+                RenderInlinedStyles: {
+                    name: string;
+                    props: string[];
+                    data: () => {
+                        TARGET: string;
+                    };
+                    computed: {
+                        injectedStyleScript(): any;
+                        tagName(): string;
+                    };
+                };
+            };
+            props: string[];
+            data: () => {
+                TARGET: string;
+            };
+            computed: {
+                useBlock(): any;
+                css(): any;
+            };
+        };
+    };
+    props: string[];
+    inject: {
+        builderContext: string;
+    };
+    computed: {
+        className(): any;
+    };
+    methods: {
+        onClick(): void;
+        onMouseEnter(): void;
+        _classStringToObject(str: any): {};
+    };
+};
+export default _sfc_main;

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

@@ -0,0 +1,27 @@
+declare const _sfc_main: {
+    name: string;
+    components: {
+        RenderInlinedStyles: {
+            name: string;
+            props: string[];
+            data: () => {
+                TARGET: string;
+            };
+            computed: {
+                injectedStyleScript(): any;
+                tagName(): string;
+            };
+        };
+    };
+    props: string[];
+    computed: {
+        injectedStyles(): any;
+    };
+    methods: {
+        getCssFromFont(font: any): string;
+        getFontCss({ customFonts }: {
+            customFonts: any;
+        }): any;
+    };
+};
+export default _sfc_main;

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

@@ -0,0 +1,139 @@
+import type { BuilderRenderContext, RegisteredComponent } from "../../context/types.js";
+import type { BuilderContent } from "../../types/builder-content.js";
+import type { Nullable } from "../../types/typescript.js";
+export declare type RenderContentProps = {
+    content?: Nullable<BuilderContent>;
+    model?: string;
+    data?: {
+        [key: string]: any;
+    };
+    context?: BuilderRenderContext;
+    apiKey: string;
+    customComponents?: RegisteredComponent[];
+    canTrack?: boolean;
+};
+import { markMutable } from "../../functions/mark-mutable.js";
+declare const _sfc_main: {
+    name: string;
+    components: {
+        RenderContentStyles: {
+            name: string;
+            components: {
+                RenderInlinedStyles: {
+                    name: string;
+                    props: string[];
+                    data: () => {
+                        TARGET: string;
+                    };
+                    computed: {
+                        injectedStyleScript(): any;
+                        tagName(): string;
+                    };
+                };
+            };
+            props: string[];
+            computed: {
+                injectedStyles(): any;
+            };
+            methods: {
+                getCssFromFont(font: any): string;
+                getFontCss({ customFonts }: {
+                    customFonts: any;
+                }): any;
+            };
+        };
+        RenderBlocks: {
+            name: string;
+            components: {
+                RenderBlock: any;
+                BlockStyles: {
+                    name: string;
+                    components: {
+                        RenderInlinedStyles: {
+                            name: string;
+                            props: string[];
+                            data: () => {
+                                TARGET: string;
+                            };
+                            computed: {
+                                injectedStyleScript(): any;
+                                tagName(): string;
+                            };
+                        };
+                    };
+                    props: string[];
+                    data: () => {
+                        TARGET: string;
+                    };
+                    computed: {
+                        useBlock(): any;
+                        css(): any;
+                    };
+                };
+            };
+            props: string[];
+            inject: {
+                builderContext: string;
+            };
+            computed: {
+                className(): any;
+            };
+            methods: {
+                onClick(): void;
+                onMouseEnter(): void;
+                _classStringToObject(str: any): {};
+            };
+        };
+    };
+    props: string[];
+    data: () => {
+        forceReRenderCount: number;
+        overrideContent: null;
+        update: number;
+        overrideState: {};
+        markMutable: typeof markMutable;
+    };
+    provide(): {
+        BuilderContext: {
+            readonly content: any;
+            readonly state: any;
+            readonly context: any;
+            readonly apiKey: any;
+            readonly registeredComponents: any;
+        };
+    };
+    mounted(): void;
+    watch: {
+        onUpdateHook0(): void;
+        onUpdateHook1(): void;
+        onUpdateHook2(): void;
+    };
+    unmounted(): void;
+    computed: {
+        useContent(): any;
+        canTrackToUse(): any;
+        contentState(): any;
+        contextContext(): any;
+        allRegisteredComponents(): any;
+        httpReqsData(): {};
+        shouldRenderContentStyles(): any;
+        onUpdateHook0(): any;
+        onUpdateHook1(): any;
+        onUpdateHook2(): {
+            0: () => any;
+        };
+    };
+    methods: {
+        processMessage(event: any): void;
+        evaluateJsCode(): void;
+        onClick(_event: any): void;
+        evalExpression(expression: any): any;
+        handleRequest({ url, key }: {
+            url: any;
+            key: any;
+        }): void;
+        runHttpRequests(): void;
+        emitStateUpdate(): void;
+    };
+};
+export default _sfc_main;