diff --git a/Base/res/html/misc/calc.html b/Base/res/html/misc/calc.html
index 1141afdb3c..030af4519b 100644
--- a/Base/res/html/misc/calc.html
+++ b/Base/res/html/misc/calc.html
@@ -34,6 +34,11 @@
+ calc(100px + 30% - calc(120px / calc(2*4 + 3 )))
+
+
calc(50% + 60px)
diff --git a/Tests/LibWeb/Layout/expected/grid/borders.txt b/Tests/LibWeb/Layout/expected/grid/borders.txt
index 61d8110ce7..cec9df1629 100644
--- a/Tests/LibWeb/Layout/expected/grid/borders.txt
+++ b/Tests/LibWeb/Layout/expected/grid/borders.txt
@@ -103,14 +103,14 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box
at (8,275.34375) content-size 784x90.9375 children: not-inline
BlockContainer <(anonymous)> at (8,275.34375) content-size 0x0 children: inline
TextNode <#text>
- BlockContainer at (445.434356,285.34375) content-size 337.800018x17.46875 children: inline
+ BlockContainer at (445.934356,285.34375) content-size 337.300018x17.46875 children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
- frag 0 from TextNode start: 0, length: 1, rect: [445.434356,285.34375 6.34375x17.46875]
+ frag 0 from TextNode start: 0, length: 1, rect: [445.934356,285.34375 6.34375x17.46875]
"1"
TextNode <#text>
BlockContainer <(anonymous)> at (8,275.34375) content-size 0x0 children: inline
TextNode <#text>
- BlockContainer at (18,338.8125) content-size 339.034362x17.46875 children: inline
+ BlockContainer at (18,338.8125) content-size 338.534362x17.46875 children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [18,338.8125 8.8125x17.46875]
"2"
diff --git a/Tests/LibWeb/Layout/expected/grid/gap.txt b/Tests/LibWeb/Layout/expected/grid/gap.txt
index 3bf3f017a4..e199efc197 100644
--- a/Tests/LibWeb/Layout/expected/grid/gap.txt
+++ b/Tests/LibWeb/Layout/expected/grid/gap.txt
@@ -38,14 +38,14 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box at (8,52.9375) content-size 784x50.9375 children: not-inline
BlockContainer <(anonymous)> at (8,52.9375) content-size 0x0 children: inline
TextNode <#text>
- BlockContainer at (435.434356,52.9375) content-size 357.800018x17.46875 children: inline
+ BlockContainer at (435.934356,52.9375) content-size 357.300018x17.46875 children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
- frag 0 from TextNode start: 0, length: 1, rect: [435.434356,52.9375 6.34375x17.46875]
+ frag 0 from TextNode start: 0, length: 1, rect: [435.934356,52.9375 6.34375x17.46875]
"1"
TextNode <#text>
BlockContainer <(anonymous)> at (8,52.9375) content-size 0x0 children: inline
TextNode <#text>
- BlockContainer at (8,86.40625) content-size 359.034362x17.46875 children: inline
+ BlockContainer at (8,86.40625) content-size 358.534362x17.46875 children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,86.40625 8.8125x17.46875]
"2"
diff --git a/Userland/Libraries/LibWeb/CSS/Parser/Parser.cpp b/Userland/Libraries/LibWeb/CSS/Parser/Parser.cpp
index 49ff0fc7be..5aa739a1eb 100644
--- a/Userland/Libraries/LibWeb/CSS/Parser/Parser.cpp
+++ b/Userland/Libraries/LibWeb/CSS/Parser/Parser.cpp
@@ -3271,11 +3271,21 @@ RefPtr Parser::parse_builtin_value(ComponentValue const& component_v
RefPtr Parser::parse_calculated_value(Vector const& component_values)
{
- auto calc_expression = parse_calc_expression(component_values);
- if (calc_expression == nullptr)
- return nullptr;
+ auto calculation_tree = parse_a_calculation(component_values).release_value_but_fixme_should_propagate_errors();
- auto calc_type = calc_expression->resolved_type();
+ if (calculation_tree == nullptr) {
+ dbgln_if(CSS_PARSER_DEBUG, "Failed to parse calculation tree");
+ return nullptr;
+ } else {
+ if constexpr (CSS_PARSER_DEBUG) {
+ dbgln("Parsed calculation tree:");
+ StringBuilder builder;
+ calculation_tree->dump(builder, 0).release_value_but_fixme_should_propagate_errors();
+ dbgln(builder.string_view());
+ }
+ }
+
+ auto calc_type = calculation_tree->resolved_type();
if (!calc_type.has_value()) {
dbgln_if(CSS_PARSER_DEBUG, "calc() resolved as invalid!!!");
return nullptr;
@@ -3302,7 +3312,7 @@ RefPtr Parser::parse_calculated_value(Vector Parser::parse_dynamic_value(ComponentValue const& component_value)
@@ -7085,147 +7095,231 @@ Optional Parser::parse_a_n_plus_b_patt
return syntax_error();
}
-OwnPtr Parser::parse_calc_expression(Vector const& values)
-{
- auto tokens = TokenStream(values);
- return parse_calc_sum(tokens);
-}
+class UnparsedCalculationNode final : public CalculationNode {
+public:
+ static ErrorOr> create(ComponentValue component_value)
+ {
+ return adopt_nonnull_own_or_enomem(new (nothrow) UnparsedCalculationNode(move(component_value)));
+ }
+ virtual ~UnparsedCalculationNode() = default;
-Optional Parser::parse_calc_value(TokenStream& tokens)
-{
- auto current_token = tokens.next_token();
+ ComponentValue& component_value() { return m_component_value; }
- if (current_token.is_block() && current_token.block().is_paren()) {
- auto block_values = TokenStream(current_token.block().values());
- auto parsed_calc_sum = parse_calc_sum(block_values);
- if (!parsed_calc_sum)
- return {};
- return CalculatedStyleValue::CalcValue { parsed_calc_sum.release_nonnull() };
+ virtual ErrorOr to_string() const override { VERIFY_NOT_REACHED(); }
+ virtual Optional resolved_type() const override { VERIFY_NOT_REACHED(); }
+ virtual bool contains_percentage() const override { VERIFY_NOT_REACHED(); }
+ virtual CalculatedStyleValue::CalculationResult resolve(Layout::Node const*, CalculatedStyleValue::PercentageBasis const&) const override { VERIFY_NOT_REACHED(); }
+
+ virtual ErrorOr dump(StringBuilder& builder, int indent) const override
+ {
+ return builder.try_appendff("{: >{}}UNPARSED({})\n", "", indent, TRY(m_component_value.to_debug_string()));
}
- if (current_token.is(Token::Type::Number))
- return CalculatedStyleValue::CalcValue { current_token.token().number() };
-
- if (current_token.is(Token::Type::Dimension) || current_token.is(Token::Type::Percentage)) {
- auto maybe_dimension = parse_dimension(current_token);
- if (!maybe_dimension.has_value())
- return {};
- auto& dimension = maybe_dimension.value();
-
- if (dimension.is_angle())
- return CalculatedStyleValue::CalcValue { dimension.angle() };
- if (dimension.is_frequency())
- return CalculatedStyleValue::CalcValue { dimension.frequency() };
- if (dimension.is_length())
- return CalculatedStyleValue::CalcValue { dimension.length() };
- if (dimension.is_percentage())
- return CalculatedStyleValue::CalcValue { dimension.percentage() };
- if (dimension.is_resolution()) {
- // Resolution is not allowed in calc()
- return {};
- }
- if (dimension.is_time())
- return CalculatedStyleValue::CalcValue { dimension.time() };
- VERIFY_NOT_REACHED();
+private:
+ UnparsedCalculationNode(ComponentValue component_value)
+ : CalculationNode(Type::Unparsed)
+ , m_component_value(move(component_value))
+ {
}
- return {};
-}
-
-OwnPtr Parser::parse_calc_product_part_with_operator(TokenStream& tokens)
-{
- tokens.skip_whitespace();
-
- auto const& op_token = tokens.peek_token();
- if (!op_token.is(Token::Type::Delim))
- return nullptr;
-
- auto op = op_token.token().delim();
- if (op != '*' && op != '/')
- return nullptr;
-
- tokens.next_token();
- tokens.skip_whitespace();
- auto parsed_calc_value = parse_calc_value(tokens);
- if (!parsed_calc_value.has_value())
- return nullptr;
-
- auto operation = op == '*'
- ? CalculatedStyleValue::ProductOperation::Multiply
- : CalculatedStyleValue::ProductOperation::Divide;
- return make(operation, parsed_calc_value.release_value());
-}
-
-// https://www.w3.org/TR/css-values-4/#typedef-calc-product
-OwnPtr Parser::parse_calc_product(TokenStream& tokens)
-{
- // ` = [ [ '*' | '/' ] ]*`
-
- auto first_calc_value_or_error = parse_calc_value(tokens);
- if (!first_calc_value_or_error.has_value())
- return nullptr;
-
- auto calc_product = make(
- first_calc_value_or_error.release_value(),
- Vector> {});
-
- while (tokens.has_next_token()) {
- auto product_with_operator = parse_calc_product_part_with_operator(tokens);
- if (!product_with_operator)
- break;
- calc_product->zero_or_more_additional_calc_values.append(product_with_operator.release_nonnull());
- }
-
- return calc_product;
-}
-
-OwnPtr Parser::parse_calc_sum_part_with_operator(TokenStream& tokens)
-{
- // The following has to have the shape of <+ or ->
- // But the first whitespace gets eaten in parse_calc_product_part_with_operator().
- if (!(tokens.peek_token().is(Token::Type::Delim)
- && (tokens.peek_token().token().delim() == '+' || tokens.peek_token().token().delim() == '-')
- && tokens.peek_token(1).is(Token::Type::Whitespace)))
- return nullptr;
-
- auto const& token = tokens.next_token();
- tokens.skip_whitespace();
-
- CalculatedStyleValue::SumOperation op;
- auto delim = token.token().delim();
- if (delim == '+')
- op = CalculatedStyleValue::SumOperation::Add;
- else if (delim == '-')
- op = CalculatedStyleValue::SumOperation::Subtract;
- else
- return nullptr;
-
- auto calc_product = parse_calc_product(tokens);
- if (!calc_product)
- return nullptr;
- return make(op, calc_product.release_nonnull());
+ ComponentValue m_component_value;
};
-// https://www.w3.org/TR/css-values-4/#typedef-calc-sum
-OwnPtr Parser::parse_calc_sum(TokenStream& tokens)
+// https://www.w3.org/TR/css-values-4/#parse-a-calculation
+ErrorOr> Parser::parse_a_calculation(Vector const& original_values)
{
- // ` = [ [ '+' | '-' ] ]*`
+ // 1. Discard any s from values.
+ // 2. An item in values is an “operator” if it’s a with the value "+", "-", "*", or "/". Otherwise, it’s a “value”.
+ struct Operator {
+ char delim;
+ };
+ using Value = Variant, Operator>;
+ Vector values;
+ for (auto& value : original_values) {
+ if (value.is(Token::Type::Whitespace))
+ continue;
+ if (value.is(Token::Type::Delim)) {
+ if (first_is_one_of(value.token().delim(), static_cast('+'), static_cast('-'), static_cast('*'), static_cast('/'))) {
+ // NOTE: Sequential operators are invalid syntax.
+ if (!values.is_empty() && values.last().has())
+ return nullptr;
- auto parsed_calc_product = parse_calc_product(tokens);
- if (!parsed_calc_product)
- return nullptr;
+ TRY(values.try_append(Operator { static_cast(value.token().delim()) }));
+ continue;
+ }
+ }
- Vector> additional {};
- while (tokens.has_next_token()) {
- auto calc_sum_part = parse_calc_sum_part_with_operator(tokens);
- if (!calc_sum_part)
- return nullptr;
- additional.append(calc_sum_part.release_nonnull());
+ if (value.is(Token::Type::Number)) {
+ TRY(values.try_append({ TRY(NumericCalculationNode::create(value.token().number())) }));
+ continue;
+ }
+
+ if (auto dimension = parse_dimension(value); dimension.has_value()) {
+ if (dimension->is_angle())
+ TRY(values.try_append({ TRY(NumericCalculationNode::create(dimension->angle())) }));
+ else if (dimension->is_frequency())
+ TRY(values.try_append({ TRY(NumericCalculationNode::create(dimension->frequency())) }));
+ else if (dimension->is_length())
+ TRY(values.try_append({ TRY(NumericCalculationNode::create(dimension->length())) }));
+ else if (dimension->is_percentage())
+ TRY(values.try_append({ TRY(NumericCalculationNode::create(dimension->percentage())) }));
+ // FIXME: Resolutions, once calc() supports them.
+ else if (dimension->is_time())
+ TRY(values.try_append({ TRY(NumericCalculationNode::create(dimension->time())) }));
+ else
+ VERIFY_NOT_REACHED();
+ continue;
+ }
+
+ TRY(values.try_append({ TRY(UnparsedCalculationNode::create(value)) }));
}
- tokens.skip_whitespace();
+ // If we have no values, the syntax is invalid.
+ if (values.is_empty())
+ return nullptr;
- return make(parsed_calc_product.release_nonnull(), move(additional));
+ // NOTE: If the first or last value is an operator, the syntax is invalid.
+ if (values.first().has() || values.last().has())
+ return nullptr;
+
+ // 3. Collect children into Product and Invert nodes.
+ // For every consecutive run of value items in values separated by "*" or "/" operators:
+ while (true) {
+ Optional first_product_operator = values.find_first_index_if([](auto const& item) {
+ return item.template has()
+ && first_is_one_of(item.template get().delim, '*', '/');
+ });
+
+ if (!first_product_operator.has_value())
+ break;
+
+ auto start_of_run = first_product_operator.value() - 1;
+ auto end_of_run = first_product_operator.value() + 1;
+ for (auto i = start_of_run + 1; i < values.size(); i += 2) {
+ auto& item = values[i];
+ if (!item.has()) {
+ end_of_run = i - 1;
+ break;
+ }
+
+ auto delim = item.get().delim;
+ if (!first_is_one_of(delim, '*', '/')) {
+ end_of_run = i - 1;
+ break;
+ }
+ }
+
+ // 1. For each "/" operator in the run, replace its right-hand value item rhs with an Invert node containing rhs as its child.
+ Vector> run_values;
+ TRY(run_values.try_append(move(values[start_of_run].get>())));
+ for (auto i = start_of_run + 1; i <= end_of_run; i += 2) {
+ auto& operator_ = values[i].get().delim;
+ auto& rhs = values[i + 1];
+ if (operator_ == '/') {
+ TRY(run_values.try_append(TRY(InvertCalculationNode::create(move(rhs.get>())))));
+ continue;
+ }
+ VERIFY(operator_ == '*');
+ TRY(run_values.try_append(move(rhs.get>())));
+ }
+ // 2. Replace the entire run with a Product node containing the value items of the run as its children.
+ auto product_node = TRY(ProductCalculationNode::create(move(run_values)));
+ values.remove(start_of_run, end_of_run - start_of_run + 1);
+ TRY(values.try_insert(start_of_run, { move(product_node) }));
+ }
+
+ // 4. Collect children into Sum and Negate nodes.
+ Optional> single_value;
+ {
+ // 1. For each "-" operator item in values, replace its right-hand value item rhs with a Negate node containing rhs as its child.
+ for (auto i = 0u; i < values.size(); ++i) {
+ auto& maybe_minus_operator = values[i];
+ if (!maybe_minus_operator.has() || maybe_minus_operator.get().delim != '-')
+ continue;
+
+ auto rhs_index = ++i;
+ auto& rhs = values[rhs_index];
+
+ NonnullOwnPtr negate_node = TRY(NegateCalculationNode::create(move(rhs.get>())));
+ values.remove(rhs_index);
+ values.insert(rhs_index, move(negate_node));
+ }
+
+ // 2. If values has only one item, and it is a Product node or a parenthesized simple block, replace values with that item.
+ if (values.size() == 1) {
+ TRY(values.first().visit(
+ [&](ComponentValue& component_value) -> ErrorOr {
+ if (component_value.is_block() && component_value.block().is_paren())
+ single_value = TRY(UnparsedCalculationNode::create(component_value));
+ return {};
+ },
+ [&](NonnullOwnPtr& node) -> ErrorOr {
+ if (node->type() == CalculationNode::Type::Product)
+ single_value = move(node);
+ return {};
+ },
+ [](auto&) -> ErrorOr { return {}; }));
+ }
+ // Otherwise, replace values with a Sum node containing the value items of values as its children.
+ if (!single_value.has_value()) {
+ values.remove_all_matching([](Value& value) { return value.has(); });
+ Vector> value_items;
+ TRY(value_items.try_ensure_capacity(values.size()));
+ for (auto& value : values) {
+ if (value.has())
+ continue;
+ value_items.unchecked_append(move(value.get>()));
+ }
+ single_value = TRY(SumCalculationNode::create(move(value_items)));
+ }
+ }
+
+ // 5. At this point values is a tree of Sum, Product, Negate, and Invert nodes, with other types of values at the leaf nodes. Process the leaf nodes.
+ // For every leaf node leaf in values:
+ bool parsing_failed_for_child_node = false;
+ TRY(single_value.value()->for_each_child_node([&](NonnullOwnPtr& node) -> ErrorOr {
+ if (node->type() != CalculationNode::Type::Unparsed)
+ return {};
+
+ auto& unparsed_node = static_cast(*node);
+ auto& component_value = unparsed_node.component_value();
+
+ // 1. If leaf is a parenthesized simple block, replace leaf with the result of parsing a calculation from leaf’s contents.
+ if (component_value.is_block() && component_value.block().is_paren()) {
+ auto leaf_calculation = TRY(parse_a_calculation(component_value.block().values()));
+ if (!leaf_calculation) {
+ parsing_failed_for_child_node = true;
+ return {};
+ }
+ node = leaf_calculation.release_nonnull();
+ }
+
+ // 2. If leaf is a math function, replace leaf with the internal representation of that math function.
+ // NOTE: All function tokens at this point should be math functions.
+ else if (component_value.is_function()) {
+ auto& function = component_value.function();
+ if (function.name().equals_ignoring_ascii_case("calc"sv)) {
+ auto leaf_calculation = TRY(parse_a_calculation(function.values()));
+ if (!leaf_calculation) {
+ parsing_failed_for_child_node = true;
+ return {};
+ }
+ node = leaf_calculation.release_nonnull();
+ } else {
+ // FIXME: Parse more math functions once we have them.
+ parsing_failed_for_child_node = true;
+ return {};
+ }
+ }
+
+ return {};
+ }));
+
+ if (parsing_failed_for_child_node)
+ return nullptr;
+
+ // FIXME: 6. Return the result of simplifying a calculation tree from values.
+ return single_value.release_value();
}
bool Parser::has_ignored_vendor_prefix(StringView string)
diff --git a/Userland/Libraries/LibWeb/CSS/Parser/Parser.h b/Userland/Libraries/LibWeb/CSS/Parser/Parser.h
index 76894a6f40..4b8afdde31 100644
--- a/Userland/Libraries/LibWeb/CSS/Parser/Parser.h
+++ b/Userland/Libraries/LibWeb/CSS/Parser/Parser.h
@@ -323,13 +323,7 @@ private:
RefPtr parse_grid_template_areas_value(Vector const&);
RefPtr parse_grid_area_shorthand_value(Vector const&);
- // calc() parsing, according to https://www.w3.org/TR/css-values-3/#calc-syntax
- OwnPtr parse_calc_sum(TokenStream&);
- OwnPtr parse_calc_product(TokenStream&);
- Optional parse_calc_value(TokenStream&);
- OwnPtr parse_calc_product_part_with_operator(TokenStream&);
- OwnPtr parse_calc_sum_part_with_operator(TokenStream&);
- OwnPtr parse_calc_expression(Vector const&);
+ ErrorOr> parse_a_calculation(Vector const&);
ParseErrorOr> parse_complex_selector(TokenStream&, SelectorType);
ParseErrorOr> parse_compound_selector(TokenStream&);
diff --git a/Userland/Libraries/LibWeb/CSS/StyleValues/CalculatedStyleValue.cpp b/Userland/Libraries/LibWeb/CSS/StyleValues/CalculatedStyleValue.cpp
index 5697510909..a4886502da 100644
--- a/Userland/Libraries/LibWeb/CSS/StyleValues/CalculatedStyleValue.cpp
+++ b/Userland/Libraries/LibWeb/CSS/StyleValues/CalculatedStyleValue.cpp
@@ -12,6 +12,384 @@
namespace Web::CSS {
+static bool is_number(CalculatedStyleValue::ResolvedType type)
+{
+ return type == CalculatedStyleValue::ResolvedType::Number || type == CalculatedStyleValue::ResolvedType::Integer;
+}
+
+static bool is_dimension(CalculatedStyleValue::ResolvedType type)
+{
+ return type != CalculatedStyleValue::ResolvedType::Number
+ && type != CalculatedStyleValue::ResolvedType::Integer
+ && type != CalculatedStyleValue::ResolvedType::Percentage;
+}
+
+CalculationNode::CalculationNode(Type type)
+ : m_type(type)
+{
+}
+
+CalculationNode::~CalculationNode() = default;
+
+ErrorOr> NumericCalculationNode::create(NumericValue value)
+{
+ return adopt_nonnull_own_or_enomem(new (nothrow) NumericCalculationNode(move(value)));
+}
+
+NumericCalculationNode::NumericCalculationNode(NumericValue value)
+ : CalculationNode(Type::Numeric)
+ , m_value(move(value))
+{
+}
+
+NumericCalculationNode::~NumericCalculationNode() = default;
+
+ErrorOr NumericCalculationNode::to_string() const
+{
+ return m_value.visit([](auto& value) { return value.to_string(); });
+}
+
+Optional NumericCalculationNode::resolved_type() const
+{
+ return m_value.visit(
+ [](Number const&) { return CalculatedStyleValue::ResolvedType::Number; },
+ [](Angle const&) { return CalculatedStyleValue::ResolvedType::Angle; },
+ [](Frequency const&) { return CalculatedStyleValue::ResolvedType::Frequency; },
+ [](Length const&) { return CalculatedStyleValue::ResolvedType::Length; },
+ [](Percentage const&) { return CalculatedStyleValue::ResolvedType::Percentage; },
+ [](Time const&) { return CalculatedStyleValue::ResolvedType::Time; });
+}
+
+bool NumericCalculationNode::contains_percentage() const
+{
+ return m_value.has();
+}
+
+CalculatedStyleValue::CalculationResult NumericCalculationNode::resolve(Layout::Node const*, CalculatedStyleValue::PercentageBasis const&) const
+{
+ return m_value;
+}
+
+ErrorOr NumericCalculationNode::dump(StringBuilder& builder, int indent) const
+{
+ return builder.try_appendff("{: >{}}NUMERIC({})\n", "", indent, TRY(m_value.visit([](auto& it) { return it.to_string(); })));
+}
+
+ErrorOr> SumCalculationNode::create(Vector> values)
+{
+ return adopt_nonnull_own_or_enomem(new (nothrow) SumCalculationNode(move(values)));
+}
+
+SumCalculationNode::SumCalculationNode(Vector> values)
+ : CalculationNode(Type::Sum)
+ , m_values(move(values))
+{
+ VERIFY(!m_values.is_empty());
+}
+
+SumCalculationNode::~SumCalculationNode() = default;
+
+ErrorOr SumCalculationNode::to_string() const
+{
+ bool first = true;
+ StringBuilder builder;
+ for (auto& value : m_values) {
+ if (!first)
+ TRY(builder.try_append(" + "sv));
+ TRY(builder.try_append(TRY(value->to_string())));
+ first = false;
+ }
+ return builder.to_string();
+}
+
+Optional SumCalculationNode::resolved_type() const
+{
+ // FIXME: Implement https://www.w3.org/TR/css-values-4/#determine-the-type-of-a-calculation
+ // For now, this is just ad-hoc, based on the old implementation.
+
+ Optional type;
+ for (auto const& value : m_values) {
+ auto maybe_value_type = value->resolved_type();
+ if (!maybe_value_type.has_value())
+ return {};
+ auto value_type = maybe_value_type.value();
+
+ if (!type.has_value()) {
+ type = value_type;
+ continue;
+ }
+
+ // At + or -, check that both sides have the same type, or that one side is a and the other is an .
+ // If both sides are the same type, resolve to that type.
+ if (value_type == type)
+ continue;
+
+ // If one side is a and the other is an , resolve to .
+ if (is_number(*type) && is_number(value_type)) {
+ type = CalculatedStyleValue::ResolvedType::Number;
+ continue;
+ }
+
+ // FIXME: calc() handles by allowing them to pretend to be whatever type is allowed at this location.
+ // Since we can't easily check what that type is, we just allow to combine with any other type.
+ if (type == CalculatedStyleValue::ResolvedType::Percentage && is_dimension(value_type)) {
+ type = value_type;
+ continue;
+ }
+ if (is_dimension(*type) && value_type == CalculatedStyleValue::ResolvedType::Percentage)
+ continue;
+
+ return {};
+ }
+ return type;
+}
+
+bool SumCalculationNode::contains_percentage() const
+{
+ for (auto const& value : m_values) {
+ if (value->contains_percentage())
+ return true;
+ }
+ return false;
+}
+
+CalculatedStyleValue::CalculationResult SumCalculationNode::resolve(Layout::Node const* layout_node, CalculatedStyleValue::PercentageBasis const& percentage_basis) const
+{
+ Optional total;
+
+ for (auto& additional_product : m_values) {
+ auto additional_value = additional_product->resolve(layout_node, percentage_basis);
+ if (!total.has_value()) {
+ total = additional_value;
+ continue;
+ }
+ total->add(additional_value, layout_node, percentage_basis);
+ }
+
+ return total.value();
+}
+
+ErrorOr SumCalculationNode::for_each_child_node(Function(NonnullOwnPtr&)> const& callback)
+{
+ for (auto& item : m_values) {
+ TRY(item->for_each_child_node(callback));
+ TRY(callback(item));
+ }
+
+ return {};
+}
+
+ErrorOr SumCalculationNode::dump(StringBuilder& builder, int indent) const
+{
+ TRY(builder.try_appendff("{: >{}}SUM:\n", "", indent));
+ for (auto const& item : m_values)
+ TRY(item->dump(builder, indent + 2));
+ return {};
+}
+
+ErrorOr> ProductCalculationNode::create(Vector> values)
+{
+ return adopt_nonnull_own_or_enomem(new (nothrow) ProductCalculationNode(move(values)));
+}
+
+ProductCalculationNode::ProductCalculationNode(Vector> values)
+ : CalculationNode(Type::Product)
+ , m_values(move(values))
+{
+ VERIFY(!m_values.is_empty());
+}
+
+ProductCalculationNode::~ProductCalculationNode() = default;
+
+ErrorOr ProductCalculationNode::to_string() const
+{
+ bool first = true;
+ StringBuilder builder;
+ for (auto& value : m_values) {
+ if (!first)
+ TRY(builder.try_append(" * "sv));
+ TRY(builder.try_append(TRY(value->to_string())));
+ first = false;
+ }
+ return builder.to_string();
+}
+
+Optional ProductCalculationNode::resolved_type() const
+{
+ // FIXME: Implement https://www.w3.org/TR/css-values-4/#determine-the-type-of-a-calculation
+ // For now, this is just ad-hoc, based on the old implementation.
+
+ Optional type;
+ for (auto const& value : m_values) {
+ auto maybe_value_type = value->resolved_type();
+ if (!maybe_value_type.has_value())
+ return {};
+ auto value_type = maybe_value_type.value();
+
+ if (!type.has_value()) {
+ type = value_type;
+ continue;
+ }
+
+ // At *, check that at least one side is .
+ if (!(is_number(*type) || is_number(value_type)))
+ return {};
+ // If both sides are , resolve to .
+ if (type == CalculatedStyleValue::ResolvedType::Integer && value_type == CalculatedStyleValue::ResolvedType::Integer) {
+ type = CalculatedStyleValue::ResolvedType::Integer;
+ } else {
+ // Otherwise, resolve to the type of the other side.
+ if (is_number(*type))
+ type = value_type;
+ }
+ }
+ return type;
+}
+
+bool ProductCalculationNode::contains_percentage() const
+{
+ for (auto const& value : m_values) {
+ if (value->contains_percentage())
+ return true;
+ }
+ return false;
+}
+
+CalculatedStyleValue::CalculationResult ProductCalculationNode::resolve(Layout::Node const* layout_node, CalculatedStyleValue::PercentageBasis const& percentage_basis) const
+{
+ Optional total;
+
+ for (auto& additional_product : m_values) {
+ auto additional_value = additional_product->resolve(layout_node, percentage_basis);
+ if (!total.has_value()) {
+ total = additional_value;
+ continue;
+ }
+ total->multiply_by(additional_value, layout_node);
+ }
+
+ return total.value();
+}
+
+ErrorOr ProductCalculationNode::for_each_child_node(Function(NonnullOwnPtr&)> const& callback)
+{
+ for (auto& item : m_values) {
+ TRY(item->for_each_child_node(callback));
+ TRY(callback(item));
+ }
+
+ return {};
+}
+
+ErrorOr ProductCalculationNode::dump(StringBuilder& builder, int indent) const
+{
+ TRY(builder.try_appendff("{: >{}}PRODUCT:\n", "", indent));
+ for (auto const& item : m_values)
+ TRY(item->dump(builder, indent + 2));
+ return {};
+}
+
+ErrorOr> NegateCalculationNode::create(NonnullOwnPtr value)
+{
+ return adopt_nonnull_own_or_enomem(new (nothrow) NegateCalculationNode(move(value)));
+}
+
+NegateCalculationNode::NegateCalculationNode(NonnullOwnPtr value)
+ : CalculationNode(Type::Negate)
+ , m_value(move(value))
+{
+}
+
+NegateCalculationNode::~NegateCalculationNode() = default;
+
+ErrorOr NegateCalculationNode::to_string() const
+{
+ return String::formatted("(0 - {})", TRY(m_value->to_string()));
+}
+
+Optional NegateCalculationNode::resolved_type() const
+{
+ return m_value->resolved_type();
+}
+
+bool NegateCalculationNode::contains_percentage() const
+{
+ return m_value->contains_percentage();
+}
+
+CalculatedStyleValue::CalculationResult NegateCalculationNode::resolve(Layout::Node const* layout_node, CalculatedStyleValue::PercentageBasis const& percentage_basis) const
+{
+ auto child_value = m_value->resolve(layout_node, percentage_basis);
+ child_value.negate();
+ return child_value;
+}
+
+ErrorOr NegateCalculationNode::for_each_child_node(Function(NonnullOwnPtr&)> const& callback)
+{
+ TRY(m_value->for_each_child_node(callback));
+ TRY(callback(m_value));
+ return {};
+}
+
+ErrorOr NegateCalculationNode::dump(StringBuilder& builder, int indent) const
+{
+ TRY(builder.try_appendff("{: >{}}NEGATE:\n", "", indent));
+ TRY(m_value->dump(builder, indent + 2));
+ return {};
+}
+
+ErrorOr> InvertCalculationNode::create(NonnullOwnPtr value)
+{
+ return adopt_nonnull_own_or_enomem(new (nothrow) InvertCalculationNode(move(value)));
+}
+
+InvertCalculationNode::InvertCalculationNode(NonnullOwnPtr value)
+ : CalculationNode(Type::Invert)
+ , m_value(move(value))
+{
+}
+
+InvertCalculationNode::~InvertCalculationNode() = default;
+
+ErrorOr InvertCalculationNode::to_string() const
+{
+ return String::formatted("(1 / {})", TRY(m_value->to_string()));
+}
+
+Optional InvertCalculationNode::resolved_type() const
+{
+ auto type = m_value->resolved_type();
+ if (type == CalculatedStyleValue::ResolvedType::Integer)
+ return CalculatedStyleValue::ResolvedType::Number;
+ return type;
+}
+
+bool InvertCalculationNode::contains_percentage() const
+{
+ return m_value->contains_percentage();
+}
+
+CalculatedStyleValue::CalculationResult InvertCalculationNode::resolve(Layout::Node const* layout_node, CalculatedStyleValue::PercentageBasis const& percentage_basis) const
+{
+ auto child_value = m_value->resolve(layout_node, percentage_basis);
+ child_value.invert();
+ return child_value;
+}
+
+ErrorOr InvertCalculationNode::for_each_child_node(Function(NonnullOwnPtr&)> const& callback)
+{
+ TRY(m_value->for_each_child_node(callback));
+ TRY(callback(m_value));
+ return {};
+}
+
+ErrorOr InvertCalculationNode::dump(StringBuilder& builder, int indent) const
+{
+ TRY(builder.try_appendff("{: >{}}INVERT:\n", "", indent));
+ TRY(m_value->dump(builder, indent + 2));
+ return {};
+}
+
void CalculatedStyleValue::CalculationResult::add(CalculationResult const& other, Layout::Node const* layout_node, PercentageBasis const& percentage_basis)
{
add_or_subtract_internal(SumOperation::Add, other, layout_node, percentage_basis);
@@ -201,9 +579,57 @@ void CalculatedStyleValue::CalculationResult::divide_by(CalculationResult const&
});
}
+void CalculatedStyleValue::CalculationResult::negate()
+{
+ m_value.visit(
+ [&](Number const& number) {
+ m_value = Number { number.type(), 1 - number.value() };
+ },
+ [&](Angle const& angle) {
+ m_value = Angle { 1 - angle.raw_value(), angle.type() };
+ },
+ [&](Frequency const& frequency) {
+ m_value = Frequency { 1 - frequency.raw_value(), frequency.type() };
+ },
+ [&](Length const& length) {
+ m_value = Length { 1 - length.raw_value(), length.type() };
+ },
+ [&](Time const& time) {
+ m_value = Time { 1 - time.raw_value(), time.type() };
+ },
+ [&](Percentage const& percentage) {
+ m_value = Percentage { 1 - percentage.value() };
+ });
+}
+
+void CalculatedStyleValue::CalculationResult::invert()
+{
+ // FIXME: Correctly handle division by zero.
+ m_value.visit(
+ [&](Number const& number) {
+ m_value = Number { Number::Type::Number, 1 / number.value() };
+ },
+ [&](Angle const& angle) {
+ m_value = Angle { 1 / angle.raw_value(), angle.type() };
+ },
+ [&](Frequency const& frequency) {
+ m_value = Frequency { 1 / frequency.raw_value(), frequency.type() };
+ },
+ [&](Length const& length) {
+ m_value = Length { 1 / length.raw_value(), length.type() };
+ },
+ [&](Time const& time) {
+ m_value = Time { 1 / time.raw_value(), time.type() };
+ },
+ [&](Percentage const& percentage) {
+ m_value = Percentage { 1 / percentage.value() };
+ });
+}
+
ErrorOr CalculatedStyleValue::to_string() const
{
- return String::formatted("calc({})", TRY(m_expression->to_string()));
+ // FIXME: Implement this according to https://www.w3.org/TR/css-values-4/#calc-serialize once that stabilizes.
+ return String::formatted("calc({})", TRY(m_calculation->to_string()));
}
bool CalculatedStyleValue::equals(StyleValue const& other) const
@@ -214,45 +640,9 @@ bool CalculatedStyleValue::equals(StyleValue const& other) const
return to_string().release_value_but_fixme_should_propagate_errors() == other.to_string().release_value_but_fixme_should_propagate_errors();
}
-ErrorOr CalculatedStyleValue::CalcValue::to_string() const
-{
- return value.visit(
- [](Number const& number) -> ErrorOr { return String::number(number.value()); },
- [](NonnullOwnPtr const& sum) -> ErrorOr { return String::formatted("({})", TRY(sum->to_string())); },
- [](auto const& v) -> ErrorOr { return v.to_string(); });
-}
-
-ErrorOr CalculatedStyleValue::CalcSum::to_string() const
-{
- StringBuilder builder;
- TRY(builder.try_append(TRY(first_calc_product->to_string())));
- for (auto const& item : zero_or_more_additional_calc_products)
- TRY(builder.try_append(TRY(item->to_string())));
- return builder.to_string();
-}
-
-ErrorOr CalculatedStyleValue::CalcProduct::to_string() const
-{
- StringBuilder builder;
- TRY(builder.try_append(TRY(first_calc_value.to_string())));
- for (auto const& item : zero_or_more_additional_calc_values)
- TRY(builder.try_append(TRY(item->to_string())));
- return builder.to_string();
-}
-
-ErrorOr CalculatedStyleValue::CalcSumPartWithOperator::to_string() const
-{
- return String::formatted(" {} {}", op == SumOperation::Add ? "+"sv : "-"sv, TRY(value->to_string()));
-}
-
-ErrorOr CalculatedStyleValue::CalcProductPartWithOperator::to_string() const
-{
- return String::formatted(" {} {}", op == ProductOperation::Multiply ? "*"sv : "/"sv, TRY(value.to_string()));
-}
-
Optional CalculatedStyleValue::resolve_angle() const
{
- auto result = m_expression->resolve(nullptr, {});
+ auto result = m_calculation->resolve(nullptr, {});
if (result.value().has())
return result.value().get();
@@ -261,7 +651,7 @@ Optional CalculatedStyleValue::resolve_angle() const
Optional CalculatedStyleValue::resolve_angle_percentage(Angle const& percentage_basis) const
{
- auto result = m_expression->resolve(nullptr, percentage_basis);
+ auto result = m_calculation->resolve(nullptr, percentage_basis);
return result.value().visit(
[&](Angle const& angle) -> Optional {
@@ -277,7 +667,7 @@ Optional CalculatedStyleValue::resolve_angle_percentage(Angle const& perc
Optional CalculatedStyleValue::resolve_frequency() const
{
- auto result = m_expression->resolve(nullptr, {});
+ auto result = m_calculation->resolve(nullptr, {});
if (result.value().has())
return result.value().get();
@@ -286,7 +676,7 @@ Optional CalculatedStyleValue::resolve_frequency() const
Optional CalculatedStyleValue::resolve_frequency_percentage(Frequency const& percentage_basis) const
{
- auto result = m_expression->resolve(nullptr, percentage_basis);
+ auto result = m_calculation->resolve(nullptr, percentage_basis);
return result.value().visit(
[&](Frequency const& frequency) -> Optional {
@@ -302,7 +692,7 @@ Optional CalculatedStyleValue::resolve_frequency_percentage(Frequency
Optional CalculatedStyleValue::resolve_length(Layout::Node const& layout_node) const
{
- auto result = m_expression->resolve(&layout_node, {});
+ auto result = m_calculation->resolve(&layout_node, {});
if (result.value().has())
return result.value().get();
@@ -311,7 +701,7 @@ Optional CalculatedStyleValue::resolve_length(Layout::Node const& layout
Optional CalculatedStyleValue::resolve_length_percentage(Layout::Node const& layout_node, Length const& percentage_basis) const
{
- auto result = m_expression->resolve(&layout_node, percentage_basis);
+ auto result = m_calculation->resolve(&layout_node, percentage_basis);
return result.value().visit(
[&](Length const& length) -> Optional {
@@ -327,7 +717,7 @@ Optional CalculatedStyleValue::resolve_length_percentage(Layout::Node co
Optional CalculatedStyleValue::resolve_percentage() const
{
- auto result = m_expression->resolve(nullptr, {});
+ auto result = m_calculation->resolve(nullptr, {});
if (result.value().has())
return result.value().get();
return {};
@@ -335,7 +725,7 @@ Optional CalculatedStyleValue::resolve_percentage() const
Optional