@explorer-1/vue 1.1.2 → 1.1.4

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

@@ -0,0 +1,279 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {
+    prefilledEmail: null;
+    submitted: boolean;
+    iContactForm: string;
+    iContactTrackingGif: string;
+    captchaKey: string;
+    emailGroups: {
+        id: string;
+        title: string;
+        text: string;
+        value: string;
+        alt: string;
+        name: string;
+    }[];
+}, {}, {
+    focus(elem: any): void;
+    validate(e: any): {};
+    submit(e: any): void;
+    reveal(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
+    LayoutHelper: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        indent: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+            validator: (prop: string) => boolean;
+        };
+        fullBleed: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {}, {}, {
+        theWidth(): string;
+    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        indent: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+            validator: (prop: string) => boolean;
+        };
+        fullBleed: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        indent: string;
+        fullBleed: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    BaseHeading: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        level: {
+            type: import('vue').PropType<import('./../BaseHeading/BaseHeading.vue').HeadingLevel>;
+            required: false;
+            default: string;
+        };
+        size: {
+            type: import('vue').PropType<import('./../BaseHeading/BaseHeading.vue').HeadingLevel>;
+            required: false;
+            default: string;
+        };
+    }>, {}, {}, {
+        computedTag(): string;
+        computedClass(): string;
+    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        level: {
+            type: import('vue').PropType<import('./../BaseHeading/BaseHeading.vue').HeadingLevel>;
+            required: false;
+            default: string;
+        };
+        size: {
+            type: import('vue').PropType<import('./../BaseHeading/BaseHeading.vue').HeadingLevel>;
+            required: false;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        size: keyof {
+            h1: string;
+            h2: string;
+            h3: string;
+            h4: string;
+            h5: string;
+            h6: string;
+        };
+        level: keyof {
+            h1: string;
+            h2: string;
+            h3: string;
+            h4: string;
+            h5: string;
+            h6: string;
+        };
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    BaseButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        variant: {
+            type: import('vue').PropType<"primary" | "secondary" | "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: (ObjectConstructor | StringConstructor)[];
+            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<"primary" | "secondary" | "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: (ObjectConstructor | StringConstructor)[];
+            required: false;
+            default: undefined;
+        };
+        href: {
+            type: StringConstructor;
+            required: false;
+            default: undefined;
+        };
+    }>> & Readonly<{
+        onClick?: ((...args: any[]) => any) | undefined;
+    }>, {
+        variant: "primary" | "secondary" | "dark" | "social";
+        to: string | Record<string, any>;
+        href: string;
+        ariaLabel: string;
+        compact: boolean;
+        blockClasses: string;
+        disabled: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    BaseRadioGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        group: {
+            type: StringConstructor;
+            default: null;
+            required: false;
+        };
+        preselected: {
+            type: StringConstructor;
+            default: null;
+            required: false;
+        };
+        heading: {
+            type: StringConstructor;
+            default: null;
+            required: false;
+        };
+        subHeading: {
+            type: StringConstructor;
+            default: null;
+            required: false;
+        };
+        title: {
+            type: StringConstructor;
+            default: null;
+            required: false;
+        };
+        options: {
+            type: import('vue').PropType<import('../../interfaces').FormOption[]>;
+            default: null;
+            required: false;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        group: {
+            type: StringConstructor;
+            default: null;
+            required: false;
+        };
+        preselected: {
+            type: StringConstructor;
+            default: null;
+            required: false;
+        };
+        heading: {
+            type: StringConstructor;
+            default: null;
+            required: false;
+        };
+        subHeading: {
+            type: StringConstructor;
+            default: null;
+            required: false;
+        };
+        title: {
+            type: StringConstructor;
+            default: null;
+            required: false;
+        };
+        options: {
+            type: import('vue').PropType<import('../../interfaces').FormOption[]>;
+            default: null;
+            required: false;
+        };
+    }>> & Readonly<{}>, {
+        title: string;
+        group: string;
+        heading: string;
+        subHeading: string;
+        options: import('../../interfaces').FormOption[];
+        preselected: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    TextInput: import('vue').DefineComponent<{
+        modelValue?: string | undefined;
+    } & import('./../TextInput/TextInput.vue').TextInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        input: (...args: any[]) => void;
+        esc: (...args: any[]) => void;
+        "update:modelValue": (value: string | undefined) => void;
+    }, string, import('vue').PublicProps, Readonly<{
+        modelValue?: string | undefined;
+    } & import('./../TextInput/TextInput.vue').TextInputProps> & Readonly<{
+        onInput?: ((...args: any[]) => any) | undefined;
+        onEsc?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+    }>, {
+        title: string;
+        pattern: string;
+        required: boolean;
+        type: string;
+        placeholder: string;
+        autoFocus: boolean;
+        showLabel: boolean;
+        maxlength: string;
+        labelClass: string;
+        inputClass: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+        TextInputRef: HTMLInputElement;
+    }, HTMLDivElement>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,10 @@
+import { StreamfieldBlockData } from './../../interfaces';
+export interface HeroInlineMediaProps {
+    heroBlocks: StreamfieldBlockData[];
+    constrain?: boolean;
+}
+declare const _default: import('vue').DefineComponent<HeroInlineMediaProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<HeroInlineMediaProps> & Readonly<{}>, {
+    constrain: boolean;
+    heroBlocks: StreamfieldBlockData[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,115 @@
+import { default as HeroLarge } from './HeroLarge.vue';
+declare namespace _default {
+    export let title: string;
+    export { HeroLarge as component };
+    export let tags: string[];
+    export let excludeStories: RegExp;
+    export namespace parameters {
+        let viewMode: string;
+    }
+    export namespace argTypes {
+        namespace customPill {
+            namespace type {
+                let name: string;
+                let required: boolean;
+            }
+            let description: string;
+        }
+        namespace customPillType {
+            export namespace type_1 {
+                let name_1: string;
+                export { name_1 as name };
+                let required_1: boolean;
+                export { required_1 as required };
+            }
+            export { type_1 as type };
+            export namespace control {
+                let type_2: string;
+                export { type_2 as type };
+            }
+            export let options: string[];
+            let description_1: string;
+            export { description_1 as description };
+        }
+        namespace hasOverlay {
+            export namespace type_3 {
+                let name_2: string;
+                export { name_2 as name };
+            }
+            export { type_3 as type };
+            export namespace control_1 {
+                let type_4: string;
+                export { type_4 as type };
+            }
+            export { control_1 as control };
+            let description_2: string;
+            export { description_2 as description };
+        }
+    }
+}
+export default _default;
+export namespace HeroLargeData {
+    let title_1: string;
+    export { title_1 as title };
+    let description_3: string;
+    export { description_3 as description };
+    export namespace heroImage {
+        namespace src {
+            let url: string;
+            let width: number;
+            let height: number;
+        }
+        let srcSet: string;
+        namespace screenMd {
+            let url_1: string;
+            export { url_1 as url };
+        }
+        namespace screenSm {
+            let url_2: string;
+            export { url_2 as url };
+        }
+        let alt: string;
+    }
+    export namespace listingPageHeroImage {
+        export namespace src_1 {
+            let url_3: string;
+            export { url_3 as url };
+            let width_1: number;
+            export { width_1 as width };
+            let height_1: number;
+            export { height_1 as height };
+        }
+        export { src_1 as src };
+        let srcSet_1: string;
+        export { srcSet_1 as srcSet };
+        export namespace screenMd_1 {
+            let url_4: string;
+            export { url_4 as url };
+        }
+        export { screenMd_1 as screenMd };
+        export namespace screenSm_1 {
+            let url_5: string;
+            export { url_5 as url };
+        }
+        export { screenSm_1 as screenSm };
+        let alt_1: string;
+        export { alt_1 as alt };
+    }
+    let customPill_1: undefined;
+    export { customPill_1 as customPill };
+    let customPillType_1: undefined;
+    export { customPillType_1 as customPillType };
+    let hasOverlay_1: boolean;
+    export { hasOverlay_1 as hasOverlay };
+}
+export namespace BaseStory {
+    let name_3: string;
+    export { name_3 as name };
+    export namespace args {
+        import summary = description;
+        export { summary };
+        import image = heroImage;
+        export { image };
+        export let label: string;
+    }
+}

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

@@ -0,0 +1,138 @@
+import { PropType } from 'vue';
+import { ContentTypeKey, ImageObject } from './../../interfaces.ts';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** Text for pill (overrides label) */
+    customPill: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** Maps to EDU resource types. Label is replaced with a color-themed "pill." Must use with `.ThemeEdu` */
+    customPillType: {
+        type: PropType<ContentTypeKey>;
+        required: false;
+        default: undefined;
+    };
+    title: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    summary: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    image: {
+        type: PropType<ImageObject>;
+        required: false;
+        default: undefined;
+    };
+    /** If secondary nav is also on this page, more space will be added above the hero text */
+    hasOverlay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {
+    theSrcSet(): string | undefined;
+    themeStore: () => import('pinia').Store<"theme", import('../../store/theme').State, {
+        isEdu(state: {
+            theme: import('./../../interfaces.ts').Explorer1Theme | null;
+        } & import('pinia').PiniaCustomStateProperties<import('../../store/theme').State>): boolean;
+    }, {
+        setTheme(value: import('./../../interfaces.ts').Explorer1Theme): void;
+    }>;
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** Text for pill (overrides label) */
+    customPill: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** Maps to EDU resource types. Label is replaced with a color-themed "pill." Must use with `.ThemeEdu` */
+    customPillType: {
+        type: PropType<ContentTypeKey>;
+        required: false;
+        default: undefined;
+    };
+    title: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    summary: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    image: {
+        type: PropType<ImageObject>;
+        required: false;
+        default: undefined;
+    };
+    /** If secondary nav is also on this page, more space will be added above the hero text */
+    hasOverlay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    title: string;
+    image: ImageObject;
+    label: string;
+    summary: string;
+    customPill: string;
+    customPillType: "EDUNewsPage" | "EDUEventPage" | "EDUCollectionsDetailPage" | "EDUExplainerArticlePage" | "EDULessonPage" | "EDUTeachableMomentPage" | "EDUStudentProjectPage" | "EDUImageDetailPage" | "EDUInfographicDetailPage" | "EDUDocumentDetailPage" | "EDUVideoDetailPage" | "EDUGalleryDetailPage";
+    hasOverlay: boolean;
+}, {}, {
+    BasePill: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        text: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        variant: {
+            type: () => "primary" | "primary-inverted" | "secondary" | "action";
+            default: string;
+        };
+        size: {
+            type: () => "sm" | "md" | "lg";
+            default: string;
+        };
+        contentType: {
+            type: () => ContentTypeKey;
+            default: undefined;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        text: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        variant: {
+            type: () => "primary" | "primary-inverted" | "secondary" | "action";
+            default: string;
+        };
+        size: {
+            type: () => "sm" | "md" | "lg";
+            default: string;
+        };
+        contentType: {
+            type: () => ContentTypeKey;
+            default: undefined;
+        };
+    }>> & Readonly<{}>, {
+        size: "sm" | "md" | "lg";
+        text: string;
+        variant: "primary" | "primary-inverted" | "secondary" | "action";
+        contentType: "EDUNewsPage" | "EDUEventPage" | "EDUCollectionsDetailPage" | "EDUExplainerArticlePage" | "EDULessonPage" | "EDUTeachableMomentPage" | "EDUStudentProjectPage" | "EDUImageDetailPage" | "EDUInfographicDetailPage" | "EDUDocumentDetailPage" | "EDUVideoDetailPage" | "EDUGalleryDetailPage";
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLParagraphElement>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,138 @@
+import { default as HeroListingIndex } from './HeroListingIndex.vue';
+declare namespace _default {
+    export let title: string;
+    export { HeroListingIndex as component };
+    export let tags: string[];
+    export namespace parameters {
+        let viewMode: string;
+    }
+    export let excludeStories: RegExp;
+}
+export default _default;
+export namespace HeroListingIndexData {
+    namespace featuredPage {
+        export let __typename: string;
+        export let topicLabel: string;
+        export let url: string;
+        let title_1: string;
+        export { title_1 as title };
+        export namespace image {
+            namespace src {
+                let url_1: string;
+                export { url_1 as url };
+                export let width: number;
+                export let height: number;
+            }
+            let srcSet: string;
+            namespace screenMd {
+                let url_2: string;
+                export { url_2 as url };
+            }
+            namespace screenSm {
+                let url_3: string;
+                export { url_3 as url };
+            }
+        }
+    }
+}
+export namespace BaseStory {
+    let name: string;
+    namespace args {
+        export let customLabel: string;
+        import pageData = HeroListingIndexData.featuredPage;
+        export { pageData };
+    }
+}
+export namespace NewsImageHero {
+    export namespace args_1 {
+        let customLabel_1: string;
+        export { customLabel_1 as customLabel };
+        export namespace pageData_1 {
+            let topicLabel_1: string;
+            export { topicLabel_1 as topicLabel };
+            let url_4: string;
+            export { url_4 as url };
+            let title_2: string;
+            export { title_2 as title };
+            export let heroBlocks: {
+                blockType: string;
+                listingPageHeroImage: {
+                    src: {
+                        url: string;
+                        width: number;
+                        height: number;
+                    };
+                    srcSet: string;
+                    screenMd: {
+                        url: string;
+                    };
+                    screenSm: {
+                        url: string;
+                    };
+                };
+            }[];
+        }
+        export { pageData_1 as pageData };
+    }
+    export { args_1 as args };
+}
+export namespace NewsVideoHero {
+    export namespace args_2 {
+        let customLabel_2: string;
+        export { customLabel_2 as customLabel };
+        export namespace pageData_2 {
+            let topicLabel_2: string;
+            export { topicLabel_2 as topicLabel };
+            let url_5: string;
+            export { url_5 as url };
+            let title_3: string;
+            export { title_3 as title };
+            let heroBlocks_1: {
+                blockType: string;
+                video: {
+                    file: string;
+                    fileWebm: string;
+                };
+            }[];
+            export { heroBlocks_1 as heroBlocks };
+        }
+        export { pageData_2 as pageData };
+    }
+    export { args_2 as args };
+}
+export namespace NewsCarouselHero {
+    export namespace args_3 {
+        let customLabel_3: string;
+        export { customLabel_3 as customLabel };
+        export namespace pageData_3 {
+            let topicLabel_3: string;
+            export { topicLabel_3 as topicLabel };
+            let url_6: string;
+            export { url_6 as url };
+            let title_4: string;
+            export { title_4 as title };
+            let heroBlocks_2: {
+                blockType: string;
+                blocks: {
+                    listingPageHeroImage: {
+                        src: {
+                            url: string;
+                            width: number;
+                            height: number;
+                        };
+                        srcSet: string;
+                        screenMd: {
+                            url: string;
+                        };
+                        screenSm: {
+                            url: string;
+                        };
+                    };
+                }[];
+            }[];
+            export { heroBlocks_2 as heroBlocks };
+        }
+        export { pageData_3 as pageData };
+    }
+    export { args_3 as args };
+}