@explorer-1/vue 0.0.0 → 0.0.2

package/dist/src/docs/foundation/typography.stories.d.ts

@@ -0,0 +1,102 @@
+import { default as FontVariants } from './FontVariants.vue';
+import { default as BaseHeading } from './../../components/BaseHeading/BaseHeading.vue';
+import { default as IconLocation } from './../../components/Icons/IconLocation.vue';
+declare namespace _default {
+    export let title: string;
+    export { FontVariants as component };
+    export namespace subcomponents {
+        export { BaseHeading };
+        export { IconLocation };
+    }
+    export let tags: string[];
+}
+export default _default;
+export namespace Fonts {
+    let args: {};
+}
+export namespace TextColors {
+    let args_1: {};
+    export { args_1 as args };
+    export function render(): {
+        template: string;
+    };
+}
+export namespace TextStyles {
+    let args_2: {};
+    export { args_2 as args };
+    export function render_1(): {
+        template: string;
+    };
+    export { render_1 as render };
+}
+export namespace HeadingIcons {
+    export namespace argTypes {
+        namespace size {
+            namespace type {
+                let name: string;
+                let required: boolean;
+            }
+            namespace control {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            let options: string[];
+        }
+    }
+    export namespace args_3 {
+        let size_1: string;
+        export { size_1 as size };
+    }
+    export { args_3 as args };
+    export function render_2(args: any): {
+        components: {
+            BaseHeading: import("vue").DefineComponent<{
+                level: {
+                    type: import("vue").PropType<import("./../../components/BaseHeading/BaseHeading.vue").HeadingLevel>;
+                    required: false;
+                    default: string;
+                    validator: (prop: string) => boolean;
+                };
+                size: {
+                    type: import("vue").PropType<import("./../../components/BaseHeading/BaseHeading.vue").HeadingLevel>;
+                    required: false;
+                    default: string;
+                    validator: (prop: string) => boolean;
+                };
+            }, unknown, unknown, {
+                computedTag(): string;
+                computedClass(): string;
+            }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                level: {
+                    type: import("vue").PropType<import("./../../components/BaseHeading/BaseHeading.vue").HeadingLevel>;
+                    required: false;
+                    default: string;
+                    validator: (prop: string) => boolean;
+                };
+                size: {
+                    type: import("vue").PropType<import("./../../components/BaseHeading/BaseHeading.vue").HeadingLevel>;
+                    required: false;
+                    default: string;
+                    validator: (prop: string) => boolean;
+                };
+            }>>, {
+                size: import("./../../components/BaseHeading/BaseHeading.vue").HeadingLevel;
+                level: import("./../../components/BaseHeading/BaseHeading.vue").HeadingLevel;
+            }, {}>;
+            IconLocation: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+        };
+        setup(): {
+            args: any;
+        };
+        template: string;
+    };
+    export { render_2 as render };
+}
+export namespace TextContrast {
+    let args_4: {};
+    export { args_4 as args };
+    export function render_3(): {
+        template: string;
+    };
+    export { render_3 as render };
+}

package/dist/src/interfaces.d.ts

@@ -0,0 +1,118 @@
+export interface BreadcrumbPathObject {
+    path: string;
+    title: string;
+    children: any[];
+}
+export interface BlockData {
+    blockType: string;
+}
+export interface ImageSrcObject {
+    url: string;
+    width: number;
+    height: number;
+}
+export interface ThumbnailObject {
+    original: string;
+    width: number;
+    height: number;
+}
+export interface ImageObject {
+    title?: string;
+    src: ImageSrcObject;
+    srcCropped: ImageSrcObject;
+    screenXs?: Partial<ImageSrcObject>;
+    screenSm?: Partial<ImageSrcObject>;
+    screenMd?: Partial<ImageSrcObject>;
+    screenLg?: Partial<ImageSrcObject>;
+    screenXL?: Partial<ImageSrcObject>;
+    screenThreexl?: Partial<ImageSrcObject>;
+    srcSet?: string;
+    alt?: string;
+    original?: string;
+    caption?: string;
+    credit?: string;
+    detailUrl?: string;
+    cover?: string;
+    image?: ImageObject;
+    displayCaption?: boolean;
+}
+export interface ImageBlock extends BlockData, ImageObject {
+}
+export interface ElasticSearchPage {
+    id: string | number;
+    content_type: string;
+    url: string;
+    type: string;
+    topic: string;
+    image: string | any;
+    date: string;
+    startDate: string;
+    endDate: string;
+    startTime: string;
+    endTime: string;
+    location: string;
+    title: string;
+    summary: string;
+}
+export interface FormOption {
+    id: string;
+    name: string;
+    alt: string;
+    value: string;
+    text: string;
+    title: string;
+}
+export interface Card {
+    __typename?: string;
+    type?: string;
+    url?: string;
+    externalLink?: string;
+    page?: Card;
+    title?: string;
+    date?: string;
+    startDate?: string;
+    endDate?: string;
+    label?: string;
+    thumbnailImage?: Partial<ImageObject>;
+}
+export interface RelatedLinkObject {
+    page: {
+        url: string;
+    } | null;
+    document: {
+        url: string;
+    } | null;
+    externalLink: string | null;
+    text: string | null;
+}
+export interface PageResponseObject {
+    __typename: string;
+    contentType: string;
+    breadcrumb?: string;
+    url?: string;
+}
+export interface PageResponse {
+    __typename: string;
+    page: PageResponseObject;
+}
+export interface HeaderResponse {
+    __typename: string;
+    desktop: any;
+    mobile: any;
+}
+export interface FooterResponse {
+    __typename: string;
+    footer: any;
+}
+export type Explorer1Theme = 'defaultTheme' | 'ThemeInternal' | 'ThemeEdu';
+export interface Attributes {
+    [name: string]: string;
+}
+export interface AuthorObject {
+    name: string;
+    organization: string;
+}
+export interface Topic {
+    title: string;
+    url: string;
+}

package/dist/src/main.d.ts

@@ -0,0 +1 @@
+

package/dist/src/store/header.d.ts

@@ -0,0 +1,18 @@
+/** Controls various display states for the header and navigation
+ ** headerTransparent: whether the header is a transparent overlay
+ ** highlightPrimary: logic in various components will enable/disable this
+ ** globalChildren: the breadcrumb items derived from the active primary item in the global navigation
+ ** secondayNav: breadcrumb items that are overridden from content pages or similar
+ */
+export interface State {
+    headerTransparent: boolean;
+    highlightPrimary: boolean;
+    globalChildren?: any | null;
+    secondaryNav?: any | null;
+}
+export declare const useHeaderStore: import('pinia').StoreDefinition<"header", State, {}, {
+    makeTransparent(value: boolean): void;
+    updateHighlightPrimary(value: boolean): void;
+    updateGlobalChildren(value: any): void;
+    updateSecondary(value: any): void;
+}>;

package/dist/src/store/theme.d.ts

@@ -0,0 +1,14 @@
+import { Explorer1Theme } from './../interfaces';
+
+/** Sets the Explorer-1 theme
+ */
+export interface State {
+    theme: Explorer1Theme | null;
+}
+export declare const useThemeStore: import('pinia').StoreDefinition<"theme", State, {
+    isEdu(state: {
+        theme: Explorer1Theme | null;
+    } & import('pinia').PiniaCustomStateProperties<State>): boolean;
+}, {
+    setTheme(value: Explorer1Theme): void;
+}>;

package/dist/src/templates/PageContent/PageContent.stories.d.ts

@@ -0,0 +1,197 @@
+import { default as PageContent } from './PageContent.vue';
+declare namespace _default {
+    export let title: string;
+    export { PageContent as component };
+    export let decorators: (() => {
+        template: string;
+    })[];
+    export namespace parameters {
+        namespace html {
+            let root: string;
+        }
+        let viewMode: string;
+    }
+    export let excludeStories: RegExp;
+}
+export default _default;
+export namespace ContentPageData {
+    export let url: string;
+    export let breadcrumb: string;
+    let title_1: string;
+    export { title_1 as title };
+    export let displayLabel: string;
+    export let heroPosition: string;
+    export let heroImage: {
+        src: {
+            url: string;
+            width: number;
+            height: number;
+        };
+        screenXs: {
+            url: string;
+            width: number;
+        };
+        screenSm: {
+            url: string;
+            width: number;
+        };
+        screenMd: {
+            url: string;
+            width: number;
+        };
+        screenLg: {
+            url: string;
+            width: number;
+        };
+        screenXl: {
+            url: string;
+            width: number;
+        };
+        screenTwoxl: {
+            url: string;
+            width: number;
+        };
+        screenThreexl: {
+            url: string;
+            width: number;
+        };
+        alt: string;
+        caption: string;
+        credit: string;
+        detailUrl: string;
+    };
+    export let heroImageInline: {
+        alt: string;
+        caption: string;
+        credit: string;
+        detailUrl: string;
+        original: string;
+        src: {
+            height: number;
+            url: string;
+            width: number;
+        };
+        srcSet: string;
+    };
+    export let body: ({
+        blockType: string;
+        heading: string;
+        level: string;
+        size: string;
+    } | {
+        blockType: string;
+        title: string;
+        caption: string;
+        url: string;
+    } | {
+        blockType: string;
+        beforeImage: {
+            src: {
+                url: string;
+            };
+            srcCropped: {
+                url: string;
+            };
+        };
+        afterImage: {
+            src: {
+                url: string;
+            };
+            srcCropped: {
+                url: string;
+            };
+        };
+        caption: string;
+    } | {
+        blockType: string;
+        heading: string;
+        listItem: {
+            text: string;
+        }[];
+    } | {
+        blockType: string;
+        value: string;
+    })[];
+    export let relatedLinks: {
+        blockType: string;
+        heading: string;
+        links: ({
+            text: string;
+            document: {
+                url: string;
+            };
+            page: string;
+            externalLink: string;
+        } | {
+            text: string;
+            document: string;
+            page: {
+                url: string;
+            };
+            externalLink: string;
+        } | {
+            text: string;
+            document: string;
+            page: string;
+            externalLink: string;
+        })[];
+    }[];
+    export let relatedContentHeading: string;
+    export let relatedContent: ({
+        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;
+    } | {
+        label: string;
+        thumbnailImage: null;
+        title: string;
+        externalLink: string;
+        page?: undefined;
+    } | {
+        page: {
+            label: string;
+            thumbnailImage: {
+                src: {
+                    url: string;
+                    width: number;
+                    height: number;
+                };
+            };
+            title: string;
+            url: string;
+        };
+        label?: undefined;
+        thumbnailImage?: undefined;
+        title?: undefined;
+        externalLink?: undefined;
+    })[];
+    export let clearanceNumber: string;
+}
+export namespace Template {
+    let name: string;
+    namespace args {
+        export { ContentPageData as data };
+    }
+}

package/dist/src/templates/PageContent/PageContent.vue.d.ts

@@ -0,0 +1,20 @@
+declare const _default: import('vue').DefineComponent<{
+    data: {
+        type: ObjectConstructor;
+        required: false;
+        default: undefined;
+    };
+}, unknown, unknown, {
+    heroInline(): boolean;
+    hideH1(): boolean;
+    h1LayoutHelperClasses(): "lg:mt-12 mt-5" | "lg:mt-12 lg:mb-18 mt-5 mb-10";
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    data: {
+        type: ObjectConstructor;
+        required: false;
+        default: undefined;
+    };
+}>>, {
+    data: Record<string, any>;
+}, {}>;
+export default _default;

package/dist/src/templates/PageEventDetail/PageEventDetail.stories.d.ts

@@ -0,0 +1,106 @@
+import { default as PageEventDetail } from './PageEventDetail.vue';
+declare namespace _default {
+    export let title: string;
+    export { PageEventDetail as component };
+    export let decorators: (() => {
+        template: string;
+    })[];
+    export namespace parameters {
+        namespace html {
+            let root: string;
+        }
+        let viewMode: string;
+    }
+    export let excludeStories: RegExp;
+}
+export default _default;
+export namespace EventDetail {
+    namespace args {
+        namespace data {
+            export let id: string;
+            let title_1: string;
+            export { title_1 as title };
+            export let slug: string;
+            export let url: string;
+            export let startDate: string;
+            export let startDatetime: string;
+            export let startTime: string;
+            export let endDate: string;
+            export let endDatetime: string;
+            export let endTime: string;
+            export let isAllDay: boolean;
+            export let timezone: string;
+            export let label: string;
+            export let location: string;
+            export let registerLink: never[];
+            export let heroImage: {
+                srcSet: string;
+                src: {
+                    url: string;
+                    width: number;
+                    height: number;
+                };
+                alt: string;
+            };
+            export namespace thumbnailImage {
+                let alt: string;
+                let original: string;
+            }
+            export let body: ({
+                blockType: string;
+                heading: string;
+                listItem: {
+                    text: string;
+                }[];
+            } | {
+                blockType: string;
+                value: string;
+            })[];
+            export let moreEvents: {
+                endDate: null;
+                startDate: string;
+                thumbnailImage: {
+                    src: {
+                        height: string;
+                        url: string;
+                        width: string;
+                    };
+                };
+                title: string;
+                url: string;
+            }[];
+            export let speakers: ({
+                host: string;
+                id: string;
+                internalLink: null;
+                name: string;
+                title: string;
+                image?: undefined;
+            } | {
+                host: string;
+                id: string;
+                image: {
+                    alt: string;
+                    src: {
+                        height: string;
+                        url: string;
+                        width: string;
+                    };
+                };
+                internalLink: null;
+                name: string;
+                title: string;
+            })[];
+            export let relatedLinks: {
+                blockType: string;
+                heading: string;
+                links: {
+                    document: null;
+                    externalLink: string;
+                    page: null;
+                    text: string;
+                }[];
+            }[];
+        }
+    }
+}

package/dist/src/templates/PageEventDetail/PageEventDetail.vue.d.ts

@@ -0,0 +1,18 @@
+declare const _default: import('vue').DefineComponent<{
+    data: {
+        type: ObjectConstructor;
+        required: false;
+    };
+}, unknown, {
+    PlaceholderPortrait: string;
+}, {
+    displayTime(): string;
+    formattedEventDates(): string;
+    formattedSplitEventDates(): import('../../utils/mixins').EventDateObject | undefined;
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    data: {
+        type: ObjectConstructor;
+        required: false;
+    };
+}>>, {}, {}>;
+export default _default;