@explorer-1/vue 0.3.3 → 0.3.4

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

@@ -0,0 +1,668 @@
+import { PropType } from 'vue';
+import { BlockData, ImageObject } from '../../interfaces';
+import { VariantKey as BlockTextVariantKey } from './../BlockText/BlockText.vue';
+
+export type BlockInlineImageData = BlockData & {
+    /** rich text */
+    text?: string;
+    caption?: string;
+    displayCaption: boolean;
+    image?: ImageObject;
+    alignTo: 'left' | 'right';
+};
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    data: {
+        type: PropType<BlockInlineImageData>;
+        required: false;
+        default: undefined;
+    };
+    /**
+     * Adjusts text size and vertical spacing. Corresponds with the same variants in `BlockText`
+     */
+    variant: {
+        type: PropType<BlockTextVariantKey>;
+        default: string;
+    };
+}>, {}, {}, {
+    theCaption(): string | undefined;
+    theImageData(): Partial<ImageObject> | null;
+    hasCaptionArea(): string | false | undefined;
+    theSrcSet(): string | undefined;
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    data: {
+        type: PropType<BlockInlineImageData>;
+        required: false;
+        default: undefined;
+    };
+    /**
+     * Adjusts text size and vertical spacing. Corresponds with the same variants in `BlockText`
+     */
+    variant: {
+        type: PropType<BlockTextVariantKey>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    data: BlockInlineImageData;
+    variant: "small" | "medium" | "large";
+}, {}, {
+    MixinFancybox: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        infinite: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        showThumbnails: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        animated: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        galleryName: {
+            type: StringConstructor;
+            required: false;
+            default: null;
+        };
+        src: {
+            type: StringConstructor;
+            required: false;
+        };
+        srcSet: {
+            type: StringConstructor;
+            required: false;
+        };
+        sizes: {
+            type: StringConstructor;
+            required: false;
+        };
+        downloadSrc: {
+            type: StringConstructor;
+            required: false;
+        };
+        caption: {
+            type: StringConstructor;
+            required: false;
+        };
+        credit: {
+            type: StringConstructor;
+            required: false;
+        };
+        title: {
+            type: StringConstructor;
+            required: false;
+        };
+        detailUrl: {
+            type: StringConstructor;
+            required: false;
+        };
+        width: {
+            type: StringConstructor;
+            required: false;
+        };
+        height: {
+            type: StringConstructor;
+            required: false;
+        };
+        theme: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+            validator: (prop: unknown) => boolean;
+        };
+    }>, {}, {}, {
+        computedClass(): any;
+        computedCaption(): any;
+    }, {
+        clickHandler(): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        infinite: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        showThumbnails: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        animated: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        galleryName: {
+            type: StringConstructor;
+            required: false;
+            default: null;
+        };
+        src: {
+            type: StringConstructor;
+            required: false;
+        };
+        srcSet: {
+            type: StringConstructor;
+            required: false;
+        };
+        sizes: {
+            type: StringConstructor;
+            required: false;
+        };
+        downloadSrc: {
+            type: StringConstructor;
+            required: false;
+        };
+        caption: {
+            type: StringConstructor;
+            required: false;
+        };
+        credit: {
+            type: StringConstructor;
+            required: false;
+        };
+        title: {
+            type: StringConstructor;
+            required: false;
+        };
+        detailUrl: {
+            type: StringConstructor;
+            required: false;
+        };
+        width: {
+            type: StringConstructor;
+            required: false;
+        };
+        height: {
+            type: StringConstructor;
+            required: false;
+        };
+        theme: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+            validator: (prop: unknown) => boolean;
+        };
+    }>> & Readonly<{}>, {
+        theme: string;
+        infinite: boolean;
+        showThumbnails: boolean;
+        animated: boolean;
+        galleryName: string;
+    }, {}, {
+        MixinFancyboxOpenButton: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
+            IconExpand: 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>;
+    BlockText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        text: {
+            type: StringConstructor;
+            required: false;
+            default: undefined;
+        };
+        variant: {
+            type: () => BlockTextVariantKey;
+            required: false;
+            default: string;
+            validator: (prop: BlockTextVariantKey) => boolean;
+        };
+    }>, {}, {}, {
+        computedClass(): string;
+    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        text: {
+            type: StringConstructor;
+            required: false;
+            default: undefined;
+        };
+        variant: {
+            type: () => BlockTextVariantKey;
+            required: false;
+            default: string;
+            validator: (prop: BlockTextVariantKey) => boolean;
+        };
+    }>> & Readonly<{}>, {
+        text: string;
+        variant: "small" | "medium" | "large";
+    }, {}, {}, {}, 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>;
+    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>;
+    BaseImageCaption: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        data: {
+            type: PropType<Partial<ImageObject> | Partial<import('../../interfaces').VideoObject> | any>;
+            required: true;
+        };
+        customLink: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        customLinkText: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        data: {
+            type: PropType<Partial<ImageObject> | Partial<import('../../interfaces').VideoObject> | any>;
+            required: true;
+        };
+        customLink: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        customLinkText: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        customLink: string;
+        customLinkText: 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>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,21 @@
+import { default as BlockKeyPoints } from './BlockKeyPoints.vue';
+declare namespace _default {
+    export let title: string;
+    export { BlockKeyPoints as component };
+    export let tags: string[];
+    export let excludeStories: RegExp;
+}
+export default _default;
+export namespace BlockKeyPointsData {
+    let blockType: string;
+    let heading: string;
+    let listItem: {
+        text: string;
+    }[];
+}
+export namespace BaseStory {
+    let name: string;
+    namespace args {
+        export { BlockKeyPointsData as data };
+    }
+}