Files
webstudio/@types/scroll-timeline.d.ts
T
Ivan StarkovandOleg Isonen 3c42f8ca4b experimental: View Animations support (#4817)
## Description

ref  #2645

- [x] - Add view-timeline-name and scroll-timeline-name support, and
prefixer (use custom property for unsupported browsers)
- [x] - Add initial story

## Steps for reproduction


https://6382151c8b47d4399fb9fc69-uljkhwtbmc.chromatic.com/iframe.html?args=&globals=&id=sdk-components-animation-view-animations--in-out&viewMode=story

## Code Review

- [ ] hi @kof, I need you to do
  - conceptual review (architecture, feature-correctness)
  - detailed review (read every line)
  - test it on preview

## Before requesting a review

- [ ] made a self-review
- [ ] added inline comments where things may be not obvious (the "why",
not "what")

## Before merging

- [ ] tested locally and on preview environment (preview dev login:
0000)
- [ ] updated [test
cases](https://github.com/webstudio-is/webstudio/blob/main/apps/builder/docs/test-cases.md)
document
- [ ] added tests
- [ ] if any new env variables are added, added them to `.env` file

---------

Co-authored-by: Oleg Isonen <oleg008@gmail.com>
2025-02-04 06:02:55 +03:00

20 lines
450 B
TypeScript

type ScrollAxis = "block" | "inline" | "x" | "y";
interface ScrollTimelineOptions {
source?: Element | Document | null;
axis?: ScrollAxis;
}
declare class ScrollTimeline extends AnimationTimeline {
constructor(options?: ScrollTimelineOptions);
}
interface ViewTimelineOptions {
subject?: Element | Document | null;
axis?: ScrollAxis;
}
declare class ViewTimeline extends ScrollTimeline {
constructor(options?: ViewTimelineOptions);
}