@explorer-1/vue 0.3.3 → 0.3.4

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

@@ -0,0 +1,527 @@
+import { PropType } from 'vue';
+import { Topic, AuthorObject } from './../../interfaces';
+
+export declare const pillColorVariants: readonly ["primary", "secondary", "action", "primary-inverted"];
+export type PillColorVariant = (typeof pillColorVariants)[number];
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Title of detail page */
+    title: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** Author or array of authors */
+    author: {
+        type: PropType<AuthorObject | {
+            author: AuthorObject;
+        }[]>;
+        required: false;
+        default: undefined;
+    };
+    /** Publication date */
+    publicationDate: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** Publication time */
+    publicationTime: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** Approximate read time */
+    readTime: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** Array of related topics */
+    topics: {
+        type: PropType<Topic[]>;
+        required: false;
+        default: undefined;
+    };
+    /** Label, if there are no related topics */
+    label: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** Option link for the label */
+    labelLink: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** If the label should use the "pill" style (only works when using ThemeEdu) */
+    pill: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Pill color variants */
+    pillColor: {
+        type: PropType<PillColorVariant>;
+        default: string;
+        validator: (prop: PillColorVariant) => boolean;
+    };
+    /** If schema.org metadata should be generated */
+    schema: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** If publication date should be hidden */
+    hideDate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {
+    hasTag(): boolean;
+    hasEyebrow(): boolean;
+    hasByline(): boolean;
+    hasData(): boolean;
+    pubDatetime(): string | undefined;
+    authors(): AuthorObject[] | undefined;
+    pillLabel(): 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;
+    }>;
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** Title of detail page */
+    title: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** Author or array of authors */
+    author: {
+        type: PropType<AuthorObject | {
+            author: AuthorObject;
+        }[]>;
+        required: false;
+        default: undefined;
+    };
+    /** Publication date */
+    publicationDate: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** Publication time */
+    publicationTime: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** Approximate read time */
+    readTime: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** Array of related topics */
+    topics: {
+        type: PropType<Topic[]>;
+        required: false;
+        default: undefined;
+    };
+    /** Label, if there are no related topics */
+    label: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** Option link for the label */
+    labelLink: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** If the label should use the "pill" style (only works when using ThemeEdu) */
+    pill: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Pill color variants */
+    pillColor: {
+        type: PropType<PillColorVariant>;
+        default: string;
+        validator: (prop: PillColorVariant) => boolean;
+    };
+    /** If schema.org metadata should be generated */
+    schema: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** If publication date should be hidden */
+    hideDate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    label: string;
+    title: string;
+    author: AuthorObject | {
+        author: AuthorObject;
+    }[];
+    publicationDate: string;
+    publicationTime: string;
+    readTime: string;
+    topics: Topic[];
+    labelLink: string;
+    pill: boolean;
+    pillColor: "secondary" | "primary" | "primary-inverted" | "action";
+    schema: boolean;
+    hideDate: boolean;
+}, {}, {
+    BaseLink: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        variant: {
+            type: PropType<"default" | "secondary" | "primary" | "none">;
+            required: false;
+            default: string;
+            validator: (prop: string) => boolean;
+        };
+        to: {
+            type: (StringConstructor | ObjectConstructor)[];
+            default: undefined;
+        };
+        exact: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        href: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        title: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        linkClass: {
+            type: StringConstructor;
+            default: string;
+        };
+        target: {
+            type: StringConstructor;
+            required: false;
+            default: undefined;
+        };
+        externalTargetBlank: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        caret: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        caretWrapperClass: {
+            type: StringConstructor;
+            default: string;
+        };
+        caretClass: {
+            type: StringConstructor;
+            default: string;
+        };
+        caretInline: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        caretColor: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        caretMarginLeft: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        usePrimaryColor: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+    }>, {}, {}, {
+        computedVariants(): {
+            readonly primary: "text-subtitle text-action can-hover:hover:text-action-dark";
+            readonly secondary: "text-subtitle text-action can-hover:hover:text-action-dark";
+            readonly default: "-default underline text-action can-hover:hover:text-action-dark";
+            readonly none: "";
+        } | {
+            readonly primary: "text-subtitle text-primary can-hover:hover:text-primary-dark";
+            readonly secondary: "text-subtitle text-primary can-hover:hover:text-primary-dark";
+            readonly default: "-default underline text-primary can-hover:hover:text-primary-dark";
+            readonly none: "";
+        };
+        computedClass(): string;
+        isEduExternal(): boolean | string;
+        isExternal(): boolean;
+        theTarget(): string | undefined;
+        theRel(): string | undefined;
+        computedTo(): string | undefined;
+        computedHref(): string | undefined;
+        themeStore: () => import('pinia').Store<"theme", import('../../store/theme').State, {
+            isEdu(state: {
+                theme: import('./../../interfaces').Explorer1Theme | null;
+            } & import('pinia').PiniaCustomStateProperties<import('../../store/theme').State>): boolean;
+        }, {
+            setTheme(value: import('./../../interfaces').Explorer1Theme): void;
+        }>;
+    }, {
+        clickEvent(): void;
+        addTrailingSlash(path: string): string;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("linkClicked" | "specificLinkClicked")[], "linkClicked" | "specificLinkClicked", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        variant: {
+            type: PropType<"default" | "secondary" | "primary" | "none">;
+            required: false;
+            default: string;
+            validator: (prop: string) => boolean;
+        };
+        to: {
+            type: (StringConstructor | ObjectConstructor)[];
+            default: undefined;
+        };
+        exact: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        href: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        title: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        linkClass: {
+            type: StringConstructor;
+            default: string;
+        };
+        target: {
+            type: StringConstructor;
+            required: false;
+            default: undefined;
+        };
+        externalTargetBlank: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        caret: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        caretWrapperClass: {
+            type: StringConstructor;
+            default: string;
+        };
+        caretClass: {
+            type: StringConstructor;
+            default: string;
+        };
+        caretInline: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        caretColor: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        caretMarginLeft: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        usePrimaryColor: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onLinkClicked?: ((...args: any[]) => any) | undefined;
+        onSpecificLinkClicked?: ((...args: any[]) => any) | undefined;
+    }>, {
+        to: string | Record<string, any>;
+        title: string;
+        variant: "default" | "secondary" | "primary" | "none";
+        href: string;
+        target: string;
+        exact: boolean;
+        ariaLabel: string;
+        linkClass: string;
+        externalTargetBlank: boolean;
+        caret: boolean;
+        caretWrapperClass: string;
+        caretClass: string;
+        caretInline: boolean;
+        caretColor: string;
+        caretMarginLeft: string;
+        usePrimaryColor: boolean;
+    }, {}, {
+        MixinAnimationCaret: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            passedWrapperClass: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            arrowClass: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            color: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            marginLeft: {
+                type: StringConstructor;
+                default: string;
+                required: false;
+            };
+            inline: {
+                type: BooleanConstructor;
+                default: boolean;
+                required: false;
+            };
+        }>, {}, {}, {
+            computedClass(): string;
+        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            passedWrapperClass: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            arrowClass: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            color: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            marginLeft: {
+                type: StringConstructor;
+                default: string;
+                required: false;
+            };
+            inline: {
+                type: BooleanConstructor;
+                default: boolean;
+                required: false;
+            };
+        }>> & Readonly<{}>, {
+            inline: boolean;
+            passedWrapperClass: string;
+            arrowClass: string;
+            color: string;
+            marginLeft: string;
+        }, {}, {
+            IconCaret: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    BaseHeading: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        level: {
+            type: PropType<import('./../BaseHeading/BaseHeading.vue').HeadingLevel>;
+            required: false;
+            default: string;
+        };
+        size: {
+            type: 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: PropType<import('./../BaseHeading/BaseHeading.vue').HeadingLevel>;
+            required: false;
+            default: string;
+        };
+        size: {
+            type: 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>;
+    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>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,23 @@
+import { default as DsnWidget } from './DsnWidget.vue';
+declare namespace _default {
+    export let title: string;
+    export { DsnWidget as component };
+    export let tags: string[];
+    export let excludeStories: RegExp;
+}
+export default _default;
+export namespace DsnWidgetData {
+    let heading: string;
+    let link: string;
+    let linkTarget: boolean;
+    let transmitTitle: string;
+    let transmitStatus: string;
+    let spacecraftName: string;
+    let location: string;
+    let __typename: string;
+}
+export namespace BaseStory {
+    namespace args {
+        export { DsnWidgetData as data };
+    }
+}