RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-05-31 07:48:11 +00:00
Code Issues Activity Actions

LibWeb: Implement animation class-specific composite order

Browse source 
This is a part of determining the composite order of two animations
This commit is contained in:
Matthew Olsson 2024-02-02 16:38:09 -07:00 • committed by Andreas Kling
parent 78b3c552c2
commit c3b689488e
3 changed files with 58 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

43
Userland/Libraries/LibWeb/CSS/CSSAnimation.cpp
View file

@ -16,6 +16,49 @@ JS::NonnullGCPtr<CSSAnimation> CSSAnimation::create(JS::Realm& realm)
return realm.heap().allocate<CSSAnimation>(realm, realm);
}
// https://www.w3.org/TR/css-animations-2/#animation-composite-order
Optional<int> CSSAnimation::class_specific_composite_order(JS::NonnullGCPtr<Animations::Animation> other_animation) const
{
auto other = JS::NonnullGCPtr { verify_cast<CSSAnimation>(*other_animation) };
// The existance of an owning element determines the animation class, so both animations should have their owning
// element in the same state
VERIFY(!m_owning_element == !other->m_owning_element);
// 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:
if (m_owning_element) {
// 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
if (m_owning_element.ptr() != other->m_owning_element.ptr()) {
// 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
{
if (m_owning_element)
return Animations::AnimationClass::CSSAnimationWithOwningElement;
return Animations::AnimationClass::CSSAnimationWithoutOwningElement;
}
CSSAnimation::CSSAnimation(JS::Realm& realm)
: Animations::Animation(realm)
{