@visitscotland/component-library 5.60.0 → 5.61.0

package/dist/components/src/components/content-swiper/ContentSwiper.vue.d.ts

@@ -1,1662 +0,0 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    /**
-     * Accessibility text for previous button
-     */
-    previousButtonLabel: {
-        type: StringConstructor;
-        required: true;
-    };
-    /**
-     * Accessibility text for next button
-     */
-    nextButtonLabel: {
-        type: StringConstructor;
-        required: true;
-    };
-    /**
-     * Set to true when the content swiper is placed inside
-     * a Bootstrap grid container to remove the padding and
-     * max-width that the component applies for overflow capabilities
-     */
-    contained: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Slides per view at XS breakpoint (0px+)
-     */
-    slidesPerViewXs: {
-        type: NumberConstructor;
-        default: number;
-    };
-    /**
-     * Slides per view at SM breakpoint (576px+)
-     */
-    slidesPerViewSm: {
-        type: NumberConstructor;
-        default: any;
-    };
-    /**
-     * Slides per view at MD breakpoint (768px+)
-     */
-    slidesPerViewMd: {
-        type: NumberConstructor;
-        default: any;
-    };
-    /**
-     * Slides per view at LG breakpoint (992px+)
-     */
-    slidesPerViewLg: {
-        type: NumberConstructor;
-        default: any;
-    };
-    /**
-     * Slides per view at XL breakpoint (1200px+)
-     */
-    slidesPerViewXl: {
-        type: NumberConstructor;
-        default: any;
-    };
-    /**
-     * Slides per view at XXL breakpoint (1400px+)
-     */
-    slidesPerViewXxl: {
-        type: NumberConstructor;
-        default: any;
-    };
-    /**
-     * Slides per view at XXXL breakpoint (1680px+)
-     */
-    slidesPerViewXxxl: {
-        type: NumberConstructor;
-        default: any;
-    };
-}>, {
-    instanceId: string;
-}, {
-    modules: import('swiper/types').SwiperModule[];
-    isInteracting: boolean;
-}, {
-    contentSwiperClasses(): {
-        'is-interacting': boolean;
-        'vs-content-swiper--contained': boolean;
-    };
-    scrollbarContainerClasses(): string[];
-    swiperNavigation(): {
-        prevEl: string;
-        nextEl: string;
-    };
-    swiperScrollbar(): {
-        el: string;
-        draggable: boolean;
-    };
-    swiperA11y(): {
-        scrollOnFocus: boolean;
-        slideLabelMessage: string;
-    };
-    swiperBreakpoints(): {};
-}, {
-    /**
-    * Sets isInteracting to true when user starts
-    * interacting with the content swiper (touch or mouse).
-    */
-    startInteraction(): void;
-    /**
-    * Sets isInteracting to false with a delay to prevent
-    * hiding the scrollbar immediately after interaction ends.
-    */
-    endInteraction(): void;
-    /**
-     * Prevents Safari focus loss bug when navigation buttons become disabled
-     */
-    handleSlideChange(swiper: any): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    /**
-     * Accessibility text for previous button
-     */
-    previousButtonLabel: {
-        type: StringConstructor;
-        required: true;
-    };
-    /**
-     * Accessibility text for next button
-     */
-    nextButtonLabel: {
-        type: StringConstructor;
-        required: true;
-    };
-    /**
-     * Set to true when the content swiper is placed inside
-     * a Bootstrap grid container to remove the padding and
-     * max-width that the component applies for overflow capabilities
-     */
-    contained: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Slides per view at XS breakpoint (0px+)
-     */
-    slidesPerViewXs: {
-        type: NumberConstructor;
-        default: number;
-    };
-    /**
-     * Slides per view at SM breakpoint (576px+)
-     */
-    slidesPerViewSm: {
-        type: NumberConstructor;
-        default: any;
-    };
-    /**
-     * Slides per view at MD breakpoint (768px+)
-     */
-    slidesPerViewMd: {
-        type: NumberConstructor;
-        default: any;
-    };
-    /**
-     * Slides per view at LG breakpoint (992px+)
-     */
-    slidesPerViewLg: {
-        type: NumberConstructor;
-        default: any;
-    };
-    /**
-     * Slides per view at XL breakpoint (1200px+)
-     */
-    slidesPerViewXl: {
-        type: NumberConstructor;
-        default: any;
-    };
-    /**
-     * Slides per view at XXL breakpoint (1400px+)
-     */
-    slidesPerViewXxl: {
-        type: NumberConstructor;
-        default: any;
-    };
-    /**
-     * Slides per view at XXXL breakpoint (1680px+)
-     */
-    slidesPerViewXxxl: {
-        type: NumberConstructor;
-        default: any;
-    };
-}>> & Readonly<{}>, {
-    contained: boolean;
-    slidesPerViewXs: number;
-    slidesPerViewSm: number;
-    slidesPerViewMd: number;
-    slidesPerViewLg: number;
-    slidesPerViewXl: number;
-    slidesPerViewXxl: number;
-    slidesPerViewXxxl: number;
-}, {}, {
-    Swiper: import('vue').DefineComponent<{
-        tag: {
-            type: StringConstructor;
-            default: string;
-        };
-        wrapperTag: {
-            type: StringConstructor;
-            default: string;
-        };
-        modules: {
-            type: ArrayConstructor;
-            default: undefined;
-        };
-        init: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        direction: {
-            type: import('vue').PropType<import('swiper/types').SwiperOptions["direction"]>;
-            default: import('swiper/types').SwiperOptions["direction"];
-        };
-        oneWayMovement: {
-            type: import('vue').PropType<import('swiper/types').SwiperOptions["oneWayMovement"]>;
-            default: import('swiper/types').SwiperOptions["oneWayMovement"];
-        };
-        swiperElementNodeName: {
-            type: import('vue').PropType<import('swiper/types').SwiperOptions["swiperElementNodeName"]>;
-            default: import('swiper/types').SwiperOptions["swiperElementNodeName"];
-        };
-        touchEventsTarget: {
-            type: import('vue').PropType<import('swiper/types').SwiperOptions["touchEventsTarget"]>;
-            default: undefined;
-        };
-        initialSlide: {
-            type: NumberConstructor;
-            default: undefined;
-        };
-        speed: {
-            type: NumberConstructor;
-            default: undefined;
-        };
-        cssMode: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        updateOnWindowResize: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        resizeObserver: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        nested: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        focusableElements: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        width: {
-            type: NumberConstructor;
-            default: undefined;
-        };
-        height: {
-            type: NumberConstructor;
-            default: undefined;
-        };
-        preventInteractionOnTransition: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        userAgent: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        url: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        edgeSwipeDetection: {
-            type: BooleanConstructor | StringConstructor;
-            default: undefined;
-        };
-        edgeSwipeThreshold: {
-            type: NumberConstructor;
-            default: undefined;
-        };
-        autoHeight: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        setWrapperSize: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        virtualTranslate: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        effect: {
-            type: import('vue').PropType<import('swiper/types').SwiperOptions["effect"]>;
-            default: undefined;
-        };
-        breakpoints: {
-            type: import('vue').PropType<import('swiper/types').SwiperOptions["breakpoints"]>;
-            default: undefined;
-        };
-        spaceBetween: {
-            type: import('vue').PropType<import('swiper/types').SwiperOptions["spaceBetween"]>;
-            default: undefined;
-        };
-        slidesPerView: {
-            type: import('vue').PropType<import('swiper/types').SwiperOptions["slidesPerView"]>;
-            default: undefined;
-        };
-        maxBackfaceHiddenSlides: {
-            type: NumberConstructor;
-            default: undefined;
-        };
-        slidesPerGroup: {
-            type: NumberConstructor;
-            default: undefined;
-        };
-        slidesPerGroupSkip: {
-            type: NumberConstructor;
-            default: undefined;
-        };
-        slidesPerGroupAuto: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        centeredSlides: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        centeredSlidesBounds: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        slidesOffsetBefore: {
-            type: NumberConstructor;
-            default: undefined;
-        };
-        slidesOffsetAfter: {
-            type: NumberConstructor;
-            default: undefined;
-        };
-        normalizeSlideIndex: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        centerInsufficientSlides: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        snapToSlideEdge: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        watchOverflow: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        roundLengths: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        touchRatio: {
-            type: NumberConstructor;
-            default: undefined;
-        };
-        touchAngle: {
-            type: NumberConstructor;
-            default: undefined;
-        };
-        simulateTouch: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        shortSwipes: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        longSwipes: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        longSwipesRatio: {
-            type: NumberConstructor;
-            default: undefined;
-        };
-        longSwipesMs: {
-            type: NumberConstructor;
-            default: undefined;
-        };
-        followFinger: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        allowTouchMove: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        threshold: {
-            type: NumberConstructor;
-            default: undefined;
-        };
-        touchMoveStopPropagation: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        touchStartPreventDefault: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        touchStartForcePreventDefault: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        touchReleaseOnEdges: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        uniqueNavElements: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        resistance: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        resistanceRatio: {
-            type: NumberConstructor;
-            default: undefined;
-        };
-        watchSlidesProgress: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        grabCursor: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        preventClicks: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        preventClicksPropagation: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        slideToClickedSlide: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        loop: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        loopAddBlankSlides: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        loopAdditionalSlides: {
-            type: NumberConstructor;
-            default: undefined;
-        };
-        loopPreventsSliding: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        rewind: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        allowSlidePrev: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        allowSlideNext: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        swipeHandler: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        noSwiping: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        noSwipingClass: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        noSwipingSelector: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        passiveListeners: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        containerModifierClass: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        slideClass: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        slideActiveClass: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        slideVisibleClass: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        slideFullyVisibleClass: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        slideBlankClass: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        slideNextClass: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        slidePrevClass: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        wrapperClass: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        lazyPreloaderClass: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        lazyPreloadPrevNext: {
-            type: NumberConstructor;
-            default: undefined;
-        };
-        runCallbacksOnInit: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        observer: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        observeParents: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        observeSlideChildren: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        a11y: {
-            type: import('vue').PropType<import('swiper/types').A11yOptions | boolean>;
-            default: undefined;
-        };
-        autoplay: {
-            type: import('vue').PropType<import('swiper/types').AutoplayOptions | boolean>;
-            default: undefined;
-        };
-        controller: {
-            type: import('vue').PropType<import('swiper/types').ControllerOptions>;
-            default: undefined;
-        };
-        coverflowEffect: {
-            type: import('vue').PropType<import('swiper/types').CoverflowEffectOptions>;
-            default: undefined;
-        };
-        cubeEffect: {
-            type: import('vue').PropType<import('swiper/types').CubeEffectOptions>;
-            default: undefined;
-        };
-        fadeEffect: {
-            type: import('vue').PropType<import('swiper/types').FadeEffectOptions>;
-            default: undefined;
-        };
-        flipEffect: {
-            type: import('vue').PropType<import('swiper/types').FlipEffectOptions>;
-            default: undefined;
-        };
-        creativeEffect: {
-            type: import('vue').PropType<import('swiper/types').CreativeEffectOptions>;
-            default: undefined;
-        };
-        cardsEffect: {
-            type: import('vue').PropType<import('swiper/types').CardsEffectOptions>;
-            default: undefined;
-        };
-        hashNavigation: {
-            type: import('vue').PropType<import('swiper/types').HashNavigationOptions | boolean>;
-            default: undefined;
-        };
-        history: {
-            type: import('vue').PropType<import('swiper/types').HistoryOptions | boolean>;
-            default: undefined;
-        };
-        keyboard: {
-            type: import('vue').PropType<import('swiper/types').KeyboardOptions | boolean>;
-            default: undefined;
-        };
-        mousewheel: {
-            type: import('vue').PropType<import('swiper/types').MousewheelOptions | boolean>;
-            default: undefined;
-        };
-        navigation: {
-            type: import('vue').PropType<import('swiper/types').NavigationOptions | boolean>;
-            default: undefined;
-        };
-        pagination: {
-            type: import('vue').PropType<import('swiper/types').PaginationOptions | boolean>;
-            default: undefined;
-        };
-        parallax: {
-            type: import('vue').PropType<import('swiper/types').ParallaxOptions | boolean>;
-            default: undefined;
-        };
-        scrollbar: {
-            type: import('vue').PropType<import('swiper/types').ScrollbarOptions | boolean>;
-            default: undefined;
-        };
-        thumbs: {
-            type: import('vue').PropType<import('swiper/types').ThumbsOptions>;
-            default: undefined;
-        };
-        virtual: {
-            type: import('vue').PropType<import('swiper/types').VirtualOptions | boolean>;
-            default: undefined;
-        };
-        zoom: {
-            type: import('vue').PropType<import('swiper/types').ZoomOptions | boolean>;
-            default: undefined;
-        };
-        freeMode: {
-            type: import('vue').PropType<import('swiper/types').FreeModeOptions | boolean>;
-            default: undefined;
-        };
-        grid: {
-            type: import('vue').PropType<import('swiper/types').GridOptions>;
-            default: undefined;
-        };
-    }, () => JSX.Element, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        swiper: (swiper: import('swiper/types').Swiper) => void;
-        autoplayStart: (swiper: import('swiper/types').Swiper) => void;
-        autoplayStop: (swiper: import('swiper/types').Swiper) => void;
-        autoplayPause: (swiper: import('swiper/types').Swiper) => void;
-        autoplayResume: (swiper: import('swiper/types').Swiper) => void;
-        autoplayTimeLeft: (swiper: import('swiper/types').Swiper, timeLeft: number, percentage: number) => void;
-        autoplay: (swiper: import('swiper/types').Swiper) => void;
-        hashChange: (swiper: import('swiper/types').Swiper) => void;
-        hashSet: (swiper: import('swiper/types').Swiper) => void;
-        keyPress: (swiper: import('swiper/types').Swiper, keyCode: string) => void;
-        scroll: (swiper: import('swiper/types').Swiper, event: WheelEvent) => void;
-        navigationHide: (swiper: import('swiper/types').Swiper) => void;
-        navigationShow: (swiper: import('swiper/types').Swiper) => void;
-        navigationPrev: (swiper: import('swiper/types').Swiper) => void;
-        navigationNext: (swiper: import('swiper/types').Swiper) => void;
-        paginationRender: (swiper: import('swiper/types').Swiper, paginationEl: HTMLElement) => void;
-        paginationUpdate: (swiper: import('swiper/types').Swiper, paginationEl: HTMLElement) => void;
-        paginationHide: (swiper: import('swiper/types').Swiper) => void;
-        paginationShow: (swiper: import('swiper/types').Swiper) => void;
-        scrollbarDragStart: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
-        scrollbarDragMove: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
-        scrollbarDragEnd: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
-        zoomChange: (swiper: import('swiper/types').Swiper, scale: number, imageEl: HTMLElement, slideEl: HTMLElement) => void;
-        init: (swiper: import('swiper/types').Swiper) => any;
-        beforeDestroy: (swiper: import('swiper/types').Swiper) => void;
-        slidesUpdated: (swiper: import('swiper/types').Swiper) => void;
-        slideChange: (swiper: import('swiper/types').Swiper) => void;
-        slideChangeTransitionStart: (swiper: import('swiper/types').Swiper) => void;
-        slideChangeTransitionEnd: (swiper: import('swiper/types').Swiper) => void;
-        slideNextTransitionStart: (swiper: import('swiper/types').Swiper) => void;
-        slideNextTransitionEnd: (swiper: import('swiper/types').Swiper) => void;
-        slidePrevTransitionStart: (swiper: import('swiper/types').Swiper) => void;
-        slidePrevTransitionEnd: (swiper: import('swiper/types').Swiper) => void;
-        transitionStart: (swiper: import('swiper/types').Swiper) => void;
-        transitionEnd: (swiper: import('swiper/types').Swiper) => void;
-        touchStart: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
-        touchMove: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
-        touchMoveOpposite: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
-        sliderMove: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
-        touchEnd: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
-        click: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
-        tap: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
-        doubleTap: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
-        progress: (swiper: import('swiper/types').Swiper, progress: number) => void;
-        reachBeginning: (swiper: import('swiper/types').Swiper) => void;
-        reachEnd: (swiper: import('swiper/types').Swiper) => void;
-        toEdge: (swiper: import('swiper/types').Swiper) => void;
-        fromEdge: (swiper: import('swiper/types').Swiper) => void;
-        setTranslate: (swiper: import('swiper/types').Swiper, translate: number) => void;
-        setTransition: (swiper: import('swiper/types').Swiper, transition: number) => void;
-        resize: (swiper: import('swiper/types').Swiper) => void;
-        observerUpdate: (swiper: import('swiper/types').Swiper) => void;
-        beforeLoopFix: (swiper: import('swiper/types').Swiper) => void;
-        loopFix: (swiper: import('swiper/types').Swiper) => void;
-        breakpoint: (swiper: import('swiper/types').Swiper, breakpointParams: import('swiper/types').SwiperOptions) => void;
-        _beforeBreakpoint: (swiper: import('swiper/types').Swiper, breakpointParams: import('swiper/types').SwiperOptions) => void;
-        _containerClasses: (swiper: import('swiper/types').Swiper, classNames: string) => void;
-        _slideClass: (swiper: import('swiper/types').Swiper, slideEl: HTMLElement, classNames: string) => void;
-        _slideClasses: (swiper: import('swiper/types').Swiper, slides: {
-            slideEl: HTMLElement;
-            classNames: string;
-            index: number;
-        }[]) => void;
-        _swiper: (swiper: import('swiper/types').Swiper) => void;
-        _freeModeNoMomentumRelease: (swiper: import('swiper/types').Swiper) => void;
-        activeIndexChange: (swiper: import('swiper/types').Swiper) => void;
-        snapIndexChange: (swiper: import('swiper/types').Swiper) => void;
-        realIndexChange: (swiper: import('swiper/types').Swiper) => void;
-        afterInit: (swiper: import('swiper/types').Swiper) => void;
-        beforeInit: (swiper: import('swiper/types').Swiper) => void;
-        beforeResize: (swiper: import('swiper/types').Swiper) => void;
-        beforeSlideChangeStart: (swiper: import('swiper/types').Swiper) => void;
-        beforeTransitionStart: (swiper: import('swiper/types').Swiper, speed: number, internal: any) => void;
-        changeDirection: (swiper: import('swiper/types').Swiper) => void;
-        doubleClick: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
-        destroy: (swiper: import('swiper/types').Swiper) => void;
-        momentumBounce: (swiper: import('swiper/types').Swiper) => void;
-        orientationchange: (swiper: import('swiper/types').Swiper) => void;
-        slideResetTransitionStart: (swiper: import('swiper/types').Swiper) => void;
-        slideResetTransitionEnd: (swiper: import('swiper/types').Swiper) => void;
-        sliderFirstMove: (swiper: import('swiper/types').Swiper, event: TouchEvent) => void;
-        slidesLengthChange: (swiper: import('swiper/types').Swiper) => void;
-        slidesGridLengthChange: (swiper: import('swiper/types').Swiper) => void;
-        snapGridLengthChange: (swiper: import('swiper/types').Swiper) => void;
-        update: (swiper: import('swiper/types').Swiper) => void;
-        lock: (swiper: import('swiper/types').Swiper) => void;
-        unlock: (swiper: import('swiper/types').Swiper) => void;
-    }>;
-    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;
-        href: string;
-        active: boolean;
-        tabindex: string;
-        animate: boolean;
-        rounded: boolean;
-        iconOnly: boolean;
-        showLabelBreakpoint: string;
-        iconPosition: string;
-    }, {}, {
-        BButton: {
-            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-                pressed: import('vue').PropType<boolean | undefined>;
-                tag: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                type: {
-                    type: import('vue').PropType<import('bootstrap-vue-next').ButtonType>;
-                    default: string;
-                };
-                replace: {
-                    type: import('vue').PropType<boolean>;
-                    default: undefined;
-                };
-                target: {
-                    type: import('vue').PropType<import('bootstrap-vue-next').LinkTarget>;
-                    default: undefined;
-                };
-                to: {
-                    type: import('vue').PropType<import('vue-router').RouteLocationRaw>;
-                    default: undefined;
-                };
-                append: {
-                    type: import('vue').PropType<boolean>;
-                    default: undefined;
-                };
-                disabled: {
-                    type: import('vue').PropType<boolean>;
-                    default: undefined;
-                };
-                href: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-                rel: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-                size: {
-                    type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseSize>;
-                    default: string;
-                };
-                active: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                activeClass: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-                routerComponentName: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-                variant: {
-                    type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseButtonVariant | null>;
-                    default: string;
-                };
-                opacity: {
-                    type: import('vue').PropType<10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
-                    default: undefined;
-                };
-                opacityHover: {
-                    type: import('vue').PropType<10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
-                    default: undefined;
-                };
-                underlineVariant: {
-                    type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseColorVariant | null>;
-                    default: undefined;
-                };
-                underlineOffset: {
-                    type: import('vue').PropType<1 | 2 | 3 | "1" | "2" | "3">;
-                    default: undefined;
-                };
-                underlineOffsetHover: {
-                    type: import('vue').PropType<1 | 2 | 3 | "1" | "2" | "3">;
-                    default: undefined;
-                };
-                underlineOpacity: {
-                    type: import('vue').PropType<0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
-                    default: undefined;
-                };
-                underlineOpacityHover: {
-                    type: import('vue').PropType<0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
-                    default: undefined;
-                };
-                pill: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                icon: {
-                    type: import('vue').PropType<boolean>;
-                    default: undefined;
-                };
-                routerTag: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-                exactActiveClass: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-                loading: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                loadingFill: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                loadingText: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                squared: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-            }>> & {
-                onClick?: ((value: MouseEvent) => any) | undefined;
-            }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                click: (value: MouseEvent) => void;
-            }, import('vue').PublicProps, {
-                tag: string;
-                type: import('bootstrap-vue-next').ButtonType;
-                replace: boolean;
-                target: import('bootstrap-vue-next').LinkTarget;
-                to: import('vue-router').RouteLocationRaw;
-                append: boolean;
-                disabled: boolean;
-                href: string;
-                rel: string;
-                size: keyof import('bootstrap-vue-next').BaseSize;
-                active: boolean;
-                activeClass: string;
-                routerComponentName: string;
-                variant: keyof import('bootstrap-vue-next').BaseButtonVariant | null;
-                opacity: 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
-                opacityHover: 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
-                underlineVariant: keyof import('bootstrap-vue-next').BaseColorVariant | null;
-                underlineOffset: 1 | 2 | 3 | "1" | "2" | "3";
-                underlineOffsetHover: 1 | 2 | 3 | "1" | "2" | "3";
-                underlineOpacity: 0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
-                underlineOpacityHover: 0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
-                pill: boolean;
-                icon: boolean;
-                routerTag: string;
-                exactActiveClass: string;
-                loading: boolean;
-                loadingFill: boolean;
-                loadingText: string;
-                squared: boolean;
-            }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<import('vue').ExtractPropTypes<{
-                pressed: import('vue').PropType<boolean | undefined>;
-                tag: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                type: {
-                    type: import('vue').PropType<import('bootstrap-vue-next').ButtonType>;
-                    default: string;
-                };
-                replace: {
-                    type: import('vue').PropType<boolean>;
-                    default: undefined;
-                };
-                target: {
-                    type: import('vue').PropType<import('bootstrap-vue-next').LinkTarget>;
-                    default: undefined;
-                };
-                to: {
-                    type: import('vue').PropType<import('vue-router').RouteLocationRaw>;
-                    default: undefined;
-                };
-                append: {
-                    type: import('vue').PropType<boolean>;
-                    default: undefined;
-                };
-                disabled: {
-                    type: import('vue').PropType<boolean>;
-                    default: undefined;
-                };
-                href: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-                rel: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-                size: {
-                    type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseSize>;
-                    default: string;
-                };
-                active: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                activeClass: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-                routerComponentName: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-                variant: {
-                    type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseButtonVariant | null>;
-                    default: string;
-                };
-                opacity: {
-                    type: import('vue').PropType<10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
-                    default: undefined;
-                };
-                opacityHover: {
-                    type: import('vue').PropType<10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
-                    default: undefined;
-                };
-                underlineVariant: {
-                    type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseColorVariant | null>;
-                    default: undefined;
-                };
-                underlineOffset: {
-                    type: import('vue').PropType<1 | 2 | 3 | "1" | "2" | "3">;
-                    default: undefined;
-                };
-                underlineOffsetHover: {
-                    type: import('vue').PropType<1 | 2 | 3 | "1" | "2" | "3">;
-                    default: undefined;
-                };
-                underlineOpacity: {
-                    type: import('vue').PropType<0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
-                    default: undefined;
-                };
-                underlineOpacityHover: {
-                    type: import('vue').PropType<0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
-                    default: undefined;
-                };
-                pill: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                icon: {
-                    type: import('vue').PropType<boolean>;
-                    default: undefined;
-                };
-                routerTag: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-                exactActiveClass: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-                loading: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                loadingFill: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                loadingText: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                squared: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-            }>> & {
-                onClick?: ((value: MouseEvent) => any) | undefined;
-            }, {}, {}, {}, {}, {
-                tag: string;
-                type: import('bootstrap-vue-next').ButtonType;
-                replace: boolean;
-                target: import('bootstrap-vue-next').LinkTarget;
-                to: import('vue-router').RouteLocationRaw;
-                append: boolean;
-                disabled: boolean;
-                href: string;
-                rel: string;
-                size: keyof import('bootstrap-vue-next').BaseSize;
-                active: boolean;
-                activeClass: string;
-                routerComponentName: string;
-                variant: keyof import('bootstrap-vue-next').BaseButtonVariant | null;
-                opacity: 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
-                opacityHover: 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
-                underlineVariant: keyof import('bootstrap-vue-next').BaseColorVariant | null;
-                underlineOffset: 1 | 2 | 3 | "1" | "2" | "3";
-                underlineOffsetHover: 1 | 2 | 3 | "1" | "2" | "3";
-                underlineOpacity: 0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
-                underlineOpacityHover: 0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
-                pill: boolean;
-                icon: boolean;
-                routerTag: string;
-                exactActiveClass: string;
-                loading: boolean;
-                loadingFill: boolean;
-                loadingText: string;
-                squared: boolean;
-            }>;
-            __isFragment?: never;
-            __isTeleport?: never;
-            __isSuspense?: never;
-        } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-            pressed: import('vue').PropType<boolean | undefined>;
-            tag: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            type: {
-                type: import('vue').PropType<import('bootstrap-vue-next').ButtonType>;
-                default: string;
-            };
-            replace: {
-                type: import('vue').PropType<boolean>;
-                default: undefined;
-            };
-            target: {
-                type: import('vue').PropType<import('bootstrap-vue-next').LinkTarget>;
-                default: undefined;
-            };
-            to: {
-                type: import('vue').PropType<import('vue-router').RouteLocationRaw>;
-                default: undefined;
-            };
-            append: {
-                type: import('vue').PropType<boolean>;
-                default: undefined;
-            };
-            disabled: {
-                type: import('vue').PropType<boolean>;
-                default: undefined;
-            };
-            href: {
-                type: import('vue').PropType<string>;
-                default: undefined;
-            };
-            rel: {
-                type: import('vue').PropType<string>;
-                default: undefined;
-            };
-            size: {
-                type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseSize>;
-                default: string;
-            };
-            active: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            activeClass: {
-                type: import('vue').PropType<string>;
-                default: undefined;
-            };
-            routerComponentName: {
-                type: import('vue').PropType<string>;
-                default: undefined;
-            };
-            variant: {
-                type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseButtonVariant | null>;
-                default: string;
-            };
-            opacity: {
-                type: import('vue').PropType<10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
-                default: undefined;
-            };
-            opacityHover: {
-                type: import('vue').PropType<10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
-                default: undefined;
-            };
-            underlineVariant: {
-                type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseColorVariant | null>;
-                default: undefined;
-            };
-            underlineOffset: {
-                type: import('vue').PropType<1 | 2 | 3 | "1" | "2" | "3">;
-                default: undefined;
-            };
-            underlineOffsetHover: {
-                type: import('vue').PropType<1 | 2 | 3 | "1" | "2" | "3">;
-                default: undefined;
-            };
-            underlineOpacity: {
-                type: import('vue').PropType<0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
-                default: undefined;
-            };
-            underlineOpacityHover: {
-                type: import('vue').PropType<0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
-                default: undefined;
-            };
-            pill: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            icon: {
-                type: import('vue').PropType<boolean>;
-                default: undefined;
-            };
-            routerTag: {
-                type: import('vue').PropType<string>;
-                default: undefined;
-            };
-            exactActiveClass: {
-                type: import('vue').PropType<string>;
-                default: undefined;
-            };
-            loading: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            loadingFill: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            loadingText: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            squared: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-        }>> & {
-            onClick?: ((value: MouseEvent) => any) | undefined;
-        }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            click: (value: MouseEvent) => void;
-        }, string, {
-            tag: string;
-            type: import('bootstrap-vue-next').ButtonType;
-            replace: boolean;
-            target: import('bootstrap-vue-next').LinkTarget;
-            to: import('vue-router').RouteLocationRaw;
-            append: boolean;
-            disabled: boolean;
-            href: string;
-            rel: string;
-            size: keyof import('bootstrap-vue-next').BaseSize;
-            active: boolean;
-            activeClass: string;
-            routerComponentName: string;
-            variant: keyof import('bootstrap-vue-next').BaseButtonVariant | null;
-            opacity: 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
-            opacityHover: 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
-            underlineVariant: keyof import('bootstrap-vue-next').BaseColorVariant | null;
-            underlineOffset: 1 | 2 | 3 | "1" | "2" | "3";
-            underlineOffsetHover: 1 | 2 | 3 | "1" | "2" | "3";
-            underlineOpacity: 0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
-            underlineOpacityHover: 0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
-            pill: boolean;
-            icon: boolean;
-            routerTag: string;
-            exactActiveClass: 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<{
-                default?: ((props: Record<string, never>) => any) | undefined;
-                loading?: ((props: Record<string, never>) => any) | undefined;
-                'loading-spinner'?: ((props: Record<string, never>) => any) | undefined;
-            }> & {
-                default?: ((props: Record<string, never>) => any) | undefined;
-                loading?: ((props: Record<string, never>) => any) | undefined;
-                'loading-spinner'?: ((props: Record<string, never>) => any) | undefined;
-            };
-        });
-        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>;
-}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;