@explorer-1/vue 0.3.3 → 0.3.4

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

@@ -0,0 +1,175 @@
+import { default as HeroMedia } from './HeroMedia.vue';
+import { BaseVideoData } from './../BaseVideo/BaseVideo.stories';
+declare namespace _default {
+    export let title: string;
+    export { HeroMedia as component };
+    export let tags: string[];
+    export namespace parameters {
+        namespace html {
+            let root: string;
+        }
+        namespace docs {
+            namespace description {
+                let component: string;
+            }
+        }
+    }
+    export let excludeStories: RegExp;
+}
+export default _default;
+export namespace HeroMediaData {
+    export let blockType: string;
+    export namespace imageInline {
+        let alt: string;
+        let caption: string;
+        let credit: string;
+        let detailUrl: string;
+        let original: string;
+        namespace src {
+            let height: number;
+            let url: string;
+            let width: number;
+        }
+        let srcSet: string;
+    }
+    export namespace image {
+        export namespace src_1 {
+            let url_1: string;
+            export { url_1 as url };
+            let width_1: number;
+            export { width_1 as width };
+            let height_1: number;
+            export { height_1 as height };
+        }
+        export { src_1 as src };
+        export namespace screenXs {
+            let url_2: string;
+            export { url_2 as url };
+            let width_2: number;
+            export { width_2 as width };
+        }
+        export namespace screenSm {
+            let url_3: string;
+            export { url_3 as url };
+            let width_3: number;
+            export { width_3 as width };
+        }
+        export namespace screenMd {
+            let url_4: string;
+            export { url_4 as url };
+            let width_4: number;
+            export { width_4 as width };
+        }
+        export namespace screenLg {
+            let url_5: string;
+            export { url_5 as url };
+            let width_5: number;
+            export { width_5 as width };
+        }
+        export namespace screenXl {
+            let url_6: string;
+            export { url_6 as url };
+            let width_6: number;
+            export { width_6 as width };
+        }
+        export namespace screenTwoxl {
+            let url_7: string;
+            export { url_7 as url };
+            let width_7: number;
+            export { width_7 as width };
+        }
+        export namespace screenThreexl {
+            let url_8: string;
+            export { url_8 as url };
+            let width_8: number;
+            export { width_8 as width };
+        }
+        let alt_1: string;
+        export { alt_1 as alt };
+        let caption_1: string;
+        export { caption_1 as caption };
+        let credit_1: string;
+        export { credit_1 as credit };
+        let detailUrl_1: string;
+        export { detailUrl_1 as detailUrl };
+    }
+    let caption_2: string;
+    export { caption_2 as caption };
+    export let displayCaption: boolean;
+}
+export namespace BaseStory {
+    export let name: string;
+    export { LocalHeroMediaData as args };
+}
+export namespace CustomImageCaption {
+    namespace args {
+        let caption_3: string;
+        export { caption_3 as caption };
+    }
+}
+export namespace NoCaptionText {
+    export namespace args_1 {
+        let caption_4: string;
+        export { caption_4 as caption };
+        let displayCaption_1: boolean;
+        export { displayCaption_1 as displayCaption };
+    }
+    export { args_1 as args };
+}
+export namespace NoCaptionArea {
+    export namespace args_2 {
+        export namespace image_1 {
+            import src_2 = src;
+            export { src_2 as src };
+            let alt_2: string;
+            export { alt_2 as alt };
+            let caption_5: string;
+            export { caption_5 as caption };
+            let credit_2: string;
+            export { credit_2 as credit };
+            let detailUrl_2: string;
+            export { detailUrl_2 as detailUrl };
+        }
+        export { image_1 as image };
+        let caption_6: string;
+        export { caption_6 as caption };
+        let displayCaption_2: boolean;
+        export { displayCaption_2 as displayCaption };
+    }
+    export { args_2 as args };
+}
+export namespace NoLink {
+    export namespace args_3 {
+        export namespace image_2 {
+            import src_3 = src;
+            export { src_3 as src };
+            import alt_3 = src;
+            export { alt_3 as alt };
+            import caption_7 = caption;
+            export { caption_7 as caption };
+            import credit_3 = credit;
+            export { credit_3 as credit };
+            let detailUrl_3: string;
+            export { detailUrl_3 as detailUrl };
+        }
+        export { image_2 as image };
+        let caption_8: string;
+        export { caption_8 as caption };
+        let displayCaption_3: boolean;
+        export { displayCaption_3 as displayCaption };
+    }
+    export { args_3 as args };
+}
+export namespace Video {
+    export namespace args_4 {
+        let blockType_1: string;
+        export { blockType_1 as blockType };
+        export { BaseVideoData as video };
+        let caption_9: string;
+        export { caption_9 as caption };
+        let credit_4: string;
+        export { credit_4 as credit };
+    }
+    export { args_4 as args };
+}
+declare namespace LocalHeroMediaData { }

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

@@ -0,0 +1,384 @@
+import { PropType } from 'vue';
+import { ImageObject, VideoObject } from '../../interfaces';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    image: {
+        type: () => ImageObject;
+        default: undefined;
+    };
+    video: {
+        type: PropType<VideoObject>;
+        default: undefined;
+    };
+    /** If a caption should even be visible */
+    displayCaption: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** For video heroes that pass separate caption and credit data, or to override the caption in `{ImageObject}` */
+    caption: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    credit: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, {}, {
+    captionVisible: boolean;
+}, {
+    theImageCaption(): string | undefined;
+    theImageData(): Partial<ImageObject> | undefined;
+    theSrcSet(): string | undefined;
+    customCaption(): Partial<ImageObject> | undefined;
+    captionVisibilityClass(): "hidden" | "flex";
+    hasCaptionArea(): string | boolean | undefined;
+    themeStore: () => import('pinia').Store<"theme", import('../../store/theme').State, {
+        isEdu(state: {
+            theme: import('../../interfaces').Explorer1Theme | null;
+        } & import('pinia').PiniaCustomStateProperties<import('../../store/theme').State>): boolean;
+    }, {
+        setTheme(value: import('../../interfaces').Explorer1Theme): void;
+    }>;
+}, {
+    toggleCaption(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    image: {
+        type: () => ImageObject;
+        default: undefined;
+    };
+    video: {
+        type: PropType<VideoObject>;
+        default: undefined;
+    };
+    /** If a caption should even be visible */
+    displayCaption: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** For video heroes that pass separate caption and credit data, or to override the caption in `{ImageObject}` */
+    caption: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    credit: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    caption: string;
+    video: VideoObject;
+    image: ImageObject;
+    credit: string;
+    displayCaption: boolean;
+}, {}, {
+    MixinVideoBg: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        video: {
+            type: PropType<VideoObject>;
+            default: undefined;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        video: {
+            type: PropType<VideoObject>;
+            default: undefined;
+        };
+    }>> & Readonly<{}>, {
+        video: VideoObject;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    BaseImageCaption: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        data: {
+            type: PropType<Partial<ImageObject> | Partial<VideoObject> | any>;
+            required: true;
+        };
+        customLink: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        customLinkText: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        data: {
+            type: PropType<Partial<ImageObject> | Partial<VideoObject> | any>;
+            required: true;
+        };
+        customLink: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        customLinkText: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        customLink: string;
+        customLinkText: string;
+    }, {}, {
+        BaseLink: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            variant: {
+                type: PropType<"default" | "secondary" | "primary" | "none">;
+                required: false;
+                default: string;
+                validator: (prop: string) => boolean;
+            };
+            to: {
+                type: (StringConstructor | ObjectConstructor)[];
+                default: undefined;
+            };
+            exact: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            href: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            title: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            linkClass: {
+                type: StringConstructor;
+                default: string;
+            };
+            target: {
+                type: StringConstructor;
+                required: false;
+                default: undefined;
+            };
+            externalTargetBlank: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+            caret: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+            caretWrapperClass: {
+                type: StringConstructor;
+                default: string;
+            };
+            caretClass: {
+                type: StringConstructor;
+                default: string;
+            };
+            caretInline: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+            caretColor: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            caretMarginLeft: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            usePrimaryColor: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+        }>, {}, {}, {
+            computedVariants(): {
+                readonly primary: "text-subtitle text-action can-hover:hover:text-action-dark";
+                readonly secondary: "text-subtitle text-action can-hover:hover:text-action-dark";
+                readonly default: "-default underline text-action can-hover:hover:text-action-dark";
+                readonly none: "";
+            } | {
+                readonly primary: "text-subtitle text-primary can-hover:hover:text-primary-dark";
+                readonly secondary: "text-subtitle text-primary can-hover:hover:text-primary-dark";
+                readonly default: "-default underline text-primary can-hover:hover:text-primary-dark";
+                readonly none: "";
+            };
+            computedClass(): string;
+            isEduExternal(): boolean | string;
+            isExternal(): boolean;
+            theTarget(): string | undefined;
+            theRel(): string | undefined;
+            computedTo(): string | undefined;
+            computedHref(): string | undefined;
+            themeStore: () => import('pinia').Store<"theme", import('../../store/theme').State, {
+                isEdu(state: {
+                    theme: import('../../interfaces').Explorer1Theme | null;
+                } & import('pinia').PiniaCustomStateProperties<import('../../store/theme').State>): boolean;
+            }, {
+                setTheme(value: import('../../interfaces').Explorer1Theme): void;
+            }>;
+        }, {
+            clickEvent(): void;
+            addTrailingSlash(path: string): string;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("linkClicked" | "specificLinkClicked")[], "linkClicked" | "specificLinkClicked", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            variant: {
+                type: PropType<"default" | "secondary" | "primary" | "none">;
+                required: false;
+                default: string;
+                validator: (prop: string) => boolean;
+            };
+            to: {
+                type: (StringConstructor | ObjectConstructor)[];
+                default: undefined;
+            };
+            exact: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            href: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            title: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            linkClass: {
+                type: StringConstructor;
+                default: string;
+            };
+            target: {
+                type: StringConstructor;
+                required: false;
+                default: undefined;
+            };
+            externalTargetBlank: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+            caret: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+            caretWrapperClass: {
+                type: StringConstructor;
+                default: string;
+            };
+            caretClass: {
+                type: StringConstructor;
+                default: string;
+            };
+            caretInline: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+            caretColor: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            caretMarginLeft: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            usePrimaryColor: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            onLinkClicked?: ((...args: any[]) => any) | undefined;
+            onSpecificLinkClicked?: ((...args: any[]) => any) | undefined;
+        }>, {
+            to: string | Record<string, any>;
+            title: string;
+            variant: "default" | "secondary" | "primary" | "none";
+            href: string;
+            target: string;
+            exact: boolean;
+            ariaLabel: string;
+            linkClass: string;
+            externalTargetBlank: boolean;
+            caret: boolean;
+            caretWrapperClass: string;
+            caretClass: string;
+            caretInline: boolean;
+            caretColor: string;
+            caretMarginLeft: string;
+            usePrimaryColor: boolean;
+        }, {}, {
+            MixinAnimationCaret: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                passedWrapperClass: {
+                    type: StringConstructor;
+                    required: false;
+                    default: string;
+                };
+                arrowClass: {
+                    type: StringConstructor;
+                    required: false;
+                    default: string;
+                };
+                color: {
+                    type: StringConstructor;
+                    required: false;
+                    default: string;
+                };
+                marginLeft: {
+                    type: StringConstructor;
+                    default: string;
+                    required: false;
+                };
+                inline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                    required: false;
+                };
+            }>, {}, {}, {
+                computedClass(): string;
+            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                passedWrapperClass: {
+                    type: StringConstructor;
+                    required: false;
+                    default: string;
+                };
+                arrowClass: {
+                    type: StringConstructor;
+                    required: false;
+                    default: string;
+                };
+                color: {
+                    type: StringConstructor;
+                    required: false;
+                    default: string;
+                };
+                marginLeft: {
+                    type: StringConstructor;
+                    default: string;
+                    required: false;
+                };
+                inline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                    required: false;
+                };
+            }>> & Readonly<{}>, {
+                inline: boolean;
+                passedWrapperClass: string;
+                arrowClass: string;
+                color: string;
+                marginLeft: string;
+            }, {}, {
+                IconCaret: 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>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    IconInfo: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    IconClose: 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>;
+export default _default;

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

@@ -0,0 +1,94 @@
+import { default as HeroMedium } from './HeroMedium.vue';
+import { BaseVideoData } from './../BaseVideo/BaseVideo.stories';
+declare namespace _default {
+    export let title: string;
+    export { HeroMedium as component };
+    export let tags: string[];
+    export let decorators: (() => {
+        template: string;
+    })[];
+    export namespace parameters {
+        namespace html {
+            let root: string;
+        }
+        namespace themes {
+            let clearable: boolean;
+            let list: {
+                name: string;
+                class: string;
+                default: boolean;
+                visible: boolean;
+            }[];
+        }
+        let viewMode: string;
+    }
+    export let excludeStories: RegExp;
+}
+export default _default;
+export namespace HeroMediumData {
+    let label: string;
+    let cta: string;
+    namespace feature {
+        export let url: string;
+        let title_1: string;
+        export { title_1 as title };
+        export namespace image {
+            namespace src {
+                let url_1: string;
+                export { url_1 as url };
+                export let width: number;
+                export let height: number;
+            }
+            let srcSet: string;
+            namespace screenMd {
+                let url_2: string;
+                export { url_2 as url };
+            }
+            namespace screenSm {
+                let url_3: string;
+                export { url_3 as url };
+            }
+        }
+    }
+}
+export namespace BaseStory {
+    let name: string;
+    namespace args {
+        export let customPill: string;
+        import customLabel = HeroMediumData.label;
+        export { customLabel };
+        import feature_1 = HeroMediumData.feature;
+        export { feature_1 as feature };
+        import cta_1 = HeroMediumData.cta;
+        export { cta_1 as cta };
+        export let customVideo: undefined;
+    }
+}
+export namespace Compact {
+    export namespace args_1 {
+        let customPill_1: string;
+        export { customPill_1 as customPill };
+        import customLabel_1 = HeroMediumData.label;
+        export { customLabel_1 as customLabel };
+        import feature_2 = HeroMediumData.feature;
+        export { feature_2 as feature };
+        import cta_2 = HeroMediumData.cta;
+        export { cta_2 as cta };
+        let customVideo_1: undefined;
+        export { customVideo_1 as customVideo };
+        export let compact: boolean;
+    }
+    export { args_1 as args };
+}
+export namespace Video {
+    export namespace args_2 {
+        import customLabel_2 = HeroMediumData.label;
+        export { customLabel_2 as customLabel };
+        import feature_3 = HeroMediumData.feature;
+        export { feature_3 as feature };
+        import cta_3 = HeroMediumData.cta;
+        export { cta_3 as cta };
+        export { BaseVideoData as customVideo };
+    }
+    export { args_2 as args };
+}