mirrors/ladybird
0
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-10-16 13:09:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

LibWeb: Implement interpolation of border-image-slice style values

Browse source
This commit is contained in:
Tim Ledbetter 2025-09-13 08:56:08 +01:00 • committed by Jelle Raaijmakers
commit 19577b966e
Notes: github-actions[bot] 2025-09-13 10:06:16 +00:00
3 changed files with 198 additions and 180 deletions
Download patch file Download diff file Expand all files Collapse all files

19
Libraries/LibWeb/CSS/Interpolation.cpp
View file

@ -14,6 +14,7 @@
#include <LibWeb/CSS/StyleComputer.h>
#include <LibWeb/CSS/StyleValues/AngleStyleValue.h>
#include <LibWeb/CSS/StyleValues/BackgroundSizeStyleValue.h>
#include <LibWeb/CSS/StyleValues/BorderImageSliceStyleValue.h>
#include <LibWeb/CSS/StyleValues/CalculatedStyleValue.h>
#include <LibWeb/CSS/StyleValues/ColorStyleValue.h>
#include <LibWeb/CSS/StyleValues/FontStyleStyleValue.h>
@ -1174,6 +1175,24 @@ static RefPtr<StyleValue const> interpolate_value_impl(DOM::Element& element, Ca
return BackgroundSizeStyleValue::create(*interpolated_x, *interpolated_y);
}
case StyleValue::Type::BorderImageSlice: {
auto& from_border_image_slice = from.as_border_image_slice();
auto& to_border_image_slice = to.as_border_image_slice();
if (from_border_image_slice.fill() != to_border_image_slice.fill())
return {};
auto interpolated_top = interpolate_value(element, calculation_context, from_border_image_slice.top(), to_border_image_slice.top(), delta, allow_discrete);
auto interpolated_right = interpolate_value(element, calculation_context, from_border_image_slice.right(), to_border_image_slice.right(), delta, allow_discrete);
auto interpolated_bottom = interpolate_value(element, calculation_context, from_border_image_slice.bottom(), to_border_image_slice.bottom(), delta, allow_discrete);
auto interpolated_left = interpolate_value(element, calculation_context, from_border_image_slice.left(), to_border_image_slice.left(), delta, allow_discrete);
if (!interpolated_top || !interpolated_right || !interpolated_bottom || !interpolated_left)
return {};
return BorderImageSliceStyleValue::create(
interpolated_top.release_nonnull(),
interpolated_right.release_nonnull(),
interpolated_bottom.release_nonnull(),
interpolated_left.release_nonnull(),
from_border_image_slice.fill());
}
case StyleValue::Type::Color: {
ColorResolutionContext color_resolution_context {};
if (auto node = element.layout_node()) {