@explorer-1/vue 0.3.2 → 0.3.4

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

@@ -0,0 +1,62 @@
+import { default as BlockTeaser } from './BlockTeaser.vue';
+declare namespace _default {
+    export let title: string;
+    export { BlockTeaser as component };
+    export let tags: string[];
+    export let excludeStories: RegExp;
+}
+export default _default;
+export namespace BlockTeaserData {
+    let heading: string;
+    let introduction: string;
+    let buttonText: string;
+    namespace image {
+        namespace full {
+            let url: string;
+            let width: number;
+            let height: number;
+        }
+        namespace half {
+            let url_1: string;
+            export { url_1 as url };
+            let width_1: number;
+            export { width_1 as width };
+            let height_1: number;
+            export { height_1 as height };
+        }
+    }
+    let fullWidthImage: boolean;
+    let teaserPage: ({
+        blockType: string;
+        page?: undefined;
+    } | {
+        blockType: string;
+        page: {
+            label: string;
+            title: string;
+            url: string;
+        };
+    })[];
+}
+export namespace BaseStory {
+    namespace args { }
+}
+export namespace FullWidth {
+    export namespace args_1 {
+        let fullWidth: boolean;
+    }
+    export { args_1 as args };
+}
+export namespace Empty {
+    export namespace args_2 {
+        export namespace teaserPage_1 {
+            export let pageType: string;
+            let title_1: string;
+            export { title_1 as title };
+            let url_2: string;
+            export { url_2 as url };
+        }
+        export { teaserPage_1 as teaserPage };
+    }
+    export { args_2 as args };
+}

package/dist/src/components/BlockTeaser/BlockTeaser.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,305 @@
+type teaserPageObject = {
+    title: string;
+    label: string;
+    url: string;
+};
+type teaserPageBlock = {
+    blockType: string;
+    page: teaserPageObject;
+};
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Small text at the top of the teaser */
+    label: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** Large heading text */
+    heading: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** Short descriptive text */
+    introduction: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** Button text */
+    buttonText: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** Background image */
+    image: {
+        type: ObjectConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** If the background image should span the entire width of the block */
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Option to pass a page data object as an object or as a single item in an array (for better compatibility with CMS mixed use) */
+    teaserPage: {
+        type: (ArrayConstructor | ObjectConstructor)[];
+        required: false;
+        default: undefined;
+    };
+}>, {}, {}, {
+    /**
+     * Fall back to the linked page’s label, if there is one.
+     */
+    theLabel(): string;
+    /**
+     * Fall back to the linked page’s title, if there is one.
+     */
+    theHeading(): string;
+    /**
+     * Fallback for optional field, which would compromise the usefulness of this component if missing.
+     */
+    theButtonText(): string;
+    theImage(): {
+        url: string;
+        width: string;
+        height: string;
+    };
+    theTeaserPage(): teaserPageObject | undefined;
+    teaserPageBlock(): teaserPageObject | undefined;
+}, {
+    getTeaserPageBlock(page: any[]): teaserPageBlock[] | null;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** Small text at the top of the teaser */
+    label: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** Large heading text */
+    heading: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** Short descriptive text */
+    introduction: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** Button text */
+    buttonText: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** Background image */
+    image: {
+        type: ObjectConstructor;
+        required: false;
+        default: undefined;
+    };
+    /** If the background image should span the entire width of the block */
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Option to pass a page data object as an object or as a single item in an array (for better compatibility with CMS mixed use) */
+    teaserPage: {
+        type: (ArrayConstructor | ObjectConstructor)[];
+        required: false;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    label: string;
+    image: Record<string, any>;
+    heading: string;
+    introduction: string;
+    teaserPage: Record<string, any> | unknown[];
+    buttonText: string;
+    fullWidth: boolean;
+}, {}, {
+    BaseButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        variant: {
+            type: import('vue').PropType<"secondary" | "primary" | "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: (StringConstructor | ObjectConstructor)[];
+            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<"secondary" | "primary" | "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: (StringConstructor | ObjectConstructor)[];
+            required: false;
+            default: undefined;
+        };
+        href: {
+            type: StringConstructor;
+            required: false;
+            default: undefined;
+        };
+    }>> & Readonly<{
+        onClick?: ((...args: any[]) => any) | undefined;
+    }>, {
+        to: string | Record<string, any>;
+        disabled: boolean;
+        variant: "secondary" | "primary" | "dark" | "social";
+        href: string;
+        ariaLabel: string;
+        compact: boolean;
+        blockClasses: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    BaseImage: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        imageClass: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        objectFitClass: {
+            type: import('vue').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: import('vue').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: import('vue').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: import('vue').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>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,36 @@
+import { default as BlockText } from './BlockText.vue';
+declare namespace _default {
+    export let title: string;
+    export { BlockText as component };
+    export let tags: string[];
+    export let decorators: (() => {
+        template: string;
+    })[];
+    export let excludeStories: RegExp;
+}
+export default _default;
+export const RichTextMediaData: "<h2 data-block-key=\"cba9u\">A heading in BlockText</h2><p data-block-key=\"5f55p\">Description for it.</p><div class=\"richtext-image fullwidth\"><img alt=\"Perseverance Looks Back at &amp;#x27;Bright Angel&amp;#x27;\" height=\"480\" loading=\"lazy\" src=\"https://picsum.photos/640/480\" width=\"640\">\n  <div class=\"richtext-caption\">\n      <div class=\"caption\">One of the navigation cameras aboard NASAs Perseverance Mars rover captured this view looking back at the Bright Angel area on July 30, 2024.</div>\n      <span class=\"credit\">Credit: NASA/JPL-Caltech</span>\n      <a class=\"caption-link\" href=\"#\">Full Image Details</a>\n  </div>\n</div><h3 data-block-key=\"ois8du\">Subheading in BlockText</h3><p data-block-key=\"89jcq\">More text and another image that&#x27;s full width (above)</p><p data-block-key=\"6jsp\"></p><div class=\"richtext-image left\"><img alt=\"Carbon Mapper Coalition&amp;#x27;s Tanager Satellite\" height=\"336\" loading=\"lazy\" src=\"https://picsum.photos/640/336\" width=\"640\">\n    <div class=\"richtext-caption\">\n        <div class=\"caption\">This artists concept depicts one of the Carbon Mapper Coalitions Tanager satellites, the first of which launched on Aug. 16, 2024. Tanager-1 will use imaging spectrometer technology developed at JPL to measure greenhouse gas point-source emissions.</div>\n        <span class=\"credit\">Credit: Planet Labs PBC</span>\n        <a class=\"caption-link\" href=\"#\">Full Image Details</a>\n    </div>\n</div>\n<ul><li>Item one in the list</li><li>Aliquam erat volutpat. Nam et lorem purus. Pellentesque placerat, lorem eget ultrices bibendum, lorem dolor finibus metus, consectetur mattis lorem sapien id felis. Cras scelerisque lacus et tristique luctus.</li><li>Third item in the list</li></ul>\n<p data-block-key=\"4409g\">More text and something that&#x27;s <span=\"math-text\">right-aligned</span>.</p><p data-block-key=\"bid36\"></p><div class=\"richtext-image right\"><img alt=\"Lecture Brings Galileo&amp;#x27;s Travels into Final Focus\" height=\"350\" loading=\"lazy\" src=\"https://picsum.photos/640/350\" width=\"640\">\n    <div class=\"richtext-caption\">\n        <div class=\"caption\">Lecture Brings Galileo's Travels into Final Focus</div>\n    </div>\n</div>\n<ol><li>Item one in the list</li><li>Aliquam erat volutpat. Nam et lorem purus. Pellentesque placerat, lorem eget ultrices bibendum, lorem dolor finibus metus, consectetur mattis lorem sapien id felis. Cras scelerisque lacus et tristique luctus.</li><li>Third item in the list</li></ol>\n<p data-block-key=\"1f4rd\"> Pellentesque euismod, metus et vehicula tincidunt, magna velit viverra enim, non efficitur elit enim ut ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum massa est, aliquam sed volutpat quis, tempor vitae felis. Quisque suscipit in purus non rhoncus. Vestibulum commodo gravida nibh. Quisque imperdiet lacus rhoncus malesuada elementum. Mauris tempor purus quis sollicitudin ornare. Suspendisse eget gravida neque. Etiam gravida, sapien ac condimentum placerat, tellus eros volutpat elit, non viverra lectus turpis ut lectus. Praesent varius porttitor eros eu efficitur. Etiam nec neque semper, facilisis leo non, tempor enim. Etiam a sodales lacus. Aenean a nibh ipsum.</p>\n<ul><li>Item one in the list</li><li>Aliquam erat volutpat. Nam et lorem purus. Pellentesque placerat, lorem eget ultrices bibendum, lorem dolor finibus metus, consectetur mattis lorem sapien id felis. Cras scelerisque lacus et tristique luctus.</li><li>Third item in the list</li></ul>\n<ol><li>Item one in the list</li><li>Aliquam erat volutpat. Nam et lorem purus. Pellentesque placerat, lorem eget ultrices bibendum, lorem dolor finibus metus, consectetur mattis lorem sapien id felis. Cras scelerisque lacus et tristique luctus.</li><li>Third item in the list</li></ol>\n<p>Nunc molestie aliquet nunc, ut viverra risus elementum bibendum. Cras metus metus, sagittis sed ex at, rutrum dictum leo. Cras sodales, urna id aliquam scelerisque, neque sem venenatis justo, a feugiat lorem ligula molestie orci. Vestibulum in suscipit diam. Phasellus pulvinar quis diam ullamcorper sagittis. Praesent a risus leo. Etiam tempor dolor eu turpis laoreet fermentum. Sed turpis risus, interdum ut bibendum ut, ornare a augue. Donec condimentum odio non lectus efficitur sodales. Vivamus posuere ligula a eros molestie, semper porttitor augue interdum. Cras et facilisis ligula, nec malesuada velit. </p>";
+export namespace BaseStory {
+    let name: string;
+    namespace args {
+        let variant: string;
+        let text: string;
+    }
+}
+export namespace RichTextMedia {
+    export namespace args_1 {
+        let variant_1: string;
+        export { variant_1 as variant };
+        export { RichTextMediaData as text };
+    }
+    export { args_1 as args };
+}
+export namespace SubsequentFloatingImages {
+    export namespace args_2 {
+        let variant_2: string;
+        export { variant_2 as variant };
+        let text_1: string;
+        export { text_1 as text };
+    }
+    export { args_2 as args };
+}

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

@@ -0,0 +1,56 @@
+export interface BlockTextObject {
+    blockType?: string;
+    value: string;
+}
+declare const variants: {
+    readonly small: "text-body-sm -small";
+    readonly medium: "text-body-md -medium";
+    readonly large: "text-body-lg -large";
+};
+export type VariantKey = keyof typeof variants;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * Block contents. Supports rich text.
+     */
+    text: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /**
+     * Adjusts text size and vertical spacing. Corresponds with the same variants in `BlockInlineImage`
+     */
+    variant: {
+        type: () => VariantKey;
+        required: false;
+        default: string;
+        validator: (prop: VariantKey) => boolean;
+    };
+}>, {}, {}, {
+    /**
+     * Class string generated by variant selection.
+     */
+    computedClass(): string;
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * Block contents. Supports rich text.
+     */
+    text: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    /**
+     * Adjusts text size and vertical spacing. Corresponds with the same variants in `BlockInlineImage`
+     */
+    variant: {
+        type: () => VariantKey;
+        required: false;
+        default: string;
+        validator: (prop: VariantKey) => boolean;
+    };
+}>> & Readonly<{}>, {
+    text: string;
+    variant: "small" | "medium" | "large";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,25 @@
+import { default as BlockVideo } from './BlockVideo.vue';
+import { BaseVideoData } from './../BaseVideo/BaseVideo.stories';
+declare namespace _default {
+    export let title: string;
+    export { BlockVideo as component };
+    export let tags: string[];
+    export let excludeStories: RegExp;
+}
+export default _default;
+export namespace BlockVideoData {
+    namespace block {
+        export let blockType: string;
+        export { BaseVideoData as video };
+        export let caption: string;
+        export let credit: string;
+        export let autoplay: boolean;
+    }
+}
+export namespace BaseStory {
+    let name: string;
+    namespace args {
+        import data = BlockVideoData.block;
+        export { data };
+    }
+}