@explorer-1/vue 0.3.2 → 0.3.4

package/dist/src/components/BaseVideo/BaseVideo.vue.d.ts

@@ -0,0 +1,90 @@
+import { PropType } from 'vue';
+import { VideoObject } from './../../interfaces';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Video data object */
+    data: {
+        type: PropType<VideoObject>;
+        required: false;
+        default: undefined;
+    };
+    /** If video should autoplay */
+    autoplay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** Video data object */
+    data: {
+        type: PropType<VideoObject>;
+        required: false;
+        default: undefined;
+    };
+    /** If video should autoplay */
+    autoplay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    data: VideoObject;
+    autoplay: boolean;
+}, {}, {
+    BaseImagePlaceholder: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        darkMode: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        transparentMode: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        noLogo: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        aspectRatio: {
+            type: PropType<"none" | "portrait" | "square" | "1:1" | "2:1" | "2:3" | "3:2" | "4:3" | "4:5" | "7:8" | "8:7" | "9:16" | "12:9" | "16:7" | "16:9" | "21:9">;
+            default: string;
+            validator: (prop: string) => boolean;
+        };
+        responsiveAspectRatio: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {}, {}, {
+        computedClass(): string;
+    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        darkMode: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        transparentMode: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        noLogo: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        aspectRatio: {
+            type: PropType<"none" | "portrait" | "square" | "1:1" | "2:1" | "2:3" | "3:2" | "4:3" | "4:5" | "7:8" | "8:7" | "9:16" | "12:9" | "16:7" | "16:9" | "21:9">;
+            default: string;
+            validator: (prop: string) => boolean;
+        };
+        responsiveAspectRatio: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        darkMode: boolean;
+        transparentMode: boolean;
+        noLogo: boolean;
+        aspectRatio: "none" | "portrait" | "square" | "1:1" | "2:1" | "2:3" | "3:2" | "4:3" | "4:5" | "7:8" | "8:7" | "9:16" | "12:9" | "16:7" | "16:9" | "21:9";
+        responsiveAspectRatio: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/src/components/BlockAccordion/BlockAccordion.stories.d.ts

@@ -0,0 +1,83 @@
+import { default as BlockAccordion } from './BlockAccordion.vue';
+declare namespace _default {
+    export let title: string;
+    export { BlockAccordion as component };
+    export let tags: string[];
+    export let excludeStories: RegExp;
+}
+export default _default;
+export namespace BlockAccordionData {
+    let blockType: string;
+    let accordionItemsHeadingLevel: string;
+    let accordionItems: {
+        blockType: string;
+        blocks: ({
+            blockType: string;
+            value: string;
+            blocks?: undefined;
+        } | {
+            blockType: string;
+            blocks: ({
+                blockType: string;
+                value: string;
+            } | {
+                blockType: string;
+                fullBleed: boolean;
+                image: {
+                    alt: string;
+                    caption: string;
+                    credit: string;
+                    detailUrl: string;
+                    original: string;
+                    src: {
+                        height: number;
+                        url: string;
+                        width: number;
+                    };
+                    srcSet: string;
+                };
+                imageFullBleed: {
+                    alt: string;
+                    caption: string;
+                    credit: string;
+                    detailUrl: string;
+                    original: string;
+                    src: {
+                        width: number;
+                        height: number;
+                        url: string;
+                    };
+                    srcCropped: {
+                        width: number;
+                        height: number;
+                        url: string;
+                    };
+                    screenXs: {
+                        url: string;
+                        width: number;
+                    };
+                    screenLg: {
+                        url: string;
+                        width: number;
+                    };
+                    screenXl: {
+                        url: string;
+                        width: number;
+                    };
+                    screenThreexl: {
+                        url: string;
+                        width: number;
+                    };
+                };
+                value?: undefined;
+            })[];
+            value?: undefined;
+        })[];
+    }[];
+}
+export namespace BaseStory {
+    let name: string;
+    namespace args {
+        export { BlockAccordionData as data };
+    }
+}

package/dist/src/components/BlockAccordion/BlockAccordion.vue.d.ts

@@ -0,0 +1,51 @@
+import { ImageBlock } from '../../interfaces';
+
+interface AccordionItemCharBlock {
+    blockType: 'CharBlock';
+    value: string;
+}
+interface RichTextBlock {
+    blockType: 'RichTextBlock';
+    text: string;
+    variant: string;
+}
+interface AccordionBodyStreamfieldBlock {
+    blockType: 'AccordionBodyStreamfieldBlock';
+    blocks: (ImageBlock | RichTextBlock)[];
+}
+interface AccordionItemBlock {
+    blockType: 'AccordionItemBlock';
+    blocks: (AccordionBodyStreamfieldBlock | AccordionItemCharBlock)[];
+}
+export interface AccordionBlockObject {
+    accordionItemsHeadingLevel: string;
+    accordionItems: AccordionItemBlock[];
+}
+interface BlockAccordionProps {
+    data: AccordionBlockObject;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BlockAccordionProps>, {
+    data: undefined;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BlockAccordionProps>, {
+    data: undefined;
+}>>> & Readonly<{}>, {
+    data: AccordionBlockObject;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/src/components/BlockAnchor/BlockAnchor.vue.d.ts

@@ -0,0 +1,12 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    data: {
+        type: ObjectConstructor;
+        required: false;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    data: {
+        type: ObjectConstructor;
+        required: false;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/src/components/BlockAudio/BlockAudio.stories.d.ts

@@ -0,0 +1,35 @@
+import { default as BlockAudio } from './BlockAudio.vue';
+declare namespace _default {
+    export let title: string;
+    export { BlockAudio as component };
+    export let tags: string[];
+    export let excludeStories: RegExp;
+}
+export default _default;
+export namespace BlockAudioData {
+    namespace uploadedMedia {
+        export namespace collection {
+            let id: string;
+            let name: string;
+            let path: string;
+        }
+        export let createdAt: string;
+        export let file: string;
+        export let fileExtension: string;
+        export let fileOgg: string;
+        let id_1: string;
+        export { id_1 as id };
+        export let sources: string;
+        export let thumbnail: string;
+        let title_1: string;
+        export { title_1 as title };
+        export let type: string;
+    }
+}
+export namespace BaseStory {
+    let name_1: string;
+    export { name_1 as name };
+    export namespace args {
+        export { BlockAudioData as data };
+    }
+}

package/dist/src/components/BlockAudio/BlockAudio.vue.d.ts

@@ -0,0 +1,262 @@
+import { PropType } from 'vue';
+import { BlockData, ImageObject } from './../../interfaces.ts';
+
+export interface BlockAudioData extends BlockData {
+    thumbnailImage: ImageObject;
+    uploadedMedia: {
+        file: string;
+    };
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    data: {
+        type: PropType<BlockAudioData>;
+        required: false;
+        default: undefined;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    data: {
+        type: PropType<BlockAudioData>;
+        required: false;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    data: BlockAudioData;
+}, {}, {
+    BaseAudio: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        file: {
+            type: StringConstructor;
+            default: null;
+        };
+        autoPlay: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {}, {
+        firstPlay: boolean;
+        isMuted: boolean;
+        loaded: boolean;
+        playing: boolean;
+        paused: boolean;
+        progressStyle: string;
+        currentTime: string;
+        uuid: string;
+        audio?: HTMLAudioElement;
+        totalDuration: number;
+        hideVolumeSlider: boolean;
+        volumeValue: number;
+    }, {
+        duration(): string;
+        playerId(): string;
+    }, {
+        setPosition: (e: any) => void;
+        updateVolume(): void;
+        toggleVolume(): void;
+        stop(): void;
+        play(): void;
+        forward(duration: number): number | undefined;
+        rewind(duration: number): number | undefined;
+        pause(): void;
+        pauseOthers(activeUuid: string): void;
+        toggleMute(): void;
+        _handleLoaded(): void;
+        _handlePlayingUI(_e: any): void;
+        _handlePlayPause(e: any): void;
+        _handleEnded(): void;
+        init(): void;
+        getAudio(): any;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        file: {
+            type: StringConstructor;
+            default: null;
+        };
+        autoPlay: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        file: string;
+        autoPlay: boolean;
+    }, {}, {
+        IconPlay: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        IconPause: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        IconVolume: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        IconMute: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        IconRewindTen: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        IconForwardTen: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    LayoutHelper: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        indent: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+            validator: (prop: string) => boolean;
+        };
+        fullBleed: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {}, {}, {
+        theWidth(): string;
+    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        indent: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+            validator: (prop: string) => boolean;
+        };
+        fullBleed: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        fullBleed: boolean;
+        indent: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    BaseImage: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        imageClass: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        objectFitClass: {
+            type: PropType<"fill" | "none" | "contain" | "cover" | "scaleDown">;
+            required: false;
+            default: string;
+            validator: (prop: string) => boolean;
+        };
+        src: {
+            type: StringConstructor;
+            required: true;
+        };
+        srcset: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        alt: {
+            type: StringConstructor;
+            default: string;
+        };
+        width: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: string;
+        };
+        height: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: string;
+        };
+        loading: {
+            type: PropType<"lazy" | "eager" | undefined>;
+            required: false;
+            default: string;
+        };
+    }>, {}, {}, {
+        computedClass(): string;
+    }, {
+        imageFailed(): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        imageClass: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        objectFitClass: {
+            type: PropType<"fill" | "none" | "contain" | "cover" | "scaleDown">;
+            required: false;
+            default: string;
+            validator: (prop: string) => boolean;
+        };
+        src: {
+            type: StringConstructor;
+            required: true;
+        };
+        srcset: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        alt: {
+            type: StringConstructor;
+            default: string;
+        };
+        width: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: string;
+        };
+        height: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: string;
+        };
+        loading: {
+            type: PropType<"lazy" | "eager" | undefined>;
+            required: false;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        imageClass: string;
+        objectFitClass: "fill" | "none" | "contain" | "cover" | "scaleDown";
+        srcset: string;
+        alt: string;
+        width: string | number;
+        height: string | number;
+        loading: "lazy" | "eager" | undefined;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    BaseImagePlaceholder: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        darkMode: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        transparentMode: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        noLogo: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        aspectRatio: {
+            type: PropType<"none" | "portrait" | "square" | "1:1" | "2:1" | "2:3" | "3:2" | "4:3" | "4:5" | "7:8" | "8:7" | "9:16" | "12:9" | "16:7" | "16:9" | "21:9">;
+            default: string;
+            validator: (prop: string) => boolean;
+        };
+        responsiveAspectRatio: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {}, {}, {
+        computedClass(): string;
+    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        darkMode: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        transparentMode: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        noLogo: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        aspectRatio: {
+            type: PropType<"none" | "portrait" | "square" | "1:1" | "2:1" | "2:3" | "3:2" | "4:3" | "4:5" | "7:8" | "8:7" | "9:16" | "12:9" | "16:7" | "16:9" | "21:9">;
+            default: string;
+            validator: (prop: string) => boolean;
+        };
+        responsiveAspectRatio: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        darkMode: boolean;
+        transparentMode: boolean;
+        noLogo: boolean;
+        aspectRatio: "none" | "portrait" | "square" | "1:1" | "2:1" | "2:3" | "3:2" | "4:3" | "4:5" | "7:8" | "8:7" | "9:16" | "12:9" | "16:7" | "16:9" | "21:9";
+        responsiveAspectRatio: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/src/components/BlockCardGrid/BlockCardGrid.stories.d.ts

@@ -0,0 +1,111 @@
+import { default as BlockCardGrid } from './BlockCardGrid.vue';
+declare namespace _default {
+    export let title: string;
+    export { BlockCardGrid as component };
+    export let tags: string[];
+    export let excludeStories: RegExp;
+}
+export default _default;
+export const BlockCardGridData: ({
+    label: string;
+    title: string;
+    description: string;
+    image: {
+        alt: string;
+        src: {
+            height: number;
+            url: string;
+            width: number;
+        };
+        srcSet: string;
+    };
+    link: {
+        page: null;
+        externalLink: string;
+    };
+} | {
+    label: string;
+    title: string;
+    description: string;
+    image: {
+        alt: string;
+        src: {
+            height: number;
+            url: string;
+            width: number;
+        };
+        srcSet: string;
+    };
+    link: {
+        page: {
+            url: string;
+        };
+        externalLink: string;
+    };
+} | {
+    label: string;
+    title: string;
+    description: string;
+    image: null;
+    link: {
+        page: null;
+        externalLink: string;
+    };
+})[];
+export namespace BaseStory {
+    let name: string;
+    namespace args {
+        export { BlockCardGridData as cards };
+    }
+}
+export namespace ThreeCards {
+    export namespace args_1 {
+        let cards: ({
+            label: string;
+            title: string;
+            description: string;
+            image: {
+                alt: string;
+                src: {
+                    height: number;
+                    url: string;
+                    width: number;
+                };
+                srcSet: string;
+            };
+            link: {
+                page: null;
+                externalLink: string;
+            };
+        } | {
+            label: string;
+            title: string;
+            description: string;
+            image: {
+                alt: string;
+                src: {
+                    height: number;
+                    url: string;
+                    width: number;
+                };
+                srcSet: string;
+            };
+            link: {
+                page: {
+                    url: string;
+                };
+                externalLink: string;
+            };
+        } | {
+            label: string;
+            title: string;
+            description: string;
+            image: null;
+            link: {
+                page: null;
+                externalLink: string;
+            };
+        })[];
+    }
+    export { args_1 as args };
+}