@explorer-1/vue 0.3.3 → 0.3.6

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

@@ -0,0 +1,2220 @@
+import { default as BlockLinkCarousel } from './BlockLinkCarousel.vue';
+declare namespace _default {
+    export let title: string;
+    export { BlockLinkCarousel as component };
+    export let tags: string[];
+    export let excludeStories: RegExp;
+}
+export default _default;
+export const BlockLinkCardCarouselData: ({
+    url: string;
+    title: string;
+    slug: string;
+    label: string;
+    thumbnailImage: {
+        src: {
+            url: string;
+            width: number;
+            height: number;
+        };
+        alt: string;
+    };
+} | {
+    url: string;
+    title: string;
+    slug: string;
+    thumbnailImage: {
+        src: {
+            url: string;
+            width: number;
+            height: number;
+        };
+        alt: string;
+    };
+    label?: undefined;
+})[];
+export const BlockLinkTileCarouselData: ({
+    url: string;
+    title: string;
+    label: string;
+    thumbnailImage: {
+        src: {
+            url: string;
+            width: number;
+            height: number;
+        };
+        alt: string;
+    };
+} | {
+    url: string;
+    title: string;
+    thumbnailImage: {
+        src: {
+            url: string;
+            width: number;
+            height: number;
+        };
+        alt: string;
+    };
+    label?: undefined;
+})[];
+export const EventsBlockLinkCarouselData: ({
+    endDate: null;
+    startDate: string;
+    thumbnailImage: {
+        src: {
+            height: string;
+            url: string;
+            width: string;
+        };
+    };
+    title: string;
+    url: string;
+    startDatetime: string;
+    ongoing: boolean;
+    isVirtualEvent: boolean;
+    endDatetime: null;
+    eventType: string;
+    locationName: string;
+    locationLink: string;
+    customDate: undefined;
+} | {
+    endDate: string;
+    startDate: string;
+    thumbnailImage: {
+        src: {
+            height: string;
+            url: string;
+            width: string;
+        };
+    };
+    title: string;
+    eventType: string;
+    url: string;
+    startDatetime: string;
+    ongoing: boolean;
+    isVirtualEvent: boolean;
+    endDatetime: string;
+    locationName: string;
+    locationLink: string;
+    customDate: undefined;
+} | {
+    endDate: string;
+    startDate: string;
+    thumbnailImage: {
+        src: {
+            height: string;
+            url: string;
+            width: string;
+        };
+    };
+    title: string;
+    eventType: string;
+    url: string;
+    startDatetime: string;
+    customDate: string;
+    ongoing: boolean;
+    isVirtualEvent: boolean;
+    endDatetime: string;
+    locationName: string;
+    locationLink: string;
+} | {
+    endDate: string;
+    startDate: string;
+    thumbnailImage: {
+        src: {
+            height: string;
+            url: string;
+            width: string;
+        };
+    };
+    title: string;
+    url: string;
+    startDatetime: string;
+    customDate: string;
+    ongoing: boolean;
+    isVirtualEvent: boolean;
+    endDatetime: string;
+    locationName: string;
+    locationLink: string;
+    eventType?: undefined;
+})[];
+export namespace BaseStory {
+    let name: string;
+    namespace args {
+        export let itemType: string;
+        export let heading: string;
+        export { BlockLinkCardCarouselData as items };
+    }
+}
+export namespace TileCarousel {
+    export namespace args_1 {
+        let itemType_1: string;
+        export { itemType_1 as itemType };
+        let heading_1: string;
+        export { heading_1 as heading };
+        export { BlockLinkCardCarouselData as items };
+    }
+    export { args_1 as args };
+}
+export namespace MoreEventsCarousel {
+    export namespace args_2 {
+        let itemType_2: string;
+        export { itemType_2 as itemType };
+        let heading_2: string;
+        export { heading_2 as heading };
+        export { EventsBlockLinkCarouselData as items };
+    }
+    export { args_2 as args };
+}
+export namespace TwoItems {
+    export namespace args_3 {
+        let itemType_3: string;
+        export { itemType_3 as itemType };
+        let heading_3: string;
+        export { heading_3 as heading };
+        export let items: ({
+            url: string;
+            title: string;
+            slug: string;
+            label: string;
+            thumbnailImage: {
+                src: {
+                    url: string;
+                    width: number;
+                    height: number;
+                };
+                alt: string;
+            };
+        } | {
+            url: string;
+            title: string;
+            slug: string;
+            thumbnailImage: {
+                src: {
+                    url: string;
+                    width: number;
+                    height: number;
+                };
+                alt: string;
+            };
+            label?: undefined;
+        })[];
+    }
+    export { args_3 as args };
+}
+export function MultipleCarousels(args: any): {
+    components: {
+        BlockLinkCarousel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            itemType: {
+                type: import('vue').PropType<"cards" | "tiles">;
+                required: false;
+                default: string;
+                validator: (prop: string) => boolean;
+            };
+            items: {
+                type: import('vue').PropType<import('../../interfaces').Card[]>;
+                required: false;
+                default: undefined;
+            };
+            heading: {
+                type: StringConstructor;
+                required: false;
+                default: undefined;
+            };
+        }>, {}, {}, {
+            theVariantComponent(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
+            hasContent(): boolean;
+        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            itemType: {
+                type: import('vue').PropType<"cards" | "tiles">;
+                required: false;
+                default: string;
+                validator: (prop: string) => boolean;
+            };
+            items: {
+                type: import('vue').PropType<import('../../interfaces').Card[]>;
+                required: false;
+                default: undefined;
+            };
+            heading: {
+                type: StringConstructor;
+                required: false;
+                default: undefined;
+            };
+        }>> & Readonly<{}>, {
+            heading: string;
+            items: import('../../interfaces').Card[];
+            itemType: "cards" | "tiles";
+        }, {}, {
+            MixinCarousel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                noLinks: {
+                    type: BooleanConstructor;
+                    required: false;
+                    default: boolean;
+                };
+                heading: {
+                    type: StringConstructor;
+                    required: false;
+                    default: undefined;
+                };
+                link: {
+                    type: (StringConstructor | ObjectConstructor)[];
+                    required: false;
+                    default: undefined;
+                };
+                linkTitle: {
+                    type: StringConstructor;
+                    required: false;
+                    default: undefined;
+                };
+                variant: {
+                    type: import('vue').PropType<"cards" | "tiles">;
+                    required: false;
+                    default: string;
+                    validator: (prop: string) => boolean;
+                };
+                slidesPerView: {
+                    type: NumberConstructor;
+                    required: false;
+                    default: number;
+                };
+                indent: {
+                    type: import('vue').PropType<"col-1" | "col-2" | "col-3">;
+                    required: false;
+                    default: string;
+                    validator: (prop: string) => boolean;
+                };
+                center: {
+                    type: BooleanConstructor;
+                    required: false;
+                    default: boolean;
+                };
+                initialSlide: {
+                    type: NumberConstructor;
+                    required: false;
+                    default: number;
+                };
+            }>, {}, {
+                slider: import('swiper').default | null;
+                sliderOptions: import('swiper/types').SwiperOptions;
+            }, {
+                variantClass(): string;
+                colStart(): string;
+            }, {
+                init(): void;
+            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                noLinks: {
+                    type: BooleanConstructor;
+                    required: false;
+                    default: boolean;
+                };
+                heading: {
+                    type: StringConstructor;
+                    required: false;
+                    default: undefined;
+                };
+                link: {
+                    type: (StringConstructor | ObjectConstructor)[];
+                    required: false;
+                    default: undefined;
+                };
+                linkTitle: {
+                    type: StringConstructor;
+                    required: false;
+                    default: undefined;
+                };
+                variant: {
+                    type: import('vue').PropType<"cards" | "tiles">;
+                    required: false;
+                    default: string;
+                    validator: (prop: string) => boolean;
+                };
+                slidesPerView: {
+                    type: NumberConstructor;
+                    required: false;
+                    default: number;
+                };
+                indent: {
+                    type: import('vue').PropType<"col-1" | "col-2" | "col-3">;
+                    required: false;
+                    default: string;
+                    validator: (prop: string) => boolean;
+                };
+                center: {
+                    type: BooleanConstructor;
+                    required: false;
+                    default: boolean;
+                };
+                initialSlide: {
+                    type: NumberConstructor;
+                    required: false;
+                    default: number;
+                };
+            }>> & Readonly<{}>, {
+                link: string | Record<string, any>;
+                variant: "cards" | "tiles";
+                heading: string;
+                initialSlide: number;
+                slidesPerView: number;
+                indent: "col-1" | "col-2" | "col-3";
+                noLinks: boolean;
+                linkTitle: string;
+                center: boolean;
+            }, {}, {
+                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>;
+                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>;
+                IconPrev: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                IconNext: 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>;
+            BlockLinkCard: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                data: {
+                    type: import('vue').PropType<import('../../interfaces').Card>;
+                    required: false;
+                    default: undefined;
+                };
+                url: {
+                    type: StringConstructor;
+                    required: false;
+                    default: undefined;
+                };
+                externalLink: {
+                    type: StringConstructor;
+                    required: false;
+                    default: undefined;
+                };
+                thumbnailImage: {
+                    type: ObjectConstructor;
+                    required: false;
+                    default: undefined;
+                };
+                label: {
+                    type: StringConstructor;
+                    required: false;
+                    default: undefined;
+                };
+                title: {
+                    type: StringConstructor;
+                    required: false;
+                    default: undefined;
+                };
+                date: {
+                    type: StringConstructor;
+                    required: false;
+                    default: undefined;
+                };
+                eventType: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                startDate: {
+                    type: StringConstructor;
+                    required: false;
+                    default: undefined;
+                };
+                endDate: {
+                    type: StringConstructor;
+                    required: false;
+                    default: undefined;
+                };
+                ongoing: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                startDatetime: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                endDatetime: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                location: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                size: {
+                    type: import('vue').PropType<"sm" | "md" | "lg">;
+                    default: string;
+                };
+                headingLevel: {
+                    type: import('vue').PropType<keyof {
+                        h1: string;
+                        h2: string;
+                        h3: string;
+                        h4: string;
+                        h5: string;
+                        h6: string;
+                    }>;
+                    required: false;
+                    default: undefined;
+                };
+                showCalendarChip: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                useFeaturedStyles: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {}, {}, {
+                small(): boolean;
+                medium(): boolean;
+                large(): boolean;
+                contentClasses(): string;
+                theItem(): import('../../interfaces').Card | import('../../interfaces').EventCardObject | import('../../interfaces').EduResourceCardObject | undefined;
+                metadataType(): import('../../interfaces').ContentTypeKey | undefined;
+                metadataAttrs(): {
+                    readonly label: "News";
+                    readonly variant: "primary";
+                    readonly icons: "primary";
+                    readonly type: undefined;
+                } | {
+                    readonly label: "Event";
+                    readonly variant: "primary";
+                    readonly icons: "primary";
+                    readonly type: "event";
+                } | {
+                    readonly label: "Collection";
+                    readonly variant: "primary-inverted";
+                    readonly icons: "primary";
+                    readonly type: "resource";
+                } | {
+                    readonly label: "Explainer Article";
+                    readonly variant: "secondary";
+                    readonly icons: "secondary";
+                    readonly type: "resource";
+                } | {
+                    readonly label: "Lesson";
+                    readonly variant: "primary";
+                    readonly icons: "primary";
+                    readonly type: "resource";
+                } | {
+                    readonly label: "Teachable Moment";
+                    readonly variant: "primary";
+                    readonly icons: "primary";
+                    readonly type: "resource";
+                } | {
+                    readonly label: "Student Project";
+                    readonly variant: "secondary";
+                    readonly icons: "secondary";
+                    readonly type: "resource";
+                } | {
+                    readonly label: "Image";
+                    readonly variant: "primary";
+                    readonly icons: "primary";
+                    readonly type: "resource";
+                } | {
+                    readonly label: "Infographic";
+                    readonly variant: "primary";
+                    readonly icons: "primary";
+                    readonly type: "resource";
+                } | {
+                    readonly label: "Document";
+                    readonly variant: "primary";
+                    readonly icons: "primary";
+                    readonly type: "resource";
+                } | {
+                    readonly label: "Video";
+                    readonly variant: "primary";
+                    readonly icons: "primary";
+                    readonly type: "resource";
+                } | {
+                    readonly label: "Gallery";
+                    readonly variant: "secondary";
+                    readonly icons: "secondary";
+                    readonly type: "resource";
+                } | undefined;
+                formattedEventDates(): 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;
+                }>;
+            }, {
+                isEduExternalLink(url: string): boolean;
+            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                data: {
+                    type: import('vue').PropType<import('../../interfaces').Card>;
+                    required: false;
+                    default: undefined;
+                };
+                url: {
+                    type: StringConstructor;
+                    required: false;
+                    default: undefined;
+                };
+                externalLink: {
+                    type: StringConstructor;
+                    required: false;
+                    default: undefined;
+                };
+                thumbnailImage: {
+                    type: ObjectConstructor;
+                    required: false;
+                    default: undefined;
+                };
+                label: {
+                    type: StringConstructor;
+                    required: false;
+                    default: undefined;
+                };
+                title: {
+                    type: StringConstructor;
+                    required: false;
+                    default: undefined;
+                };
+                date: {
+                    type: StringConstructor;
+                    required: false;
+                    default: undefined;
+                };
+                eventType: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                startDate: {
+                    type: StringConstructor;
+                    required: false;
+                    default: undefined;
+                };
+                endDate: {
+                    type: StringConstructor;
+                    required: false;
+                    default: undefined;
+                };
+                ongoing: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                startDatetime: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                endDatetime: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                location: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                size: {
+                    type: import('vue').PropType<"sm" | "md" | "lg">;
+                    default: string;
+                };
+                headingLevel: {
+                    type: import('vue').PropType<keyof {
+                        h1: string;
+                        h2: string;
+                        h3: string;
+                        h4: string;
+                        h5: string;
+                        h6: string;
+                    }>;
+                    required: false;
+                    default: undefined;
+                };
+                showCalendarChip: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                useFeaturedStyles: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{}>, {
+                data: import('../../interfaces').Card;
+                label: string;
+                title: string;
+                startDate: string;
+                endDate: string;
+                startDatetime: string;
+                endDatetime: string;
+                eventType: string;
+                ongoing: boolean;
+                location: string;
+                size: "sm" | "md" | "lg";
+                url: string;
+                date: string;
+                headingLevel: keyof {
+                    h1: string;
+                    h2: string;
+                    h3: string;
+                    h4: string;
+                    h5: string;
+                    h6: string;
+                };
+                externalLink: string;
+                thumbnailImage: Record<string, any>;
+                showCalendarChip: boolean;
+                useFeaturedStyles: boolean;
+            }, {}, {
+                IconArrow: 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>;
+                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>;
+                BasePill: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    text: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                    variant: {
+                        type: () => "secondary" | "primary" | "primary-inverted" | "action";
+                        default: string;
+                    };
+                    size: {
+                        type: () => "sm" | "md" | "lg";
+                        default: string;
+                    };
+                    contentType: {
+                        type: () => import('../../interfaces').ContentTypeKey;
+                        default: undefined;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    text: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                    variant: {
+                        type: () => "secondary" | "primary" | "primary-inverted" | "action";
+                        default: string;
+                    };
+                    size: {
+                        type: () => "sm" | "md" | "lg";
+                        default: string;
+                    };
+                    contentType: {
+                        type: () => import('../../interfaces').ContentTypeKey;
+                        default: undefined;
+                    };
+                }>> & Readonly<{}>, {
+                    text: string;
+                    variant: "secondary" | "primary" | "primary-inverted" | "action";
+                    size: "sm" | "md" | "lg";
+                    contentType: "EDUNewsPage" | "EDUEventPage" | "EDUCollectionsDetailPage" | "EDUExplainerArticlePage" | "EDULessonPage" | "EDUTeachableMomentPage" | "EDUStudentProjectPage" | "EDUImageDetailPage" | "EDUInfographicDetailPage" | "EDUDocumentDetailPage" | "EDUVideoDetailPage" | "EDUGalleryDetailPage";
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                CalendarChip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    startDate: {
+                        type: import('vue').PropType<string>;
+                        default: undefined;
+                    };
+                    endDate: {
+                        type: import('vue').PropType<string>;
+                        default: undefined;
+                    };
+                    ongoing: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    startDate: {
+                        type: import('vue').PropType<string>;
+                        default: undefined;
+                    };
+                    endDate: {
+                        type: import('vue').PropType<string>;
+                        default: undefined;
+                    };
+                    ongoing: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                }>> & Readonly<{}>, {
+                    startDate: string;
+                    endDate: string;
+                    ongoing: boolean;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                MetadataEvent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    event: {
+                        type: import('vue').PropType<import('../../interfaces').EventCardObject>;
+                        required: true;
+                        default: undefined;
+                    };
+                    compact: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    showTime: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    allowBreak: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    showLocation: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    event: {
+                        type: import('vue').PropType<import('../../interfaces').EventCardObject>;
+                        required: true;
+                        default: undefined;
+                    };
+                    compact: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    showTime: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    allowBreak: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    showLocation: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                }>> & Readonly<{}>, {
+                    event: import('../../interfaces').EventCardObject;
+                    compact: boolean;
+                    showTime: boolean;
+                    allowBreak: boolean;
+                    showLocation: boolean;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                MetadataEduResource: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    variant: {
+                        type: import('vue').PropType<import('../../interfaces').MetaPanelTheme>;
+                        default: string;
+                    };
+                    resource: {
+                        type: import('vue').PropType<import('../../interfaces').EduResourceCardObject>;
+                        required: true;
+                        default: undefined;
+                    };
+                    compact: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    showTime: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    variant: {
+                        type: import('vue').PropType<import('../../interfaces').MetaPanelTheme>;
+                        default: string;
+                    };
+                    resource: {
+                        type: import('vue').PropType<import('../../interfaces').EduResourceCardObject>;
+                        required: true;
+                        default: undefined;
+                    };
+                    compact: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    showTime: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                }>> & Readonly<{}>, {
+                    variant: import('../../interfaces').MetaPanelTheme;
+                    resource: import('../../interfaces').EduResourceCardObject;
+                    compact: boolean;
+                    showTime: boolean;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                BlockLinkCardCollectionLg: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: import('vue').PropType<string>;
+                        default: undefined;
+                    };
+                    headingLevel: {
+                        type: import('vue').PropType<keyof {
+                            h1: string;
+                            h2: string;
+                            h3: string;
+                            h4: string;
+                            h5: string;
+                            h6: string;
+                        }>;
+                        default: undefined;
+                    };
+                    metadataAttrs: {
+                        type: import('vue').PropType<any>;
+                        default: undefined;
+                    };
+                    theItem: {
+                        type: import('vue').PropType<import('../../interfaces').EduResourceCardObject>;
+                        default: undefined;
+                    };
+                    metadataType: {
+                        type: import('vue').PropType<"EDUNewsPage" | "EDUEventPage" | "EDUCollectionsDetailPage" | "EDUExplainerArticlePage" | "EDULessonPage" | "EDUTeachableMomentPage" | "EDUStudentProjectPage" | "EDUImageDetailPage" | "EDUInfographicDetailPage" | "EDUDocumentDetailPage" | "EDUVideoDetailPage" | "EDUGalleryDetailPage">;
+                        default: undefined;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: import('vue').PropType<string>;
+                        default: undefined;
+                    };
+                    headingLevel: {
+                        type: import('vue').PropType<keyof {
+                            h1: string;
+                            h2: string;
+                            h3: string;
+                            h4: string;
+                            h5: string;
+                            h6: string;
+                        }>;
+                        default: undefined;
+                    };
+                    metadataAttrs: {
+                        type: import('vue').PropType<any>;
+                        default: undefined;
+                    };
+                    theItem: {
+                        type: import('vue').PropType<import('../../interfaces').EduResourceCardObject>;
+                        default: undefined;
+                    };
+                    metadataType: {
+                        type: import('vue').PropType<"EDUNewsPage" | "EDUEventPage" | "EDUCollectionsDetailPage" | "EDUExplainerArticlePage" | "EDULessonPage" | "EDUTeachableMomentPage" | "EDUStudentProjectPage" | "EDUImageDetailPage" | "EDUInfographicDetailPage" | "EDUDocumentDetailPage" | "EDUVideoDetailPage" | "EDUGalleryDetailPage">;
+                        default: undefined;
+                    };
+                }>> & Readonly<{}>, {
+                    size: string;
+                    headingLevel: import('../BaseHeading/BaseHeading.vue').HeadingLevel;
+                    metadataAttrs: any;
+                    theItem: import('../../interfaces').EduResourceCardObject;
+                    metadataType: import('../../interfaces').ContentTypeKey;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            BlockLinkTile: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                data: {
+                    type: import('vue').PropType<import('../../interfaces').Card | import('../../interfaces').EventCardObject>;
+                    required: false;
+                    default: undefined;
+                };
+                url: {
+                    type: StringConstructor;
+                    required: false;
+                    default: undefined;
+                };
+                externalLink: {
+                    type: StringConstructor;
+                    required: false;
+                    default: undefined;
+                };
+                thumbnailImage: {
+                    type: ObjectConstructor;
+                    required: false;
+                    default: undefined;
+                };
+                label: {
+                    type: StringConstructor;
+                    required: false;
+                    default: undefined;
+                };
+                title: {
+                    type: StringConstructor;
+                    required: false;
+                    default: undefined;
+                };
+                startDate: {
+                    type: StringConstructor;
+                    required: false;
+                    default: undefined;
+                };
+                endDate: {
+                    type: StringConstructor;
+                    required: false;
+                    default: undefined;
+                };
+                compact: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                headingLevel: {
+                    type: import('vue').PropType<keyof {
+                        h1: string;
+                        h2: string;
+                        h3: string;
+                        h4: string;
+                        h5: string;
+                        h6: string;
+                    }>;
+                    required: false;
+                };
+            }>, {}, {}, {
+                theItem(): import('../../interfaces').Card | import('../../interfaces').EventCardObject | 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;
+                };
+                url: {
+                    type: StringConstructor;
+                    required: false;
+                    default: undefined;
+                };
+                externalLink: {
+                    type: StringConstructor;
+                    required: false;
+                    default: undefined;
+                };
+                thumbnailImage: {
+                    type: ObjectConstructor;
+                    required: false;
+                    default: undefined;
+                };
+                label: {
+                    type: StringConstructor;
+                    required: false;
+                    default: undefined;
+                };
+                title: {
+                    type: StringConstructor;
+                    required: false;
+                    default: undefined;
+                };
+                startDate: {
+                    type: StringConstructor;
+                    required: false;
+                    default: undefined;
+                };
+                endDate: {
+                    type: StringConstructor;
+                    required: false;
+                    default: undefined;
+                };
+                compact: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                headingLevel: {
+                    type: import('vue').PropType<keyof {
+                        h1: string;
+                        h2: string;
+                        h3: string;
+                        h4: string;
+                        h5: string;
+                        h6: string;
+                    }>;
+                    required: false;
+                };
+            }>> & Readonly<{}>, {
+                data: import('../../interfaces').Card | import('../../interfaces').EventCardObject;
+                label: string;
+                title: string;
+                startDate: string;
+                endDate: string;
+                url: string;
+                compact: boolean;
+                externalLink: string;
+                thumbnailImage: Record<string, any>;
+            }, {}, {
+                IconArrow: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                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>;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    };
+    setup(): {
+        args: any;
+    };
+    template: string;
+};
+export namespace MultipleCarousels {
+    let args_4: {
+        itemType: string;
+        heading: string;
+        otherHeading: string;
+        items: ({
+            url: string;
+            title: string;
+            slug: string;
+            label: string;
+            thumbnailImage: {
+                src: {
+                    url: string;
+                    width: number;
+                    height: number;
+                };
+                alt: string;
+            };
+        } | {
+            url: string;
+            title: string;
+            slug: string;
+            thumbnailImage: {
+                src: {
+                    url: string;
+                    width: number;
+                    height: number;
+                };
+                alt: string;
+            };
+            label?: undefined;
+        })[];
+    }[];
+    export { args_4 as args };
+}