| 
									
										
										
										
											2020-01-18 09:38:21 +01:00
										 |  |  | /*
 | 
					
						
							|  |  |  |  * Copyright (c) 2018-2020, Andreas Kling <kling@serenityos.org> | 
					
						
							|  |  |  |  * | 
					
						
							| 
									
										
										
										
											2021-04-22 01:24:48 -07:00
										 |  |  |  * SPDX-License-Identifier: BSD-2-Clause | 
					
						
							| 
									
										
										
										
											2020-01-18 09:38:21 +01:00
										 |  |  |  */ | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-05-30 20:22:25 +02:00
										 |  |  | #include <AK/TypeCasts.h>
 | 
					
						
							| 
									
										
										
										
											2020-02-06 15:04:03 +01:00
										 |  |  | #include <LibCore/DirIterator.h>
 | 
					
						
							| 
									
										
										
										
											2020-12-14 15:56:01 +01:00
										 |  |  | #include <LibGfx/FontDatabase.h>
 | 
					
						
							| 
									
										
										
										
											2020-03-07 10:32:51 +01:00
										 |  |  | #include <LibWeb/CSS/StyleProperties.h>
 | 
					
						
							|  |  |  | #include <LibWeb/FontCache.h>
 | 
					
						
							| 
									
										
										
										
											2019-10-06 11:23:58 +02:00
										 |  |  | #include <ctype.h>
 | 
					
						
							| 
									
										
										
										
											2019-09-21 15:32:17 +03:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-07-26 20:01:35 +02:00
										 |  |  | namespace Web::CSS { | 
					
						
							| 
									
										
										
										
											2020-03-07 10:27:02 +01:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-01-05 16:54:38 +01:00
										 |  |  | StyleProperties::StyleProperties() | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | StyleProperties::StyleProperties(const StyleProperties& other) | 
					
						
							| 
									
										
										
										
											2020-04-08 17:18:47 +02:00
										 |  |  |     : m_property_values(other.m_property_values) | 
					
						
							| 
									
										
										
										
											2020-01-05 16:54:38 +01:00
										 |  |  | { | 
					
						
							|  |  |  |     if (other.m_font) { | 
					
						
							|  |  |  |         m_font = other.m_font->clone(); | 
					
						
							|  |  |  |     } else { | 
					
						
							|  |  |  |         m_font = nullptr; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | NonnullRefPtr<StyleProperties> StyleProperties::clone() const | 
					
						
							|  |  |  | { | 
					
						
							| 
									
										
										
										
											2021-04-23 16:46:57 +02:00
										 |  |  |     return adopt_ref(*new StyleProperties(*this)); | 
					
						
							| 
									
										
										
										
											2020-01-05 16:54:38 +01:00
										 |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-10-08 15:34:19 +02:00
										 |  |  | void StyleProperties::set_property(CSS::PropertyID id, NonnullRefPtr<StyleValue> value) | 
					
						
							| 
									
										
										
										
											2019-09-21 15:32:17 +03:00
										 |  |  | { | 
					
						
							| 
									
										
										
										
											2019-10-08 15:34:19 +02:00
										 |  |  |     m_property_values.set((unsigned)id, move(value)); | 
					
						
							| 
									
										
										
										
											2019-09-21 15:32:17 +03:00
										 |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-06-13 15:16:56 +02:00
										 |  |  | void StyleProperties::set_property(CSS::PropertyID id, const StringView& value) | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     m_property_values.set((unsigned)id, StringStyleValue::create(value)); | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-10-08 15:34:19 +02:00
										 |  |  | Optional<NonnullRefPtr<StyleValue>> StyleProperties::property(CSS::PropertyID id) const | 
					
						
							| 
									
										
										
										
											2019-09-21 15:32:17 +03:00
										 |  |  | { | 
					
						
							| 
									
										
										
										
											2019-10-08 15:34:19 +02:00
										 |  |  |     auto it = m_property_values.find((unsigned)id); | 
					
						
							| 
									
										
										
										
											2019-09-21 15:32:17 +03:00
										 |  |  |     if (it == m_property_values.end()) | 
					
						
							|  |  |  |         return {}; | 
					
						
							|  |  |  |     return it->value; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-10-08 15:34:19 +02:00
										 |  |  | Length StyleProperties::length_or_fallback(CSS::PropertyID id, const Length& fallback) const | 
					
						
							| 
									
										
										
										
											2019-09-21 15:32:17 +03:00
										 |  |  | { | 
					
						
							| 
									
										
										
										
											2019-10-08 15:34:19 +02:00
										 |  |  |     auto value = property(id); | 
					
						
							| 
									
										
										
										
											2019-09-21 15:32:17 +03:00
										 |  |  |     if (!value.has_value()) | 
					
						
							|  |  |  |         return fallback; | 
					
						
							| 
									
										
										
										
											2021-06-12 00:03:15 +02:00
										 |  |  | 
 | 
					
						
							|  |  |  |     if (value.value()->is_calculated()) { | 
					
						
							|  |  |  |         Length length = Length(0, Length::Type::Calculated); | 
					
						
							|  |  |  |         length.set_calculated_style(verify_cast<CalculatedStyleValue>(value.value().ptr())); | 
					
						
							|  |  |  |         return length; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-09-21 15:32:17 +03:00
										 |  |  |     return value.value()->to_length(); | 
					
						
							|  |  |  | } | 
					
						
							| 
									
										
										
										
											2019-09-25 11:55:04 +03:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-12-15 20:01:00 +01:00
										 |  |  | LengthBox StyleProperties::length_box(CSS::PropertyID left_id, CSS::PropertyID top_id, CSS::PropertyID right_id, CSS::PropertyID bottom_id, const CSS::Length& default_value) const | 
					
						
							| 
									
										
										
										
											2020-05-11 23:04:59 +02:00
										 |  |  | { | 
					
						
							| 
									
										
										
										
											2020-06-24 17:45:42 +02:00
										 |  |  |     LengthBox box; | 
					
						
							| 
									
										
										
										
											2020-12-15 20:01:00 +01:00
										 |  |  |     box.left = length_or_fallback(left_id, default_value); | 
					
						
							|  |  |  |     box.top = length_or_fallback(top_id, default_value); | 
					
						
							|  |  |  |     box.right = length_or_fallback(right_id, default_value); | 
					
						
							|  |  |  |     box.bottom = length_or_fallback(bottom_id, default_value); | 
					
						
							| 
									
										
										
										
											2020-06-24 17:45:42 +02:00
										 |  |  |     return box; | 
					
						
							| 
									
										
										
										
											2020-05-11 23:04:59 +02:00
										 |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-10-08 15:34:19 +02:00
										 |  |  | String StyleProperties::string_or_fallback(CSS::PropertyID id, const StringView& fallback) const | 
					
						
							| 
									
										
										
										
											2019-09-25 11:55:04 +03:00
										 |  |  | { | 
					
						
							| 
									
										
										
										
											2019-10-08 15:34:19 +02:00
										 |  |  |     auto value = property(id); | 
					
						
							| 
									
										
										
										
											2019-09-25 11:55:04 +03:00
										 |  |  |     if (!value.has_value()) | 
					
						
							|  |  |  |         return fallback; | 
					
						
							|  |  |  |     return value.value()->to_string(); | 
					
						
							|  |  |  | } | 
					
						
							| 
									
										
										
										
											2019-09-28 22:18:19 +02:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-07-26 19:37:56 +02:00
										 |  |  | Color StyleProperties::color_or_fallback(CSS::PropertyID id, const DOM::Document& document, Color fallback) const | 
					
						
							| 
									
										
										
										
											2019-09-28 22:18:19 +02:00
										 |  |  | { | 
					
						
							| 
									
										
										
										
											2019-10-08 15:34:19 +02:00
										 |  |  |     auto value = property(id); | 
					
						
							| 
									
										
										
										
											2019-09-28 22:18:19 +02:00
										 |  |  |     if (!value.has_value()) | 
					
						
							|  |  |  |         return fallback; | 
					
						
							| 
									
										
										
										
											2019-10-06 10:25:08 +02:00
										 |  |  |     return value.value()->to_color(document); | 
					
						
							| 
									
										
										
										
											2019-09-28 22:18:19 +02:00
										 |  |  | } | 
					
						
							| 
									
										
										
										
											2019-10-06 11:23:58 +02:00
										 |  |  | 
 | 
					
						
							|  |  |  | void StyleProperties::load_font() const | 
					
						
							|  |  |  | { | 
					
						
							| 
									
										
										
										
											2020-12-14 15:56:01 +01:00
										 |  |  |     auto family_value = string_or_fallback(CSS::PropertyID::FontFamily, "Katica"); | 
					
						
							|  |  |  |     auto font_size = property(CSS::PropertyID::FontSize).value_or(IdentifierStyleValue::create(CSS::ValueID::Medium)); | 
					
						
							|  |  |  |     auto font_weight = property(CSS::PropertyID::FontWeight).value_or(IdentifierStyleValue::create(CSS::ValueID::Normal)); | 
					
						
							| 
									
										
										
										
											2019-10-06 11:23:58 +02:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-12-14 15:56:01 +01:00
										 |  |  |     auto family_parts = family_value.split(','); | 
					
						
							|  |  |  |     auto family = family_parts[0]; | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-04-22 20:47:47 +02:00
										 |  |  |     auto monospace = false; | 
					
						
							|  |  |  |     auto bold = false; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     if (family.is_one_of("monospace", "ui-monospace")) { | 
					
						
							|  |  |  |         monospace = true; | 
					
						
							| 
									
										
										
										
											2020-12-14 15:56:01 +01:00
										 |  |  |         family = "Csilla"; | 
					
						
							| 
									
										
										
										
											2021-04-22 20:47:47 +02:00
										 |  |  |     } else if (family.is_one_of("serif", "sans-serif", "cursive", "fantasy", "ui-serif", "ui-sans-serif", "ui-rounded")) { | 
					
						
							| 
									
										
										
										
											2020-12-14 15:56:01 +01:00
										 |  |  |         family = "Katica"; | 
					
						
							| 
									
										
										
										
											2021-04-22 20:47:47 +02:00
										 |  |  |     } | 
					
						
							| 
									
										
										
										
											2019-10-18 23:02:10 +02:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-12-14 15:56:01 +01:00
										 |  |  |     int weight = 400; | 
					
						
							|  |  |  |     if (font_weight->is_identifier()) { | 
					
						
							|  |  |  |         switch (static_cast<const IdentifierStyleValue&>(*font_weight).id()) { | 
					
						
							|  |  |  |         case CSS::ValueID::Normal: | 
					
						
							|  |  |  |             weight = 400; | 
					
						
							|  |  |  |             break; | 
					
						
							|  |  |  |         case CSS::ValueID::Bold: | 
					
						
							|  |  |  |             weight = 700; | 
					
						
							|  |  |  |             break; | 
					
						
							|  |  |  |         case CSS::ValueID::Lighter: | 
					
						
							|  |  |  |             // FIXME: This should be relative to the parent.
 | 
					
						
							|  |  |  |             weight = 400; | 
					
						
							|  |  |  |             break; | 
					
						
							|  |  |  |         case CSS::ValueID::Bolder: | 
					
						
							|  |  |  |             // FIXME: This should be relative to the parent.
 | 
					
						
							|  |  |  |             weight = 700; | 
					
						
							|  |  |  |             break; | 
					
						
							|  |  |  |         default: | 
					
						
							|  |  |  |             break; | 
					
						
							|  |  |  |         } | 
					
						
							|  |  |  |     } else if (font_weight->is_length()) { | 
					
						
							|  |  |  |         // FIXME: This isn't really a length, it's a numeric value..
 | 
					
						
							|  |  |  |         int font_weight_integer = font_weight->to_length().raw_value(); | 
					
						
							|  |  |  |         if (font_weight_integer <= 400) | 
					
						
							|  |  |  |             weight = 400; | 
					
						
							|  |  |  |         if (font_weight_integer <= 700) | 
					
						
							|  |  |  |             weight = 700; | 
					
						
							|  |  |  |         weight = 900; | 
					
						
							| 
									
										
										
										
											2019-10-17 23:54:00 +02:00
										 |  |  |     } | 
					
						
							| 
									
										
										
										
											2019-10-06 11:23:58 +02:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-04-22 20:47:47 +02:00
										 |  |  |     bold = weight > 400; | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-12-14 15:56:01 +01:00
										 |  |  |     int size = 10; | 
					
						
							|  |  |  |     if (font_size->is_identifier()) { | 
					
						
							|  |  |  |         switch (static_cast<const IdentifierStyleValue&>(*font_size).id()) { | 
					
						
							|  |  |  |         case CSS::ValueID::XxSmall: | 
					
						
							|  |  |  |         case CSS::ValueID::XSmall: | 
					
						
							|  |  |  |         case CSS::ValueID::Small: | 
					
						
							|  |  |  |         case CSS::ValueID::Medium: | 
					
						
							|  |  |  |             // FIXME: Should be based on "user's default font size"
 | 
					
						
							|  |  |  |             size = 10; | 
					
						
							|  |  |  |             break; | 
					
						
							|  |  |  |         case CSS::ValueID::Large: | 
					
						
							|  |  |  |         case CSS::ValueID::XLarge: | 
					
						
							|  |  |  |         case CSS::ValueID::XxLarge: | 
					
						
							|  |  |  |         case CSS::ValueID::XxxLarge: | 
					
						
							|  |  |  |             // FIXME: Should be based on "user's default font size"
 | 
					
						
							|  |  |  |             size = 12; | 
					
						
							|  |  |  |             break; | 
					
						
							|  |  |  |         case CSS::ValueID::Smaller: | 
					
						
							|  |  |  |             // FIXME: This should be relative to the parent.
 | 
					
						
							|  |  |  |             size = 10; | 
					
						
							|  |  |  |             break; | 
					
						
							|  |  |  |         case CSS::ValueID::Larger: | 
					
						
							|  |  |  |             // FIXME: This should be relative to the parent.
 | 
					
						
							|  |  |  |             size = 12; | 
					
						
							|  |  |  |             break; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |         default: | 
					
						
							|  |  |  |             break; | 
					
						
							| 
									
										
										
										
											2019-10-06 11:23:58 +02:00
										 |  |  |         } | 
					
						
							| 
									
										
										
										
											2020-12-14 15:56:01 +01:00
										 |  |  |     } else if (font_size->is_length()) { | 
					
						
							|  |  |  |         // FIXME: This isn't really a length, it's a numeric value..
 | 
					
						
							|  |  |  |         int font_size_integer = font_size->to_length().raw_value(); | 
					
						
							| 
									
										
										
										
											2021-02-07 10:55:25 +01:00
										 |  |  |         size = font_size_integer; | 
					
						
							| 
									
										
										
										
											2020-12-14 15:56:01 +01:00
										 |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     FontSelector font_selector { family, size, weight }; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     auto found_font = FontCache::the().get(font_selector); | 
					
						
							|  |  |  |     if (found_font) { | 
					
						
							|  |  |  |         m_font = found_font; | 
					
						
							| 
									
										
										
										
											2019-10-06 14:57:49 +02:00
										 |  |  |         return; | 
					
						
							| 
									
										
										
										
											2019-10-06 11:23:58 +02:00
										 |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-12-14 15:56:01 +01:00
										 |  |  |     Gfx::FontDatabase::the().for_each_font([&](auto& font) { | 
					
						
							|  |  |  |         if (font.family() == family && font.weight() == weight && font.presentation_size() == size) | 
					
						
							|  |  |  |             found_font = font; | 
					
						
							|  |  |  |     }); | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     if (!found_font) { | 
					
						
							|  |  |  |         dbgln("Font not found: '{}' {} {}", family, size, weight); | 
					
						
							| 
									
										
										
										
											2021-04-22 20:47:47 +02:00
										 |  |  |         found_font = font_fallback(monospace, bold); | 
					
						
							| 
									
										
										
										
											2020-12-14 15:56:01 +01:00
										 |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     m_font = found_font; | 
					
						
							|  |  |  |     FontCache::the().set(font_selector, *m_font); | 
					
						
							| 
									
										
										
										
											2019-10-06 11:23:58 +02:00
										 |  |  | } | 
					
						
							| 
									
										
										
										
											2019-10-12 13:42:58 +02:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-04-22 20:47:47 +02:00
										 |  |  | RefPtr<Gfx::Font> StyleProperties::font_fallback(bool monospace, bool bold) const | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     if (monospace && bold) | 
					
						
							| 
									
										
										
										
											2021-05-20 18:55:23 +02:00
										 |  |  |         return Gfx::FontDatabase::default_fixed_width_font().bold_variant(); | 
					
						
							| 
									
										
										
										
											2021-04-22 20:47:47 +02:00
										 |  |  | 
 | 
					
						
							|  |  |  |     if (monospace) | 
					
						
							|  |  |  |         return Gfx::FontDatabase::default_fixed_width_font(); | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     if (bold) | 
					
						
							| 
									
										
										
										
											2021-05-20 18:40:48 +02:00
										 |  |  |         return Gfx::FontDatabase::default_font().bold_variant(); | 
					
						
							| 
									
										
										
										
											2021-04-22 20:47:47 +02:00
										 |  |  | 
 | 
					
						
							|  |  |  |     return Gfx::FontDatabase::default_font(); | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-11-22 15:53:01 +01:00
										 |  |  | float StyleProperties::line_height(const Layout::Node& layout_node) const | 
					
						
							| 
									
										
										
										
											2019-10-12 13:42:58 +02:00
										 |  |  | { | 
					
						
							| 
									
										
										
										
											2020-06-24 11:08:46 +02:00
										 |  |  |     auto line_height_length = length_or_fallback(CSS::PropertyID::LineHeight, Length::make_auto()); | 
					
						
							| 
									
										
										
										
											2019-11-18 16:54:20 +01:00
										 |  |  |     if (line_height_length.is_absolute()) | 
					
						
							| 
									
										
										
										
											2020-06-07 17:55:46 +02:00
										 |  |  |         return (float)line_height_length.to_px(layout_node); | 
					
						
							| 
									
										
										
										
											2019-11-18 16:25:38 +01:00
										 |  |  |     return (float)font().glyph_height() * 1.4f; | 
					
						
							| 
									
										
										
										
											2019-10-12 13:42:58 +02:00
										 |  |  | } | 
					
						
							| 
									
										
										
										
											2019-10-14 18:32:02 +02:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-06-15 17:29:35 +02:00
										 |  |  | Optional<int> StyleProperties::z_index() const | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     auto value = property(CSS::PropertyID::ZIndex); | 
					
						
							|  |  |  |     if (!value.has_value()) | 
					
						
							|  |  |  |         return {}; | 
					
						
							|  |  |  |     return static_cast<int>(value.value()->to_length().raw_value()); | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-01-18 17:41:57 +01:00
										 |  |  | Optional<CSS::FlexDirection> StyleProperties::flex_direction() const | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     auto value = property(CSS::PropertyID::FlexDirection); | 
					
						
							|  |  |  |     if (!value.has_value()) | 
					
						
							|  |  |  |         return {}; | 
					
						
							|  |  |  |     switch (value.value()->to_identifier()) { | 
					
						
							|  |  |  |     case CSS::ValueID::Row: | 
					
						
							|  |  |  |         return CSS::FlexDirection::Row; | 
					
						
							|  |  |  |     case CSS::ValueID::RowReverse: | 
					
						
							|  |  |  |         return CSS::FlexDirection::RowReverse; | 
					
						
							|  |  |  |     case CSS::ValueID::Column: | 
					
						
							|  |  |  |         return CSS::FlexDirection::Column; | 
					
						
							|  |  |  |     case CSS::ValueID::ColumnReverse: | 
					
						
							|  |  |  |         return CSS::FlexDirection::ColumnReverse; | 
					
						
							|  |  |  |     default: | 
					
						
							|  |  |  |         return {}; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-05-30 12:11:32 +02:00
										 |  |  | Optional<CSS::FlexWrap> StyleProperties::flex_wrap() const | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     auto value = property(CSS::PropertyID::FlexWrap); | 
					
						
							|  |  |  |     if (!value.has_value()) | 
					
						
							|  |  |  |         return {}; | 
					
						
							|  |  |  |     switch (value.value()->to_identifier()) { | 
					
						
							|  |  |  |     case CSS::ValueID::Wrap: | 
					
						
							|  |  |  |         return CSS::FlexWrap::Wrap; | 
					
						
							|  |  |  |     case CSS::ValueID::Nowrap: | 
					
						
							|  |  |  |         return CSS::FlexWrap::Nowrap; | 
					
						
							|  |  |  |     case CSS::ValueID::WrapReverse: | 
					
						
							|  |  |  |         return CSS::FlexWrap::WrapReverse; | 
					
						
							|  |  |  |     default: | 
					
						
							|  |  |  |         return {}; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-05-30 14:23:43 +02:00
										 |  |  | Optional<CSS::FlexBasisData> StyleProperties::flex_basis() const | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     auto value = property(CSS::PropertyID::FlexBasis); | 
					
						
							|  |  |  |     if (!value.has_value()) | 
					
						
							|  |  |  |         return {}; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     if (value.value()->is_identifier() && value.value()->to_identifier() == CSS::ValueID::Content) | 
					
						
							|  |  |  |         return { { CSS::FlexBasis::Content, {} } }; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     if (value.value()->is_length()) | 
					
						
							|  |  |  |         return { { CSS::FlexBasis::Length, value.value()->to_length() } }; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     return {}; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-05-30 20:22:25 +02:00
										 |  |  | Optional<float> StyleProperties::flex_grow_factor() const | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     auto value = property(CSS::PropertyID::FlexGrow); | 
					
						
							|  |  |  |     if (!value.has_value()) | 
					
						
							|  |  |  |         return {}; | 
					
						
							| 
									
										
										
										
											2021-06-24 19:53:42 +02:00
										 |  |  |     if (value.value()->is_length() && verify_cast<CSS::LengthStyleValue>(value.value().ptr())->to_length().raw_value() == 0) | 
					
						
							| 
									
										
										
										
											2021-05-30 20:22:25 +02:00
										 |  |  |         return { 0 }; | 
					
						
							|  |  |  |     if (!value.value()->is_numeric()) | 
					
						
							|  |  |  |         return {}; | 
					
						
							| 
									
										
										
										
											2021-06-24 19:53:42 +02:00
										 |  |  |     auto numeric = verify_cast<CSS::NumericStyleValue>(value.value().ptr()); | 
					
						
							| 
									
										
										
										
											2021-05-30 20:22:25 +02:00
										 |  |  |     return numeric->value(); | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | Optional<float> StyleProperties::flex_shrink_factor() const | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     auto value = property(CSS::PropertyID::FlexShrink); | 
					
						
							|  |  |  |     if (!value.has_value()) | 
					
						
							|  |  |  |         return {}; | 
					
						
							| 
									
										
										
										
											2021-06-24 19:53:42 +02:00
										 |  |  |     if (value.value()->is_length() && verify_cast<CSS::LengthStyleValue>(value.value().ptr())->to_length().raw_value() == 0) | 
					
						
							| 
									
										
										
										
											2021-05-30 20:22:25 +02:00
										 |  |  |         return { 0 }; | 
					
						
							|  |  |  |     if (!value.value()->is_numeric()) | 
					
						
							|  |  |  |         return {}; | 
					
						
							| 
									
										
										
										
											2021-06-24 19:53:42 +02:00
										 |  |  |     auto numeric = verify_cast<CSS::NumericStyleValue>(value.value().ptr()); | 
					
						
							| 
									
										
										
										
											2021-05-30 20:22:25 +02:00
										 |  |  |     return numeric->value(); | 
					
						
							|  |  |  | } | 
					
						
							| 
									
										
										
										
											2021-07-16 18:38:26 +02:00
										 |  |  | Optional<CSS::JustifyContent> StyleProperties::justify_content() const | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     auto value = property(CSS::PropertyID::JustifyContent); | 
					
						
							|  |  |  |     if (!value.has_value()) | 
					
						
							|  |  |  |         return {}; | 
					
						
							|  |  |  |     switch (value.value()->to_identifier()) { | 
					
						
							|  |  |  |     case CSS::ValueID::FlexStart: | 
					
						
							|  |  |  |         return CSS::JustifyContent::FlexStart; | 
					
						
							|  |  |  |     case CSS::ValueID::FlexEnd: | 
					
						
							|  |  |  |         return CSS::JustifyContent::FlexEnd; | 
					
						
							|  |  |  |     case CSS::ValueID::Center: | 
					
						
							|  |  |  |         return CSS::JustifyContent::Center; | 
					
						
							|  |  |  |     case CSS::ValueID::SpaceBetween: | 
					
						
							|  |  |  |         return CSS::JustifyContent::SpaceBetween; | 
					
						
							|  |  |  |     case CSS::ValueID::SpaceAround: | 
					
						
							|  |  |  |         return CSS::JustifyContent::SpaceAround; | 
					
						
							|  |  |  |     default: | 
					
						
							|  |  |  |         return {}; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | } | 
					
						
							| 
									
										
										
										
											2021-05-30 20:22:25 +02:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-12-14 18:47:00 +01:00
										 |  |  | Optional<CSS::Position> StyleProperties::position() const | 
					
						
							| 
									
										
										
										
											2020-03-23 17:29:15 +01:00
										 |  |  | { | 
					
						
							| 
									
										
										
										
											2020-12-14 18:47:00 +01:00
										 |  |  |     auto value = property(CSS::PropertyID::Position); | 
					
						
							|  |  |  |     if (!value.has_value() || !value.value()->is_identifier()) | 
					
						
							|  |  |  |         return {}; | 
					
						
							|  |  |  |     switch (static_cast<const IdentifierStyleValue&>(*value.value()).id()) { | 
					
						
							|  |  |  |     case CSS::ValueID::Static: | 
					
						
							|  |  |  |         return CSS::Position::Static; | 
					
						
							|  |  |  |     case CSS::ValueID::Relative: | 
					
						
							|  |  |  |         return CSS::Position::Relative; | 
					
						
							|  |  |  |     case CSS::ValueID::Absolute: | 
					
						
							|  |  |  |         return CSS::Position::Absolute; | 
					
						
							|  |  |  |     case CSS::ValueID::Fixed: | 
					
						
							|  |  |  |         return CSS::Position::Fixed; | 
					
						
							|  |  |  |     case CSS::ValueID::Sticky: | 
					
						
							|  |  |  |         return CSS::Position::Sticky; | 
					
						
							|  |  |  |     default: | 
					
						
							|  |  |  |         return {}; | 
					
						
							| 
									
										
										
										
											2020-03-23 17:29:15 +01:00
										 |  |  |     } | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-10-14 18:32:02 +02:00
										 |  |  | bool StyleProperties::operator==(const StyleProperties& other) const | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     if (m_property_values.size() != other.m_property_values.size()) | 
					
						
							|  |  |  |         return false; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     for (auto& it : m_property_values) { | 
					
						
							|  |  |  |         auto jt = other.m_property_values.find(it.key); | 
					
						
							|  |  |  |         if (jt == other.m_property_values.end()) | 
					
						
							|  |  |  |             return false; | 
					
						
							|  |  |  |         auto& my_value = *it.value; | 
					
						
							|  |  |  |         auto& other_value = *jt->value; | 
					
						
							|  |  |  |         if (my_value.type() != other_value.type()) | 
					
						
							|  |  |  |             return false; | 
					
						
							| 
									
										
										
										
											2020-12-14 15:56:01 +01:00
										 |  |  |         if (my_value != other_value) | 
					
						
							| 
									
										
										
										
											2019-10-14 18:32:02 +02:00
										 |  |  |             return false; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     return true; | 
					
						
							|  |  |  | } | 
					
						
							| 
									
										
										
										
											2020-03-07 10:27:02 +01:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-12-14 18:38:02 +01:00
										 |  |  | Optional<CSS::TextAlign> StyleProperties::text_align() const | 
					
						
							| 
									
										
										
										
											2020-06-13 10:54:58 +02:00
										 |  |  | { | 
					
						
							| 
									
										
										
										
											2020-12-14 18:38:02 +01:00
										 |  |  |     auto value = property(CSS::PropertyID::TextAlign); | 
					
						
							|  |  |  |     if (!value.has_value() || !value.value()->is_identifier()) | 
					
						
							|  |  |  |         return {}; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     switch (static_cast<const IdentifierStyleValue&>(*value.value()).id()) { | 
					
						
							|  |  |  |     case CSS::ValueID::Left: | 
					
						
							|  |  |  |         return CSS::TextAlign::Left; | 
					
						
							|  |  |  |     case CSS::ValueID::Center: | 
					
						
							| 
									
										
										
										
											2020-06-23 23:28:40 +02:00
										 |  |  |         return CSS::TextAlign::Center; | 
					
						
							| 
									
										
										
										
											2020-12-14 18:38:02 +01:00
										 |  |  |     case CSS::ValueID::Right: | 
					
						
							| 
									
										
										
										
											2020-06-23 23:28:40 +02:00
										 |  |  |         return CSS::TextAlign::Right; | 
					
						
							| 
									
										
										
										
											2020-12-14 18:38:02 +01:00
										 |  |  |     case CSS::ValueID::Justify: | 
					
						
							| 
									
										
										
										
											2020-06-23 23:28:40 +02:00
										 |  |  |         return CSS::TextAlign::Justify; | 
					
						
							| 
									
										
										
										
											2020-12-15 20:39:09 +01:00
										 |  |  |     case CSS::ValueID::LibwebCenter: | 
					
						
							|  |  |  |         return CSS::TextAlign::LibwebCenter; | 
					
						
							| 
									
										
										
										
											2020-12-14 18:38:02 +01:00
										 |  |  |     default: | 
					
						
							|  |  |  |         return {}; | 
					
						
							|  |  |  |     } | 
					
						
							| 
									
										
										
										
											2020-06-13 10:54:58 +02:00
										 |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-06-24 16:37:44 +02:00
										 |  |  | Optional<CSS::WhiteSpace> StyleProperties::white_space() const | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     auto value = property(CSS::PropertyID::WhiteSpace); | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     if (!value.has_value() || !value.value()->is_identifier()) | 
					
						
							| 
									
										
										
										
											2020-06-24 16:37:44 +02:00
										 |  |  |         return {}; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     switch (static_cast<const IdentifierStyleValue&>(*value.value()).id()) { | 
					
						
							|  |  |  |     case CSS::ValueID::Normal: | 
					
						
							| 
									
										
										
										
											2020-06-24 16:37:44 +02:00
										 |  |  |         return CSS::WhiteSpace::Normal; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     case CSS::ValueID::Nowrap: | 
					
						
							| 
									
										
										
										
											2020-06-24 16:37:44 +02:00
										 |  |  |         return CSS::WhiteSpace::Nowrap; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     case CSS::ValueID::Pre: | 
					
						
							| 
									
										
										
										
											2020-06-24 16:37:44 +02:00
										 |  |  |         return CSS::WhiteSpace::Pre; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     case CSS::ValueID::PreLine: | 
					
						
							| 
									
										
										
										
											2020-06-24 16:37:44 +02:00
										 |  |  |         return CSS::WhiteSpace::PreLine; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     case CSS::ValueID::PreWrap: | 
					
						
							| 
									
										
										
										
											2020-06-24 16:37:44 +02:00
										 |  |  |         return CSS::WhiteSpace::PreWrap; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     default: | 
					
						
							|  |  |  |         return {}; | 
					
						
							|  |  |  |     } | 
					
						
							| 
									
										
										
										
											2020-06-24 16:37:44 +02:00
										 |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-12-04 16:11:55 +01:00
										 |  |  | Optional<CSS::LineStyle> StyleProperties::line_style(CSS::PropertyID property_id) const | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     auto value = property(property_id); | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     if (!value.has_value() || !value.value()->is_identifier()) | 
					
						
							| 
									
										
										
										
											2020-12-04 16:11:55 +01:00
										 |  |  |         return {}; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     switch (static_cast<const IdentifierStyleValue&>(*value.value()).id()) { | 
					
						
							|  |  |  |     case CSS::ValueID::None: | 
					
						
							| 
									
										
										
										
											2020-12-04 16:11:55 +01:00
										 |  |  |         return CSS::LineStyle::None; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     case CSS::ValueID::Hidden: | 
					
						
							| 
									
										
										
										
											2020-12-04 16:11:55 +01:00
										 |  |  |         return CSS::LineStyle::Hidden; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     case CSS::ValueID::Dotted: | 
					
						
							| 
									
										
										
										
											2020-12-04 16:11:55 +01:00
										 |  |  |         return CSS::LineStyle::Dotted; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     case CSS::ValueID::Dashed: | 
					
						
							| 
									
										
										
										
											2020-12-04 16:11:55 +01:00
										 |  |  |         return CSS::LineStyle::Dashed; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     case CSS::ValueID::Solid: | 
					
						
							| 
									
										
										
										
											2020-12-04 16:11:55 +01:00
										 |  |  |         return CSS::LineStyle::Solid; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     case CSS::ValueID::Double: | 
					
						
							| 
									
										
										
										
											2020-12-04 16:11:55 +01:00
										 |  |  |         return CSS::LineStyle::Double; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     case CSS::ValueID::Groove: | 
					
						
							| 
									
										
										
										
											2020-12-04 16:11:55 +01:00
										 |  |  |         return CSS::LineStyle::Groove; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     case CSS::ValueID::Ridge: | 
					
						
							| 
									
										
										
										
											2020-12-04 16:11:55 +01:00
										 |  |  |         return CSS::LineStyle::Ridge; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     case CSS::ValueID::Inset: | 
					
						
							| 
									
										
										
										
											2020-12-04 16:11:55 +01:00
										 |  |  |         return CSS::LineStyle::Inset; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     case CSS::ValueID::Outset: | 
					
						
							| 
									
										
										
										
											2020-12-04 16:11:55 +01:00
										 |  |  |         return CSS::LineStyle::Outset; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     default: | 
					
						
							|  |  |  |         return {}; | 
					
						
							|  |  |  |     } | 
					
						
							| 
									
										
										
										
											2020-12-04 16:11:55 +01:00
										 |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-06-26 15:08:42 +02:00
										 |  |  | Optional<CSS::Float> StyleProperties::float_() const | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     auto value = property(CSS::PropertyID::Float); | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     if (!value.has_value() || !value.value()->is_identifier()) | 
					
						
							| 
									
										
										
										
											2020-06-26 15:08:42 +02:00
										 |  |  |         return {}; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     switch (static_cast<const IdentifierStyleValue&>(*value.value()).id()) { | 
					
						
							|  |  |  |     case CSS::ValueID::None: | 
					
						
							| 
									
										
										
										
											2020-06-26 15:08:42 +02:00
										 |  |  |         return CSS::Float::None; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     case CSS::ValueID::Left: | 
					
						
							| 
									
										
										
										
											2020-06-26 15:08:42 +02:00
										 |  |  |         return CSS::Float::Left; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     case CSS::ValueID::Right: | 
					
						
							| 
									
										
										
										
											2020-06-26 15:08:42 +02:00
										 |  |  |         return CSS::Float::Right; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     default: | 
					
						
							|  |  |  |         return {}; | 
					
						
							|  |  |  |     } | 
					
						
							| 
									
										
										
										
											2020-06-26 15:08:42 +02:00
										 |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-12-06 01:45:51 +01:00
										 |  |  | Optional<CSS::Clear> StyleProperties::clear() const | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     auto value = property(CSS::PropertyID::Clear); | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     if (!value.has_value() || !value.value()->is_identifier()) | 
					
						
							| 
									
										
										
										
											2020-12-06 01:45:51 +01:00
										 |  |  |         return {}; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     switch (static_cast<const IdentifierStyleValue&>(*value.value()).id()) { | 
					
						
							|  |  |  |     case CSS::ValueID::None: | 
					
						
							| 
									
										
										
										
											2020-12-06 01:45:51 +01:00
										 |  |  |         return CSS::Clear::None; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     case CSS::ValueID::Left: | 
					
						
							| 
									
										
										
										
											2020-12-06 01:45:51 +01:00
										 |  |  |         return CSS::Clear::Left; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     case CSS::ValueID::Right: | 
					
						
							| 
									
										
										
										
											2020-12-06 01:45:51 +01:00
										 |  |  |         return CSS::Clear::Right; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     case CSS::ValueID::Both: | 
					
						
							| 
									
										
										
										
											2020-12-06 01:45:51 +01:00
										 |  |  |         return CSS::Clear::Both; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     default: | 
					
						
							|  |  |  |         return {}; | 
					
						
							|  |  |  |     } | 
					
						
							| 
									
										
										
										
											2020-12-06 01:45:51 +01:00
										 |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-02-21 17:41:00 +00:00
										 |  |  | Optional<CSS::Cursor> StyleProperties::cursor() const | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     auto value = property(CSS::PropertyID::Cursor); | 
					
						
							|  |  |  |     if (!value.has_value() || !value.value()->is_identifier()) | 
					
						
							|  |  |  |         return {}; | 
					
						
							|  |  |  |     switch (static_cast<const IdentifierStyleValue&>(*value.value()).id()) { | 
					
						
							|  |  |  |     case CSS::ValueID::Auto: | 
					
						
							|  |  |  |         return CSS::Cursor::Auto; | 
					
						
							|  |  |  |     case CSS::ValueID::Default: | 
					
						
							|  |  |  |         return CSS::Cursor::Default; | 
					
						
							|  |  |  |     case CSS::ValueID::None: | 
					
						
							|  |  |  |         return CSS::Cursor::None; | 
					
						
							|  |  |  |     case CSS::ValueID::ContextMenu: | 
					
						
							|  |  |  |         return CSS::Cursor::ContextMenu; | 
					
						
							|  |  |  |     case CSS::ValueID::Help: | 
					
						
							|  |  |  |         return CSS::Cursor::Help; | 
					
						
							|  |  |  |     case CSS::ValueID::Pointer: | 
					
						
							|  |  |  |         return CSS::Cursor::Pointer; | 
					
						
							|  |  |  |     case CSS::ValueID::Progress: | 
					
						
							|  |  |  |         return CSS::Cursor::Progress; | 
					
						
							|  |  |  |     case CSS::ValueID::Wait: | 
					
						
							|  |  |  |         return CSS::Cursor::Wait; | 
					
						
							|  |  |  |     case CSS::ValueID::Cell: | 
					
						
							|  |  |  |         return CSS::Cursor::Cell; | 
					
						
							|  |  |  |     case CSS::ValueID::Crosshair: | 
					
						
							|  |  |  |         return CSS::Cursor::Crosshair; | 
					
						
							|  |  |  |     case CSS::ValueID::Text: | 
					
						
							|  |  |  |         return CSS::Cursor::Text; | 
					
						
							|  |  |  |     case CSS::ValueID::VerticalText: | 
					
						
							|  |  |  |         return CSS::Cursor::VerticalText; | 
					
						
							|  |  |  |     case CSS::ValueID::Alias: | 
					
						
							|  |  |  |         return CSS::Cursor::Alias; | 
					
						
							|  |  |  |     case CSS::ValueID::Copy: | 
					
						
							|  |  |  |         return CSS::Cursor::Copy; | 
					
						
							|  |  |  |     case CSS::ValueID::Move: | 
					
						
							|  |  |  |         return CSS::Cursor::Move; | 
					
						
							|  |  |  |     case CSS::ValueID::NoDrop: | 
					
						
							|  |  |  |         return CSS::Cursor::NoDrop; | 
					
						
							|  |  |  |     case CSS::ValueID::NotAllowed: | 
					
						
							|  |  |  |         return CSS::Cursor::NotAllowed; | 
					
						
							|  |  |  |     case CSS::ValueID::Grab: | 
					
						
							|  |  |  |         return CSS::Cursor::Grab; | 
					
						
							|  |  |  |     case CSS::ValueID::Grabbing: | 
					
						
							|  |  |  |         return CSS::Cursor::Grabbing; | 
					
						
							|  |  |  |     case CSS::ValueID::EResize: | 
					
						
							|  |  |  |         return CSS::Cursor::EResize; | 
					
						
							|  |  |  |     case CSS::ValueID::NResize: | 
					
						
							|  |  |  |         return CSS::Cursor::NResize; | 
					
						
							|  |  |  |     case CSS::ValueID::NeResize: | 
					
						
							|  |  |  |         return CSS::Cursor::NeResize; | 
					
						
							|  |  |  |     case CSS::ValueID::NwResize: | 
					
						
							|  |  |  |         return CSS::Cursor::NwResize; | 
					
						
							|  |  |  |     case CSS::ValueID::SResize: | 
					
						
							|  |  |  |         return CSS::Cursor::SResize; | 
					
						
							|  |  |  |     case CSS::ValueID::SeResize: | 
					
						
							|  |  |  |         return CSS::Cursor::SeResize; | 
					
						
							|  |  |  |     case CSS::ValueID::SwResize: | 
					
						
							|  |  |  |         return CSS::Cursor::SwResize; | 
					
						
							|  |  |  |     case CSS::ValueID::WResize: | 
					
						
							|  |  |  |         return CSS::Cursor::WResize; | 
					
						
							|  |  |  |     case CSS::ValueID::EwResize: | 
					
						
							|  |  |  |         return CSS::Cursor::EwResize; | 
					
						
							|  |  |  |     case CSS::ValueID::NsResize: | 
					
						
							|  |  |  |         return CSS::Cursor::NsResize; | 
					
						
							|  |  |  |     case CSS::ValueID::NeswResize: | 
					
						
							|  |  |  |         return CSS::Cursor::NeswResize; | 
					
						
							|  |  |  |     case CSS::ValueID::NwseResize: | 
					
						
							|  |  |  |         return CSS::Cursor::NwseResize; | 
					
						
							|  |  |  |     case CSS::ValueID::ColResize: | 
					
						
							|  |  |  |         return CSS::Cursor::ColResize; | 
					
						
							|  |  |  |     case CSS::ValueID::RowResize: | 
					
						
							|  |  |  |         return CSS::Cursor::RowResize; | 
					
						
							|  |  |  |     case CSS::ValueID::AllScroll: | 
					
						
							|  |  |  |         return CSS::Cursor::AllScroll; | 
					
						
							|  |  |  |     case CSS::ValueID::ZoomIn: | 
					
						
							|  |  |  |         return CSS::Cursor::ZoomIn; | 
					
						
							|  |  |  |     case CSS::ValueID::ZoomOut: | 
					
						
							|  |  |  |         return CSS::Cursor::ZoomOut; | 
					
						
							|  |  |  |     default: | 
					
						
							|  |  |  |         return {}; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-06-24 16:22:16 +02:00
										 |  |  | CSS::Display StyleProperties::display() const | 
					
						
							|  |  |  | { | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     auto value = property(CSS::PropertyID::Display); | 
					
						
							|  |  |  |     if (!value.has_value() || !value.value()->is_identifier()) | 
					
						
							|  |  |  |         return CSS::Display::Inline; | 
					
						
							|  |  |  |     switch (static_cast<const IdentifierStyleValue&>(*value.value()).id()) { | 
					
						
							|  |  |  |     case CSS::ValueID::None: | 
					
						
							| 
									
										
										
										
											2020-06-24 16:22:16 +02:00
										 |  |  |         return CSS::Display::None; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     case CSS::ValueID::Block: | 
					
						
							| 
									
										
										
										
											2020-06-24 16:22:16 +02:00
										 |  |  |         return CSS::Display::Block; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     case CSS::ValueID::Inline: | 
					
						
							| 
									
										
										
										
											2020-06-24 16:22:16 +02:00
										 |  |  |         return CSS::Display::Inline; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     case CSS::ValueID::InlineBlock: | 
					
						
							| 
									
										
										
										
											2020-06-24 16:22:16 +02:00
										 |  |  |         return CSS::Display::InlineBlock; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     case CSS::ValueID::ListItem: | 
					
						
							| 
									
										
										
										
											2020-06-24 16:22:16 +02:00
										 |  |  |         return CSS::Display::ListItem; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     case CSS::ValueID::Table: | 
					
						
							| 
									
										
										
										
											2020-06-24 16:22:16 +02:00
										 |  |  |         return CSS::Display::Table; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     case CSS::ValueID::TableRow: | 
					
						
							| 
									
										
										
										
											2020-06-24 16:22:16 +02:00
										 |  |  |         return CSS::Display::TableRow; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     case CSS::ValueID::TableCell: | 
					
						
							| 
									
										
										
										
											2020-06-24 16:22:16 +02:00
										 |  |  |         return CSS::Display::TableCell; | 
					
						
							| 
									
										
										
										
											2021-01-07 14:40:02 +01:00
										 |  |  |     case CSS::ValueID::TableColumn: | 
					
						
							|  |  |  |         return CSS::Display::TableColumn; | 
					
						
							|  |  |  |     case CSS::ValueID::TableColumnGroup: | 
					
						
							|  |  |  |         return CSS::Display::TableColumnGroup; | 
					
						
							|  |  |  |     case CSS::ValueID::TableCaption: | 
					
						
							|  |  |  |         return CSS::Display::TableCaption; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     case CSS::ValueID::TableRowGroup: | 
					
						
							| 
									
										
										
										
											2020-06-24 16:22:16 +02:00
										 |  |  |         return CSS::Display::TableRowGroup; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     case CSS::ValueID::TableHeaderGroup: | 
					
						
							| 
									
										
										
										
											2020-07-05 19:51:49 +02:00
										 |  |  |         return CSS::Display::TableHeaderGroup; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     case CSS::ValueID::TableFooterGroup: | 
					
						
							| 
									
										
										
										
											2020-07-05 19:51:49 +02:00
										 |  |  |         return CSS::Display::TableFooterGroup; | 
					
						
							| 
									
										
										
										
											2021-01-18 17:32:34 +01:00
										 |  |  |     case CSS::ValueID::Flex: | 
					
						
							|  |  |  |         return CSS::Display::Flex; | 
					
						
							| 
									
										
										
										
											2020-12-14 22:22:35 +01:00
										 |  |  |     default: | 
					
						
							|  |  |  |         return CSS::Display::Block; | 
					
						
							|  |  |  |     } | 
					
						
							| 
									
										
										
										
											2020-06-24 16:22:16 +02:00
										 |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-12-15 13:36:27 +01:00
										 |  |  | Optional<CSS::TextDecorationLine> StyleProperties::text_decoration_line() const | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     auto value = property(CSS::PropertyID::TextDecorationLine); | 
					
						
							|  |  |  |     if (!value.has_value() || !value.value()->is_identifier()) | 
					
						
							|  |  |  |         return {}; | 
					
						
							|  |  |  |     switch (static_cast<const IdentifierStyleValue&>(*value.value()).id()) { | 
					
						
							|  |  |  |     case CSS::ValueID::None: | 
					
						
							|  |  |  |         return CSS::TextDecorationLine::None; | 
					
						
							|  |  |  |     case CSS::ValueID::Underline: | 
					
						
							|  |  |  |         return CSS::TextDecorationLine::Underline; | 
					
						
							|  |  |  |     case CSS::ValueID::Overline: | 
					
						
							|  |  |  |         return CSS::TextDecorationLine::Overline; | 
					
						
							|  |  |  |     case CSS::ValueID::LineThrough: | 
					
						
							|  |  |  |         return CSS::TextDecorationLine::LineThrough; | 
					
						
							|  |  |  |     case CSS::ValueID::Blink: | 
					
						
							|  |  |  |         return CSS::TextDecorationLine::Blink; | 
					
						
							|  |  |  |     default: | 
					
						
							|  |  |  |         return {}; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-12-15 14:15:49 +01:00
										 |  |  | Optional<CSS::TextTransform> StyleProperties::text_transform() const | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     auto value = property(CSS::PropertyID::TextTransform); | 
					
						
							|  |  |  |     if (!value.has_value()) | 
					
						
							|  |  |  |         return {}; | 
					
						
							|  |  |  |     switch (value.value()->to_identifier()) { | 
					
						
							|  |  |  |     case CSS::ValueID::None: | 
					
						
							|  |  |  |         return CSS::TextTransform::None; | 
					
						
							|  |  |  |     case CSS::ValueID::Lowercase: | 
					
						
							|  |  |  |         return CSS::TextTransform::Lowercase; | 
					
						
							|  |  |  |     case CSS::ValueID::Uppercase: | 
					
						
							|  |  |  |         return CSS::TextTransform::Uppercase; | 
					
						
							|  |  |  |     case CSS::ValueID::Capitalize: | 
					
						
							|  |  |  |         return CSS::TextTransform::Capitalize; | 
					
						
							|  |  |  |     case CSS::ValueID::FullWidth: | 
					
						
							|  |  |  |         return CSS::TextTransform::FullWidth; | 
					
						
							|  |  |  |     case CSS::ValueID::FullSizeKana: | 
					
						
							|  |  |  |         return CSS::TextTransform::FullSizeKana; | 
					
						
							|  |  |  |     default: | 
					
						
							|  |  |  |         return {}; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-12-15 16:50:39 +01:00
										 |  |  | Optional<CSS::ListStyleType> StyleProperties::list_style_type() const | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     auto value = property(CSS::PropertyID::ListStyleType); | 
					
						
							|  |  |  |     if (!value.has_value()) | 
					
						
							|  |  |  |         return {}; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     switch (value.value()->to_identifier()) { | 
					
						
							|  |  |  |     case CSS::ValueID::None: | 
					
						
							|  |  |  |         return CSS::ListStyleType::None; | 
					
						
							|  |  |  |     case CSS::ValueID::Disc: | 
					
						
							|  |  |  |         return CSS::ListStyleType::Disc; | 
					
						
							|  |  |  |     case CSS::ValueID::Circle: | 
					
						
							|  |  |  |         return CSS::ListStyleType::Circle; | 
					
						
							|  |  |  |     case CSS::ValueID::Square: | 
					
						
							|  |  |  |         return CSS::ListStyleType::Square; | 
					
						
							|  |  |  |     case CSS::ValueID::Decimal: | 
					
						
							|  |  |  |         return CSS::ListStyleType::Decimal; | 
					
						
							| 
									
										
										
										
											2021-04-22 22:14:24 +02:00
										 |  |  |     case CSS::ValueID::DecimalLeadingZero: | 
					
						
							|  |  |  |         return CSS::ListStyleType::DecimalLeadingZero; | 
					
						
							| 
									
										
										
										
											2021-04-22 23:39:18 +02:00
										 |  |  |     case CSS::ValueID::LowerAlpha: | 
					
						
							|  |  |  |         return CSS::ListStyleType::LowerAlpha; | 
					
						
							|  |  |  |     case CSS::ValueID::LowerLatin: | 
					
						
							|  |  |  |         return CSS::ListStyleType::LowerLatin; | 
					
						
							| 
									
										
										
										
											2021-04-22 23:52:15 +02:00
										 |  |  |     case CSS::ValueID::UpperAlpha: | 
					
						
							|  |  |  |         return CSS::ListStyleType::UpperAlpha; | 
					
						
							|  |  |  |     case CSS::ValueID::UpperLatin: | 
					
						
							|  |  |  |         return CSS::ListStyleType::UpperLatin; | 
					
						
							| 
									
										
										
										
											2021-07-04 17:17:23 +02:00
										 |  |  |     case CSS::ValueID::UpperRoman: | 
					
						
							|  |  |  |         return CSS::ListStyleType::UpperRoman; | 
					
						
							|  |  |  |     case CSS::ValueID::LowerRoman: | 
					
						
							|  |  |  |         return CSS::ListStyleType::LowerRoman; | 
					
						
							| 
									
										
										
										
											2020-12-15 16:50:39 +01:00
										 |  |  |     default: | 
					
						
							|  |  |  |         return {}; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-02-22 15:20:31 +01:00
										 |  |  | Optional<CSS::Overflow> StyleProperties::overflow_x() const | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     return overflow(CSS::PropertyID::OverflowX); | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | Optional<CSS::Overflow> StyleProperties::overflow_y() const | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     return overflow(CSS::PropertyID::OverflowY); | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | Optional<CSS::Overflow> StyleProperties::overflow(CSS::PropertyID property_id) const | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     auto value = property(property_id); | 
					
						
							|  |  |  |     if (!value.has_value()) | 
					
						
							|  |  |  |         return {}; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     switch (value.value()->to_identifier()) { | 
					
						
							|  |  |  |     case CSS::ValueID::Auto: | 
					
						
							|  |  |  |         return CSS::Overflow::Auto; | 
					
						
							|  |  |  |     case CSS::ValueID::Visible: | 
					
						
							|  |  |  |         return CSS::Overflow::Visible; | 
					
						
							|  |  |  |     case CSS::ValueID::Hidden: | 
					
						
							|  |  |  |         return CSS::Overflow::Hidden; | 
					
						
							|  |  |  |     case CSS::ValueID::Clip: | 
					
						
							|  |  |  |         return CSS::Overflow::Clip; | 
					
						
							|  |  |  |     case CSS::ValueID::Scroll: | 
					
						
							|  |  |  |         return CSS::Overflow::Scroll; | 
					
						
							|  |  |  |     default: | 
					
						
							|  |  |  |         return {}; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2021-04-05 12:05:35 -04:00
										 |  |  | Optional<CSS::Repeat> StyleProperties::background_repeat_x() const | 
					
						
							| 
									
										
										
										
											2021-04-02 15:41:29 -04:00
										 |  |  | { | 
					
						
							| 
									
										
										
										
											2021-04-05 12:05:35 -04:00
										 |  |  |     auto value = property(CSS::PropertyID::BackgroundRepeatX); | 
					
						
							|  |  |  |     if (!value.has_value()) | 
					
						
							|  |  |  |         return {}; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     switch (value.value()->to_identifier()) { | 
					
						
							|  |  |  |     case CSS::ValueID::NoRepeat: | 
					
						
							|  |  |  |         return CSS::Repeat::NoRepeat; | 
					
						
							|  |  |  |     case CSS::ValueID::Repeat: | 
					
						
							|  |  |  |         return CSS::Repeat::Repeat; | 
					
						
							|  |  |  |     case CSS::ValueID::Round: | 
					
						
							|  |  |  |         return CSS::Repeat::Round; | 
					
						
							|  |  |  |     case CSS::ValueID::Space: | 
					
						
							|  |  |  |         return CSS::Repeat::Space; | 
					
						
							|  |  |  |     default: | 
					
						
							|  |  |  |         return {}; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | Optional<CSS::Repeat> StyleProperties::background_repeat_y() const | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     auto value = property(CSS::PropertyID::BackgroundRepeatY); | 
					
						
							| 
									
										
										
										
											2021-04-02 15:41:29 -04:00
										 |  |  |     if (!value.has_value()) | 
					
						
							|  |  |  |         return {}; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     switch (value.value()->to_identifier()) { | 
					
						
							|  |  |  |     case CSS::ValueID::NoRepeat: | 
					
						
							|  |  |  |         return CSS::Repeat::NoRepeat; | 
					
						
							|  |  |  |     case CSS::ValueID::Repeat: | 
					
						
							|  |  |  |         return CSS::Repeat::Repeat; | 
					
						
							|  |  |  |     case CSS::ValueID::Round: | 
					
						
							|  |  |  |         return CSS::Repeat::Round; | 
					
						
							|  |  |  |     case CSS::ValueID::Space: | 
					
						
							|  |  |  |         return CSS::Repeat::Space; | 
					
						
							|  |  |  |     default: | 
					
						
							|  |  |  |         return {}; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | } | 
					
						
							| 
									
										
										
										
											2020-03-07 10:27:02 +01:00
										 |  |  | } |