| 
									
										
										
										
											2023-11-04 13:57:57 -07:00
										 |  |  | /*
 | 
					
						
							|  |  |  |  * Copyright (c) 2024, Matthew Olsson <mattco@serenityos.org>. | 
					
						
							|  |  |  |  * | 
					
						
							|  |  |  |  * SPDX-License-Identifier: BSD-2-Clause | 
					
						
							|  |  |  |  */ | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | #include <LibWeb/Animations/KeyframeEffect.h>
 | 
					
						
							| 
									
										
										
										
											2024-04-27 12:09:58 +12:00
										 |  |  | #include <LibWeb/Bindings/CSSAnimationPrototype.h>
 | 
					
						
							| 
									
										
										
										
											2023-11-04 13:57:57 -07:00
										 |  |  | #include <LibWeb/Bindings/Intrinsics.h>
 | 
					
						
							|  |  |  | #include <LibWeb/CSS/CSSAnimation.h>
 | 
					
						
							|  |  |  | #include <LibWeb/DOM/Element.h>
 | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | namespace Web::CSS { | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2024-11-15 04:01:23 +13:00
										 |  |  | GC_DEFINE_ALLOCATOR(CSSAnimation); | 
					
						
							| 
									
										
										
										
											2024-04-06 10:16:04 -07:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2024-11-15 04:01:23 +13:00
										 |  |  | GC::Ref<CSSAnimation> CSSAnimation::create(JS::Realm& realm) | 
					
						
							| 
									
										
										
										
											2023-11-04 13:57:57 -07:00
										 |  |  | { | 
					
						
							| 
									
										
										
										
											2024-11-14 05:50:17 +13:00
										 |  |  |     return realm.create<CSSAnimation>(realm); | 
					
						
							| 
									
										
										
										
											2023-11-04 13:57:57 -07:00
										 |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2024-02-02 16:38:09 -07:00
										 |  |  | // https://www.w3.org/TR/css-animations-2/#animation-composite-order
 | 
					
						
							| 
									
										
										
										
											2024-11-15 04:01:23 +13:00
										 |  |  | Optional<int> CSSAnimation::class_specific_composite_order(GC::Ref<Animations::Animation> other_animation) const | 
					
						
							| 
									
										
										
										
											2024-02-02 16:38:09 -07:00
										 |  |  | { | 
					
						
							| 
									
										
										
										
											2025-01-21 09:12:05 -05:00
										 |  |  |     auto other = GC::Ref { as<CSSAnimation>(*other_animation) }; | 
					
						
							| 
									
										
										
										
											2024-02-02 16:38:09 -07:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2025-04-07 10:46:22 +00:00
										 |  |  |     // The existence of an owning element determines the animation class, so both animations should have their owning
 | 
					
						
							| 
									
										
										
										
											2024-02-02 16:38:09 -07:00
										 |  |  |     // element in the same state
 | 
					
						
							| 
									
										
										
										
											2024-09-12 16:53:14 +01:00
										 |  |  |     VERIFY(!owning_element() == !other->owning_element()); | 
					
						
							| 
									
										
										
										
											2024-02-02 16:38:09 -07:00
										 |  |  | 
 | 
					
						
							|  |  |  |     // Within the set of CSS Animations with an owning element, two animations A and B are sorted in composite order
 | 
					
						
							|  |  |  |     // (first to last) as follows:
 | 
					
						
							| 
									
										
										
										
											2024-09-12 16:53:14 +01:00
										 |  |  |     if (owning_element()) { | 
					
						
							| 
									
										
										
										
											2024-02-02 16:38:09 -07:00
										 |  |  |         // 1. If the owning element of A and B differs, sort A and B by tree order of their corresponding owning elements.
 | 
					
						
							|  |  |  |         //    With regard to pseudo-elements, the sort order is as follows:
 | 
					
						
							|  |  |  |         //    - element
 | 
					
						
							|  |  |  |         //    - ::marker
 | 
					
						
							|  |  |  |         //    - ::before
 | 
					
						
							|  |  |  |         //    - any other pseudo-elements not mentioned specifically in this list, sorted in ascending order by the Unicode
 | 
					
						
							|  |  |  |         //      codepoints that make up each selector
 | 
					
						
							|  |  |  |         //    - ::after
 | 
					
						
							|  |  |  |         //    - element children
 | 
					
						
							| 
									
										
										
										
											2024-09-12 16:53:14 +01:00
										 |  |  |         if (owning_element().ptr() != other->owning_element().ptr()) { | 
					
						
							| 
									
										
										
										
											2024-02-02 16:38:09 -07:00
										 |  |  |             // FIXME: Sort by tree order
 | 
					
						
							|  |  |  |             return {}; | 
					
						
							|  |  |  |         } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |         // 2. Otherwise, sort A and B based on their position in the computed value of the animation-name property of the
 | 
					
						
							|  |  |  |         //    (common) owning element.
 | 
					
						
							|  |  |  |         // FIXME: Do this when animation-name supports multiple values
 | 
					
						
							|  |  |  |         return {}; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     // The composite order of CSS Animations without an owning element is based on their position in the global animation list.
 | 
					
						
							|  |  |  |     return global_animation_list_order() - other->global_animation_list_order(); | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | Animations::AnimationClass CSSAnimation::animation_class() const | 
					
						
							|  |  |  | { | 
					
						
							| 
									
										
										
										
											2024-09-12 16:53:14 +01:00
										 |  |  |     if (owning_element()) | 
					
						
							| 
									
										
										
										
											2024-02-02 16:38:09 -07:00
										 |  |  |         return Animations::AnimationClass::CSSAnimationWithOwningElement; | 
					
						
							|  |  |  |     return Animations::AnimationClass::CSSAnimationWithoutOwningElement; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2023-11-04 13:57:57 -07:00
										 |  |  | CSSAnimation::CSSAnimation(JS::Realm& realm) | 
					
						
							|  |  |  |     : Animations::Animation(realm) | 
					
						
							|  |  |  | { | 
					
						
							| 
									
										
										
										
											2024-02-19 13:53:01 +00:00
										 |  |  |     // FIXME:
 | 
					
						
							|  |  |  |     // CSS Animations generated using the markup defined in this specification are not added to the global animation
 | 
					
						
							|  |  |  |     // list when they are created. Instead, these animations are appended to the global animation list at the first
 | 
					
						
							|  |  |  |     // moment when they transition out of the idle play state after being disassociated from their owning element. CSS
 | 
					
						
							|  |  |  |     // Animations that have been disassociated from their owning element but are still idle do not have a defined
 | 
					
						
							|  |  |  |     // composite order.
 | 
					
						
							| 
									
										
										
										
											2023-11-04 13:57:57 -07:00
										 |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | void CSSAnimation::initialize(JS::Realm& realm) | 
					
						
							|  |  |  | { | 
					
						
							| 
									
										
										
										
											2024-03-16 13:13:08 +01:00
										 |  |  |     WEB_SET_PROTOTYPE_FOR_INTERFACE(CSSAnimation); | 
					
						
							| 
									
										
										
										
											2025-04-20 16:22:57 +02:00
										 |  |  |     Base::initialize(realm); | 
					
						
							| 
									
										
										
										
											2023-11-04 13:57:57 -07:00
										 |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | } |