@explorer-1/vue 0.3.3 → 0.3.4

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

@@ -0,0 +1,72 @@
+import { default as BlockLinkTile } from './BlockLinkTile.vue';
+declare namespace _default {
+    export let title: string;
+    export { BlockLinkTile as component };
+    export let tags: string[];
+    export let decorators: (() => {
+        template: string;
+    })[];
+    export namespace parameters {
+        namespace html {
+            let root: string;
+        }
+    }
+    export let excludeStories: RegExp;
+}
+export default _default;
+export namespace BlockLinkTileData {
+    namespace card {
+        export let url: string;
+        let title_1: string;
+        export { title_1 as title };
+        export let label: string;
+        export namespace thumbnailImage {
+            namespace src {
+                let url_1: string;
+                export { url_1 as url };
+                export let width: number;
+                export let height: number;
+            }
+            let alt: string;
+        }
+    }
+}
+export namespace BaseStory {
+    let name: string;
+    namespace args {
+        import data = BlockLinkTileData.card;
+        export { data };
+        export let headingLevel: string;
+        export let compact: boolean;
+    }
+}
+export namespace Compact {
+    export namespace args_1 {
+        let title_2: string;
+        export { title_2 as title };
+        let url_2: string;
+        export { url_2 as url };
+        export let externalLink: string;
+        let label_1: string;
+        export { label_1 as label };
+        export namespace thumbnailImage_1 {
+            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 alt_1: string;
+            export { alt_1 as alt };
+        }
+        export { thumbnailImage_1 as thumbnailImage };
+        let headingLevel_1: string;
+        export { headingLevel_1 as headingLevel };
+        let compact_1: boolean;
+        export { compact_1 as compact };
+    }
+    export { args_1 as args };
+}

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

@@ -0,0 +1,560 @@
+import { PropType } from 'vue';
+import { Card, EventCardObject } from '../../interfaces';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Card data (can accept page data with key `page`) */
+    data: {
+        type: PropType<Card | EventCardObject>;
+        required: false;
+        default: undefined;
+    };
+    /** Overrides `data` */
+    url: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** Overrides `data` */
+    externalLink: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** Overrides `data` */
+    thumbnailImage: {
+        type: ObjectConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** Overrides `data` */
+    label: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** Overrides `data` */
+    title: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** Event: overrides `data` */
+    startDate: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** Event: overrides `data` */
+    endDate: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** If compact styling should be used (adjusts text size) */
+    compact: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Heading level for semantic markup. This does not affect the style of the heading. No heading element is used if `undefined` */
+    headingLevel: {
+        type: PropType<keyof {
+            h1: string;
+            h2: string;
+            h3: string;
+            h4: string;
+            h5: string;
+            h6: string;
+        }>;
+        required: false;
+    };
+}>, {}, {}, {
+    theItem(): Card | EventCardObject | undefined;
+    formattedEventDates(): string | undefined;
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** Card data (can accept page data with key `page`) */
+    data: {
+        type: PropType<Card | EventCardObject>;
+        required: false;
+        default: undefined;
+    };
+    /** Overrides `data` */
+    url: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** Overrides `data` */
+    externalLink: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** Overrides `data` */
+    thumbnailImage: {
+        type: ObjectConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** Overrides `data` */
+    label: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** Overrides `data` */
+    title: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** Event: overrides `data` */
+    startDate: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** Event: overrides `data` */
+    endDate: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** If compact styling should be used (adjusts text size) */
+    compact: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Heading level for semantic markup. This does not affect the style of the heading. No heading element is used if `undefined` */
+    headingLevel: {
+        type: PropType<keyof {
+            h1: string;
+            h2: string;
+            h3: string;
+            h4: string;
+            h5: string;
+            h6: string;
+        }>;
+        required: false;
+    };
+}>> & Readonly<{}>, {
+    data: Card | 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: 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>;
+    BaseImage: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        imageClass: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        objectFitClass: {
+            type: 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: 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: 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: 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: 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: 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>;
+export default _default;

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

@@ -0,0 +1,58 @@
+import { default as BlockListCards } from './BlockListCards.vue';
+declare namespace _default {
+    export let title: string;
+    export { BlockListCards as component };
+    export let tags: string[];
+    export let excludeStories: RegExp;
+}
+export default _default;
+export namespace BlockListCardsData {
+    let blockType: string;
+    let field: string;
+    let items: ({
+        description: string;
+        heading: string;
+        image: {
+            src: {
+                url: string;
+                width: string;
+                height: string;
+            };
+        };
+        links: ({
+            externalLink: string;
+            page: null;
+            text: string;
+        } | {
+            externalLink: null;
+            page: {
+                url: string;
+            };
+            text: string;
+        })[];
+    } | {
+        description: string;
+        heading: string;
+        image: {
+            src: {
+                url: string;
+                width: string;
+                height: string;
+            };
+        };
+        links: {
+            externalLink: null;
+            page: null;
+            document: {
+                url: string;
+            };
+            text: string;
+        }[];
+    })[];
+}
+export namespace BaseStory {
+    let name: string;
+    namespace args {
+        export { BlockListCardsData as data };
+    }
+}