import ScrollerVideo from './ts/ScrollerVideo'; import type { Snippet } from 'svelte'; interface Props { /** CSS class for scroller container */ class?: string; /** ID of the scroller container */ id?: string; /** Bindable instance of ScrollerVideo */ scrollerVideo?: ScrollerVideo; /** Video source URL */ src: string; /** Bindable percentage value to control video playback. **Ranges from 0 to 1** */ videoPercentage?: number; /** Sets the maximum playbackRate for this video */ transitionSpeed?: number; /** When to stop the video animation, in seconds */ frameThreshold?: number; /** How the video should be resized to fit its container */ objectFit?: string; /** Whether the video should have position: sticky */ sticky?: boolean; /** Whether the video should take up the entire viewport */ full?: boolean; /** Whether this object should automatically respond to scroll. Set this to **false** while manually controlling `videoPercentage` prop. */ trackScroll?: boolean; /** Whether it ignores human scroll while it runs setVideoPercentage with enabled trackScroll */ lockScroll?: boolean; /** Whether the library should use the webcodecs method. For more info, visit https://scrollyvideo.js.org/ */ useWebCodecs?: boolean; /** The callback when it's ready to scroll */ onReady?: () => void; /** The callback for video percentage change */ onChange?: () => void; /** Whether to log debug information. Internal library logs. */ debug?: boolean; /** Shows debug information on page */ showDebugInfo?: boolean; /** Height of the video container. Set it to 100lvh when using inside `ScrollerBase` */ height?: string; /** Whether the video should autoplay */ autoplay?: boolean; /** Variable to control component rendering on embed page */ embedded?: boolean; /** Additional properties for embedded videos */ embeddedProps?: { /** When to start the playback in terms of the component's position */ threshold?: number; /** Duration of ScrollerVideo experience as a video */ duration?: number; /** Delay before the playback */ delay?: number; }; /** Children render function */ children?: Snippet; } /** * A scroll-driven video that scrubs playback by scroll position (built on scrollyvideo.js); hosts ScrollerVideoForeground overlays. * * [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-graphics-scrollervideo--docs) */ declare const ScrollerVideo: import("svelte").Component; type ScrollerVideo = ReturnType; export default ScrollerVideo;