@explorer-1/vue 0.3.2 → 0.3.4

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

@@ -0,0 +1,618 @@
+import { PropType } from 'vue';
+import { HeadingLevel } from './../BaseHeading/BaseHeading.vue';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    type: {
+        type: StringConstructor;
+        required: false;
+    };
+    topic: {
+        type: StringConstructor;
+        required: false;
+    };
+    title: {
+        type: StringConstructor;
+        required: false;
+    };
+    summary: {
+        type: StringConstructor;
+        required: false;
+    };
+    media: {
+        type: StringConstructor;
+        required: false;
+    };
+    image: {
+        type: ObjectConstructor;
+        required: false;
+    };
+    headingLevel: {
+        type: PropType<keyof {
+            h1: string;
+            h2: string;
+            h3: string;
+            h4: string;
+            h5: string;
+            h6: string;
+        }>;
+        required: false;
+        default: string;
+    };
+}>, {}, {
+    showInlinePlayer: boolean;
+}, {}, {
+    inlinePlayerToggle(): boolean;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    type: {
+        type: StringConstructor;
+        required: false;
+    };
+    topic: {
+        type: StringConstructor;
+        required: false;
+    };
+    title: {
+        type: StringConstructor;
+        required: false;
+    };
+    summary: {
+        type: StringConstructor;
+        required: false;
+    };
+    media: {
+        type: StringConstructor;
+        required: false;
+    };
+    image: {
+        type: ObjectConstructor;
+        required: false;
+    };
+    headingLevel: {
+        type: PropType<keyof {
+            h1: string;
+            h2: string;
+            h3: string;
+            h4: string;
+            h5: string;
+            h6: string;
+        }>;
+        required: false;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    url: string;
+    headingLevel: keyof {
+        h1: string;
+        h2: string;
+        h3: string;
+        h4: string;
+        h5: string;
+        h6: string;
+    };
+}, {}, {
+    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<HeadingLevel>;
+            required: false;
+            default: string;
+        };
+        size: {
+            type: PropType<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<HeadingLevel>;
+            required: false;
+            default: string;
+        };
+        size: {
+            type: PropType<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>;
+    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>;
+    BaseAudio: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        file: {
+            type: StringConstructor;
+            default: null;
+        };
+        autoPlay: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {}, {
+        firstPlay: boolean;
+        isMuted: boolean;
+        loaded: boolean;
+        playing: boolean;
+        paused: boolean;
+        progressStyle: string;
+        currentTime: string;
+        uuid: string;
+        audio?: HTMLAudioElement;
+        totalDuration: number;
+        hideVolumeSlider: boolean;
+        volumeValue: number;
+    }, {
+        duration(): string;
+        playerId(): string;
+    }, {
+        setPosition: (e: any) => void;
+        updateVolume(): void;
+        toggleVolume(): void;
+        stop(): void;
+        play(): void;
+        forward(duration: number): number | undefined;
+        rewind(duration: number): number | undefined;
+        pause(): void;
+        pauseOthers(activeUuid: string): void;
+        toggleMute(): void;
+        _handleLoaded(): void;
+        _handlePlayingUI(_e: any): void;
+        _handlePlayPause(e: any): void;
+        _handleEnded(): void;
+        init(): void;
+        getAudio(): any;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        file: {
+            type: StringConstructor;
+            default: null;
+        };
+        autoPlay: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        file: string;
+        autoPlay: boolean;
+    }, {}, {
+        IconPlay: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        IconPause: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        IconVolume: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        IconMute: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        IconRewindTen: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        IconForwardTen: 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>;
+    IconPlay: 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>;
+export default _default;

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

@@ -0,0 +1,50 @@
+import { default as PodcastSeriesCarousel } from './PodcastSeriesCarousel.vue';
+declare namespace _default {
+    export let title: string;
+    export { PodcastSeriesCarousel as component };
+    export namespace parameters {
+        namespace docs {
+            namespace description {
+                let component: string;
+            }
+        }
+    }
+    export let excludeStories: RegExp;
+}
+export default _default;
+export namespace PodcastSeriesCarouselData {
+    namespace parent {
+        let id: string;
+    }
+    namespace series {
+        let id_1: string;
+        export { id_1 as id };
+        export let url: string;
+        export let seasons: {
+            id: string;
+            url: string;
+            title: string;
+            seasonNumber: number;
+            episodes: {
+                url: string;
+                title: string;
+                publicationDate: string;
+                thumbnailImage: {
+                    src: {
+                        url: string;
+                        width: number;
+                        height: number;
+                    };
+                    alt: string;
+                };
+            }[];
+        }[];
+    }
+}
+export namespace BaseStory {
+    namespace args {
+        import series_1 = PodcastSeriesCarouselData.series;
+        export { series_1 as series };
+        export let initialSeasonId: string | null;
+    }
+}