@explorer-1/vue 0.3.2 → 0.3.4

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

@@ -0,0 +1,85 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    words: {
+        type: ArrayConstructor;
+        default: () => string[];
+    };
+    rows: {
+        type: NumberConstructor;
+        default: number;
+    };
+    scale: {
+        type: NumberConstructor;
+        default: number;
+    };
+    transitionDuration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    transitionDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
+    pauseOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {
+    list: never[];
+    listTop: number;
+    isPaused: boolean;
+    isMovingBackwards: boolean;
+}, {
+    listCount(): number;
+    fontSize(): number;
+    itemHeight(): number;
+    listHeight(): number;
+    listParentHeight(): number;
+    itemStyle(): string;
+    listStyle(): string;
+    listParentStyle(): string;
+}, {
+    updateState(): void;
+    toggleAnimation(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    words: {
+        type: ArrayConstructor;
+        default: () => string[];
+    };
+    rows: {
+        type: NumberConstructor;
+        default: number;
+    };
+    scale: {
+        type: NumberConstructor;
+        default: number;
+    };
+    transitionDuration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    transitionDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
+    pauseOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    transition: string;
+    scale: number;
+    rows: number;
+    words: unknown[];
+    transitionDuration: number;
+    transitionDelay: number;
+    pauseOnHover: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,115 @@
+import { default as BaseTimer } from './BaseTimer.vue';
+declare namespace _default {
+    export let title: string;
+    export { BaseTimer as component };
+    export let decorators: (() => {
+        template: string;
+    })[];
+    export namespace parameters {
+        namespace html {
+            let root: string;
+        }
+    }
+}
+export default _default;
+export namespace BaseStory {
+    let name: string;
+    namespace args {
+        let targetDateTime: string;
+        let selectedUnits: string[];
+        let inline: boolean;
+        let countdown: boolean;
+        let legendClass: string;
+    }
+}
+export namespace DateOnly {
+    export namespace args_1 {
+        let targetDateTime_1: string;
+        export { targetDateTime_1 as targetDateTime };
+        let selectedUnits_1: string[];
+        export { selectedUnits_1 as selectedUnits };
+        let inline_1: boolean;
+        export { inline_1 as inline };
+        let countdown_1: boolean;
+        export { countdown_1 as countdown };
+    }
+    export { args_1 as args };
+}
+export namespace Mixed {
+    export namespace args_2 {
+        let targetDateTime_2: string;
+        export { targetDateTime_2 as targetDateTime };
+        let selectedUnits_2: string[];
+        export { selectedUnits_2 as selectedUnits };
+        let inline_2: boolean;
+        export { inline_2 as inline };
+        let countdown_2: boolean;
+        export { countdown_2 as countdown };
+    }
+    export { args_2 as args };
+}
+export namespace Countdown {
+    export namespace args_3 {
+        let targetDateTime_3: string;
+        export { targetDateTime_3 as targetDateTime };
+        let selectedUnits_3: string[];
+        export { selectedUnits_3 as selectedUnits };
+        let inline_3: boolean;
+        export { inline_3 as inline };
+        let countdown_3: boolean;
+        export { countdown_3 as countdown };
+    }
+    export { args_3 as args };
+}
+export namespace CountdownStop {
+    export namespace args_4 {
+        let targetDateTime_4: string;
+        export { targetDateTime_4 as targetDateTime };
+        let selectedUnits_4: string[];
+        export { selectedUnits_4 as selectedUnits };
+        let inline_4: boolean;
+        export { inline_4 as inline };
+        let countdown_4: boolean;
+        export { countdown_4 as countdown };
+    }
+    export { args_4 as args };
+}
+export namespace AutoUnits {
+    export namespace args_5 {
+        let targetDateTime_5: string;
+        export { targetDateTime_5 as targetDateTime };
+        let selectedUnits_5: never[];
+        export { selectedUnits_5 as selectedUnits };
+        let inline_5: boolean;
+        export { inline_5 as inline };
+        let countdown_5: boolean;
+        export { countdown_5 as countdown };
+    }
+    export { args_5 as args };
+}
+export namespace AutoUnitsCountdown {
+    export namespace args_6 {
+        let targetDateTime_6: string;
+        export { targetDateTime_6 as targetDateTime };
+        let selectedUnits_6: never[];
+        export { selectedUnits_6 as selectedUnits };
+        let inline_6: boolean;
+        export { inline_6 as inline };
+        let countdown_6: boolean;
+        export { countdown_6 as countdown };
+    }
+    export { args_6 as args };
+}
+export namespace Inline {
+    export namespace args_7 {
+        let targetDateTime_7: string;
+        export { targetDateTime_7 as targetDateTime };
+        let selectedUnits_7: string[];
+        export { selectedUnits_7 as selectedUnits };
+        let inline_7: boolean;
+        export { inline_7 as inline };
+        let countdown_7: boolean;
+        export { countdown_7 as countdown };
+    }
+    export { args_7 as args };
+}

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

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

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

@@ -0,0 +1,96 @@
+import { PropType } from 'vue';
+import { Duration } from 'dayjs/plugin/duration.js';
+
+export declare const timerUnits: {
+    readonly years: {
+        readonly shortLabel: "Yrs";
+        readonly longLabel: "Years";
+    };
+    readonly months: {
+        readonly shortLabel: "Mos";
+        readonly longLabel: "Months";
+    };
+    readonly days: {
+        readonly shortLabel: "Days";
+        readonly longLabel: "Days";
+    };
+    readonly hours: {
+        readonly shortLabel: "Hrs";
+        readonly longLabel: "Hours";
+    };
+    readonly minutes: {
+        readonly shortLabel: "Mins";
+        readonly longLabel: "Minutes";
+    };
+    readonly seconds: {
+        readonly shortLabel: "Secs";
+        readonly longLabel: "Seconds";
+    };
+};
+type UnitID = keyof typeof timerUnits;
+type Interval = ReturnType<typeof setInterval>;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Start time or goal time (depends if it's a countdown or not). Format: `YYYY-MM-DD HH:MM:SS+01:00` */
+    targetDateTime: {
+        type: StringConstructor;
+        required: true;
+    };
+    /** If blank, the first three applicable time units will show */
+    selectedUnits: {
+        type: PropType<UnitID[]>;
+        required: false;
+        validator: (val: UnitID[]) => boolean;
+    };
+    /** If time and units should all appear on one line */
+    inline: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    /** If this is a countdown clock, the timer will start `now()` and count down to 0 when it reaches the `targetDateTime`) */
+    countdown: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}>, {}, {
+    diff: Duration | undefined;
+    interval: Interval | undefined;
+}, {
+    selectedUnitsComputed(): UnitID[];
+    isPast(): boolean;
+}, {
+    shortLabel(unit: UnitID): "Yrs" | "Mos" | "Days" | "Hrs" | "Mins" | "Secs";
+    longLabel(unit: UnitID): "Years" | "Months" | "Days" | "Hours" | "Minutes" | "Seconds";
+    unitSignificant(unit: UnitID): boolean;
+    checkOtherUnits(unit: UnitID): boolean;
+    unitValue(unit: UnitID): string | undefined;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** Start time or goal time (depends if it's a countdown or not). Format: `YYYY-MM-DD HH:MM:SS+01:00` */
+    targetDateTime: {
+        type: StringConstructor;
+        required: true;
+    };
+    /** If blank, the first three applicable time units will show */
+    selectedUnits: {
+        type: PropType<UnitID[]>;
+        required: false;
+        validator: (val: UnitID[]) => boolean;
+    };
+    /** If time and units should all appear on one line */
+    inline: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    /** If this is a countdown clock, the timer will start `now()` and count down to 0 when it reaches the `targetDateTime`) */
+    countdown: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    inline: boolean;
+    countdown: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,229 @@
+import { default as BaseUnitToggle } from './BaseUnitToggle.vue';
+declare namespace _default {
+    export let title: string;
+    export { BaseUnitToggle as component };
+}
+export default _default;
+export function Imperial(args: any): {
+    components: {
+        BaseUnitToggle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            unitPair: {
+                type: import('vue').PropType<import('./BaseUnitToggle.vue').UnitName>;
+                required: true;
+                validator: (val: import('./BaseUnitToggle.vue').UnitName) => boolean;
+            };
+            value: {
+                type: import('vue').PropType<number>;
+                required: true;
+            };
+            secondValue: {
+                type: import('vue').PropType<number>;
+                required: false;
+            };
+            valueSystem: {
+                type: import('vue').PropType<import('./BaseUnitToggle.vue').UnitSystemName>;
+                required: true;
+            };
+            inline: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, {}, {
+            selectedSystem: import('./BaseUnitToggle.vue').UnitSystemName;
+        }, {
+            unitConfig(): import('./BaseUnitToggle.vue').UnitConfig;
+            formattedValue(): string;
+        }, {
+            setSystem(): void;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            unitPair: {
+                type: import('vue').PropType<import('./BaseUnitToggle.vue').UnitName>;
+                required: true;
+                validator: (val: import('./BaseUnitToggle.vue').UnitName) => boolean;
+            };
+            value: {
+                type: import('vue').PropType<number>;
+                required: true;
+            };
+            secondValue: {
+                type: import('vue').PropType<number>;
+                required: false;
+            };
+            valueSystem: {
+                type: import('vue').PropType<import('./BaseUnitToggle.vue').UnitSystemName>;
+                required: true;
+            };
+            inline: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{}>, {
+            inline: boolean;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    };
+    setup(): {
+        args: any;
+    };
+    template: string;
+};
+export namespace Imperial {
+    namespace args {
+        let unitPair: string;
+        let value: number;
+        let secondValue: undefined;
+        let valueSystem: string;
+    }
+}
+export namespace BaseStory {
+    export let name: string;
+    export namespace args_1 {
+        let unitPair_1: string;
+        export { unitPair_1 as unitPair };
+        let value_1: number;
+        export { value_1 as value };
+        let secondValue_1: undefined;
+        export { secondValue_1 as secondValue };
+        let valueSystem_1: string;
+        export { valueSystem_1 as valueSystem };
+    }
+    export { args_1 as args };
+    export function render(args: any): {
+        components: {
+            BaseUnitToggle: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                unitPair: {
+                    type: import("vue").PropType<import("./BaseUnitToggle.vue").UnitName>;
+                    required: true;
+                    validator: (val: import("./BaseUnitToggle.vue").UnitName) => boolean;
+                };
+                value: {
+                    type: import("vue").PropType<number>;
+                    required: true;
+                };
+                secondValue: {
+                    type: import("vue").PropType<number>;
+                    required: false;
+                };
+                valueSystem: {
+                    type: import("vue").PropType<import("./BaseUnitToggle.vue").UnitSystemName>;
+                    required: true;
+                };
+                inline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {}, {
+                selectedSystem: import("./BaseUnitToggle.vue").UnitSystemName;
+            }, {
+                unitConfig(): import("./BaseUnitToggle.vue").UnitConfig;
+                formattedValue(): string;
+            }, {
+                setSystem(): void;
+            }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                unitPair: {
+                    type: import("vue").PropType<import("./BaseUnitToggle.vue").UnitName>;
+                    required: true;
+                    validator: (val: import("./BaseUnitToggle.vue").UnitName) => boolean;
+                };
+                value: {
+                    type: import("vue").PropType<number>;
+                    required: true;
+                };
+                secondValue: {
+                    type: import("vue").PropType<number>;
+                    required: false;
+                };
+                valueSystem: {
+                    type: import("vue").PropType<import("./BaseUnitToggle.vue").UnitSystemName>;
+                    required: true;
+                };
+                inline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{}>, {
+                inline: boolean;
+            }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        };
+        setup(): {
+            args: any;
+        };
+        template: string;
+    };
+}
+export namespace KeepsPrecision {
+    export namespace args_2 {
+        let unitPair_2: string;
+        export { unitPair_2 as unitPair };
+        let value_2: number;
+        export { value_2 as value };
+        let secondValue_2: undefined;
+        export { secondValue_2 as secondValue };
+        let valueSystem_2: string;
+        export { valueSystem_2 as valueSystem };
+        export let formattedValue: number;
+    }
+    export { args_2 as args };
+    export function render_1(args: any): {
+        components: {
+            BaseUnitToggle: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                unitPair: {
+                    type: import("vue").PropType<import("./BaseUnitToggle.vue").UnitName>;
+                    required: true;
+                    validator: (val: import("./BaseUnitToggle.vue").UnitName) => boolean;
+                };
+                value: {
+                    type: import("vue").PropType<number>;
+                    required: true;
+                };
+                secondValue: {
+                    type: import("vue").PropType<number>;
+                    required: false;
+                };
+                valueSystem: {
+                    type: import("vue").PropType<import("./BaseUnitToggle.vue").UnitSystemName>;
+                    required: true;
+                };
+                inline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {}, {
+                selectedSystem: import("./BaseUnitToggle.vue").UnitSystemName;
+            }, {
+                unitConfig(): import("./BaseUnitToggle.vue").UnitConfig;
+                formattedValue(): string;
+            }, {
+                setSystem(): void;
+            }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                unitPair: {
+                    type: import("vue").PropType<import("./BaseUnitToggle.vue").UnitName>;
+                    required: true;
+                    validator: (val: import("./BaseUnitToggle.vue").UnitName) => boolean;
+                };
+                value: {
+                    type: import("vue").PropType<number>;
+                    required: true;
+                };
+                secondValue: {
+                    type: import("vue").PropType<number>;
+                    required: false;
+                };
+                valueSystem: {
+                    type: import("vue").PropType<import("./BaseUnitToggle.vue").UnitSystemName>;
+                    required: true;
+                };
+                inline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{}>, {
+                inline: boolean;
+            }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        };
+        setup(): {
+            args: any;
+        };
+        template: string;
+    };
+    export { render_1 as render };
+}

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

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

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

@@ -0,0 +1,91 @@
+import { PropType } from 'vue';
+
+export type UnitSystemName = keyof UnitConfig;
+export type UnitName = keyof UnitPairs;
+/**
+ * Centrally defined configuration for unit pairs, to avoid inconsistencies.
+ */
+export interface UnitPairs {
+    MI_KM: UnitConfig;
+    LB_KG: UnitConfig;
+    G_OZ: UnitConfig;
+    M_FT: UnitConfig;
+    MS_FS: UnitConfig;
+}
+interface UnitDetails {
+    label: string;
+    abbr: string;
+    toOther: number;
+}
+export interface UnitConfig {
+    imperial: UnitDetails;
+    metric: UnitDetails;
+}
+export declare const unitPairs: UnitPairs;
+/**
+ * Toggle between equivalent units in imperial and SI systems.
+ * Supports providing the value in either format, and converts into the other.
+ */
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    unitPair: {
+        type: PropType<UnitName>;
+        required: true;
+        validator: (val: UnitName) => boolean;
+    };
+    /** The initial value to be converted */
+    value: {
+        type: PropType<number>;
+        required: true;
+    };
+    /** Manually override the converted value */
+    secondValue: {
+        type: PropType<number>;
+        required: false;
+    };
+    /** The system of measurement that corresponds with the provided `value` */
+    valueSystem: {
+        type: PropType<UnitSystemName>;
+        required: true;
+    };
+    /** If value and unit should appear on the same line */
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {
+    selectedSystem: UnitSystemName;
+}, {
+    unitConfig(): UnitConfig;
+    formattedValue(): string;
+}, {
+    setSystem(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    unitPair: {
+        type: PropType<UnitName>;
+        required: true;
+        validator: (val: UnitName) => boolean;
+    };
+    /** The initial value to be converted */
+    value: {
+        type: PropType<number>;
+        required: true;
+    };
+    /** Manually override the converted value */
+    secondValue: {
+        type: PropType<number>;
+        required: false;
+    };
+    /** The system of measurement that corresponds with the provided `value` */
+    valueSystem: {
+        type: PropType<UnitSystemName>;
+        required: true;
+    };
+    /** If value and unit should appear on the same line */
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    inline: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,26 @@
+import { default as BaseVideo } from './BaseVideo.vue';
+declare namespace _default {
+    export let title: string;
+    export { BaseVideo as component };
+    export let excludeStories: RegExp;
+}
+export default _default;
+export namespace BaseVideoData {
+    export let duration: string;
+    export let file: string;
+    export let fileExtension: string;
+    export let fileOgg: string;
+    export let fileWebm: string;
+    export let height: null;
+    export let id: string;
+    export let sources: string;
+    let title_1: string;
+    export { title_1 as title };
+    export let type: string;
+    export let width: null;
+}
+export namespace BaseStory {
+    namespace args {
+        export { BaseVideoData as data };
+    }
+}