| 
									
										
										
										
											2020-01-18 09:38:21 +01:00
										 |  |  | /*
 | 
					
						
							|  |  |  |  * Copyright (c) 2018-2020, Andreas Kling <kling@serenityos.org> | 
					
						
							| 
									
										
										
										
											2021-02-21 13:45:26 +02:00
										 |  |  |  * Copyright (c) 2021, the SerenityOS developers. | 
					
						
							| 
									
										
										
										
											2021-07-14 16:56:11 +01:00
										 |  |  |  * Copyright (c) 2021, Sam Atkins <atkinssj@gmail.com> | 
					
						
							| 
									
										
										
										
											2020-01-18 09:38:21 +01:00
										 |  |  |  * | 
					
						
							| 
									
										
										
										
											2021-04-22 01:24:48 -07:00
										 |  |  |  * SPDX-License-Identifier: BSD-2-Clause | 
					
						
							| 
									
										
										
										
											2020-01-18 09:38:21 +01:00
										 |  |  |  */ | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-06-10 16:41:30 +02:00
										 |  |  | #include <AK/QuickSort.h>
 | 
					
						
							| 
									
										
										
										
											2021-03-07 15:00:02 +01:00
										 |  |  | #include <LibWeb/CSS/CSSStyleRule.h>
 | 
					
						
							| 
									
										
										
										
											2021-07-14 19:57:02 +01:00
										 |  |  | #include <LibWeb/CSS/Parser/Parser.h>
 | 
					
						
							| 
									
										
										
										
											2020-03-07 10:32:51 +01:00
										 |  |  | #include <LibWeb/CSS/SelectorEngine.h>
 | 
					
						
							|  |  |  | #include <LibWeb/CSS/StyleResolver.h>
 | 
					
						
							|  |  |  | #include <LibWeb/CSS/StyleSheet.h>
 | 
					
						
							|  |  |  | #include <LibWeb/DOM/Document.h>
 | 
					
						
							|  |  |  | #include <LibWeb/DOM/Element.h>
 | 
					
						
							|  |  |  | #include <LibWeb/Dump.h>
 | 
					
						
							| 
									
										
										
										
											2019-11-18 11:49:19 +01:00
										 |  |  | #include <ctype.h>
 | 
					
						
							| 
									
										
										
										
											2019-06-27 20:40:21 +02:00
										 |  |  | #include <stdio.h>
 | 
					
						
							| 
									
										
										
										
											2019-06-27 17:47:59 +02:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-07-26 20:01:35 +02:00
										 |  |  | namespace Web::CSS { | 
					
						
							| 
									
										
										
										
											2020-03-07 10:27:02 +01:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-07-26 19:37:56 +02:00
										 |  |  | StyleResolver::StyleResolver(DOM::Document& document) | 
					
						
							| 
									
										
										
										
											2019-06-27 17:47:59 +02:00
										 |  |  |     : m_document(document) | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | StyleResolver::~StyleResolver() | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-10-05 09:01:12 +02:00
										 |  |  | static StyleSheet& default_stylesheet() | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     static StyleSheet* sheet; | 
					
						
							|  |  |  |     if (!sheet) { | 
					
						
							| 
									
										
										
										
											2021-07-14 16:56:11 +01:00
										 |  |  |         extern char const default_stylesheet_source[]; | 
					
						
							| 
									
										
										
										
											2019-10-05 09:01:12 +02:00
										 |  |  |         String css = default_stylesheet_source; | 
					
						
							| 
									
										
										
										
											2021-07-30 19:31:46 +01:00
										 |  |  |         sheet = parse_css(CSS::ParsingContext(), css).leak_ref(); | 
					
						
							| 
									
										
										
										
											2019-10-05 09:01:12 +02:00
										 |  |  |     } | 
					
						
							|  |  |  |     return *sheet; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-09-24 10:33:33 +02:00
										 |  |  | static StyleSheet& quirks_mode_stylesheet() | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     static StyleSheet* sheet; | 
					
						
							|  |  |  |     if (!sheet) { | 
					
						
							| 
									
										
										
										
											2021-07-14 16:56:11 +01:00
										 |  |  |         extern char const quirks_mode_stylesheet_source[]; | 
					
						
							| 
									
										
										
										
											2020-09-24 10:33:33 +02:00
										 |  |  |         String css = quirks_mode_stylesheet_source; | 
					
						
							| 
									
										
										
										
											2021-07-30 19:31:46 +01:00
										 |  |  |         sheet = parse_css(CSS::ParsingContext(), css).leak_ref(); | 
					
						
							| 
									
										
										
										
											2020-09-24 10:33:33 +02:00
										 |  |  |     } | 
					
						
							|  |  |  |     return *sheet; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-10-05 09:01:12 +02:00
										 |  |  | template<typename Callback> | 
					
						
							|  |  |  | void StyleResolver::for_each_stylesheet(Callback callback) const | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     callback(default_stylesheet()); | 
					
						
							| 
									
										
										
										
											2020-09-24 10:33:33 +02:00
										 |  |  |     if (document().in_quirks_mode()) | 
					
						
							|  |  |  |         callback(quirks_mode_stylesheet()); | 
					
						
							| 
									
										
										
										
											2020-06-04 16:06:32 +02:00
										 |  |  |     for (auto& sheet : document().style_sheets().sheets()) { | 
					
						
							| 
									
										
										
										
											2019-10-05 09:01:12 +02:00
										 |  |  |         callback(sheet); | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-07-14 16:56:11 +01:00
										 |  |  | Vector<MatchingRule> StyleResolver::collect_matching_rules(DOM::Element const& element) const | 
					
						
							| 
									
										
										
										
											2019-06-27 20:40:21 +02:00
										 |  |  | { | 
					
						
							| 
									
										
										
										
											2020-06-13 00:44:26 +02:00
										 |  |  |     Vector<MatchingRule> matching_rules; | 
					
						
							| 
									
										
										
										
											2019-10-05 09:01:12 +02:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-06-13 00:44:26 +02:00
										 |  |  |     size_t style_sheet_index = 0; | 
					
						
							| 
									
										
										
										
											2019-10-05 09:01:12 +02:00
										 |  |  |     for_each_stylesheet([&](auto& sheet) { | 
					
						
							| 
									
										
										
										
											2020-06-13 00:44:26 +02:00
										 |  |  |         size_t rule_index = 0; | 
					
						
							| 
									
										
										
										
											2021-07-14 16:56:11 +01:00
										 |  |  |         static_cast<CSSStyleSheet const&>(sheet).for_each_effective_style_rule([&](auto& rule) { | 
					
						
							| 
									
										
										
										
											2020-06-13 00:44:26 +02:00
										 |  |  |             size_t selector_index = 0; | 
					
						
							| 
									
										
										
										
											2019-06-27 20:40:21 +02:00
										 |  |  |             for (auto& selector : rule.selectors()) { | 
					
						
							| 
									
										
										
										
											2019-10-08 15:33:58 +02:00
										 |  |  |                 if (SelectorEngine::matches(selector, element)) { | 
					
						
							| 
									
										
										
										
											2021-05-24 23:01:24 +02:00
										 |  |  |                     matching_rules.append({ rule, style_sheet_index, rule_index, selector_index, selector.specificity() }); | 
					
						
							| 
									
										
										
										
											2019-06-27 20:40:21 +02:00
										 |  |  |                     break; | 
					
						
							|  |  |  |                 } | 
					
						
							| 
									
										
										
										
											2020-06-13 00:44:26 +02:00
										 |  |  |                 ++selector_index; | 
					
						
							| 
									
										
										
										
											2019-06-27 20:40:21 +02:00
										 |  |  |             } | 
					
						
							| 
									
										
										
										
											2020-06-13 00:44:26 +02:00
										 |  |  |             ++rule_index; | 
					
						
							| 
									
										
										
										
											2021-02-21 13:45:26 +02:00
										 |  |  |         }); | 
					
						
							| 
									
										
										
										
											2020-06-13 00:44:26 +02:00
										 |  |  |         ++style_sheet_index; | 
					
						
							| 
									
										
										
										
											2021-03-07 17:53:20 +01:00
										 |  |  |     }); | 
					
						
							| 
									
										
										
										
											2019-09-25 12:42:10 +03:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-06-27 20:40:21 +02:00
										 |  |  |     return matching_rules; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-12-14 21:31:10 +00:00
										 |  |  | void StyleResolver::sort_matching_rules(Vector<MatchingRule>& matching_rules) const | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     quick_sort(matching_rules, [&](MatchingRule& a, MatchingRule& b) { | 
					
						
							|  |  |  |         auto& a_selector = a.rule->selectors()[a.selector_index]; | 
					
						
							|  |  |  |         auto& b_selector = b.rule->selectors()[b.selector_index]; | 
					
						
							|  |  |  |         auto a_specificity = a_selector.specificity(); | 
					
						
							|  |  |  |         auto b_specificity = b_selector.specificity(); | 
					
						
							|  |  |  |         if (a_selector.specificity() == b_selector.specificity()) { | 
					
						
							|  |  |  |             if (a.style_sheet_index == b.style_sheet_index) | 
					
						
							|  |  |  |                 return a.rule_index < b.rule_index; | 
					
						
							|  |  |  |             return a.style_sheet_index < b.style_sheet_index; | 
					
						
							|  |  |  |         } | 
					
						
							|  |  |  |         return a_specificity < b_specificity; | 
					
						
							|  |  |  |     }); | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-10-08 15:34:19 +02:00
										 |  |  | bool StyleResolver::is_inherited_property(CSS::PropertyID property_id) | 
					
						
							| 
									
										
										
										
											2019-10-04 22:52:49 +02:00
										 |  |  | { | 
					
						
							| 
									
										
										
										
											2019-10-08 15:34:19 +02:00
										 |  |  |     static HashTable<CSS::PropertyID> inherited_properties; | 
					
						
							| 
									
										
										
										
											2019-10-04 22:52:49 +02:00
										 |  |  |     if (inherited_properties.is_empty()) { | 
					
						
							| 
									
										
										
										
											2019-10-08 15:34:19 +02:00
										 |  |  |         inherited_properties.set(CSS::PropertyID::BorderCollapse); | 
					
						
							|  |  |  |         inherited_properties.set(CSS::PropertyID::BorderSpacing); | 
					
						
							|  |  |  |         inherited_properties.set(CSS::PropertyID::Color); | 
					
						
							|  |  |  |         inherited_properties.set(CSS::PropertyID::FontFamily); | 
					
						
							|  |  |  |         inherited_properties.set(CSS::PropertyID::FontSize); | 
					
						
							|  |  |  |         inherited_properties.set(CSS::PropertyID::FontStyle); | 
					
						
							|  |  |  |         inherited_properties.set(CSS::PropertyID::FontVariant); | 
					
						
							|  |  |  |         inherited_properties.set(CSS::PropertyID::FontWeight); | 
					
						
							|  |  |  |         inherited_properties.set(CSS::PropertyID::LetterSpacing); | 
					
						
							|  |  |  |         inherited_properties.set(CSS::PropertyID::LineHeight); | 
					
						
							|  |  |  |         inherited_properties.set(CSS::PropertyID::ListStyle); | 
					
						
							|  |  |  |         inherited_properties.set(CSS::PropertyID::ListStyleImage); | 
					
						
							|  |  |  |         inherited_properties.set(CSS::PropertyID::ListStylePosition); | 
					
						
							|  |  |  |         inherited_properties.set(CSS::PropertyID::ListStyleType); | 
					
						
							|  |  |  |         inherited_properties.set(CSS::PropertyID::TextAlign); | 
					
						
							|  |  |  |         inherited_properties.set(CSS::PropertyID::TextIndent); | 
					
						
							|  |  |  |         inherited_properties.set(CSS::PropertyID::TextTransform); | 
					
						
							|  |  |  |         inherited_properties.set(CSS::PropertyID::Visibility); | 
					
						
							|  |  |  |         inherited_properties.set(CSS::PropertyID::WhiteSpace); | 
					
						
							|  |  |  |         inherited_properties.set(CSS::PropertyID::WordSpacing); | 
					
						
							| 
									
										
										
										
											2019-10-04 22:52:49 +02:00
										 |  |  | 
 | 
					
						
							|  |  |  |         // FIXME: This property is not supposed to be inherited, but we currently
 | 
					
						
							|  |  |  |         //        rely on inheritance to propagate decorations into line boxes.
 | 
					
						
							| 
									
										
										
										
											2020-12-15 20:48:16 +01:00
										 |  |  |         inherited_properties.set(CSS::PropertyID::TextDecorationLine); | 
					
						
							| 
									
										
										
										
											2019-10-04 22:52:49 +02:00
										 |  |  |     } | 
					
						
							| 
									
										
										
										
											2019-10-08 15:34:19 +02:00
										 |  |  |     return inherited_properties.contains(property_id); | 
					
						
							| 
									
										
										
										
											2019-10-04 22:52:49 +02:00
										 |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-06-10 16:14:31 +02:00
										 |  |  | enum class Edge { | 
					
						
							|  |  |  |     Top, | 
					
						
							|  |  |  |     Right, | 
					
						
							|  |  |  |     Bottom, | 
					
						
							|  |  |  |     Left, | 
					
						
							|  |  |  |     All, | 
					
						
							|  |  |  | }; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | static bool contains(Edge a, Edge b) | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     return a == b || b == Edge::All; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-07-14 16:56:11 +01:00
										 |  |  | static void set_property_expanding_shorthands(StyleProperties& style, CSS::PropertyID property_id, StyleValue const& value, DOM::Document& document, bool is_internally_generated_pseudo_property = false) | 
					
						
							| 
									
										
										
										
											2019-11-18 11:49:19 +01:00
										 |  |  | { | 
					
						
							| 
									
										
										
										
											2021-04-05 10:12:37 -04:00
										 |  |  |     if (is_pseudo_property(property_id) && !is_internally_generated_pseudo_property) { | 
					
						
							|  |  |  |         dbgln("Ignoring non-internally-generated pseudo property: {}", string_from_property_id(property_id)); | 
					
						
							|  |  |  |         return; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-08-06 14:34:59 +01:00
										 |  |  |     auto assign_edge_values = [&style](PropertyID top_property, PropertyID right_property, PropertyID bottom_property, PropertyID left_property, auto const& values) { | 
					
						
							|  |  |  |         if (values.size() == 4) { | 
					
						
							|  |  |  |             style.set_property(top_property, values[0]); | 
					
						
							|  |  |  |             style.set_property(right_property, values[1]); | 
					
						
							|  |  |  |             style.set_property(bottom_property, values[2]); | 
					
						
							|  |  |  |             style.set_property(left_property, values[3]); | 
					
						
							|  |  |  |         } else if (values.size() == 3) { | 
					
						
							|  |  |  |             style.set_property(top_property, values[0]); | 
					
						
							|  |  |  |             style.set_property(right_property, values[1]); | 
					
						
							|  |  |  |             style.set_property(bottom_property, values[2]); | 
					
						
							|  |  |  |             style.set_property(left_property, values[1]); | 
					
						
							|  |  |  |         } else if (values.size() == 2) { | 
					
						
							|  |  |  |             style.set_property(top_property, values[0]); | 
					
						
							|  |  |  |             style.set_property(right_property, values[1]); | 
					
						
							|  |  |  |             style.set_property(bottom_property, values[0]); | 
					
						
							|  |  |  |             style.set_property(left_property, values[1]); | 
					
						
							|  |  |  |         } else if (values.size() == 1) { | 
					
						
							|  |  |  |             style.set_property(top_property, values[0]); | 
					
						
							|  |  |  |             style.set_property(right_property, values[0]); | 
					
						
							|  |  |  |             style.set_property(bottom_property, values[0]); | 
					
						
							|  |  |  |             style.set_property(left_property, values[0]); | 
					
						
							|  |  |  |         } | 
					
						
							|  |  |  |     }; | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-12-15 13:36:27 +01:00
										 |  |  |     if (property_id == CSS::PropertyID::TextDecoration) { | 
					
						
							| 
									
										
										
										
											2021-08-04 12:34:14 +01:00
										 |  |  |         if (value.is_text_decoration()) { | 
					
						
							|  |  |  |             auto& text_decoration = static_cast<TextDecorationStyleValue const&>(value); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::TextDecorationLine, text_decoration.line()); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::TextDecorationStyle, text_decoration.style()); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::TextDecorationColor, text_decoration.color()); | 
					
						
							| 
									
										
										
										
											2021-07-22 14:56:44 +01:00
										 |  |  |             return; | 
					
						
							|  |  |  |         } | 
					
						
							| 
									
										
										
										
											2021-08-04 12:34:14 +01:00
										 |  |  |         if (value.is_builtin()) { | 
					
						
							| 
									
										
										
										
											2021-07-22 14:56:44 +01:00
										 |  |  |             style.set_property(CSS::PropertyID::TextDecorationLine, value); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::TextDecorationStyle, value); | 
					
						
							| 
									
										
										
										
											2021-08-04 12:34:14 +01:00
										 |  |  |             style.set_property(CSS::PropertyID::TextDecorationColor, value); | 
					
						
							| 
									
										
										
										
											2021-07-22 14:56:44 +01:00
										 |  |  |             return; | 
					
						
							|  |  |  |         } | 
					
						
							| 
									
										
										
										
											2020-12-15 13:36:27 +01:00
										 |  |  |         return; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-02-22 15:20:31 +01:00
										 |  |  |     if (property_id == CSS::PropertyID::Overflow) { | 
					
						
							| 
									
										
										
										
											2021-08-09 14:54:40 +01:00
										 |  |  |         if (value.is_overflow()) { | 
					
						
							|  |  |  |             auto& overflow = static_cast<OverflowStyleValue const&>(value); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::OverflowX, overflow.overflow_x()); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::OverflowY, overflow.overflow_y()); | 
					
						
							|  |  |  |             return; | 
					
						
							|  |  |  |         } | 
					
						
							|  |  |  |         if (value.is_builtin()) { | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::OverflowX, value); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::OverflowY, value); | 
					
						
							|  |  |  |             return; | 
					
						
							|  |  |  |         } | 
					
						
							| 
									
										
										
										
											2021-02-22 15:20:31 +01:00
										 |  |  |         return; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-03-20 20:29:39 +01:00
										 |  |  |     if (property_id == CSS::PropertyID::Border) { | 
					
						
							| 
									
										
										
										
											2020-06-10 17:47:04 +02:00
										 |  |  |         set_property_expanding_shorthands(style, CSS::PropertyID::BorderTop, value, document); | 
					
						
							|  |  |  |         set_property_expanding_shorthands(style, CSS::PropertyID::BorderRight, value, document); | 
					
						
							|  |  |  |         set_property_expanding_shorthands(style, CSS::PropertyID::BorderBottom, value, document); | 
					
						
							|  |  |  |         set_property_expanding_shorthands(style, CSS::PropertyID::BorderLeft, value, document); | 
					
						
							| 
									
										
										
										
											2021-08-05 21:11:38 +01:00
										 |  |  |         // FIXME: Also reset border-image, in line with the spec: https://www.w3.org/TR/css-backgrounds-3/#border-shorthands
 | 
					
						
							| 
									
										
										
										
											2020-12-19 19:30:49 +01:00
										 |  |  |         return; | 
					
						
							| 
									
										
										
										
											2020-06-10 16:14:31 +02:00
										 |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-05-14 22:31:52 +02:00
										 |  |  |     if (property_id == CSS::PropertyID::BorderRadius) { | 
					
						
							| 
									
										
										
										
											2021-08-06 16:55:08 +01:00
										 |  |  |         if (value.is_value_list()) { | 
					
						
							|  |  |  |             auto& values_list = static_cast<StyleValueList const&>(value); | 
					
						
							|  |  |  |             assign_edge_values(PropertyID::BorderTopLeftRadius, PropertyID::BorderTopRightRadius, PropertyID::BorderBottomRightRadius, PropertyID::BorderBottomLeftRadius, values_list.values()); | 
					
						
							|  |  |  |             return; | 
					
						
							|  |  |  |         } | 
					
						
							|  |  |  |         if (value.is_builtin()) { | 
					
						
							| 
									
										
										
										
											2021-05-14 22:31:52 +02:00
										 |  |  |             style.set_property(CSS::PropertyID::BorderTopLeftRadius, value); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::BorderTopRightRadius, value); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::BorderBottomRightRadius, value); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::BorderBottomLeftRadius, value); | 
					
						
							|  |  |  |             return; | 
					
						
							|  |  |  |         } | 
					
						
							|  |  |  |         return; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-06-10 16:14:31 +02:00
										 |  |  |     if (property_id == CSS::PropertyID::BorderTop | 
					
						
							|  |  |  |         || property_id == CSS::PropertyID::BorderRight | 
					
						
							|  |  |  |         || property_id == CSS::PropertyID::BorderBottom | 
					
						
							|  |  |  |         || property_id == CSS::PropertyID::BorderLeft) { | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |         Edge edge = Edge::All; | 
					
						
							|  |  |  |         switch (property_id) { | 
					
						
							|  |  |  |         case CSS::PropertyID::BorderTop: | 
					
						
							|  |  |  |             edge = Edge::Top; | 
					
						
							|  |  |  |             break; | 
					
						
							|  |  |  |         case CSS::PropertyID::BorderRight: | 
					
						
							|  |  |  |             edge = Edge::Right; | 
					
						
							|  |  |  |             break; | 
					
						
							|  |  |  |         case CSS::PropertyID::BorderBottom: | 
					
						
							|  |  |  |             edge = Edge::Bottom; | 
					
						
							|  |  |  |             break; | 
					
						
							|  |  |  |         case CSS::PropertyID::BorderLeft: | 
					
						
							|  |  |  |             edge = Edge::Left; | 
					
						
							|  |  |  |             break; | 
					
						
							|  |  |  |         default: | 
					
						
							|  |  |  |             break; | 
					
						
							|  |  |  |         } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-08-05 21:11:38 +01:00
										 |  |  |         if (value.is_border()) { | 
					
						
							|  |  |  |             auto& border = static_cast<BorderStyleValue const&>(value); | 
					
						
							|  |  |  |             if (contains(Edge::Top, edge)) { | 
					
						
							|  |  |  |                 style.set_property(PropertyID::BorderTopWidth, border.border_width()); | 
					
						
							|  |  |  |                 style.set_property(PropertyID::BorderTopStyle, border.border_style()); | 
					
						
							|  |  |  |                 style.set_property(PropertyID::BorderTopColor, border.border_color()); | 
					
						
							| 
									
										
										
										
											2021-07-14 19:57:02 +01:00
										 |  |  |             } | 
					
						
							| 
									
										
										
										
											2021-08-05 21:11:38 +01:00
										 |  |  |             if (contains(Edge::Right, edge)) { | 
					
						
							|  |  |  |                 style.set_property(PropertyID::BorderRightWidth, border.border_width()); | 
					
						
							|  |  |  |                 style.set_property(PropertyID::BorderRightStyle, border.border_style()); | 
					
						
							|  |  |  |                 style.set_property(PropertyID::BorderRightColor, border.border_color()); | 
					
						
							|  |  |  |             } | 
					
						
							|  |  |  |             if (contains(Edge::Bottom, edge)) { | 
					
						
							|  |  |  |                 style.set_property(PropertyID::BorderBottomWidth, border.border_width()); | 
					
						
							|  |  |  |                 style.set_property(PropertyID::BorderBottomStyle, border.border_style()); | 
					
						
							|  |  |  |                 style.set_property(PropertyID::BorderBottomColor, border.border_color()); | 
					
						
							|  |  |  |             } | 
					
						
							|  |  |  |             if (contains(Edge::Left, edge)) { | 
					
						
							|  |  |  |                 style.set_property(PropertyID::BorderLeftWidth, border.border_width()); | 
					
						
							|  |  |  |                 style.set_property(PropertyID::BorderLeftStyle, border.border_style()); | 
					
						
							|  |  |  |                 style.set_property(PropertyID::BorderLeftColor, border.border_color()); | 
					
						
							| 
									
										
										
										
											2020-03-20 20:29:39 +01:00
										 |  |  |             } | 
					
						
							|  |  |  |             return; | 
					
						
							|  |  |  |         } | 
					
						
							|  |  |  |         return; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-11-27 20:51:15 +01:00
										 |  |  |     if (property_id == CSS::PropertyID::BorderStyle) { | 
					
						
							| 
									
										
										
										
											2021-08-06 14:34:59 +01:00
										 |  |  |         if (value.is_value_list()) { | 
					
						
							|  |  |  |             auto& values_list = static_cast<StyleValueList const&>(value); | 
					
						
							|  |  |  |             assign_edge_values(PropertyID::BorderTopStyle, PropertyID::BorderRightStyle, PropertyID::BorderBottomStyle, PropertyID::BorderLeftStyle, values_list.values()); | 
					
						
							|  |  |  |             return; | 
					
						
							|  |  |  |         } | 
					
						
							|  |  |  |         if (value.is_builtin()) { | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::BorderTopStyle, value); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::BorderRightStyle, value); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::BorderBottomStyle, value); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::BorderLeftStyle, value); | 
					
						
							| 
									
										
										
										
											2021-07-14 19:57:02 +01:00
										 |  |  |             return; | 
					
						
							| 
									
										
										
										
											2020-06-10 19:34:49 +02:00
										 |  |  |         } | 
					
						
							| 
									
										
										
										
											2019-11-27 20:51:15 +01:00
										 |  |  |         return; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     if (property_id == CSS::PropertyID::BorderWidth) { | 
					
						
							| 
									
										
										
										
											2021-08-06 14:34:59 +01:00
										 |  |  |         if (value.is_value_list()) { | 
					
						
							|  |  |  |             auto& values_list = static_cast<StyleValueList const&>(value); | 
					
						
							|  |  |  |             assign_edge_values(PropertyID::BorderTopWidth, PropertyID::BorderRightWidth, PropertyID::BorderBottomWidth, PropertyID::BorderLeftWidth, values_list.values()); | 
					
						
							|  |  |  |             return; | 
					
						
							|  |  |  |         } | 
					
						
							|  |  |  |         if (value.is_builtin()) { | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::BorderTopWidth, value); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::BorderRightWidth, value); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::BorderBottomWidth, value); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::BorderLeftWidth, value); | 
					
						
							| 
									
										
										
										
											2021-07-14 19:57:02 +01:00
										 |  |  |             return; | 
					
						
							| 
									
										
										
										
											2020-06-10 16:42:58 +02:00
										 |  |  |         } | 
					
						
							| 
									
										
										
										
											2019-11-27 20:51:15 +01:00
										 |  |  |         return; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     if (property_id == CSS::PropertyID::BorderColor) { | 
					
						
							| 
									
										
										
										
											2021-08-06 14:34:59 +01:00
										 |  |  |         if (value.is_value_list()) { | 
					
						
							|  |  |  |             auto& values_list = static_cast<StyleValueList const&>(value); | 
					
						
							|  |  |  |             assign_edge_values(PropertyID::BorderTopColor, PropertyID::BorderRightColor, PropertyID::BorderBottomColor, PropertyID::BorderLeftColor, values_list.values()); | 
					
						
							|  |  |  |             return; | 
					
						
							|  |  |  |         } | 
					
						
							|  |  |  |         if (value.is_builtin()) { | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::BorderTopColor, value); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::BorderRightColor, value); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::BorderBottomColor, value); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::BorderLeftColor, value); | 
					
						
							| 
									
										
										
										
											2021-07-14 19:57:02 +01:00
										 |  |  |             return; | 
					
						
							| 
									
										
										
										
											2020-06-10 19:34:49 +02:00
										 |  |  |         } | 
					
						
							| 
									
										
										
										
											2019-11-27 20:51:15 +01:00
										 |  |  |         return; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-05-30 11:58:05 +02:00
										 |  |  |     if (property_id == CSS::PropertyID::Background) { | 
					
						
							| 
									
										
										
										
											2021-08-03 14:56:08 +01:00
										 |  |  |         auto set_single_background = [&](CSS::BackgroundStyleValue const& background) { | 
					
						
							|  |  |  |             set_property_expanding_shorthands(style, CSS::PropertyID::BackgroundColor, background.color(), document); | 
					
						
							|  |  |  |             set_property_expanding_shorthands(style, CSS::PropertyID::BackgroundImage, background.image(), document); | 
					
						
							|  |  |  |             set_property_expanding_shorthands(style, CSS::PropertyID::BackgroundRepeatX, background.repeat_x(), document, true); | 
					
						
							|  |  |  |             set_property_expanding_shorthands(style, CSS::PropertyID::BackgroundRepeatY, background.repeat_y(), document, true); | 
					
						
							|  |  |  |         }; | 
					
						
							| 
									
										
										
										
											2020-06-25 16:55:43 +02:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-08-03 14:56:08 +01:00
										 |  |  |         if (value.is_background()) { | 
					
						
							|  |  |  |             auto& background = static_cast<CSS::BackgroundStyleValue const&>(value); | 
					
						
							|  |  |  |             set_single_background(background); | 
					
						
							| 
									
										
										
										
											2021-07-21 17:47:50 +01:00
										 |  |  |             return; | 
					
						
							|  |  |  |         } | 
					
						
							| 
									
										
										
										
											2021-08-03 14:56:08 +01:00
										 |  |  |         if (value.is_value_list()) { | 
					
						
							|  |  |  |             auto& background_list = static_cast<CSS::StyleValueList const&>(value).values(); | 
					
						
							|  |  |  |             // FIXME: Handle multiple backgrounds.
 | 
					
						
							|  |  |  |             if (!background_list.is_empty()) { | 
					
						
							|  |  |  |                 auto& background = background_list.first(); | 
					
						
							|  |  |  |                 if (background.is_background()) | 
					
						
							|  |  |  |                     set_single_background(static_cast<CSS::BackgroundStyleValue const&>(background)); | 
					
						
							|  |  |  |             } | 
					
						
							| 
									
										
										
										
											2021-07-21 17:47:50 +01:00
										 |  |  |             return; | 
					
						
							|  |  |  |         } | 
					
						
							| 
									
										
										
										
											2021-08-03 14:56:08 +01:00
										 |  |  |         if (value.is_builtin()) { | 
					
						
							|  |  |  |             set_property_expanding_shorthands(style, CSS::PropertyID::BackgroundColor, value, document); | 
					
						
							|  |  |  |             set_property_expanding_shorthands(style, CSS::PropertyID::BackgroundImage, value, document); | 
					
						
							|  |  |  |             set_property_expanding_shorthands(style, CSS::PropertyID::BackgroundRepeatX, value, document, true); | 
					
						
							|  |  |  |             set_property_expanding_shorthands(style, CSS::PropertyID::BackgroundRepeatY, value, document, true); | 
					
						
							| 
									
										
										
										
											2021-07-21 17:47:50 +01:00
										 |  |  |             return; | 
					
						
							|  |  |  |         } | 
					
						
							| 
									
										
										
										
											2021-07-14 19:57:02 +01:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-05-30 11:58:05 +02:00
										 |  |  |         return; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-10-08 15:35:21 +02:00
										 |  |  |     if (property_id == CSS::PropertyID::BackgroundImage) { | 
					
						
							| 
									
										
										
										
											2021-08-10 16:20:30 +01:00
										 |  |  |         if (value.is_value_list()) { | 
					
						
							|  |  |  |             auto& background_image_list = static_cast<CSS::StyleValueList const&>(value).values(); | 
					
						
							| 
									
										
										
										
											2021-07-21 17:47:50 +01:00
										 |  |  |             // FIXME: Handle multiple backgrounds.
 | 
					
						
							| 
									
										
										
										
											2021-08-10 16:20:30 +01:00
										 |  |  |             if (!background_image_list.is_empty()) { | 
					
						
							|  |  |  |                 auto& background_image = background_image_list.first(); | 
					
						
							|  |  |  |                 style.set_property(CSS::PropertyID::BackgroundImage, background_image); | 
					
						
							| 
									
										
										
										
											2021-07-21 17:47:50 +01:00
										 |  |  |             } | 
					
						
							| 
									
										
										
										
											2020-10-09 21:27:01 +02:00
										 |  |  |             return; | 
					
						
							| 
									
										
										
										
											2021-07-21 17:47:50 +01:00
										 |  |  |         } | 
					
						
							| 
									
										
										
										
											2021-08-10 16:20:30 +01:00
										 |  |  |         if (value.is_builtin() || value.is_image() || value.to_identifier() == ValueID::None) { | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::BackgroundImage, value); | 
					
						
							|  |  |  |             return; | 
					
						
							|  |  |  |         } | 
					
						
							| 
									
										
										
										
											2020-10-08 15:35:21 +02:00
										 |  |  |         return; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-04-02 15:41:29 -04:00
										 |  |  |     if (property_id == CSS::PropertyID::BackgroundRepeat) { | 
					
						
							| 
									
										
										
										
											2021-08-10 10:21:42 +01:00
										 |  |  |         if (value.is_value_list()) { | 
					
						
							|  |  |  |             auto& background_repeat_list = static_cast<CSS::StyleValueList const&>(value).values(); | 
					
						
							|  |  |  |             // FIXME: Handle multiple backgrounds.
 | 
					
						
							|  |  |  |             if (!background_repeat_list.is_empty()) { | 
					
						
							|  |  |  |                 auto& maybe_background_repeat = background_repeat_list.first(); | 
					
						
							|  |  |  |                 if (maybe_background_repeat.is_background_repeat()) { | 
					
						
							|  |  |  |                     auto& background_repeat = static_cast<BackgroundRepeatStyleValue const&>(maybe_background_repeat); | 
					
						
							|  |  |  |                     set_property_expanding_shorthands(style, PropertyID::BackgroundRepeatX, background_repeat.repeat_x(), document, true); | 
					
						
							|  |  |  |                     set_property_expanding_shorthands(style, PropertyID::BackgroundRepeatY, background_repeat.repeat_y(), document, true); | 
					
						
							| 
									
										
										
										
											2021-07-21 17:47:50 +01:00
										 |  |  |                 } | 
					
						
							|  |  |  |             } | 
					
						
							| 
									
										
										
										
											2021-08-03 14:56:08 +01:00
										 |  |  |             return; | 
					
						
							| 
									
										
										
										
											2021-07-21 17:47:50 +01:00
										 |  |  |         } | 
					
						
							| 
									
										
										
										
											2021-08-10 10:21:42 +01:00
										 |  |  |         if (value.is_background_repeat()) { | 
					
						
							|  |  |  |             auto& background_repeat = static_cast<BackgroundRepeatStyleValue const&>(value); | 
					
						
							|  |  |  |             set_property_expanding_shorthands(style, PropertyID::BackgroundRepeatX, background_repeat.repeat_x(), document, true); | 
					
						
							|  |  |  |             set_property_expanding_shorthands(style, PropertyID::BackgroundRepeatY, background_repeat.repeat_y(), document, true); | 
					
						
							|  |  |  |             return; | 
					
						
							|  |  |  |         } | 
					
						
							|  |  |  |         if (value.is_builtin()) { | 
					
						
							|  |  |  |             set_property_expanding_shorthands(style, PropertyID::BackgroundRepeatX, value, document, true); | 
					
						
							|  |  |  |             set_property_expanding_shorthands(style, PropertyID::BackgroundRepeatY, value, document, true); | 
					
						
							|  |  |  |             return; | 
					
						
							|  |  |  |         } | 
					
						
							| 
									
										
										
										
											2021-04-05 12:05:35 -04:00
										 |  |  |         return; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     if (property_id == CSS::PropertyID::BackgroundRepeatX || property_id == CSS::PropertyID::BackgroundRepeatY) { | 
					
						
							|  |  |  |         auto value_id = value.to_identifier(); | 
					
						
							|  |  |  |         if (value_id == CSS::ValueID::RepeatX || value_id == CSS::ValueID::RepeatY) | 
					
						
							|  |  |  |             return; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |         style.set_property(property_id, value); | 
					
						
							| 
									
										
										
										
											2021-04-02 15:41:29 -04:00
										 |  |  |         return; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-11-18 11:49:19 +01:00
										 |  |  |     if (property_id == CSS::PropertyID::Margin) { | 
					
						
							| 
									
										
										
										
											2021-08-06 14:34:59 +01:00
										 |  |  |         if (value.is_value_list()) { | 
					
						
							|  |  |  |             auto& values_list = static_cast<StyleValueList const&>(value); | 
					
						
							|  |  |  |             assign_edge_values(PropertyID::MarginTop, PropertyID::MarginRight, PropertyID::MarginBottom, PropertyID::MarginLeft, values_list.values()); | 
					
						
							|  |  |  |             return; | 
					
						
							|  |  |  |         } | 
					
						
							|  |  |  |         if (value.is_length() || value.is_builtin()) { | 
					
						
							| 
									
										
										
										
											2019-11-18 11:49:19 +01:00
										 |  |  |             style.set_property(CSS::PropertyID::MarginTop, value); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::MarginRight, value); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::MarginBottom, value); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::MarginLeft, value); | 
					
						
							|  |  |  |             return; | 
					
						
							|  |  |  |         } | 
					
						
							|  |  |  |         return; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-11-18 12:25:22 +01:00
										 |  |  |     if (property_id == CSS::PropertyID::Padding) { | 
					
						
							| 
									
										
										
										
											2021-08-06 14:34:59 +01:00
										 |  |  |         if (value.is_value_list()) { | 
					
						
							|  |  |  |             auto& values_list = static_cast<StyleValueList const&>(value); | 
					
						
							|  |  |  |             assign_edge_values(PropertyID::PaddingTop, PropertyID::PaddingRight, PropertyID::PaddingBottom, PropertyID::PaddingLeft, values_list.values()); | 
					
						
							|  |  |  |             return; | 
					
						
							|  |  |  |         } | 
					
						
							|  |  |  |         if (value.is_length() || value.is_builtin()) { | 
					
						
							| 
									
										
										
										
											2019-11-18 12:25:22 +01:00
										 |  |  |             style.set_property(CSS::PropertyID::PaddingTop, value); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::PaddingRight, value); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::PaddingBottom, value); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::PaddingLeft, value); | 
					
						
							|  |  |  |             return; | 
					
						
							|  |  |  |         } | 
					
						
							|  |  |  |         return; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-05-30 12:04:15 +02:00
										 |  |  |     if (property_id == CSS::PropertyID::ListStyle) { | 
					
						
							| 
									
										
										
										
											2021-08-03 15:56:51 +01:00
										 |  |  |         if (value.is_list_style()) { | 
					
						
							|  |  |  |             auto& list_style = static_cast<CSS::ListStyleStyleValue const&>(value); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::ListStylePosition, list_style.position()); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::ListStyleImage, list_style.image()); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::ListStyleType, list_style.style_type()); | 
					
						
							| 
									
										
										
										
											2021-07-14 19:57:02 +01:00
										 |  |  |             return; | 
					
						
							| 
									
										
										
										
											2020-05-30 12:04:15 +02:00
										 |  |  |         } | 
					
						
							| 
									
										
										
										
											2021-08-03 15:56:51 +01:00
										 |  |  |         if (value.is_builtin()) { | 
					
						
							| 
									
										
										
										
											2021-07-20 16:11:19 +01:00
										 |  |  |             style.set_property(CSS::PropertyID::ListStylePosition, value); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::ListStyleImage, value); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::ListStyleType, value); | 
					
						
							| 
									
										
										
										
											2021-08-03 15:56:51 +01:00
										 |  |  |             return; | 
					
						
							|  |  |  |         } | 
					
						
							| 
									
										
										
										
											2020-05-30 12:04:15 +02:00
										 |  |  |         return; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-04-13 20:41:57 +03:00
										 |  |  |     if (property_id == CSS::PropertyID::Font) { | 
					
						
							| 
									
										
										
										
											2021-08-03 11:37:24 +01:00
										 |  |  |         if (value.is_font()) { | 
					
						
							|  |  |  |             auto& font_shorthand = static_cast<CSS::FontStyleValue const&>(value); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::FontSize, font_shorthand.font_size()); | 
					
						
							| 
									
										
										
										
											2021-08-10 17:01:26 +01:00
										 |  |  |             set_property_expanding_shorthands(style, CSS::PropertyID::FontFamily, *font_shorthand.font_families(), document); | 
					
						
							| 
									
										
										
										
											2021-08-03 11:37:24 +01:00
										 |  |  |             style.set_property(CSS::PropertyID::FontStyle, font_shorthand.font_style()); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::FontWeight, font_shorthand.font_weight()); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::LineHeight, font_shorthand.line_height()); | 
					
						
							|  |  |  |             // FIXME: Implement font-stretch and font-variant
 | 
					
						
							| 
									
										
										
										
											2021-07-21 15:39:40 +01:00
										 |  |  |             return; | 
					
						
							|  |  |  |         } | 
					
						
							| 
									
										
										
										
											2021-08-03 11:37:24 +01:00
										 |  |  |         if (value.is_builtin()) { | 
					
						
							| 
									
										
										
										
											2021-07-21 15:39:40 +01:00
										 |  |  |             style.set_property(CSS::PropertyID::FontSize, value); | 
					
						
							| 
									
										
										
										
											2021-08-03 11:37:24 +01:00
										 |  |  |             // FIXME: Support multiple font-families
 | 
					
						
							| 
									
										
										
										
											2021-07-21 15:39:40 +01:00
										 |  |  |             style.set_property(CSS::PropertyID::FontFamily, value); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::FontStyle, value); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::FontWeight, value); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::LineHeight, value); | 
					
						
							| 
									
										
										
										
											2021-08-03 11:37:24 +01:00
										 |  |  |             // FIXME: Implement font-stretch and font-variant
 | 
					
						
							| 
									
										
										
										
											2021-07-21 15:39:40 +01:00
										 |  |  |             return; | 
					
						
							|  |  |  |         } | 
					
						
							|  |  |  |         return; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     if (property_id == CSS::PropertyID::FontFamily) { | 
					
						
							| 
									
										
										
										
											2021-08-10 17:01:26 +01:00
										 |  |  |         if (value.is_value_list()) { | 
					
						
							|  |  |  |             auto& values_list = static_cast<StyleValueList const&>(value).values(); | 
					
						
							|  |  |  |             // FIXME: Support multiple font-families
 | 
					
						
							|  |  |  |             if (!values_list.is_empty()) { | 
					
						
							|  |  |  |                 style.set_property(CSS::PropertyID::FontFamily, values_list.first()); | 
					
						
							| 
									
										
										
										
											2021-07-21 15:39:40 +01:00
										 |  |  |             } | 
					
						
							|  |  |  |             return; | 
					
						
							|  |  |  |         } | 
					
						
							| 
									
										
										
										
											2021-08-10 17:01:26 +01:00
										 |  |  |         if (value.is_builtin() || value.is_string() || value.is_identifier()) { | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::FontFamily, value); | 
					
						
							|  |  |  |             return; | 
					
						
							|  |  |  |         } | 
					
						
							| 
									
										
										
										
											2021-04-13 20:41:57 +03:00
										 |  |  |         return; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-07-20 12:05:43 +01:00
										 |  |  |     if (property_id == CSS::PropertyID::Flex) { | 
					
						
							| 
									
										
										
										
											2021-08-04 17:48:08 +01:00
										 |  |  |         if (value.is_flex()) { | 
					
						
							|  |  |  |             auto& flex = static_cast<CSS::FlexStyleValue const&>(value); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::FlexGrow, flex.grow()); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::FlexShrink, flex.shrink()); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::FlexBasis, flex.basis()); | 
					
						
							| 
									
										
										
										
											2021-07-20 12:05:43 +01:00
										 |  |  |             return; | 
					
						
							|  |  |  |         } | 
					
						
							| 
									
										
										
										
											2021-08-04 17:48:08 +01:00
										 |  |  |         if (value.is_builtin()) { | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::FlexGrow, value); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::FlexShrink, value); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::FlexBasis, value); | 
					
						
							| 
									
										
										
										
											2021-07-20 12:05:43 +01:00
										 |  |  |             return; | 
					
						
							|  |  |  |         } | 
					
						
							|  |  |  |         return; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-05-30 12:25:10 +02:00
										 |  |  |     if (property_id == CSS::PropertyID::FlexFlow) { | 
					
						
							| 
									
										
										
										
											2021-08-05 17:19:29 +01:00
										 |  |  |         if (value.is_flex_flow()) { | 
					
						
							|  |  |  |             auto& flex_flow = static_cast<FlexFlowStyleValue const&>(value); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::FlexDirection, flex_flow.flex_direction()); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::FlexWrap, flex_flow.flex_wrap()); | 
					
						
							|  |  |  |             return; | 
					
						
							|  |  |  |         } | 
					
						
							|  |  |  |         if (value.is_builtin()) { | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::FlexDirection, value); | 
					
						
							|  |  |  |             style.set_property(CSS::PropertyID::FlexWrap, value); | 
					
						
							| 
									
										
										
										
											2021-07-20 12:05:43 +01:00
										 |  |  |             return; | 
					
						
							|  |  |  |         } | 
					
						
							| 
									
										
										
										
											2021-07-14 19:57:02 +01:00
										 |  |  |         return; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-11-18 11:49:19 +01:00
										 |  |  |     style.set_property(property_id, value); | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-07-14 16:56:11 +01:00
										 |  |  | StyleResolver::CustomPropertyResolutionTuple StyleResolver::resolve_custom_property_with_specificity(DOM::Element& element, String const& custom_property_name) const | 
					
						
							| 
									
										
										
										
											2021-05-24 23:02:58 +02:00
										 |  |  | { | 
					
						
							| 
									
										
										
										
											2021-05-28 21:21:44 +02:00
										 |  |  |     if (auto maybe_property = element.resolve_custom_property(custom_property_name); maybe_property.has_value()) | 
					
						
							|  |  |  |         return maybe_property.value(); | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-05-24 23:02:58 +02:00
										 |  |  |     auto parent_element = element.parent_element(); | 
					
						
							|  |  |  |     CustomPropertyResolutionTuple parent_resolved {}; | 
					
						
							|  |  |  |     if (parent_element) | 
					
						
							|  |  |  |         parent_resolved = resolve_custom_property_with_specificity(*parent_element, custom_property_name); | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     auto matching_rules = collect_matching_rules(element); | 
					
						
							|  |  |  |     sort_matching_rules(matching_rules); | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     for (int i = matching_rules.size() - 1; i >= 0; --i) { | 
					
						
							|  |  |  |         auto& match = matching_rules[i]; | 
					
						
							|  |  |  |         if (match.specificity < parent_resolved.specificity) | 
					
						
							|  |  |  |             continue; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |         auto custom_property_style = match.rule->declaration().custom_property(custom_property_name); | 
					
						
							|  |  |  |         if (custom_property_style.has_value()) { | 
					
						
							| 
									
										
										
										
											2021-05-28 21:21:44 +02:00
										 |  |  |             element.add_custom_property(custom_property_name, { custom_property_style.value(), match.specificity }); | 
					
						
							| 
									
										
										
										
											2021-05-24 23:02:58 +02:00
										 |  |  |             return { custom_property_style.value(), match.specificity }; | 
					
						
							|  |  |  |         } | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     return parent_resolved; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-07-14 16:56:11 +01:00
										 |  |  | Optional<StyleProperty> StyleResolver::resolve_custom_property(DOM::Element& element, String const& custom_property_name) const | 
					
						
							| 
									
										
										
										
											2021-05-24 23:02:58 +02:00
										 |  |  | { | 
					
						
							|  |  |  |     auto resolved_with_specificity = resolve_custom_property_with_specificity(element, custom_property_name); | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     return resolved_with_specificity.style; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-05-28 21:21:44 +02:00
										 |  |  | NonnullRefPtr<StyleProperties> StyleResolver::resolve_style(DOM::Element& element) const | 
					
						
							| 
									
										
										
										
											2019-06-27 17:47:59 +02:00
										 |  |  | { | 
					
						
							| 
									
										
										
										
											2019-10-07 09:23:53 +02:00
										 |  |  |     auto style = StyleProperties::create(); | 
					
						
							| 
									
										
										
										
											2019-09-25 12:33:28 +03:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-01-06 14:27:40 +01:00
										 |  |  |     if (auto* parent_style = element.parent_element() ? element.parent_element()->specified_css_values() : nullptr) { | 
					
						
							| 
									
										
										
										
											2019-10-08 15:34:19 +02:00
										 |  |  |         parent_style->for_each_property([&](auto property_id, auto& value) { | 
					
						
							|  |  |  |             if (is_inherited_property(property_id)) | 
					
						
							| 
									
										
										
										
											2020-06-10 17:47:04 +02:00
										 |  |  |                 set_property_expanding_shorthands(style, property_id, value, m_document); | 
					
						
							| 
									
										
										
										
											2019-09-25 12:33:28 +03:00
										 |  |  |         }); | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-10-07 09:23:53 +02:00
										 |  |  |     element.apply_presentational_hints(*style); | 
					
						
							| 
									
										
										
										
											2019-10-04 21:05:52 +02:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-06-27 20:40:21 +02:00
										 |  |  |     auto matching_rules = collect_matching_rules(element); | 
					
						
							| 
									
										
										
										
											2020-12-14 21:31:10 +00:00
										 |  |  |     sort_matching_rules(matching_rules); | 
					
						
							| 
									
										
										
										
											2020-06-10 16:41:30 +02:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-06-13 00:44:26 +02:00
										 |  |  |     for (auto& match : matching_rules) { | 
					
						
							|  |  |  |         for (auto& property : match.rule->declaration().properties()) { | 
					
						
							| 
									
										
										
										
											2021-05-24 23:02:58 +02:00
										 |  |  |             auto property_value = property.value; | 
					
						
							|  |  |  |             if (property.value->is_custom_property()) { | 
					
						
							| 
									
										
										
										
											2021-07-14 16:56:11 +01:00
										 |  |  |                 auto prop = reinterpret_cast<CSS::CustomStyleValue const*>(property.value.ptr()); | 
					
						
							| 
									
										
										
										
											2021-05-24 23:02:58 +02:00
										 |  |  |                 auto custom_prop_name = prop->custom_property_name(); | 
					
						
							|  |  |  |                 auto resolved = resolve_custom_property(element, custom_prop_name); | 
					
						
							|  |  |  |                 if (resolved.has_value()) { | 
					
						
							|  |  |  |                     property_value = resolved.value().value; | 
					
						
							|  |  |  |                 } | 
					
						
							|  |  |  |             } | 
					
						
							|  |  |  |             set_property_expanding_shorthands(style, property.property_id, property_value, m_document); | 
					
						
							| 
									
										
										
										
											2019-06-28 21:17:34 +02:00
										 |  |  |         } | 
					
						
							|  |  |  |     } | 
					
						
							| 
									
										
										
										
											2019-09-30 20:25:33 +02:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-12-07 19:56:53 +01:00
										 |  |  |     if (auto* inline_style = element.inline_style()) { | 
					
						
							|  |  |  |         for (auto& property : inline_style->properties()) { | 
					
						
							|  |  |  |             set_property_expanding_shorthands(style, property.property_id, property.value, m_document); | 
					
						
							| 
									
										
										
										
											2019-09-30 20:25:33 +02:00
										 |  |  |         } | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-10-07 09:23:53 +02:00
										 |  |  |     return style; | 
					
						
							| 
									
										
										
										
											2019-06-27 17:47:59 +02:00
										 |  |  | } | 
					
						
							| 
									
										
										
										
											2020-03-07 10:27:02 +01:00
										 |  |  | 
 | 
					
						
							|  |  |  | } |