@explorer-1/vue 0.3.2 → 0.3.4

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

@@ -0,0 +1,696 @@
+import { default as TopicDetailMore } from './TopicDetailMore.vue';
+declare namespace _default {
+    export let title: string;
+    export { TopicDetailMore as component };
+    export let tags: string[];
+    export let excludeStories: RegExp;
+}
+export default _default;
+export namespace TopicDetailMoreData {
+    let moreAboutTopic: {
+        __typename: string;
+        date: string;
+        label: string;
+        thumbnailImage: {
+            src: {
+                width: string;
+                height: string;
+                url: string;
+            };
+            srcSet: string;
+        };
+        title: string;
+        url: string;
+    }[];
+    let moreAboutTopicCurated: ({
+        __typename: string;
+        page: {
+            label: string;
+            thumbnailImage: {
+                src: {
+                    width: string;
+                    height: string;
+                    url: string;
+                };
+                srcSet: string;
+            };
+            title: string;
+            url: string;
+            date?: undefined;
+        };
+        date?: undefined;
+        label?: undefined;
+        thumbnailImage?: undefined;
+        title?: undefined;
+        url?: undefined;
+    } | {
+        __typename: string;
+        page: {
+            date: string;
+            label: string;
+            thumbnailImage: {
+                src: {
+                    width: string;
+                    height: string;
+                    url: string;
+                };
+                srcSet: string;
+            };
+            title: string;
+            url: string;
+        };
+        date?: undefined;
+        label?: undefined;
+        thumbnailImage?: undefined;
+        title?: undefined;
+        url?: undefined;
+    } | {
+        __typename: string;
+        date: string;
+        label: string;
+        thumbnailImage: {
+            src: {
+                width: string;
+                height: string;
+                url: string;
+            };
+            srcSet: string;
+        };
+        title: string;
+        url: string;
+        page?: undefined;
+    })[];
+}
+export namespace BaseStory {
+    namespace args {
+        export let topic: string;
+        import more = TopicDetailMoreData.moreAboutTopic;
+        export { more };
+        import moreCurated = TopicDetailMoreData.moreAboutTopicCurated;
+        export { moreCurated };
+    }
+    function render(args: any): {
+        setup(): {
+            args: any;
+        };
+        components: {
+            TopicDetailMore: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                topic: {
+                    type: StringConstructor;
+                    required: false;
+                    default: string;
+                };
+                more: {
+                    type: import("vue").PropType<import("../../interfaces").Card[]>;
+                    required: false;
+                };
+                moreCurated: {
+                    type: import("vue").PropType<import("../../interfaces").Card[]>;
+                    required: false;
+                };
+            }>, {}, {}, {
+                theData(): import("../../interfaces").Card[];
+            }, {
+                gridPlacement(index: number): "" | "col-start-2 col-span-6" | "lg:col-start-9 lg:col-span-4 md:col-start-6 md:col-span-6 lg:-mt-28" | "lg:col-start-4 lg:col-span-4 md:col-start-2 md:col-span-6 lg:-mt-28" | "lg:col-start-9 lg:col-span-4 md:col-start-6 md:col-span-6  lg:-mt-28" | "col-start-2 col-span-6 lg:-mt-28" | "lg:col-start-6 lg:col-span-6 md:col-start-6 md:col-span-6 lg:mt-28" | "lg:col-start-1 lg:col-span-4 md:col-start-2 md:col-span-6 lg:-mt-28" | "lg:col-start-6 lg:col-span-4 md:col-start-6 md:col-span-6 lg:-mt-28";
+            }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                topic: {
+                    type: StringConstructor;
+                    required: false;
+                    default: string;
+                };
+                more: {
+                    type: import("vue").PropType<import("../../interfaces").Card[]>;
+                    required: false;
+                };
+                moreCurated: {
+                    type: import("vue").PropType<import("../../interfaces").Card[]>;
+                    required: false;
+                };
+            }>> & Readonly<{}>, {
+                topic: string;
+            }, {}, {
+                BaseButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                    variant: {
+                        type: import("vue").PropType<"secondary" | "primary" | "dark" | "social">;
+                        required: false;
+                        default: string;
+                        validator: (prop: string) => boolean;
+                    };
+                    compact: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                        required: false;
+                    };
+                    blockClasses: {
+                        type: StringConstructor;
+                        required: false;
+                        default: string;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                        required: false;
+                    };
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: string;
+                        required: false;
+                    };
+                    to: {
+                        type: (StringConstructor | ObjectConstructor)[];
+                        required: false;
+                        default: undefined;
+                    };
+                    href: {
+                        type: StringConstructor;
+                        required: false;
+                        default: undefined;
+                    };
+                }>, {}, {}, {
+                    tag(): string | import("vue").ConcreteComponent<{}, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>;
+                    computedTo(): string | Record<string, any> | undefined;
+                    theHref(): string | undefined;
+                    variantClass(): string;
+                }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                    variant: {
+                        type: import("vue").PropType<"secondary" | "primary" | "dark" | "social">;
+                        required: false;
+                        default: string;
+                        validator: (prop: string) => boolean;
+                    };
+                    compact: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                        required: false;
+                    };
+                    blockClasses: {
+                        type: StringConstructor;
+                        required: false;
+                        default: string;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                        required: false;
+                    };
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: string;
+                        required: false;
+                    };
+                    to: {
+                        type: (StringConstructor | ObjectConstructor)[];
+                        required: false;
+                        default: undefined;
+                    };
+                    href: {
+                        type: StringConstructor;
+                        required: false;
+                        default: undefined;
+                    };
+                }>> & Readonly<{
+                    onClick?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    to: string | Record<string, any>;
+                    disabled: boolean;
+                    variant: "secondary" | "primary" | "dark" | "social";
+                    href: string;
+                    ariaLabel: string;
+                    compact: boolean;
+                    blockClasses: string;
+                }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+                IconCaret: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+                TopicDetailMoreVisibility: import("vue").DefineComponent<{}, {}, {
+                    isVisible: boolean;
+                    hasIntersectionObserver: boolean;
+                }, {}, {
+                    visibilityChanged(visibility: boolean): void;
+                    featureDetection(): void;
+                }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+                TopicDetailMoreItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                    data: {
+                        type: import("vue").PropType<import("../../interfaces").Card | import("../../interfaces").EventCardObject>;
+                        required: false;
+                        default: undefined;
+                    };
+                }>, {}, {}, {
+                    theData(): import("../../interfaces").Card | undefined;
+                    formattedEventDates(): string | undefined;
+                }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                    data: {
+                        type: import("vue").PropType<import("../../interfaces").Card | import("../../interfaces").EventCardObject>;
+                        required: false;
+                        default: undefined;
+                    };
+                }>> & Readonly<{}>, {
+                    data: import("../../interfaces").Card | import("../../interfaces").EventCardObject;
+                }, {}, {
+                    BaseLink: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                        variant: {
+                            type: import("vue").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: import("vue").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>;
+                    BaseImage: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                        imageClass: {
+                            type: StringConstructor;
+                            required: false;
+                            default: string;
+                        };
+                        objectFitClass: {
+                            type: import("vue").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: import("vue").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: import("vue").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: import("vue").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: import("vue").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: import("vue").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>;
+                    IconPlay: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+                    IconExternal: 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>;
+        };
+        template: string;
+    };
+}
+export namespace NoSpotlight {
+    export namespace args_1 {
+        let topic_1: string;
+        export { topic_1 as topic };
+        import more_1 = TopicDetailMoreData.moreAboutTopic;
+        export { more_1 as more };
+        import moreCurated_1 = TopicDetailMoreData.moreAboutTopicCurated;
+        export { moreCurated_1 as moreCurated };
+    }
+    export { args_1 as args };
+}
+export namespace ShortList {
+    export namespace args_2 {
+        let topic_2: string;
+        export { topic_2 as topic };
+        let more_2: never[];
+        export { more_2 as more };
+        import moreCurated_2 = TopicDetailMoreData.moreAboutTopicCurated;
+        export { moreCurated_2 as moreCurated };
+    }
+    export { args_2 as args };
+}
+export namespace NoList {
+    export namespace args_3 {
+        let topic_3: string;
+        export { topic_3 as topic };
+        let more_3: never[];
+        export { more_3 as more };
+        let moreCurated_3: never[];
+        export { moreCurated_3 as moreCurated };
+    }
+    export { args_3 as args };
+}