@explorer-1/vue 0.3.2 → 0.3.4

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

@@ -0,0 +1,165 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    data: {
+        type: ObjectConstructor;
+        required: false;
+    };
+}>, {}, {
+    contextImagePreviewShow: boolean;
+}, {}, {
+    toggleContextImagePreview(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    data: {
+        type: ObjectConstructor;
+        required: false;
+    };
+}>> & Readonly<{}>, {}, {}, {
+    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: import('vue').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: import('vue').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: 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>;
+    IconDropdown: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    IconClose: 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/LayoutHelper/LayoutHelper.vue.d.ts

@@ -0,0 +1,33 @@
+interface Indents {
+    [key: string]: string;
+}
+export declare const indents: Indents;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    indent: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+        validator: (prop: string) => boolean;
+    };
+    fullBleed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {
+    theWidth(): string;
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    indent: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+        validator: (prop: string) => boolean;
+    };
+    fullBleed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    fullBleed: boolean;
+    indent: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,7 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {
+    loading: boolean;
+}, {}, {
+    start(): void;
+    finish(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,40 @@
+import { default as LogoCaltech } from './LogoCaltech.vue';
+declare namespace _default {
+    export let title: string;
+    export { LogoCaltech as component };
+    export namespace argTypes {
+        namespace size {
+            let description: string;
+            namespace control {
+                let type: string;
+            }
+            let options: string[];
+        }
+    }
+    export let excludeStories: RegExp;
+    export namespace parameters {
+        let viewMode: string;
+        namespace docs {
+            export namespace description_1 {
+                let component: string;
+            }
+            export { description_1 as description };
+        }
+    }
+    export function render(args: any): {
+        components: {
+            LogoCaltech: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        };
+        setup(): {
+            args: any;
+        };
+        template: string;
+    };
+}
+export default _default;
+export namespace BaseStory {
+    namespace args {
+        let size_1: string;
+        export { size_1 as size };
+    }
+}

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

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,136 @@
+import { default as LogoTribrand } from './LogoTribrand.vue';
+import { default as LogoColor } from '@explorer-1/common/src/images/svg/logo-tribrand-color.svg';
+import { default as LogoWhite } from '@explorer-1/common/src/images/svg/logo-tribrand-white.svg';
+declare namespace _default {
+    export let title: string;
+    export { LogoTribrand as component };
+    export let excludeStories: RegExp;
+    export namespace parameters {
+        let viewMode: string;
+        namespace docs {
+            namespace description {
+                let component: string;
+            }
+        }
+    }
+    export function render(args: any): {
+        components: {
+            LogoTribrand: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                invert: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                invert: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{}>, {
+                invert: boolean;
+            }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        };
+        setup(): {
+            args: any;
+        };
+        template: string;
+    };
+}
+export default _default;
+export namespace BaseStory {
+    let name: string;
+    namespace args {
+        let invert: boolean;
+        let size: string;
+    }
+    namespace argTypes {
+        export namespace size_1 {
+            export namespace control {
+                let type: string;
+            }
+            let description_1: string;
+            export { description_1 as description };
+            export let options: string[];
+        }
+        export { size_1 as size };
+        export namespace invert_1 {
+            export namespace control_1 {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            export { control_1 as control };
+        }
+        export { invert_1 as invert };
+    }
+}
+export namespace LogoImageColor {
+    export namespace args_1 {
+        export { LogoColor as src };
+    }
+    export { args_1 as args };
+    export namespace argTypes_1 {
+        export namespace src {
+            let control_2: boolean;
+            export { control_2 as control };
+        }
+        export namespace invert_2 {
+            let control_3: boolean;
+            export { control_3 as control };
+        }
+        export { invert_2 as invert };
+    }
+    export { argTypes_1 as argTypes };
+    export namespace parameters_1 {
+        export namespace docs_1 {
+            export namespace description_2 {
+                let story: string;
+            }
+            export { description_2 as description };
+        }
+        export { docs_1 as docs };
+    }
+    export { parameters_1 as parameters };
+    export function render_1(args: any): {
+        setup(): {
+            args: any;
+        };
+        template: string;
+    };
+    export { render_1 as render };
+}
+export namespace LogoImageWhite {
+    export namespace args_2 {
+        export { LogoWhite as src };
+    }
+    export { args_2 as args };
+    export namespace argTypes_2 {
+        export namespace src_1 {
+            let control_4: boolean;
+            export { control_4 as control };
+        }
+        export { src_1 as src };
+        export namespace invert_3 {
+            let control_5: boolean;
+            export { control_5 as control };
+        }
+        export { invert_3 as invert };
+    }
+    export { argTypes_2 as argTypes };
+    export namespace parameters_2 {
+        export namespace docs_2 {
+            export namespace description_3 {
+                let story_1: string;
+                export { story_1 as story };
+            }
+            export { description_3 as description };
+        }
+        export { docs_2 as docs };
+    }
+    export { parameters_2 as parameters };
+    export function render_2(args: any): {
+        setup(): {
+            args: any;
+        };
+        template: string;
+    };
+    export { render_2 as render };
+}

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

@@ -0,0 +1,20 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** For use when the logo needs to be manually inverted. Note that NavDesktop takes care of this automatically and this prop doesn't need to be used in that specific case.
+     * Only works when using an inline svg
+     */
+    invert: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** For use when the logo needs to be manually inverted. Note that NavDesktop takes care of this automatically and this prop doesn't need to be used in that specific case.
+     * Only works when using an inline svg
+     */
+    invert: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    invert: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,47 @@
+import { default as MetaPanel } from './MetaPanel.vue';
+declare namespace _default {
+    export let title: string;
+    export { MetaPanel as component };
+    export let tags: never[];
+    export let decorators: (() => {
+        template: string;
+    })[];
+    export namespace parameters {
+        let layout: string;
+        namespace html {
+            let root: string;
+        }
+    }
+}
+export default _default;
+export namespace BaseStory {
+    let name: string;
+    namespace args {
+        let negativeTop: boolean;
+        let negativeBottom: boolean;
+        let button: string;
+        namespace primarySubject {
+            let subject: string;
+        }
+        let additionalSubjects: {
+            subject: string;
+        }[];
+        namespace time {
+            let time_1: string;
+            export { time_1 as time };
+        }
+        let gradeLevels: {
+            gradeLevel: string;
+        }[];
+        let standards: {
+            standard: {
+                code: string;
+                definition: string;
+                domain: {
+                    domain: string;
+                };
+                type: string;
+            };
+        }[];
+    }
+}

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

@@ -0,0 +1,32 @@
+import { default as MetaPanelItems } from './MetaPanelItems.vue';
+declare namespace _default {
+    export let title: string;
+    export { MetaPanelItems as component };
+    export let tags: never[];
+    export namespace parameters {
+        namespace docs {
+            namespace description {
+                let component: string;
+            }
+        }
+    }
+}
+export default _default;
+export namespace BaseStory {
+    let name: string;
+    namespace args {
+        namespace primarySubject {
+            let subject: string;
+        }
+        let additionalSubjects: {
+            subject: string;
+        }[];
+        namespace time {
+            let time_1: string;
+            export { time_1 as time };
+        }
+        let gradeLevels: {
+            gradeLevel: string;
+        }[];
+    }
+}

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

@@ -0,0 +1,55 @@
+import { default as MetadataEduResource } from './MetadataEduResource.vue';
+declare namespace _default {
+    export let title: string;
+    export { MetadataEduResource as component };
+    export let tags: string[];
+    export namespace globals {
+        let theme: string;
+    }
+    export let excludeStories: RegExp;
+    export namespace parameters {
+        namespace docs {
+            namespace description {
+                let component: string;
+            }
+        }
+    }
+}
+export default _default;
+export namespace MetadataEduResourceData {
+    namespace resource {
+        let title_1: string;
+        export { title_1 as title };
+        export namespace primarySubject {
+            let subject: string;
+        }
+        export let gradeLevels: {
+            gradeLevel: string;
+        }[];
+    }
+    let compact: boolean;
+    let variant: string;
+}
+export namespace BaseStory {
+    let name: string;
+    namespace args { }
+}
+export namespace MultipleGradeLevels {
+    export namespace args_1 {
+        export namespace resource_1 {
+            let gradeLevels_1: {
+                gradeLevel: string;
+            }[];
+            export { gradeLevels_1 as gradeLevels };
+            export namespace time {
+                let time_1: string;
+                export { time_1 as time };
+            }
+        }
+        export { resource_1 as resource };
+        let variant_1: string;
+        export { variant_1 as variant };
+        export let showTime: boolean;
+    }
+    export { args_1 as args };
+}

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

@@ -0,0 +1,45 @@
+import { EduResourceCardObject, MetaPanelTheme } from './../../interfaces.ts';
+
+interface MetadataEduResourceProps {
+    resource: EduResourceCardObject;
+    /** If compact styling should be used */
+    compact?: boolean;
+    /** Use primary or secondary theme colors */
+    variant?: MetaPanelTheme;
+    /** If time commitment should be displayed */
+    showTime?: boolean;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MetadataEduResourceProps>, {
+    resource: undefined;
+    compact: boolean;
+    showTime: boolean;
+    variant: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MetadataEduResourceProps>, {
+    resource: undefined;
+    compact: boolean;
+    showTime: boolean;
+    variant: string;
+}>>> & Readonly<{}>, {
+    variant: MetaPanelTheme;
+    resource: EduResourceCardObject;
+    compact: boolean;
+    showTime: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +1,32 @@
+import { default as MetadataEvent } from './MetadataEvent.vue';
+declare namespace _default {
+    export let title: string;
+    export { MetadataEvent as component };
+    export let tags: never[];
+    export let excludeStories: RegExp;
+}
+export default _default;
+export namespace MetadataEventData {
+    namespace event {
+        let title_1: string;
+        export { title_1 as title };
+        export let location: string;
+        export let startDate: string;
+        export let startDatetime: string;
+        export let startTime: string;
+        export let endDate: string;
+        export let endDatetime: string;
+        export let endTime: string;
+        export let ongoing: boolean;
+        export let isVirtualEvent: boolean;
+        export let isInPersonEvent: boolean;
+        export let locationName: string;
+        export let locationLink: string;
+        export let customDate: undefined;
+    }
+    let compact: boolean;
+}
+export namespace BaseStory {
+    export let name: string;
+    export { MetadataEventData as args };
+}

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

@@ -0,0 +1,46 @@
+import { EventCardObject } from './../../interfaces.ts';
+
+interface MetadataEventProps {
+    event: EventCardObject;
+    compact?: boolean;
+    allowBreak?: boolean;
+    showLocation?: boolean;
+    showTime?: boolean;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MetadataEventProps>, {
+    event: undefined;
+    compact: boolean;
+    allowBreak: boolean;
+    showLocation: boolean;
+    showTime: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MetadataEventProps>, {
+    event: undefined;
+    compact: boolean;
+    allowBreak: boolean;
+    showLocation: boolean;
+    showTime: boolean;
+}>>> & Readonly<{}>, {
+    event: EventCardObject;
+    compact: boolean;
+    showTime: boolean;
+    allowBreak: boolean;
+    showLocation: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};