@visitscotland/component-library 5.25.0 → 5.26.0

package/dist/components/src/components/hero-section/components/HeroSectionImage.vue.d.ts

@@ -78,293 +78,54 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     imgCaption: string;
     imgCredit: string;
 }, {}, {
-    VsCaption: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        variant: {
+    VsMediaCaption: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        videoId: {
             type: StringConstructor;
             default: string;
-            validator: (value: unknown) => any;
         };
-        theme: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: unknown) => any;
-        };
-        latitude: {
-            type: StringConstructor;
-            default: string;
-        };
-        longitude: {
-            type: StringConstructor;
-            default: string;
-        };
-        textAlign: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: unknown) => any;
+        rightAlign: {
+            type: BooleanConstructor;
+            default: boolean;
         };
-    }>, {}, {
-        tokens: {
-            "vs-color-background-primary": string;
-            "vs-color-background-secondary": string;
-            "vs-color-background-bold": string;
-            "vs-color-background-brand": string;
-            "vs-color-background-inverse": string;
-            "vs-color-background-highlight": string;
-            "vs-color-background-information": string;
-            "vs-color-background-success": string;
-            "vs-color-background-warning": string;
-            "vs-color-background-error": string;
-            "vs-color-background-accent-heather-80": string;
-            "vs-color-background-accent-heather-30": string;
-            "vs-color-background-accent-tolsta-40": string;
-            "vs-color-background-accent-gorse-05": string;
-            "vs-color-border-primary": string;
-            "vs-color-border-secondary": string;
-            "vs-color-border-inverse": string;
-            "vs-color-border-input": string;
-            "vs-color-border-highlight": string;
-            "vs-color-border-bold": string;
-            "vs-color-border-success": string;
-            "vs-color-border-warning": string;
-            "vs-color-border-error": string;
-            "vs-color-border-disabled": string;
-            "vs-color-icon-primary": string;
-            "vs-color-icon-secondary": string;
-            "vs-color-icon-tertiary": string;
-            "vs-color-icon-inverse": string;
-            "vs-color-icon-cta-on-light": string;
-            "vs-color-icon-highlight": string;
-            "vs-color-icon-success": string;
-            "vs-color-icon-warning": string;
-            "vs-color-icon-error": string;
-            "vs-color-icon-disabled": string;
-            "vs-color-icon-accent-saltire-30": string;
-            "vs-color-icon-ski-easy": string;
-            "vs-color-icon-ski-intermediate": string;
-            "vs-color-icon-ski-difficult": string;
-            "vs-color-icon-ski-very-difficult": string;
-            "vs-color-icon-ski-itineraries": string;
-            "vs-color-icon-ski-other": string;
-            "vs-color-icon-accent-loch-ness": string;
-            "vs-color-icon-accent-grey-02": string;
-            "vs-color-icon-accent-saltire": string;
-            "vs-color-icon-accent-bramble": string;
-            "vs-color-icon-accent-heather": string;
-            "vs-color-icon-accent-whisky": string;
-            "vs-color-icon-accent-cranachan": string;
-            "vs-color-icon-accent-buachaille": string;
-            "vs-color-interaction-focus": string;
-            "vs-color-interaction-focus-on-bold": string;
-            "vs-color-interaction-cta-primary": string;
-            "vs-color-interaction-cta-secondary": string;
-            "vs-color-interaction-cta-hover": string;
-            "vs-color-interaction-cta-pressed": string;
-            "vs-color-interaction-cta-disabled": string;
-            "vs-color-interaction-cta-subtle-hover": string;
-            "vs-color-interaction-cta-subtle-pressed": string;
-            "vs-color-interaction-cta-subtle": string;
-            "vs-color-interaction-link-primary": string;
-            "vs-color-interaction-link-secondary": string;
-            "vs-color-interaction-link-active": string;
-            "vs-color-interaction-link-visited": string;
-            "vs-color-interaction-link-disabled": string;
-            "vs-color-interaction-link-visited-on-bold": string;
-            "vs-color-text-primary": string;
-            "vs-color-text-secondary": string;
-            "vs-color-text-tertiary": string;
-            "vs-color-text-inverse": string;
-            "vs-color-text-cta-on-light": string;
-            "vs-color-text-highlight": string;
-            "vs-color-text-brand": string;
-            "vs-color-text-error": string;
-            "vs-color-text-success": string;
-            "vs-color-text-disabled": string;
-            breakpoint_xl: string;
-            grid_container_width_xl: string;
-            breakpoint_md: string;
-            max_container_width_xl: string;
-            grid_container_width_md: string;
-            breakpoint_sm: string;
-            breakpoint_lg: string;
-            breakpoint_xs: string;
-            max_container_width_md: string;
-            grid_container_width_sm: string;
-            grid_container_width_lg: string;
-            max_container_width_sm: string;
-            max_container_width_lg: string;
-            max_container_width_xxl: string;
-            grid_container_width_xxl: string;
-            breakpoint_xxl: string;
-            grid_columns: string;
-            grid_gutter_width: string;
-            "vs-spacer-0": string;
-            "vs-spacer-0125": string;
-            "vs-spacer-025": string;
-            "vs-spacer-050": string;
-            "vs-spacer-075": string;
-            "vs-spacer-100": string;
-            "vs-spacer-125": string;
-            "vs-spacer-150": string;
-            "vs-spacer-175": string;
-            "vs-spacer-200": string;
-            "vs-spacer-250": string;
-            "vs-spacer-300": string;
-            "vs-spacer-400": string;
-            "vs-spacer-500": string;
-            "vs-spacer-600": string;
-            "vs-spacer-700": string;
-            "vs-radius-medium": string;
-            "vs-radius-none": string;
-            "vs-radius-large-increased": string;
-            "vs-radius-extra-large-increased": string;
-            "vs-radius-tiny": string;
-            "vs-radius-large": string;
-            "vs-radius-extra-large": string;
-            "vs-radius-extra-extra-large": string;
-            "vs-radius-huge": string;
-            "vs-radius-full": string;
-            "vs-radius-small": string;
-            "vs-elevation-shadow-raised": string;
-            "vs-elevation-shadow-overlay": string;
-            "vs-elevation-surface": string;
-            "vs-elevation-surface-section": string;
-            "vs-elevation-surface-raised": string;
-            "vs-elevation-surface-overlay": string;
-            "vs-focus-shadow": string;
-            "vs-focus-shadow-on-dark": string;
-            "vs-border-width-sm": string;
-            "vs-border-width-md": string;
-            "vs-font-size-display-m": string;
-            "vs-font-size-display-s": string;
-            "vs-font-size-heading-xl": string;
-            "vs-font-size-heading-l": string;
-            "vs-font-size-heading-m": string;
-            "vs-font-size-heading-s": string;
-            "vs-font-size-heading-xs": string;
-            "vs-font-size-heading-xxs": string;
-            "vs-font-size-heading-xxxs": string;
-            "vs-font-size-detail-l": string;
-            "vs-font-size-detail-m": string;
-            "vs-font-size-detail-s": string;
-            "vs-font-size-body-l": string;
-            "vs-font-size-body-m": string;
-            "vs-font-size-body-s": string;
-            "vs-font-weight-strong": string;
-            "vs-font-weight-medium": string;
-            "vs-font-weight-regular": string;
-            "vs-font-weight-subtle": string;
-            "vs-font-weight-heading": string;
-            "vs-font-weight-body": string;
-            "vs-font-weight-detail": string;
-            "vs-font-family-sans-serif": string;
-            "vs-font-family-display": string;
-            "vs-line-height-heading": number;
-            "vs-line-height-detail": number;
-            "vs-line-height-body": number;
-            "vs-letter-spacing-display": string;
-            "vs-letter-spacing-heading": string;
-            "vs-letter-spacing-detail": string;
-            "vs-letter-spacing-body": string;
-            icon_size_xxs: string;
-            icon_size_xs: string;
-            icon_size_sm: string;
-            icon_size_md: string;
-            icon_size_lg: string;
-            icon_size_xl: string;
-            "vs-icon-facility-audio-loop": string;
-            "vs-icon-control-collapse": string;
-            "vs-icon-facility-wheelchair-access": string;
-            "vs-icon-control-pause": string;
-            "vs-icon-facility-cafe": string;
-            "vs-icon-feedback-error": string;
-            "vs-icon-facility-accessible-parking": string;
-            "vs-icon-control-filters": string;
-            "vs-icon-feedback-information": string;
-            "vs-icon-control-external-link": string;
-            "vs-icon-control-play": string;
-            "vs-icon-facility-accessible-dining": string;
-            "vs-icon-facility-public-transport": string;
-            "vs-icon-season-winter": string;
-            "vs-icon-control-expand": string;
-            "vs-icon-facility-pets-welcome": string;
-            "vs-icon-facility-parking": string;
-            "vs-icon-control-menu": string;
-            "vs-icon-season-spring": string;
-            "vs-icon-season-summer": string;
-            "vs-icon-facility-breakfast": string;
-            "vs-icon-control-back-to-top": string;
-            "vs-icon-control-dismiss": string;
-            "vs-icon-feedback-warning": string;
-            "vs-icon-facility-accessible-shower": string;
-            "vs-icon-facility-wifi": string;
-            "vs-icon-control-search": string;
-            "vs-icon-control-download": string;
-            "vs-icon-season-autumn": string;
-            "vs-icon-facility-accessible-toilet": string;
-            "vs-icon-feedback-success": string;
-            "vs-icon-facility-vegan": string;
-            "font-size-1": string;
-            "font-size-2": string;
-            "font-size-3": string;
-            "font-size-4": string;
-            "font-size-5": string;
-            "font-size-6": string;
-            "font-size-7": string;
-            "font-size-8": string;
-            "font-size-9": string;
-            "font-size-10": string;
-            "font-size-body": string;
-            "font-size-body-md": string;
-            "font-size-lead": string;
-            "font-size-lead-md": string;
-            "font-size-teaser": string;
-            opacity_100: string;
-            opacity_50: string;
-            opacity_0: string;
-            duration_quickly: string;
-            duration_base: string;
-            duration_slowly: string;
-            no_javascript: string;
-            theme_dark: string;
-            theme_grey: string;
+    }>, {
+        videoStore: import('pinia').Store<"video", import('../../../stores/video.store').IVideosState, {}, {
+            addVideo(newVideo: {
+                videoId: string;
+                videoDurationMsg: string;
+                videoDuration: number;
+                videoFullDuration: {
+                    minutes: number;
+                    seconds: number;
+                    roundedMinutes: string;
+                };
+            }): void;
+        }>;
+    }, {}, {
+        videoDetails(): {
+            videoId: string;
+            videoDurationMsg: string;
+            videoDuration: number;
+            videoFullDuration: {
+                minutes: number;
+                seconds: number;
+                roundedMinutes: string;
+            };
         };
-    }, {
-        showMap(): boolean;
-        isLargeCaption(): boolean;
-        captionClasses(): (string | {
-            'vs-caption--large': boolean;
-            'vs-caption--fullwidth': boolean;
-        })[];
+        captionClasses(): {
+            'text-end': boolean;
+        }[];
     }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        variant: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: unknown) => any;
-        };
-        theme: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: unknown) => any;
-        };
-        latitude: {
-            type: StringConstructor;
-            default: string;
-        };
-        longitude: {
+        videoId: {
             type: StringConstructor;
             default: string;
         };
-        textAlign: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: unknown) => any;
+        rightAlign: {
+            type: BooleanConstructor;
+            default: boolean;
         };
     }>> & Readonly<{}>, {
-        variant: string;
-        theme: string;
-        latitude: string;
-        longitude: string;
-        textAlign: string;
+        videoId: string;
+        rightAlign: boolean;
     }, {}, {
         VsRow: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         VsCol: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
@@ -525,60 +286,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
             });
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        VsCaptionImageMap: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            latitude: {
-                type: StringConstructor;
-                default: string;
-            };
-            longitude: {
-                type: StringConstructor;
-                default: string;
-            };
-            mapOutlineColor: {
-                type: StringConstructor;
-                default: string;
-            };
-            mapMarkerColor: {
-                type: StringConstructor;
-                default: string;
-            };
-        }>, {}, {
-            cornerCoordinates: {
-                NE: number;
-                NW: number;
-                SE: number;
-                SW: number;
-            };
-            mapWidth: number;
-            mapHeight: number;
-        }, {
-            positionY(): number;
-            positionX(): number;
-        }, {
-            calculateAxisPosition(scaleStart: any, scaleEnd: any, coord: any, axisLength: any): number;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            latitude: {
-                type: StringConstructor;
-                default: string;
-            };
-            longitude: {
-                type: StringConstructor;
-                default: string;
-            };
-            mapOutlineColor: {
-                type: StringConstructor;
-                default: string;
-            };
-            mapMarkerColor: {
-                type: StringConstructor;
-                default: string;
-            };
-        }>> & Readonly<{}>, {
-            latitude: string;
-            longitude: string;
-            mapOutlineColor: string;
-            mapMarkerColor: string;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     VsImg: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         src: {

package/dist/components/src/components/media-caption/MediaCaption.vue.d.ts

@@ -0,0 +1,224 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * The video ID to associate with the caption - displays
+     * length of video dynamically when a video is loaded on the page.
+     */
+    videoId: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Align the caption text to the right
+     */
+    rightAlign: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    videoStore: import('pinia').Store<"video", import('../../stores/video.store').IVideosState, {}, {
+        addVideo(newVideo: {
+            videoId: string;
+            videoDurationMsg: string;
+            videoDuration: number;
+            videoFullDuration: {
+                minutes: number;
+                seconds: number;
+                roundedMinutes: string;
+            };
+        }): void;
+    }>;
+}, {}, {
+    videoDetails(): {
+        videoId: string;
+        videoDurationMsg: string;
+        videoDuration: number;
+        videoFullDuration: {
+            minutes: number;
+            seconds: number;
+            roundedMinutes: string;
+        };
+    };
+    captionClasses(): {
+        'text-end': boolean;
+    }[];
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * The video ID to associate with the caption - displays
+     * length of video dynamically when a video is loaded on the page.
+     */
+    videoId: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Align the caption text to the right
+     */
+    rightAlign: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    videoId: string;
+    rightAlign: boolean;
+}, {}, {
+    VsRow: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    VsCol: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
+        BCol: import('vue').DefineComponent<{
+            alignSelf: {
+                type: import('vue').PropType<import('bootstrap-vue-next').AlignmentVertical | "auto">;
+                default: null;
+            };
+            tag: {
+                type: StringConstructor;
+                default: string;
+            };
+            order: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: null;
+            };
+            offset: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: null;
+            };
+            col: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            cols: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: null;
+            };
+        }, {
+            computedClasses: import('vue').ComputedRef<(string[] | {
+                [x: string]: boolean;
+                col: boolean;
+            })[]>;
+        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            alignSelf: {
+                type: import('vue').PropType<import('bootstrap-vue-next').AlignmentVertical | "auto">;
+                default: null;
+            };
+            tag: {
+                type: StringConstructor;
+                default: string;
+            };
+            order: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: null;
+            };
+            offset: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: null;
+            };
+            col: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            cols: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: null;
+            };
+        }>>, {
+            tag: string;
+            cols: string | number;
+            col: boolean;
+            offset: string | number;
+            order: string | number;
+            alignSelf: import('bootstrap-vue-next').AlignmentVertical | "auto";
+        }, import('vue').SlotsType<{
+            default?: Record<string, never> | undefined;
+        }>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, () => {
+        cols: unknown;
+        sm: unknown;
+        md: unknown;
+        lg: unknown;
+        xl: unknown;
+    }, true, {}, any>;
+    VsContainer: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
+        BContainer: {
+            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+                tag: {
+                    type: import('vue').PropType<string>;
+                    default: string;
+                };
+                fluid: {
+                    type: import('vue').PropType<boolean | import('bootstrap-vue-next').Breakpoint>;
+                    default: boolean;
+                };
+                gutterX: {
+                    type: import('vue').PropType<import('node_modules/bootstrap-vue-next/dist/src/types').Numberish>;
+                    default: undefined;
+                };
+                gutterY: {
+                    type: import('vue').PropType<import('node_modules/bootstrap-vue-next/dist/src/types').Numberish>;
+                    default: undefined;
+                };
+            }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                fluid: boolean | import('bootstrap-vue-next').Breakpoint;
+                gutterX: import('node_modules/bootstrap-vue-next/dist/src/types').Numberish;
+                gutterY: import('node_modules/bootstrap-vue-next/dist/src/types').Numberish;
+                tag: string;
+            }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import('vue').ExtractPropTypes<{
+                tag: {
+                    type: import('vue').PropType<string>;
+                    default: string;
+                };
+                fluid: {
+                    type: import('vue').PropType<boolean | import('bootstrap-vue-next').Breakpoint>;
+                    default: boolean;
+                };
+                gutterX: {
+                    type: import('vue').PropType<import('node_modules/bootstrap-vue-next/dist/src/types').Numberish>;
+                    default: undefined;
+                };
+                gutterY: {
+                    type: import('vue').PropType<import('node_modules/bootstrap-vue-next/dist/src/types').Numberish>;
+                    default: undefined;
+                };
+            }>>, {}, {}, {}, {}, {
+                fluid: boolean | import('bootstrap-vue-next').Breakpoint;
+                gutterX: import('node_modules/bootstrap-vue-next/dist/src/types').Numberish;
+                gutterY: import('node_modules/bootstrap-vue-next/dist/src/types').Numberish;
+                tag: string;
+            }>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            tag: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+            fluid: {
+                type: import('vue').PropType<boolean | import('bootstrap-vue-next').Breakpoint>;
+                default: boolean;
+            };
+            gutterX: {
+                type: import('vue').PropType<import('node_modules/bootstrap-vue-next/dist/src/types').Numberish>;
+                default: undefined;
+            };
+            gutterY: {
+                type: import('vue').PropType<import('node_modules/bootstrap-vue-next/dist/src/types').Numberish>;
+                default: undefined;
+            };
+        }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            fluid: boolean | import('bootstrap-vue-next').Breakpoint;
+            gutterX: import('node_modules/bootstrap-vue-next/dist/src/types').Numberish;
+            gutterY: import('node_modules/bootstrap-vue-next/dist/src/types').Numberish;
+            tag: string;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+            $slots: {
+                default?(_: {}): any;
+            };
+        });
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;