@visitscotland/component-library 5.61.1 → 5.63.0

package/dist/components/components/video/Video.vue.d.ts

@@ -0,0 +1,3003 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * The type of video player to display
+     */
+    videoType: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => boolean;
+    };
+    /**
+    * The video url for HTML5 player
+    */
+    videoSrc: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * The poster image URL for video player
+    */
+    posterImageSrc: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * The video ID for the video, used for both YouTube and HTML5 players
+    */
+    videoId: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * The title of the video, set in the CMS
+    */
+    videoTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * The language of the video
+    */
+    language: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * A string to be shown with the rounded time, when the rounded
+     * minute value is singular. Should contain '%s' to be replaced by the
+     * number of minutes
+     *
+     * Eg: '%s minute video', 'Video de %s minuto'
+     */
+    singleMinuteDescriptor: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * A string to be shown with the rounded time, when the rounded
+     * minute value is plural. Should contain '%s' to be replaced
+     * by the number of minutes
+     *
+     * Eg: '%s minute video', 'Video de %s minutos'
+     */
+    pluralMinuteDescriptor: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * A message explaining why the component has been disabled with disabled cookies, is
+    * provided for descendent components to inject
+    */
+    noCookiesMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * Text used for the link which opens the cookie preference centre.
+    */
+    cookieBtnText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    /**
+    * A message explaining why the component has been disabled when js is disabled,
+    * is provided for descendent components to inject
+    */
+    noJsMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * Text to be announced when button is toggled to play
+    */
+    playButtonLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Text to be announced when button is toggled to pause
+    */
+    pauseButtonLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Whether to show play/pause toggle button
+    */
+    showToggle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Enable lazy loading - video only loads when scrolled into view
+     */
+    lazyLoad: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {
+    reRendering: boolean;
+}, {
+    /**
+     * Determines which video player component to use
+     * based on the videoType prop
+     */
+    playerComponent(): import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        videoId: {
+            type: StringConstructor;
+            required: true;
+        };
+        videoTitle: {
+            type: StringConstructor;
+            default: string;
+        };
+        language: {
+            type: StringConstructor;
+            default: string;
+        };
+        singleMinuteDescriptor: {
+            type: StringConstructor;
+            default: string;
+        };
+        pluralMinuteDescriptor: {
+            type: StringConstructor;
+            default: string;
+        };
+        noCookiesMessage: {
+            type: StringConstructor;
+            required: true;
+        };
+        cookieBtnText: {
+            type: StringConstructor;
+            required: true;
+        };
+        noJsMessage: {
+            type: StringConstructor;
+            required: true;
+        };
+        lazyLoad: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {}, {
+        playerVars: {
+            hl: string;
+        };
+        requiredCookies: 1[];
+        duration: {
+            minutes: number;
+            seconds: number;
+            roundedMinutes: string;
+        };
+        jsDisabled: boolean;
+        isLoaded: boolean;
+        observer: any;
+    }, {
+        player(): any;
+        showError(): boolean;
+        warningText(): string;
+    }, {
+        playerReady(): Promise<void>;
+        playVideo(): Promise<void>;
+        pauseVideo(): Promise<void>;
+        toggleVideo(): Promise<void>;
+        stopVideo(): Promise<void>;
+        youtubePlaying(): void;
+        youtubePaused(): void;
+        youtubeEnded(): void;
+        analyticsEvent(videoStatus: any): void;
+        getPlayerDetails(): Promise<void>;
+        formatTime(timeInSeconds: any): void;
+        getRoundedMinutes(minutes: any, seconds: any): any;
+        formatSingularOrPlural(minutes: any): string;
+        pad(toPad: any): any;
+        storeVideoDetails(): void;
+        setEventListeners(): void;
+        setupIntersectionObserver(): void;
+    }, {
+        computed: {
+            pageUrl: () => string;
+        };
+        data(): {
+            dataLayerLoadConfirmed: boolean;
+            dataLayerStore: any;
+        };
+        mounted(): void;
+        methods: {
+            templateFiller(template: any, values: any): {};
+            createDataLayerObject(type: any, event: any, href: any): void;
+            returnIsoDate(): string;
+            pushToDataLayer(object: any): void;
+            compileFullTemplate(templateValues: any): any;
+            targetText(event: any): any;
+        };
+    } | {
+        data(): {
+            requiredCookies: any[];
+            requiredCookiesAllowed: boolean;
+            cookieManagerLoaded: boolean;
+        };
+        methods: {
+            managerLoaded(): void;
+            cookiesUpdated(): void;
+        };
+        computed: {
+            cookiesAllowed(): any;
+            cookiesLoaded(): any;
+        };
+        mounted(): void;
+    }, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        videoId: {
+            type: StringConstructor;
+            required: true;
+        };
+        videoTitle: {
+            type: StringConstructor;
+            default: string;
+        };
+        language: {
+            type: StringConstructor;
+            default: string;
+        };
+        singleMinuteDescriptor: {
+            type: StringConstructor;
+            default: string;
+        };
+        pluralMinuteDescriptor: {
+            type: StringConstructor;
+            default: string;
+        };
+        noCookiesMessage: {
+            type: StringConstructor;
+            required: true;
+        };
+        cookieBtnText: {
+            type: StringConstructor;
+            required: true;
+        };
+        noJsMessage: {
+            type: StringConstructor;
+            required: true;
+        };
+        lazyLoad: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        language: string;
+        videoTitle: string;
+        singleMinuteDescriptor: string;
+        pluralMinuteDescriptor: string;
+        lazyLoad: boolean;
+    }, {}, {
+        VueYoutube: any;
+        VsWarning: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                default: string;
+            };
+            type: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => any;
+            };
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => any;
+            };
+        }>, {}, {}, {
+            warningClasses(): string[];
+            btnAttrs(): {
+                class: string;
+                size: string;
+            };
+        }, {
+            manageCookies(): void;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                default: string;
+            };
+            type: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => any;
+            };
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => any;
+            };
+        }>> & Readonly<{}>, {
+            type: string;
+            icon: string;
+            size: string;
+        }, {}, {
+            VsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                icon: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                variant: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => any;
+                };
+                customColour: {
+                    type: StringConstructor;
+                    default: any;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => any;
+                };
+                smallSize: {
+                    type: StringConstructor;
+                    default: any;
+                    validator: (value: unknown) => any;
+                };
+            }>, {}, {
+                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-border-accent-thistle-20": 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-accent-thistle-20": 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-225": 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-next": 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-control-previous": 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;
+                };
+            }, {
+                iconClasses(): any[];
+                fontAwesomeClasses(): any;
+                iconStyles(): {
+                    color: string;
+                };
+            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                icon: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                variant: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => any;
+                };
+                customColour: {
+                    type: StringConstructor;
+                    default: any;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => any;
+                };
+                smallSize: {
+                    type: StringConstructor;
+                    default: any;
+                    validator: (value: unknown) => any;
+                };
+            }>> & Readonly<{}>, {
+                variant: string;
+                customColour: string;
+                size: string;
+                smallSize: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            VsButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                href: {
+                    type: StringConstructor;
+                    default: any;
+                };
+                tabindex: {
+                    type: StringConstructor;
+                    default: any;
+                };
+                variant: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => any;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => any;
+                };
+                animate: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                rounded: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                icon: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                iconOnly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showLabelBreakpoint: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => boolean;
+                };
+                active: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                iconPosition: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => any;
+                };
+            }>, {}, {
+                isAnimating: boolean;
+            }, {
+                buttonClasses(): {
+                    [x: string]: string | boolean;
+                    'vs-button--animated': boolean;
+                    'vs-button--is-animating': boolean;
+                    'vs-button--rounded': boolean;
+                    'vs-button--icon-only': boolean;
+                    'vs-button--active': boolean;
+                    'vs-button--flex-reverse': boolean;
+                };
+                iconClasses(): {
+                    'vs-icon--right': boolean;
+                    'vs-icon--left': boolean;
+                }[];
+                buttonLabelClasses(): {
+                    [x: string]: string | true;
+                    'visually-hidden': string | true;
+                };
+            }, {
+                animateHandler(event: any): void;
+                tabbedIn(event: any): void;
+                trackLink(event: any): void;
+            }, {
+                computed: {
+                    pageUrl: () => string;
+                };
+                data(): {
+                    dataLayerLoadConfirmed: boolean;
+                    dataLayerStore: any;
+                };
+                mounted(): void;
+                methods: {
+                    templateFiller(template: any, values: any): {};
+                    createDataLayerObject(type: any, event: any, href: any): void;
+                    returnIsoDate(): string;
+                    pushToDataLayer(object: any): void;
+                    compileFullTemplate(templateValues: any): any;
+                    targetText(event: any): any;
+                };
+            }, import('vue').ComponentOptionsMixin, "btnFocus"[], "btnFocus", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                href: {
+                    type: StringConstructor;
+                    default: any;
+                };
+                tabindex: {
+                    type: StringConstructor;
+                    default: any;
+                };
+                variant: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => any;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => any;
+                };
+                animate: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                rounded: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                icon: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                iconOnly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showLabelBreakpoint: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => boolean;
+                };
+                active: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                iconPosition: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => any;
+                };
+            }>> & Readonly<{
+                onBtnFocus?: (...args: any[]) => any;
+            }>, {
+                icon: string;
+                variant: string;
+                size: string;
+                active: boolean;
+                href: string;
+                tabindex: string;
+                animate: boolean;
+                rounded: boolean;
+                iconOnly: boolean;
+                showLabelBreakpoint: string;
+                iconPosition: string;
+            }, {}, {
+                BButton: {
+                    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+                        pressed?: import('bootstrap-vue-next').BButtonProps["pressed"];
+                    } & {
+                        type?: import('bootstrap-vue-next').ButtonType;
+                        replace?: boolean;
+                        icon?: boolean;
+                        variant?: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+                        size?: import('bootstrap-vue-next').Size;
+                        active?: boolean;
+                        activeClass?: string;
+                        disabled?: boolean;
+                        exactActiveClass?: string;
+                        href?: string;
+                        noRel?: boolean;
+                        opacity?: import('bootstrap-vue-next').LinkOpacity;
+                        opacityHover?: import('bootstrap-vue-next').LinkOpacity;
+                        prefetch?: boolean;
+                        prefetchOn?: Partial<{
+                            visibility: boolean;
+                            interaction: boolean;
+                        }>;
+                        noPrefetch?: boolean;
+                        prefetchedClass?: import('node_modules/bootstrap-vue-next/dist/types/AnyValuedAttributes').ClassValue;
+                        rel?: string;
+                        routerComponentName?: string | import('vue').Component;
+                        routerTag?: string;
+                        stretched?: boolean;
+                        target?: import('bootstrap-vue-next').LinkTarget;
+                        to?: RouteLocationRaw;
+                        underlineOffset?: import('bootstrap-vue-next').UnderlineOffset;
+                        underlineOffsetHover?: import('bootstrap-vue-next').UnderlineOffset;
+                        underlineOpacity?: import('bootstrap-vue-next').UnderlineOpacity;
+                        underlineOpacityHover?: import('bootstrap-vue-next').UnderlineOpacity;
+                        underlineVariant?: import('bootstrap-vue-next').ColorVariant | null;
+                        loading?: boolean;
+                        loadingFill?: boolean;
+                        loadingText?: string;
+                        pill?: boolean;
+                        squared?: boolean;
+                        tag?: string;
+                    }> & Readonly<{
+                        onClick?: ((value: MouseEvent) => any) | undefined;
+                        "onUpdate:pressed"?: ((value: boolean | undefined) => any) | undefined;
+                    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                        click: (value: MouseEvent) => any;
+                        "update:pressed": (value: boolean | undefined) => any;
+                    }, import('vue').PublicProps, {
+                        disabled: boolean;
+                        to: import('vue-router').RouteLocationRaw;
+                        size: import('bootstrap-vue-next').Size;
+                        pill: boolean;
+                        target: import('bootstrap-vue-next').LinkTarget;
+                        type: import('bootstrap-vue-next').ButtonType;
+                        routerTag: string;
+                        active: boolean;
+                        activeClass: string;
+                        exactActiveClass: string;
+                        href: string;
+                        icon: boolean;
+                        opacity: import('bootstrap-vue-next').LinkOpacity;
+                        opacityHover: import('bootstrap-vue-next').LinkOpacity;
+                        rel: string;
+                        replace: boolean;
+                        routerComponentName: string | import('vue').Component;
+                        stretched: boolean;
+                        underlineOffset: import('bootstrap-vue-next').UnderlineOffset;
+                        underlineOffsetHover: import('bootstrap-vue-next').UnderlineOffset;
+                        underlineOpacity: import('bootstrap-vue-next').UnderlineOpacity;
+                        underlineOpacityHover: import('bootstrap-vue-next').UnderlineOpacity;
+                        underlineVariant: import('bootstrap-vue-next').ColorVariant | null;
+                        variant: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+                        tag: string;
+                        loading: boolean;
+                        loadingFill: boolean;
+                        loadingText: string;
+                        squared: boolean;
+                    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                        _element: unknown;
+                    }, any, import('vue').ComponentProvideOptions, {
+                        P: {};
+                        B: {};
+                        D: {};
+                        C: {};
+                        M: {};
+                        Defaults: {};
+                    }, Readonly<{
+                        pressed?: import('bootstrap-vue-next').BButtonProps["pressed"];
+                    } & {
+                        type?: import('bootstrap-vue-next').ButtonType;
+                        replace?: boolean;
+                        icon?: boolean;
+                        variant?: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+                        size?: import('bootstrap-vue-next').Size;
+                        active?: boolean;
+                        activeClass?: string;
+                        disabled?: boolean;
+                        exactActiveClass?: string;
+                        href?: string;
+                        noRel?: boolean;
+                        opacity?: import('bootstrap-vue-next').LinkOpacity;
+                        opacityHover?: import('bootstrap-vue-next').LinkOpacity;
+                        prefetch?: boolean;
+                        prefetchOn?: Partial<{
+                            visibility: boolean;
+                            interaction: boolean;
+                        }>;
+                        noPrefetch?: boolean;
+                        prefetchedClass?: import('node_modules/bootstrap-vue-next/dist/types/AnyValuedAttributes').ClassValue;
+                        rel?: string;
+                        routerComponentName?: string | import('vue').Component;
+                        routerTag?: string;
+                        stretched?: boolean;
+                        target?: import('bootstrap-vue-next').LinkTarget;
+                        to?: RouteLocationRaw;
+                        underlineOffset?: import('bootstrap-vue-next').UnderlineOffset;
+                        underlineOffsetHover?: import('bootstrap-vue-next').UnderlineOffset;
+                        underlineOpacity?: import('bootstrap-vue-next').UnderlineOpacity;
+                        underlineOpacityHover?: import('bootstrap-vue-next').UnderlineOpacity;
+                        underlineVariant?: import('bootstrap-vue-next').ColorVariant | null;
+                        loading?: boolean;
+                        loadingFill?: boolean;
+                        loadingText?: string;
+                        pill?: boolean;
+                        squared?: boolean;
+                        tag?: string;
+                    }> & Readonly<{
+                        onClick?: ((value: MouseEvent) => any) | undefined;
+                        "onUpdate:pressed"?: ((value: boolean | undefined) => any) | undefined;
+                    }>, {}, {}, {}, {}, {
+                        disabled: boolean;
+                        to: import('vue-router').RouteLocationRaw;
+                        size: import('bootstrap-vue-next').Size;
+                        pill: boolean;
+                        target: import('bootstrap-vue-next').LinkTarget;
+                        type: import('bootstrap-vue-next').ButtonType;
+                        routerTag: string;
+                        active: boolean;
+                        activeClass: string;
+                        exactActiveClass: string;
+                        href: string;
+                        icon: boolean;
+                        opacity: import('bootstrap-vue-next').LinkOpacity;
+                        opacityHover: import('bootstrap-vue-next').LinkOpacity;
+                        rel: string;
+                        replace: boolean;
+                        routerComponentName: string | import('vue').Component;
+                        stretched: boolean;
+                        underlineOffset: import('bootstrap-vue-next').UnderlineOffset;
+                        underlineOffsetHover: import('bootstrap-vue-next').UnderlineOffset;
+                        underlineOpacity: import('bootstrap-vue-next').UnderlineOpacity;
+                        underlineOpacityHover: import('bootstrap-vue-next').UnderlineOpacity;
+                        underlineVariant: import('bootstrap-vue-next').ColorVariant | null;
+                        variant: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+                        tag: string;
+                        loading: boolean;
+                        loadingFill: boolean;
+                        loadingText: string;
+                        squared: boolean;
+                    }>;
+                    __isFragment?: never;
+                    __isTeleport?: never;
+                    __isSuspense?: never;
+                } & import('vue').ComponentOptionsBase<Readonly<{
+                    pressed?: import('bootstrap-vue-next').BButtonProps["pressed"];
+                } & {
+                    type?: import('bootstrap-vue-next').ButtonType;
+                    replace?: boolean;
+                    icon?: boolean;
+                    variant?: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+                    size?: import('bootstrap-vue-next').Size;
+                    active?: boolean;
+                    activeClass?: string;
+                    disabled?: boolean;
+                    exactActiveClass?: string;
+                    href?: string;
+                    noRel?: boolean;
+                    opacity?: import('bootstrap-vue-next').LinkOpacity;
+                    opacityHover?: import('bootstrap-vue-next').LinkOpacity;
+                    prefetch?: boolean;
+                    prefetchOn?: Partial<{
+                        visibility: boolean;
+                        interaction: boolean;
+                    }>;
+                    noPrefetch?: boolean;
+                    prefetchedClass?: import('node_modules/bootstrap-vue-next/dist/types/AnyValuedAttributes').ClassValue;
+                    rel?: string;
+                    routerComponentName?: string | import('vue').Component;
+                    routerTag?: string;
+                    stretched?: boolean;
+                    target?: import('bootstrap-vue-next').LinkTarget;
+                    to?: RouteLocationRaw;
+                    underlineOffset?: import('bootstrap-vue-next').UnderlineOffset;
+                    underlineOffsetHover?: import('bootstrap-vue-next').UnderlineOffset;
+                    underlineOpacity?: import('bootstrap-vue-next').UnderlineOpacity;
+                    underlineOpacityHover?: import('bootstrap-vue-next').UnderlineOpacity;
+                    underlineVariant?: import('bootstrap-vue-next').ColorVariant | null;
+                    loading?: boolean;
+                    loadingFill?: boolean;
+                    loadingText?: string;
+                    pill?: boolean;
+                    squared?: boolean;
+                    tag?: string;
+                }> & Readonly<{
+                    onClick?: ((value: MouseEvent) => any) | undefined;
+                    "onUpdate:pressed"?: ((value: boolean | undefined) => any) | undefined;
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    click: (value: MouseEvent) => any;
+                    "update:pressed": (value: boolean | undefined) => any;
+                }, string, {
+                    disabled: boolean;
+                    to: import('vue-router').RouteLocationRaw;
+                    size: import('bootstrap-vue-next').Size;
+                    pill: boolean;
+                    target: import('bootstrap-vue-next').LinkTarget;
+                    type: import('bootstrap-vue-next').ButtonType;
+                    routerTag: string;
+                    active: boolean;
+                    activeClass: string;
+                    exactActiveClass: string;
+                    href: string;
+                    icon: boolean;
+                    opacity: import('bootstrap-vue-next').LinkOpacity;
+                    opacityHover: import('bootstrap-vue-next').LinkOpacity;
+                    rel: string;
+                    replace: boolean;
+                    routerComponentName: string | import('vue').Component;
+                    stretched: boolean;
+                    underlineOffset: import('bootstrap-vue-next').UnderlineOffset;
+                    underlineOffsetHover: import('bootstrap-vue-next').UnderlineOffset;
+                    underlineOpacity: import('bootstrap-vue-next').UnderlineOpacity;
+                    underlineOpacityHover: import('bootstrap-vue-next').UnderlineOpacity;
+                    underlineVariant: import('bootstrap-vue-next').ColorVariant | null;
+                    variant: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+                    tag: string;
+                    loading: boolean;
+                    loadingFill: boolean;
+                    loadingText: string;
+                    squared: boolean;
+                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+                    $slots: Readonly<import('bootstrap-vue-next').BButtonSlots> & import('bootstrap-vue-next').BButtonSlots;
+                });
+                VsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    icon: {
+                        type: StringConstructor;
+                        required: true;
+                    };
+                    variant: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (value: unknown) => any;
+                    };
+                    customColour: {
+                        type: StringConstructor;
+                        default: any;
+                    };
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (value: unknown) => any;
+                    };
+                    smallSize: {
+                        type: StringConstructor;
+                        default: any;
+                        validator: (value: unknown) => any;
+                    };
+                }>, {}, {
+                    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-border-accent-thistle-20": 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-accent-thistle-20": 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-225": 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-next": 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-control-previous": 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;
+                    };
+                }, {
+                    iconClasses(): any[];
+                    fontAwesomeClasses(): any;
+                    iconStyles(): {
+                        color: string;
+                    };
+                }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    icon: {
+                        type: StringConstructor;
+                        required: true;
+                    };
+                    variant: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (value: unknown) => any;
+                    };
+                    customColour: {
+                        type: StringConstructor;
+                        default: any;
+                    };
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (value: unknown) => any;
+                    };
+                    smallSize: {
+                        type: StringConstructor;
+                        default: any;
+                        validator: (value: unknown) => any;
+                    };
+                }>> & Readonly<{}>, {
+                    variant: string;
+                    customColour: string;
+                    size: string;
+                    smallSize: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            VsBody: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                variant: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => any;
+                };
+                noMargins: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {}, {}, {
+                bodyClasses(): string[];
+            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                variant: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => any;
+                };
+                noMargins: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{}>, {
+                variant: string;
+                noMargins: boolean;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        videoSrc: {
+            type: StringConstructor;
+            required: true;
+        };
+        videoId: {
+            type: StringConstructor;
+            required: true;
+        };
+        posterImageSrc: {
+            type: StringConstructor;
+            default: string;
+        };
+        lazyLoad: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        playButtonLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        pauseButtonLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        showToggle: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {}, {
+        isLoaded: boolean;
+        isPlaying: boolean;
+        observer: any;
+        isReducedMotion: boolean;
+    }, {}, {
+        playVideo(): void;
+        pauseVideo(): void;
+        stopVideo(): void;
+        toggleVideo(): void;
+        setupIntersectionObserver(): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        videoSrc: {
+            type: StringConstructor;
+            required: true;
+        };
+        videoId: {
+            type: StringConstructor;
+            required: true;
+        };
+        posterImageSrc: {
+            type: StringConstructor;
+            default: string;
+        };
+        lazyLoad: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        playButtonLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        pauseButtonLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        showToggle: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        lazyLoad: boolean;
+        posterImageSrc: string;
+        playButtonLabel: string;
+        pauseButtonLabel: string;
+        showToggle: boolean;
+    }, {}, {
+        VsToggleButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            toggleId: {
+                type: StringConstructor;
+                default: string;
+            };
+            variant: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => any;
+            };
+            icon: {
+                type: StringConstructor;
+                default: string;
+            };
+            pressedIcon: {
+                type: StringConstructor;
+                default: any;
+            };
+            modelValue: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            label: {
+                type: StringConstructor;
+                default: string;
+            };
+            pressedLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            labelBreakpoint: {
+                type: StringConstructor;
+                default: any;
+                validator: (value: unknown) => boolean;
+            };
+        }>, {}, {
+            show: boolean;
+            internalPressed: boolean;
+        }, {
+            isLegacyMode(): boolean;
+            isPressed(): boolean;
+            buttonClasses(): {
+                [x: string]: string | boolean;
+                'vs-toggle-button--pressed': boolean;
+            };
+            buttonLabelClasses(): {
+                [x: string]: string;
+            };
+            currentIcon(): string;
+            computedLabel(): string;
+        }, {
+            toggleLegacy(event: any): void;
+            handleClick(event: any): void;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "update:modelValue" | "toggleAction")[], "click" | "update:modelValue" | "toggleAction", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            toggleId: {
+                type: StringConstructor;
+                default: string;
+            };
+            variant: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => any;
+            };
+            icon: {
+                type: StringConstructor;
+                default: string;
+            };
+            pressedIcon: {
+                type: StringConstructor;
+                default: any;
+            };
+            modelValue: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            label: {
+                type: StringConstructor;
+                default: string;
+            };
+            pressedLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            labelBreakpoint: {
+                type: StringConstructor;
+                default: any;
+                validator: (value: unknown) => boolean;
+            };
+        }>> & Readonly<{
+            onClick?: (...args: any[]) => any;
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+            onToggleAction?: (...args: any[]) => any;
+        }>, {
+            icon: string;
+            variant: string;
+            label: string;
+            modelValue: boolean;
+            toggleId: string;
+            pressedIcon: string;
+            pressedLabel: string;
+            labelBreakpoint: string;
+        }, {}, {
+            VsButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                href: {
+                    type: StringConstructor;
+                    default: any;
+                };
+                tabindex: {
+                    type: StringConstructor;
+                    default: any;
+                };
+                variant: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => any;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => any;
+                };
+                animate: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                rounded: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                icon: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                iconOnly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showLabelBreakpoint: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => boolean;
+                };
+                active: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                iconPosition: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => any;
+                };
+            }>, {}, {
+                isAnimating: boolean;
+            }, {
+                buttonClasses(): {
+                    [x: string]: string | boolean;
+                    'vs-button--animated': boolean;
+                    'vs-button--is-animating': boolean;
+                    'vs-button--rounded': boolean;
+                    'vs-button--icon-only': boolean;
+                    'vs-button--active': boolean;
+                    'vs-button--flex-reverse': boolean;
+                };
+                iconClasses(): {
+                    'vs-icon--right': boolean;
+                    'vs-icon--left': boolean;
+                }[];
+                buttonLabelClasses(): {
+                    [x: string]: string | true;
+                    'visually-hidden': string | true;
+                };
+            }, {
+                animateHandler(event: any): void;
+                tabbedIn(event: any): void;
+                trackLink(event: any): void;
+            }, {
+                computed: {
+                    pageUrl: () => string;
+                };
+                data(): {
+                    dataLayerLoadConfirmed: boolean;
+                    dataLayerStore: any;
+                };
+                mounted(): void;
+                methods: {
+                    templateFiller(template: any, values: any): {};
+                    createDataLayerObject(type: any, event: any, href: any): void;
+                    returnIsoDate(): string;
+                    pushToDataLayer(object: any): void;
+                    compileFullTemplate(templateValues: any): any;
+                    targetText(event: any): any;
+                };
+            }, import('vue').ComponentOptionsMixin, "btnFocus"[], "btnFocus", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                href: {
+                    type: StringConstructor;
+                    default: any;
+                };
+                tabindex: {
+                    type: StringConstructor;
+                    default: any;
+                };
+                variant: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => any;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => any;
+                };
+                animate: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                rounded: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                icon: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                iconOnly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showLabelBreakpoint: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => boolean;
+                };
+                active: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                iconPosition: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => any;
+                };
+            }>> & Readonly<{
+                onBtnFocus?: (...args: any[]) => any;
+            }>, {
+                icon: string;
+                variant: string;
+                size: string;
+                active: boolean;
+                href: string;
+                tabindex: string;
+                animate: boolean;
+                rounded: boolean;
+                iconOnly: boolean;
+                showLabelBreakpoint: string;
+                iconPosition: string;
+            }, {}, {
+                BButton: {
+                    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+                        pressed?: import('bootstrap-vue-next').BButtonProps["pressed"];
+                    } & {
+                        type?: import('bootstrap-vue-next').ButtonType;
+                        replace?: boolean;
+                        icon?: boolean;
+                        variant?: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+                        size?: import('bootstrap-vue-next').Size;
+                        active?: boolean;
+                        activeClass?: string;
+                        disabled?: boolean;
+                        exactActiveClass?: string;
+                        href?: string;
+                        noRel?: boolean;
+                        opacity?: import('bootstrap-vue-next').LinkOpacity;
+                        opacityHover?: import('bootstrap-vue-next').LinkOpacity;
+                        prefetch?: boolean;
+                        prefetchOn?: Partial<{
+                            visibility: boolean;
+                            interaction: boolean;
+                        }>;
+                        noPrefetch?: boolean;
+                        prefetchedClass?: import('node_modules/bootstrap-vue-next/dist/types/AnyValuedAttributes').ClassValue;
+                        rel?: string;
+                        routerComponentName?: string | import('vue').Component;
+                        routerTag?: string;
+                        stretched?: boolean;
+                        target?: import('bootstrap-vue-next').LinkTarget;
+                        to?: RouteLocationRaw;
+                        underlineOffset?: import('bootstrap-vue-next').UnderlineOffset;
+                        underlineOffsetHover?: import('bootstrap-vue-next').UnderlineOffset;
+                        underlineOpacity?: import('bootstrap-vue-next').UnderlineOpacity;
+                        underlineOpacityHover?: import('bootstrap-vue-next').UnderlineOpacity;
+                        underlineVariant?: import('bootstrap-vue-next').ColorVariant | null;
+                        loading?: boolean;
+                        loadingFill?: boolean;
+                        loadingText?: string;
+                        pill?: boolean;
+                        squared?: boolean;
+                        tag?: string;
+                    }> & Readonly<{
+                        onClick?: ((value: MouseEvent) => any) | undefined;
+                        "onUpdate:pressed"?: ((value: boolean | undefined) => any) | undefined;
+                    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                        click: (value: MouseEvent) => any;
+                        "update:pressed": (value: boolean | undefined) => any;
+                    }, import('vue').PublicProps, {
+                        disabled: boolean;
+                        to: import('vue-router').RouteLocationRaw;
+                        size: import('bootstrap-vue-next').Size;
+                        pill: boolean;
+                        target: import('bootstrap-vue-next').LinkTarget;
+                        type: import('bootstrap-vue-next').ButtonType;
+                        routerTag: string;
+                        active: boolean;
+                        activeClass: string;
+                        exactActiveClass: string;
+                        href: string;
+                        icon: boolean;
+                        opacity: import('bootstrap-vue-next').LinkOpacity;
+                        opacityHover: import('bootstrap-vue-next').LinkOpacity;
+                        rel: string;
+                        replace: boolean;
+                        routerComponentName: string | import('vue').Component;
+                        stretched: boolean;
+                        underlineOffset: import('bootstrap-vue-next').UnderlineOffset;
+                        underlineOffsetHover: import('bootstrap-vue-next').UnderlineOffset;
+                        underlineOpacity: import('bootstrap-vue-next').UnderlineOpacity;
+                        underlineOpacityHover: import('bootstrap-vue-next').UnderlineOpacity;
+                        underlineVariant: import('bootstrap-vue-next').ColorVariant | null;
+                        variant: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+                        tag: string;
+                        loading: boolean;
+                        loadingFill: boolean;
+                        loadingText: string;
+                        squared: boolean;
+                    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                        _element: unknown;
+                    }, any, import('vue').ComponentProvideOptions, {
+                        P: {};
+                        B: {};
+                        D: {};
+                        C: {};
+                        M: {};
+                        Defaults: {};
+                    }, Readonly<{
+                        pressed?: import('bootstrap-vue-next').BButtonProps["pressed"];
+                    } & {
+                        type?: import('bootstrap-vue-next').ButtonType;
+                        replace?: boolean;
+                        icon?: boolean;
+                        variant?: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+                        size?: import('bootstrap-vue-next').Size;
+                        active?: boolean;
+                        activeClass?: string;
+                        disabled?: boolean;
+                        exactActiveClass?: string;
+                        href?: string;
+                        noRel?: boolean;
+                        opacity?: import('bootstrap-vue-next').LinkOpacity;
+                        opacityHover?: import('bootstrap-vue-next').LinkOpacity;
+                        prefetch?: boolean;
+                        prefetchOn?: Partial<{
+                            visibility: boolean;
+                            interaction: boolean;
+                        }>;
+                        noPrefetch?: boolean;
+                        prefetchedClass?: import('node_modules/bootstrap-vue-next/dist/types/AnyValuedAttributes').ClassValue;
+                        rel?: string;
+                        routerComponentName?: string | import('vue').Component;
+                        routerTag?: string;
+                        stretched?: boolean;
+                        target?: import('bootstrap-vue-next').LinkTarget;
+                        to?: RouteLocationRaw;
+                        underlineOffset?: import('bootstrap-vue-next').UnderlineOffset;
+                        underlineOffsetHover?: import('bootstrap-vue-next').UnderlineOffset;
+                        underlineOpacity?: import('bootstrap-vue-next').UnderlineOpacity;
+                        underlineOpacityHover?: import('bootstrap-vue-next').UnderlineOpacity;
+                        underlineVariant?: import('bootstrap-vue-next').ColorVariant | null;
+                        loading?: boolean;
+                        loadingFill?: boolean;
+                        loadingText?: string;
+                        pill?: boolean;
+                        squared?: boolean;
+                        tag?: string;
+                    }> & Readonly<{
+                        onClick?: ((value: MouseEvent) => any) | undefined;
+                        "onUpdate:pressed"?: ((value: boolean | undefined) => any) | undefined;
+                    }>, {}, {}, {}, {}, {
+                        disabled: boolean;
+                        to: import('vue-router').RouteLocationRaw;
+                        size: import('bootstrap-vue-next').Size;
+                        pill: boolean;
+                        target: import('bootstrap-vue-next').LinkTarget;
+                        type: import('bootstrap-vue-next').ButtonType;
+                        routerTag: string;
+                        active: boolean;
+                        activeClass: string;
+                        exactActiveClass: string;
+                        href: string;
+                        icon: boolean;
+                        opacity: import('bootstrap-vue-next').LinkOpacity;
+                        opacityHover: import('bootstrap-vue-next').LinkOpacity;
+                        rel: string;
+                        replace: boolean;
+                        routerComponentName: string | import('vue').Component;
+                        stretched: boolean;
+                        underlineOffset: import('bootstrap-vue-next').UnderlineOffset;
+                        underlineOffsetHover: import('bootstrap-vue-next').UnderlineOffset;
+                        underlineOpacity: import('bootstrap-vue-next').UnderlineOpacity;
+                        underlineOpacityHover: import('bootstrap-vue-next').UnderlineOpacity;
+                        underlineVariant: import('bootstrap-vue-next').ColorVariant | null;
+                        variant: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+                        tag: string;
+                        loading: boolean;
+                        loadingFill: boolean;
+                        loadingText: string;
+                        squared: boolean;
+                    }>;
+                    __isFragment?: never;
+                    __isTeleport?: never;
+                    __isSuspense?: never;
+                } & import('vue').ComponentOptionsBase<Readonly<{
+                    pressed?: import('bootstrap-vue-next').BButtonProps["pressed"];
+                } & {
+                    type?: import('bootstrap-vue-next').ButtonType;
+                    replace?: boolean;
+                    icon?: boolean;
+                    variant?: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+                    size?: import('bootstrap-vue-next').Size;
+                    active?: boolean;
+                    activeClass?: string;
+                    disabled?: boolean;
+                    exactActiveClass?: string;
+                    href?: string;
+                    noRel?: boolean;
+                    opacity?: import('bootstrap-vue-next').LinkOpacity;
+                    opacityHover?: import('bootstrap-vue-next').LinkOpacity;
+                    prefetch?: boolean;
+                    prefetchOn?: Partial<{
+                        visibility: boolean;
+                        interaction: boolean;
+                    }>;
+                    noPrefetch?: boolean;
+                    prefetchedClass?: import('node_modules/bootstrap-vue-next/dist/types/AnyValuedAttributes').ClassValue;
+                    rel?: string;
+                    routerComponentName?: string | import('vue').Component;
+                    routerTag?: string;
+                    stretched?: boolean;
+                    target?: import('bootstrap-vue-next').LinkTarget;
+                    to?: RouteLocationRaw;
+                    underlineOffset?: import('bootstrap-vue-next').UnderlineOffset;
+                    underlineOffsetHover?: import('bootstrap-vue-next').UnderlineOffset;
+                    underlineOpacity?: import('bootstrap-vue-next').UnderlineOpacity;
+                    underlineOpacityHover?: import('bootstrap-vue-next').UnderlineOpacity;
+                    underlineVariant?: import('bootstrap-vue-next').ColorVariant | null;
+                    loading?: boolean;
+                    loadingFill?: boolean;
+                    loadingText?: string;
+                    pill?: boolean;
+                    squared?: boolean;
+                    tag?: string;
+                }> & Readonly<{
+                    onClick?: ((value: MouseEvent) => any) | undefined;
+                    "onUpdate:pressed"?: ((value: boolean | undefined) => any) | undefined;
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    click: (value: MouseEvent) => any;
+                    "update:pressed": (value: boolean | undefined) => any;
+                }, string, {
+                    disabled: boolean;
+                    to: import('vue-router').RouteLocationRaw;
+                    size: import('bootstrap-vue-next').Size;
+                    pill: boolean;
+                    target: import('bootstrap-vue-next').LinkTarget;
+                    type: import('bootstrap-vue-next').ButtonType;
+                    routerTag: string;
+                    active: boolean;
+                    activeClass: string;
+                    exactActiveClass: string;
+                    href: string;
+                    icon: boolean;
+                    opacity: import('bootstrap-vue-next').LinkOpacity;
+                    opacityHover: import('bootstrap-vue-next').LinkOpacity;
+                    rel: string;
+                    replace: boolean;
+                    routerComponentName: string | import('vue').Component;
+                    stretched: boolean;
+                    underlineOffset: import('bootstrap-vue-next').UnderlineOffset;
+                    underlineOffsetHover: import('bootstrap-vue-next').UnderlineOffset;
+                    underlineOpacity: import('bootstrap-vue-next').UnderlineOpacity;
+                    underlineOpacityHover: import('bootstrap-vue-next').UnderlineOpacity;
+                    underlineVariant: import('bootstrap-vue-next').ColorVariant | null;
+                    variant: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+                    tag: string;
+                    loading: boolean;
+                    loadingFill: boolean;
+                    loadingText: string;
+                    squared: boolean;
+                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+                    $slots: Readonly<import('bootstrap-vue-next').BButtonSlots> & import('bootstrap-vue-next').BButtonSlots;
+                });
+                VsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    icon: {
+                        type: StringConstructor;
+                        required: true;
+                    };
+                    variant: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (value: unknown) => any;
+                    };
+                    customColour: {
+                        type: StringConstructor;
+                        default: any;
+                    };
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (value: unknown) => any;
+                    };
+                    smallSize: {
+                        type: StringConstructor;
+                        default: any;
+                        validator: (value: unknown) => any;
+                    };
+                }>, {}, {
+                    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-border-accent-thistle-20": 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-accent-thistle-20": 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-225": 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-next": 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-control-previous": 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;
+                    };
+                }, {
+                    iconClasses(): any[];
+                    fontAwesomeClasses(): any;
+                    iconStyles(): {
+                        color: string;
+                    };
+                }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    icon: {
+                        type: StringConstructor;
+                        required: true;
+                    };
+                    variant: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (value: unknown) => any;
+                    };
+                    customColour: {
+                        type: StringConstructor;
+                        default: any;
+                    };
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (value: unknown) => any;
+                    };
+                    smallSize: {
+                        type: StringConstructor;
+                        default: any;
+                        validator: (value: unknown) => any;
+                    };
+                }>> & Readonly<{}>, {
+                    variant: string;
+                    customColour: string;
+                    size: string;
+                    smallSize: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            BButton: {
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+                    pressed?: import('bootstrap-vue-next').BButtonProps["pressed"];
+                } & {
+                    type?: import('bootstrap-vue-next').ButtonType;
+                    replace?: boolean;
+                    icon?: boolean;
+                    variant?: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+                    size?: import('bootstrap-vue-next').Size;
+                    active?: boolean;
+                    activeClass?: string;
+                    disabled?: boolean;
+                    exactActiveClass?: string;
+                    href?: string;
+                    noRel?: boolean;
+                    opacity?: import('bootstrap-vue-next').LinkOpacity;
+                    opacityHover?: import('bootstrap-vue-next').LinkOpacity;
+                    prefetch?: boolean;
+                    prefetchOn?: Partial<{
+                        visibility: boolean;
+                        interaction: boolean;
+                    }>;
+                    noPrefetch?: boolean;
+                    prefetchedClass?: import('node_modules/bootstrap-vue-next/dist/types/AnyValuedAttributes').ClassValue;
+                    rel?: string;
+                    routerComponentName?: string | import('vue').Component;
+                    routerTag?: string;
+                    stretched?: boolean;
+                    target?: import('bootstrap-vue-next').LinkTarget;
+                    to?: RouteLocationRaw;
+                    underlineOffset?: import('bootstrap-vue-next').UnderlineOffset;
+                    underlineOffsetHover?: import('bootstrap-vue-next').UnderlineOffset;
+                    underlineOpacity?: import('bootstrap-vue-next').UnderlineOpacity;
+                    underlineOpacityHover?: import('bootstrap-vue-next').UnderlineOpacity;
+                    underlineVariant?: import('bootstrap-vue-next').ColorVariant | null;
+                    loading?: boolean;
+                    loadingFill?: boolean;
+                    loadingText?: string;
+                    pill?: boolean;
+                    squared?: boolean;
+                    tag?: string;
+                }> & Readonly<{
+                    onClick?: ((value: MouseEvent) => any) | undefined;
+                    "onUpdate:pressed"?: ((value: boolean | undefined) => any) | undefined;
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    click: (value: MouseEvent) => any;
+                    "update:pressed": (value: boolean | undefined) => any;
+                }, import('vue').PublicProps, {
+                    disabled: boolean;
+                    to: import('vue-router').RouteLocationRaw;
+                    size: import('bootstrap-vue-next').Size;
+                    pill: boolean;
+                    target: import('bootstrap-vue-next').LinkTarget;
+                    type: import('bootstrap-vue-next').ButtonType;
+                    routerTag: string;
+                    active: boolean;
+                    activeClass: string;
+                    exactActiveClass: string;
+                    href: string;
+                    icon: boolean;
+                    opacity: import('bootstrap-vue-next').LinkOpacity;
+                    opacityHover: import('bootstrap-vue-next').LinkOpacity;
+                    rel: string;
+                    replace: boolean;
+                    routerComponentName: string | import('vue').Component;
+                    stretched: boolean;
+                    underlineOffset: import('bootstrap-vue-next').UnderlineOffset;
+                    underlineOffsetHover: import('bootstrap-vue-next').UnderlineOffset;
+                    underlineOpacity: import('bootstrap-vue-next').UnderlineOpacity;
+                    underlineOpacityHover: import('bootstrap-vue-next').UnderlineOpacity;
+                    underlineVariant: import('bootstrap-vue-next').ColorVariant | null;
+                    variant: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+                    tag: string;
+                    loading: boolean;
+                    loadingFill: boolean;
+                    loadingText: string;
+                    squared: boolean;
+                }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                    _element: unknown;
+                }, any, import('vue').ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<{
+                    pressed?: import('bootstrap-vue-next').BButtonProps["pressed"];
+                } & {
+                    type?: import('bootstrap-vue-next').ButtonType;
+                    replace?: boolean;
+                    icon?: boolean;
+                    variant?: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+                    size?: import('bootstrap-vue-next').Size;
+                    active?: boolean;
+                    activeClass?: string;
+                    disabled?: boolean;
+                    exactActiveClass?: string;
+                    href?: string;
+                    noRel?: boolean;
+                    opacity?: import('bootstrap-vue-next').LinkOpacity;
+                    opacityHover?: import('bootstrap-vue-next').LinkOpacity;
+                    prefetch?: boolean;
+                    prefetchOn?: Partial<{
+                        visibility: boolean;
+                        interaction: boolean;
+                    }>;
+                    noPrefetch?: boolean;
+                    prefetchedClass?: import('node_modules/bootstrap-vue-next/dist/types/AnyValuedAttributes').ClassValue;
+                    rel?: string;
+                    routerComponentName?: string | import('vue').Component;
+                    routerTag?: string;
+                    stretched?: boolean;
+                    target?: import('bootstrap-vue-next').LinkTarget;
+                    to?: RouteLocationRaw;
+                    underlineOffset?: import('bootstrap-vue-next').UnderlineOffset;
+                    underlineOffsetHover?: import('bootstrap-vue-next').UnderlineOffset;
+                    underlineOpacity?: import('bootstrap-vue-next').UnderlineOpacity;
+                    underlineOpacityHover?: import('bootstrap-vue-next').UnderlineOpacity;
+                    underlineVariant?: import('bootstrap-vue-next').ColorVariant | null;
+                    loading?: boolean;
+                    loadingFill?: boolean;
+                    loadingText?: string;
+                    pill?: boolean;
+                    squared?: boolean;
+                    tag?: string;
+                }> & Readonly<{
+                    onClick?: ((value: MouseEvent) => any) | undefined;
+                    "onUpdate:pressed"?: ((value: boolean | undefined) => any) | undefined;
+                }>, {}, {}, {}, {}, {
+                    disabled: boolean;
+                    to: import('vue-router').RouteLocationRaw;
+                    size: import('bootstrap-vue-next').Size;
+                    pill: boolean;
+                    target: import('bootstrap-vue-next').LinkTarget;
+                    type: import('bootstrap-vue-next').ButtonType;
+                    routerTag: string;
+                    active: boolean;
+                    activeClass: string;
+                    exactActiveClass: string;
+                    href: string;
+                    icon: boolean;
+                    opacity: import('bootstrap-vue-next').LinkOpacity;
+                    opacityHover: import('bootstrap-vue-next').LinkOpacity;
+                    rel: string;
+                    replace: boolean;
+                    routerComponentName: string | import('vue').Component;
+                    stretched: boolean;
+                    underlineOffset: import('bootstrap-vue-next').UnderlineOffset;
+                    underlineOffsetHover: import('bootstrap-vue-next').UnderlineOffset;
+                    underlineOpacity: import('bootstrap-vue-next').UnderlineOpacity;
+                    underlineOpacityHover: import('bootstrap-vue-next').UnderlineOpacity;
+                    underlineVariant: import('bootstrap-vue-next').ColorVariant | null;
+                    variant: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+                    tag: string;
+                    loading: boolean;
+                    loadingFill: boolean;
+                    loadingText: string;
+                    squared: boolean;
+                }>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import('vue').ComponentOptionsBase<Readonly<{
+                pressed?: import('bootstrap-vue-next').BButtonProps["pressed"];
+            } & {
+                type?: import('bootstrap-vue-next').ButtonType;
+                replace?: boolean;
+                icon?: boolean;
+                variant?: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+                size?: import('bootstrap-vue-next').Size;
+                active?: boolean;
+                activeClass?: string;
+                disabled?: boolean;
+                exactActiveClass?: string;
+                href?: string;
+                noRel?: boolean;
+                opacity?: import('bootstrap-vue-next').LinkOpacity;
+                opacityHover?: import('bootstrap-vue-next').LinkOpacity;
+                prefetch?: boolean;
+                prefetchOn?: Partial<{
+                    visibility: boolean;
+                    interaction: boolean;
+                }>;
+                noPrefetch?: boolean;
+                prefetchedClass?: import('node_modules/bootstrap-vue-next/dist/types/AnyValuedAttributes').ClassValue;
+                rel?: string;
+                routerComponentName?: string | import('vue').Component;
+                routerTag?: string;
+                stretched?: boolean;
+                target?: import('bootstrap-vue-next').LinkTarget;
+                to?: RouteLocationRaw;
+                underlineOffset?: import('bootstrap-vue-next').UnderlineOffset;
+                underlineOffsetHover?: import('bootstrap-vue-next').UnderlineOffset;
+                underlineOpacity?: import('bootstrap-vue-next').UnderlineOpacity;
+                underlineOpacityHover?: import('bootstrap-vue-next').UnderlineOpacity;
+                underlineVariant?: import('bootstrap-vue-next').ColorVariant | null;
+                loading?: boolean;
+                loadingFill?: boolean;
+                loadingText?: string;
+                pill?: boolean;
+                squared?: boolean;
+                tag?: string;
+            }> & Readonly<{
+                onClick?: ((value: MouseEvent) => any) | undefined;
+                "onUpdate:pressed"?: ((value: boolean | undefined) => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                click: (value: MouseEvent) => any;
+                "update:pressed": (value: boolean | undefined) => any;
+            }, string, {
+                disabled: boolean;
+                to: import('vue-router').RouteLocationRaw;
+                size: import('bootstrap-vue-next').Size;
+                pill: boolean;
+                target: import('bootstrap-vue-next').LinkTarget;
+                type: import('bootstrap-vue-next').ButtonType;
+                routerTag: string;
+                active: boolean;
+                activeClass: string;
+                exactActiveClass: string;
+                href: string;
+                icon: boolean;
+                opacity: import('bootstrap-vue-next').LinkOpacity;
+                opacityHover: import('bootstrap-vue-next').LinkOpacity;
+                rel: string;
+                replace: boolean;
+                routerComponentName: string | import('vue').Component;
+                stretched: boolean;
+                underlineOffset: import('bootstrap-vue-next').UnderlineOffset;
+                underlineOffsetHover: import('bootstrap-vue-next').UnderlineOffset;
+                underlineOpacity: import('bootstrap-vue-next').UnderlineOpacity;
+                underlineOpacityHover: import('bootstrap-vue-next').UnderlineOpacity;
+                underlineVariant: import('bootstrap-vue-next').ColorVariant | null;
+                variant: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+                tag: string;
+                loading: boolean;
+                loadingFill: boolean;
+                loadingText: string;
+                squared: boolean;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+                $slots: Readonly<import('bootstrap-vue-next').BButtonSlots> & import('bootstrap-vue-next').BButtonSlots;
+            });
+            VsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                icon: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                variant: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => any;
+                };
+                customColour: {
+                    type: StringConstructor;
+                    default: any;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => any;
+                };
+                smallSize: {
+                    type: StringConstructor;
+                    default: any;
+                    validator: (value: unknown) => any;
+                };
+            }>, {}, {
+                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-border-accent-thistle-20": 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-accent-thistle-20": 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-225": 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-next": 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-control-previous": 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;
+                };
+            }, {
+                iconClasses(): any[];
+                fontAwesomeClasses(): any;
+                iconStyles(): {
+                    color: string;
+                };
+            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                icon: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                variant: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => any;
+                };
+                customColour: {
+                    type: StringConstructor;
+                    default: any;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => any;
+                };
+                smallSize: {
+                    type: StringConstructor;
+                    default: any;
+                    validator: (value: unknown) => any;
+                };
+            }>> & Readonly<{}>, {
+                variant: string;
+                customColour: string;
+                size: string;
+                smallSize: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        VsImg: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            src: {
+                type: StringConstructor;
+                required: true;
+            };
+            lowResImage: {
+                type: StringConstructor;
+                default: any;
+            };
+            alt: {
+                type: StringConstructor;
+                default: string;
+            };
+            fluid: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            fluidGrow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            useGenericLqip: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            useLazyLoading: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, {}, {}, {
+            imgStyle(): {
+                backgroundImage: string;
+            };
+            isSvg(): boolean;
+            computedSrcSet(): unknown;
+        }, {}, {
+            computed: {
+                fullSrcSet(): string;
+            };
+            methods: {
+                specificImgSize(size: any): string;
+            };
+        } | {
+            inject: {
+                cols: {
+                    default: number;
+                };
+                sm: {
+                    default: number;
+                };
+                md: {
+                    default: number;
+                };
+                lg: {
+                    default: number;
+                };
+                xl: {
+                    default: number;
+                };
+            };
+            computed: {
+                computedSizes(): string;
+            };
+        }, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            src: {
+                type: StringConstructor;
+                required: true;
+            };
+            lowResImage: {
+                type: StringConstructor;
+                default: any;
+            };
+            alt: {
+                type: StringConstructor;
+                default: string;
+            };
+            fluid: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            fluidGrow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            useGenericLqip: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            useLazyLoading: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{}>, {
+            fluid: boolean;
+            fluidGrow: boolean;
+            lowResImage: string;
+            alt: string;
+            useGenericLqip: boolean;
+            useLazyLoading: boolean;
+        }, {}, {
+            BImg: import('vue').DefineComponent<import('bootstrap-vue-next').BImgProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('bootstrap-vue-next').BImgProps> & Readonly<{}>, {
+                lazy: boolean;
+                tag: string | import('vue').Component;
+                height: import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+                width: import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+                placement: Extract<import('bootstrap-vue-next').Placement, "start" | "end"> | "center";
+                blank: boolean;
+                blankColor: string;
+                block: boolean;
+                fluid: boolean;
+                fluidGrow: boolean;
+                sizes: string | readonly string[];
+                src: string;
+                srcset: string | readonly string[];
+                thumbnail: boolean;
+                rounded: boolean | import('bootstrap-vue-next').RadiusElement;
+                roundedTop: boolean | import('bootstrap-vue-next').RadiusElement;
+                roundedBottom: boolean | import('bootstrap-vue-next').RadiusElement;
+                roundedStart: boolean | import('bootstrap-vue-next').RadiusElement;
+                roundedEnd: boolean | import('bootstrap-vue-next').RadiusElement;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {
+    /**
+     * Plays the video by calling the play method
+     * on the player component reference, if it exists
+     */
+    playVideo(): void;
+    /**
+     * Pauses the video by calling the pause method
+     * on the player component reference, if it exists
+     */
+    pauseVideo(): void;
+    /**
+     * Stops the video by calling the stop method
+     * on the player component reference, if it exists
+     */
+    stopVideo(): void;
+    /**
+     * Toggles the play/pause state of the video by calling the toggle method
+     * on the player component reference, if it exists
+     */
+    toggleVideo(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * The type of video player to display
+     */
+    videoType: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => boolean;
+    };
+    /**
+    * The video url for HTML5 player
+    */
+    videoSrc: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * The poster image URL for video player
+    */
+    posterImageSrc: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * The video ID for the video, used for both YouTube and HTML5 players
+    */
+    videoId: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * The title of the video, set in the CMS
+    */
+    videoTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * The language of the video
+    */
+    language: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * A string to be shown with the rounded time, when the rounded
+     * minute value is singular. Should contain '%s' to be replaced by the
+     * number of minutes
+     *
+     * Eg: '%s minute video', 'Video de %s minuto'
+     */
+    singleMinuteDescriptor: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * A string to be shown with the rounded time, when the rounded
+     * minute value is plural. Should contain '%s' to be replaced
+     * by the number of minutes
+     *
+     * Eg: '%s minute video', 'Video de %s minutos'
+     */
+    pluralMinuteDescriptor: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * A message explaining why the component has been disabled with disabled cookies, is
+    * provided for descendent components to inject
+    */
+    noCookiesMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * Text used for the link which opens the cookie preference centre.
+    */
+    cookieBtnText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    /**
+    * A message explaining why the component has been disabled when js is disabled,
+    * is provided for descendent components to inject
+    */
+    noJsMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * Text to be announced when button is toggled to play
+    */
+    playButtonLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Text to be announced when button is toggled to pause
+    */
+    pauseButtonLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Whether to show play/pause toggle button
+    */
+    showToggle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Enable lazy loading - video only loads when scrolled into view
+     */
+    lazyLoad: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    language: string;
+    noJsMessage: string;
+    noCookiesMessage: string;
+    videoId: string;
+    videoTitle: string;
+    singleMinuteDescriptor: string;
+    pluralMinuteDescriptor: string;
+    cookieBtnText: string;
+    lazyLoad: boolean;
+    videoSrc: string;
+    posterImageSrc: string;
+    playButtonLabel: string;
+    pauseButtonLabel: string;
+    showToggle: boolean;
+    videoType: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;