| 
									
										
										
										
											2023-03-24 16:17:50 +00:00
										 |  |  | /*
 | 
					
						
							| 
									
										
										
										
											2024-10-04 13:19:50 +02:00
										 |  |  |  * Copyright (c) 2018-2020, Andreas Kling <andreas@ladybird.org> | 
					
						
							| 
									
										
										
										
											2023-03-24 16:17:50 +00:00
										 |  |  |  * 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 { | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2023-08-22 14:08:15 +01:00
										 |  |  | String LinearGradientStyleValue::to_string() const | 
					
						
							| 
									
										
										
										
											2023-03-24 16:17:50 +00:00
										 |  |  | { | 
					
						
							|  |  |  |     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) | 
					
						
							| 
									
										
										
										
											2023-08-22 14:08:15 +01:00
										 |  |  |         builder.append("-webkit-"sv); | 
					
						
							| 
									
										
										
										
											2023-03-24 16:17:50 +00:00
										 |  |  |     if (is_repeating()) | 
					
						
							| 
									
										
										
										
											2023-08-22 14:08:15 +01:00
										 |  |  |         builder.append("repeating-"sv); | 
					
						
							|  |  |  |     builder.append("linear-gradient("sv); | 
					
						
							|  |  |  |     m_properties.direction.visit( | 
					
						
							|  |  |  |         [&](SideOrCorner side_or_corner) { | 
					
						
							|  |  |  |             return builder.appendff("{}{}, "sv, m_properties.gradient_type == GradientType::Standard ? "to "sv : ""sv, side_or_corner_to_string(side_or_corner)); | 
					
						
							| 
									
										
										
										
											2023-03-24 16:17:50 +00:00
										 |  |  |         }, | 
					
						
							| 
									
										
										
										
											2023-08-22 14:08:15 +01:00
										 |  |  |         [&](Angle const& angle) { | 
					
						
							|  |  |  |             return builder.appendff("{}, "sv, angle.to_string()); | 
					
						
							|  |  |  |         }); | 
					
						
							| 
									
										
										
										
											2023-03-24 16:17:50 +00:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2023-08-22 14:08:15 +01:00
										 |  |  |     serialize_color_stop_list(builder, m_properties.color_stop_list); | 
					
						
							|  |  |  |     builder.append(")"sv); | 
					
						
							|  |  |  |     return MUST(builder.to_string()); | 
					
						
							| 
									
										
										
										
											2023-03-24 16:17:50 +00:00
										 |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2024-08-14 11:10:54 +01:00
										 |  |  | bool LinearGradientStyleValue::equals(CSSStyleValue const& other_) const | 
					
						
							| 
									
										
										
										
											2023-03-24 16:17:50 +00:00
										 |  |  | { | 
					
						
							|  |  |  |     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-09-09 14:43:39 +02:00
										 |  |  |         return AK::to_degrees(atan2(gradient_size.height().to_double(), gradient_size.width().to_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 }; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2024-08-06 15:26:47 +03:00
										 |  |  | void LinearGradientStyleValue::paint(PaintContext& context, DevicePixelRect const& dest_rect, CSS::ImageRendering) const | 
					
						
							| 
									
										
										
										
											2023-03-24 16:17:50 +00:00
										 |  |  | { | 
					
						
							|  |  |  |     VERIFY(m_resolved.has_value()); | 
					
						
							| 
									
										
										
										
											2024-08-06 15:26:47 +03:00
										 |  |  |     context.display_list_recorder().fill_rect_with_linear_gradient(dest_rect.to_type<int>(), m_resolved->data); | 
					
						
							| 
									
										
										
										
											2023-03-24 16:17:50 +00:00
										 |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | } |