mirror of
https://github.com/webstudio-is/webstudio.git
synced 2026-11-09 05:26:24 +09:00
## 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>
20 lines
450 B
TypeScript
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);
|
|
}
|