@visitscotland/component-library 4.18.1 → 4.19.1

package/dist/components/components/hero-section/components/HeroSectionVideoControl.vue.d.ts

@@ -0,0 +1,704 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {
+    isPlaying: boolean;
+}, {}, {
+    /**
+     * Play/pause the video
+     */
+    toggleVideo(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "videoToggled"[], "videoToggled", import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onVideoToggled?: (...args: any[]) => 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;
+        };
+        iconPosition: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => any;
+        };
+    }>, {}, {
+        isAnimating: boolean;
+    }, {
+        buttonClasses(): {
+            'vs-button--animated': boolean;
+            'vs-button--is-animating': boolean;
+            'vs-button--rounded': boolean;
+            'vs-button--icon-only': boolean;
+            'button-flex': boolean;
+            'vs-button--flex-reverse': boolean;
+        }[];
+        iconClasses(): {
+            'vs-icon--right': boolean;
+            'vs-icon--left': boolean;
+        }[];
+    }, {
+        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;
+        };
+        iconPosition: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => any;
+        };
+    }>> & Readonly<{
+        onBtnFocus?: (...args: any[]) => any;
+    }>, {
+        variant: string;
+        size: string;
+        icon: string;
+        href: string;
+        tabindex: string;
+        animate: boolean;
+        rounded: boolean;
+        iconOnly: boolean;
+        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<{
+            name: {
+                type: StringConstructor;
+                required: true;
+                default: string;
+            };
+            variant: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => any;
+            };
+            customColour: {
+                type: StringConstructor;
+                default: any;
+            };
+            orientation: {
+                type: StringConstructor;
+                default: any;
+                validator: (value: unknown) => any;
+            };
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => any;
+            };
+            smallSize: {
+                type: StringConstructor;
+                default: any;
+                validator: (value: unknown) => any;
+            };
+            duotone: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, {}, {
+            iconLookup: {
+                key: string;
+                value: string;
+            }[];
+        }, {
+            icon(): string;
+            formattedName(): string;
+        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            name: {
+                type: StringConstructor;
+                required: true;
+                default: string;
+            };
+            variant: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => any;
+            };
+            customColour: {
+                type: StringConstructor;
+                default: any;
+            };
+            orientation: {
+                type: StringConstructor;
+                default: any;
+                validator: (value: unknown) => any;
+            };
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => any;
+            };
+            smallSize: {
+                type: StringConstructor;
+                default: any;
+                validator: (value: unknown) => any;
+            };
+            duotone: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{}>, {
+            name: string;
+            variant: string;
+            customColour: string;
+            orientation: string;
+            size: string;
+            smallSize: string;
+            duotone: boolean;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;