@explorer-1/vue 0.3.2 → 0.3.4

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

@@ -0,0 +1,587 @@
+import { PropType } from 'vue';
+import { Slide } from './../HomepageCarouselItem/HomepageCarouselItem.vue';
+import { default as Swiper } from 'swiper';
+import { SwiperOptions } from 'swiper/types';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    items: {
+        type: PropType<Slide[]>;
+        required: false;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, {}, {
+    slideLoaded: boolean;
+    slider: Swiper | null;
+    sliderOptions: SwiperOptions;
+    tabbedItems: Slide[] | undefined;
+    slideToNext: Boolean;
+    theIndex: number;
+}, {
+    onlyOneSlide(): boolean;
+    loopedTabs(): Array<Slide>;
+    tabContainerWidthClass(): string;
+    tabWidthClass(): string;
+    tabTranslateClass(): string;
+}, {
+    init(): void;
+    updateTabbedItems(): void;
+    videoHandler(swiper: Swiper): void;
+    getVideo(index: number, swiper: Swiper): HTMLVideoElement | null;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    items: {
+        type: PropType<Slide[]>;
+        required: false;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    duration: number;
+}, {}, {
+    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>;
+    HomepageCarouselItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        item: {
+            type: PropType<Slide>;
+            default: undefined;
+        };
+    }>, {}, {}, {
+        tag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
+    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        item: {
+            type: PropType<Slide>;
+            default: undefined;
+        };
+    }>> & Readonly<{}>, {
+        item: Slide;
+    }, {}, {
+        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>;
+        IconArrow: 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>;
+export default _default;

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

@@ -0,0 +1,57 @@
+import { default as HomepageCarouselItem } from './HomepageCarouselItem.vue';
+import { BaseVideoData } from './../BaseVideo/BaseVideo.stories';
+declare namespace _default {
+    export let title: string;
+    export { HomepageCarouselItem as component };
+    export let decorators: (() => {
+        template: string;
+    })[];
+    export namespace parameters {
+        namespace html {
+            let root: string;
+        }
+        let viewMode: string;
+    }
+    export let excludeStories: RegExp;
+}
+export default _default;
+export namespace HomepageCarouselItemData {
+    namespace item {
+        export let heading: string;
+        export namespace page {
+            let url: string;
+        }
+        export let externalLink: string;
+        export let slideTitle: string;
+        export { BaseVideoData as video };
+        export namespace listingPageHeroImage {
+            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 namespace item_1 {
+            let video: null;
+        }
+        export { item_1 as item };
+    }
+}
+export namespace WithVideo {
+    export { HomepageCarouselItemData as args };
+}