LibWeb: Implement interpolation of edge values

This commit is contained in:
Tim Ledbetter 2025-04-11 05:56:50 +01:00 committed by Tim Ledbetter
commit 0beb22f19e
Notes: github-actions[bot] 2025-04-23 08:39:39 +00:00
3 changed files with 47 additions and 21 deletions

View file

@ -11,27 +11,9 @@ namespace Web::CSS {
String EdgeStyleValue::to_string(SerializationMode mode) const
{
if (mode == CSSStyleValue::SerializationMode::ResolvedValue) {
if (edge() == PositionEdge::Right || edge() == PositionEdge::Bottom) {
if (offset().is_percentage()) {
auto flipped_percentage = 100 - offset().percentage().value();
return Percentage(flipped_percentage).to_string();
}
// FIXME: Figure out how to get the proper calculation context here
CalculationContext context = {};
Vector<NonnullRefPtr<CalculationNode const>> sum_parts;
sum_parts.append(NumericCalculationNode::create(Percentage(100), context));
if (offset().is_length()) {
sum_parts.append(NegateCalculationNode::create(NumericCalculationNode::create(offset().length(), context)));
} else {
// FIXME: Flip calculated offsets (convert CalculatedStyleValue to CalculationNode, then negate and append)
return to_string(CSSStyleValue::SerializationMode::Normal);
}
auto flipped_absolute = CalculatedStyleValue::create(SumCalculationNode::create(move(sum_parts)), CSSNumericType(CSSNumericType::BaseType::Length, 1), context);
return flipped_absolute->to_string(mode);
}
return offset().to_string();
// FIXME: Figure out how to get the proper calculation context here
CalculationContext context {};
return resolved_value(context)->offset().to_string();
}
StringBuilder builder;
@ -48,4 +30,27 @@ String EdgeStyleValue::to_string(SerializationMode mode) const
return builder.to_string_without_validation();
}
ValueComparingNonnullRefPtr<EdgeStyleValue const> EdgeStyleValue::resolved_value(CalculationContext context) const
{
if (edge() == PositionEdge::Right || edge() == PositionEdge::Bottom) {
if (offset().is_percentage()) {
auto flipped_percentage = 100 - offset().percentage().value();
return create({}, Percentage(flipped_percentage));
}
Vector<NonnullRefPtr<CalculationNode const>> sum_parts;
sum_parts.append(NumericCalculationNode::create(Percentage(100), context));
if (offset().is_length()) {
sum_parts.append(NegateCalculationNode::create(NumericCalculationNode::create(offset().length(), context)));
} else {
// FIXME: Flip calculated offsets (convert CalculatedStyleValue to CalculationNode, then negate and append)
return *this;
}
auto flipped_absolute = CalculatedStyleValue::create(SumCalculationNode::create(move(sum_parts)), CSSNumericType(CSSNumericType::BaseType::Length, 1), context);
return create({}, flipped_absolute);
}
return *this;
}
}