| 
									
										
										
										
											2024-02-19 18:59:58 -07:00
										 |  |  | /*
 | 
					
						
							| 
									
										
										
										
											2024-09-19 14:13:20 +01:00
										 |  |  |  * Copyright (c) 2024, Matthew Olsson <mattco@serenityos.org> | 
					
						
							|  |  |  |  * Copyright (c) 2024, Sam Atkins <sam@ladybird.org> | 
					
						
							| 
									
										
										
										
											2024-02-19 18:59:58 -07:00
										 |  |  |  * | 
					
						
							|  |  |  |  * SPDX-License-Identifier: BSD-2-Clause | 
					
						
							|  |  |  |  */ | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | #pragma once
 | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | #include <LibWeb/Animations/Animation.h>
 | 
					
						
							| 
									
										
										
										
											2024-08-14 11:10:54 +01:00
										 |  |  | #include <LibWeb/CSS/CSSStyleValue.h>
 | 
					
						
							| 
									
										
										
										
											2024-02-19 18:59:58 -07:00
										 |  |  | #include <LibWeb/CSS/PropertyID.h>
 | 
					
						
							| 
									
										
										
										
											2024-09-19 14:13:20 +01:00
										 |  |  | #include <LibWeb/CSS/StyleValues/EasingStyleValue.h>
 | 
					
						
							| 
									
										
										
										
											2024-02-19 18:59:58 -07:00
										 |  |  | #include <LibWeb/CSS/Time.h>
 | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | namespace Web::CSS { | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | class CSSTransition : public Animations::Animation { | 
					
						
							|  |  |  |     WEB_PLATFORM_OBJECT(CSSTransition, Animations::Animation); | 
					
						
							| 
									
										
										
										
											2024-04-06 10:16:04 -07:00
										 |  |  |     JS_DECLARE_ALLOCATOR(CSSTransition); | 
					
						
							| 
									
										
										
										
											2024-02-19 18:59:58 -07:00
										 |  |  | 
 | 
					
						
							|  |  |  | public: | 
					
						
							| 
									
										
										
										
											2024-09-19 14:13:20 +01:00
										 |  |  |     static JS::NonnullGCPtr<CSSTransition> start_a_transition(DOM::Element&, PropertyID, size_t transition_generation, | 
					
						
							|  |  |  |         double start_time, double end_time, NonnullRefPtr<CSSStyleValue const> start_value, NonnullRefPtr<CSSStyleValue const> end_value, | 
					
						
							|  |  |  |         NonnullRefPtr<CSSStyleValue const> reversing_adjusted_start_value, double reversing_shortening_factor); | 
					
						
							| 
									
										
										
										
											2024-02-19 18:59:58 -07:00
										 |  |  | 
 | 
					
						
							|  |  |  |     StringView transition_property() const { return string_from_property_id(m_transition_property); } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     virtual Animations::AnimationClass animation_class() const override; | 
					
						
							|  |  |  |     virtual Optional<int> class_specific_composite_order(JS::NonnullGCPtr<Animations::Animation> other) const override; | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2024-09-19 14:13:20 +01:00
										 |  |  |     double transition_start_time() const { return m_start_time; } | 
					
						
							|  |  |  |     double transition_end_time() const { return m_end_time; } | 
					
						
							|  |  |  |     NonnullRefPtr<CSSStyleValue const> transition_start_value() const { return m_start_value; } | 
					
						
							|  |  |  |     NonnullRefPtr<CSSStyleValue const> transition_end_value() const { return m_end_value; } | 
					
						
							|  |  |  |     NonnullRefPtr<CSSStyleValue const> reversing_adjusted_start_value() const { return m_reversing_adjusted_start_value; } | 
					
						
							|  |  |  |     double reversing_shortening_factor() const { return m_reversing_shortening_factor; } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     double timing_function_output_at_time(double t) const; | 
					
						
							|  |  |  |     NonnullRefPtr<CSSStyleValue const> value_at_time(double t) const; | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2024-02-19 18:59:58 -07:00
										 |  |  | private: | 
					
						
							| 
									
										
										
										
											2024-09-19 14:13:20 +01:00
										 |  |  |     CSSTransition(JS::Realm&, DOM::Element&, PropertyID, size_t transition_generation, | 
					
						
							|  |  |  |         double start_time, double end_time, NonnullRefPtr<CSSStyleValue const> start_value, NonnullRefPtr<CSSStyleValue const> end_value, | 
					
						
							|  |  |  |         NonnullRefPtr<CSSStyleValue const> reversing_adjusted_start_value, double reversing_shortening_factor); | 
					
						
							| 
									
										
										
										
											2024-02-19 18:59:58 -07:00
										 |  |  | 
 | 
					
						
							|  |  |  |     virtual void initialize(JS::Realm&) override; | 
					
						
							|  |  |  |     virtual void visit_edges(Cell::Visitor&) override; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     virtual bool is_css_transition() const override { return true; } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     PropertyID m_transition_property; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     // https://drafts.csswg.org/css-transitions-2/#transition-generation
 | 
					
						
							|  |  |  |     size_t m_transition_generation; | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2024-09-19 14:13:20 +01:00
										 |  |  |     // https://drafts.csswg.org/css-transitions/#transition-start-time
 | 
					
						
							|  |  |  |     double m_start_time; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     // https://drafts.csswg.org/css-transitions/#transition-end-time
 | 
					
						
							|  |  |  |     double m_end_time; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     // https://drafts.csswg.org/css-transitions/#transition-start-value
 | 
					
						
							|  |  |  |     NonnullRefPtr<CSS::CSSStyleValue const> m_start_value; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     // https://drafts.csswg.org/css-transitions/#transition-end-value
 | 
					
						
							|  |  |  |     NonnullRefPtr<CSS::CSSStyleValue const> m_end_value; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     // https://drafts.csswg.org/css-transitions/#transition-reversing-adjusted-start-value
 | 
					
						
							|  |  |  |     NonnullRefPtr<CSS::CSSStyleValue const> m_reversing_adjusted_start_value; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     // https://drafts.csswg.org/css-transitions/#transition-reversing-shortening-factor
 | 
					
						
							|  |  |  |     double m_reversing_shortening_factor; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     JS::NonnullGCPtr<Animations::KeyframeEffect> m_keyframe_effect; | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2024-02-19 18:59:58 -07:00
										 |  |  |     JS::GCPtr<CSS::CSSStyleDeclaration const> m_cached_declaration; | 
					
						
							|  |  |  | }; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | } |