| 
									
										
										
										
											2023-03-24 16:17:50 +00:00
										 |  |  | /*
 | 
					
						
							|  |  |  |  * Copyright (c) 2018-2020, Andreas Kling <kling@serenityos.org> | 
					
						
							|  |  |  |  * Copyright (c) 2021, Tobias Christiansen <tobyase@serenityos.org> | 
					
						
							|  |  |  |  * Copyright (c) 2021-2023, Sam Atkins <atkinssj@serenityos.org> | 
					
						
							|  |  |  |  * Copyright (c) 2022-2023, MacDue <macdue@dueutil.tech> | 
					
						
							|  |  |  |  * | 
					
						
							|  |  |  |  * SPDX-License-Identifier: BSD-2-Clause | 
					
						
							|  |  |  |  */ | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | #include "LinearGradientStyleValue.h"
 | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | namespace Web::CSS { | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | ErrorOr<String> LinearGradientStyleValue::to_string() const | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     StringBuilder builder; | 
					
						
							|  |  |  |     auto side_or_corner_to_string = [](SideOrCorner value) { | 
					
						
							|  |  |  |         switch (value) { | 
					
						
							|  |  |  |         case SideOrCorner::Top: | 
					
						
							|  |  |  |             return "top"sv; | 
					
						
							|  |  |  |         case SideOrCorner::Bottom: | 
					
						
							|  |  |  |             return "bottom"sv; | 
					
						
							|  |  |  |         case SideOrCorner::Left: | 
					
						
							|  |  |  |             return "left"sv; | 
					
						
							|  |  |  |         case SideOrCorner::Right: | 
					
						
							|  |  |  |             return "right"sv; | 
					
						
							|  |  |  |         case SideOrCorner::TopLeft: | 
					
						
							|  |  |  |             return "top left"sv; | 
					
						
							|  |  |  |         case SideOrCorner::TopRight: | 
					
						
							|  |  |  |             return "top right"sv; | 
					
						
							|  |  |  |         case SideOrCorner::BottomLeft: | 
					
						
							|  |  |  |             return "bottom left"sv; | 
					
						
							|  |  |  |         case SideOrCorner::BottomRight: | 
					
						
							|  |  |  |             return "bottom right"sv; | 
					
						
							|  |  |  |         default: | 
					
						
							|  |  |  |             VERIFY_NOT_REACHED(); | 
					
						
							|  |  |  |         } | 
					
						
							|  |  |  |     }; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     if (m_properties.gradient_type == GradientType::WebKit) | 
					
						
							|  |  |  |         TRY(builder.try_append("-webkit-"sv)); | 
					
						
							|  |  |  |     if (is_repeating()) | 
					
						
							|  |  |  |         TRY(builder.try_append("repeating-"sv)); | 
					
						
							|  |  |  |     TRY(builder.try_append("linear-gradient("sv)); | 
					
						
							|  |  |  |     TRY(m_properties.direction.visit( | 
					
						
							|  |  |  |         [&](SideOrCorner side_or_corner) -> ErrorOr<void> { | 
					
						
							|  |  |  |             return builder.try_appendff("{}{}, "sv, m_properties.gradient_type == GradientType::Standard ? "to "sv : ""sv, side_or_corner_to_string(side_or_corner)); | 
					
						
							|  |  |  |         }, | 
					
						
							|  |  |  |         [&](Angle const& angle) -> ErrorOr<void> { | 
					
						
							| 
									
										
										
										
											2023-08-22 12:25:30 +01:00
										 |  |  |             return builder.try_appendff("{}, "sv, angle.to_string()); | 
					
						
							| 
									
										
										
										
											2023-03-24 16:17:50 +00:00
										 |  |  |         })); | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     TRY(serialize_color_stop_list(builder, m_properties.color_stop_list)); | 
					
						
							|  |  |  |     TRY(builder.try_append(")"sv)); | 
					
						
							|  |  |  |     return builder.to_string(); | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | bool LinearGradientStyleValue::equals(StyleValue const& other_) const | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     if (type() != other_.type()) | 
					
						
							|  |  |  |         return false; | 
					
						
							|  |  |  |     auto& other = other_.as_linear_gradient(); | 
					
						
							|  |  |  |     return m_properties == other.m_properties; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | float LinearGradientStyleValue::angle_degrees(CSSPixelSize gradient_size) const | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     auto corner_angle_degrees = [&] { | 
					
						
							| 
									
										
										
										
											2023-06-12 21:37:35 +03:00
										 |  |  |         return atan2(gradient_size.height().to_double(), gradient_size.width().to_double()) * 180 / AK::Pi<double>; | 
					
						
							| 
									
										
										
										
											2023-03-24 16:17:50 +00:00
										 |  |  |     }; | 
					
						
							|  |  |  |     return m_properties.direction.visit( | 
					
						
							|  |  |  |         [&](SideOrCorner side_or_corner) { | 
					
						
							|  |  |  |             auto angle = [&] { | 
					
						
							|  |  |  |                 switch (side_or_corner) { | 
					
						
							|  |  |  |                 case SideOrCorner::Top: | 
					
						
							| 
									
										
										
										
											2023-05-27 21:10:21 +02:00
										 |  |  |                     return 0.0; | 
					
						
							| 
									
										
										
										
											2023-03-24 16:17:50 +00:00
										 |  |  |                 case SideOrCorner::Bottom: | 
					
						
							| 
									
										
										
										
											2023-05-27 21:10:21 +02:00
										 |  |  |                     return 180.0; | 
					
						
							| 
									
										
										
										
											2023-03-24 16:17:50 +00:00
										 |  |  |                 case SideOrCorner::Left: | 
					
						
							| 
									
										
										
										
											2023-05-27 21:10:21 +02:00
										 |  |  |                     return 270.0; | 
					
						
							| 
									
										
										
										
											2023-03-24 16:17:50 +00:00
										 |  |  |                 case SideOrCorner::Right: | 
					
						
							| 
									
										
										
										
											2023-05-27 21:10:21 +02:00
										 |  |  |                     return 90.0; | 
					
						
							| 
									
										
										
										
											2023-03-24 16:17:50 +00:00
										 |  |  |                 case SideOrCorner::TopRight: | 
					
						
							|  |  |  |                     return corner_angle_degrees(); | 
					
						
							|  |  |  |                 case SideOrCorner::BottomLeft: | 
					
						
							| 
									
										
										
										
											2023-05-27 21:10:21 +02:00
										 |  |  |                     return corner_angle_degrees() + 180.0; | 
					
						
							| 
									
										
										
										
											2023-03-24 16:17:50 +00:00
										 |  |  |                 case SideOrCorner::TopLeft: | 
					
						
							|  |  |  |                     return -corner_angle_degrees(); | 
					
						
							|  |  |  |                 case SideOrCorner::BottomRight: | 
					
						
							| 
									
										
										
										
											2023-05-27 21:10:21 +02:00
										 |  |  |                     return -(corner_angle_degrees() + 180.0); | 
					
						
							| 
									
										
										
										
											2023-03-24 16:17:50 +00:00
										 |  |  |                 default: | 
					
						
							|  |  |  |                     VERIFY_NOT_REACHED(); | 
					
						
							|  |  |  |                 } | 
					
						
							|  |  |  |             }(); | 
					
						
							|  |  |  |             // Note: For unknowable reasons the angles are opposite on the -webkit- version
 | 
					
						
							|  |  |  |             if (m_properties.gradient_type == GradientType::WebKit) | 
					
						
							| 
									
										
										
										
											2023-05-27 21:10:21 +02:00
										 |  |  |                 return angle + 180.0; | 
					
						
							| 
									
										
										
										
											2023-03-24 16:17:50 +00:00
										 |  |  |             return angle; | 
					
						
							|  |  |  |         }, | 
					
						
							|  |  |  |         [&](Angle const& angle) { | 
					
						
							|  |  |  |             return angle.to_degrees(); | 
					
						
							|  |  |  |         }); | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2023-08-16 12:45:23 +01:00
										 |  |  | void LinearGradientStyleValue::resolve_for_size(Layout::NodeWithStyleAndBoxModelMetrics const& node, CSSPixelSize size) const | 
					
						
							| 
									
										
										
										
											2023-03-24 16:17:50 +00:00
										 |  |  | { | 
					
						
							|  |  |  |     if (m_resolved.has_value() && m_resolved->size == size) | 
					
						
							|  |  |  |         return; | 
					
						
							|  |  |  |     m_resolved = ResolvedData { Painting::resolve_linear_gradient_data(node, size, *this), size }; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | void LinearGradientStyleValue::paint(PaintContext& context, DevicePixelRect const& dest_rect, CSS::ImageRendering) const | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     VERIFY(m_resolved.has_value()); | 
					
						
							|  |  |  |     Painting::paint_linear_gradient(context, dest_rect, m_resolved->data); | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | } |