mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-07-23 17:33:12 +00:00
6a9c8d7767
`CSSColorValue`s which have unresolved `calc` components should be able to be resolved. Previously we would always resolve them but with incorrect values. This is useful as we will now be able to now whether we should serialize colors in their normalized form or not. Slight regression in that we now serialize (RGB, HSL and HWB) colors with components that rely on compute-time information as an empty string, but that will be fixed in the next commit.
95 lines
3.8 KiB
C++
95 lines
3.8 KiB
C++
/*
|
|
* Copyright (c) 2024, Sam Atkins <sam@ladybird.org>
|
|
* Copyright (c) 2025, Tim Ledbetter <tim.ledbetter@ladybird.org>
|
|
*
|
|
* SPDX-License-Identifier: BSD-2-Clause
|
|
*/
|
|
|
|
#include "CSSLabLike.h"
|
|
#include <AK/TypeCasts.h>
|
|
#include <LibWeb/CSS/CSSStyleValue.h>
|
|
#include <LibWeb/CSS/Serialize.h>
|
|
#include <LibWeb/CSS/StyleValues/CalculatedStyleValue.h>
|
|
#include <LibWeb/CSS/StyleValues/NumberStyleValue.h>
|
|
#include <LibWeb/CSS/StyleValues/PercentageStyleValue.h>
|
|
|
|
namespace Web::CSS {
|
|
|
|
bool CSSLabLike::equals(CSSStyleValue const& other) const
|
|
{
|
|
if (type() != other.type())
|
|
return false;
|
|
auto const& other_color = other.as_color();
|
|
if (color_type() != other_color.color_type())
|
|
return false;
|
|
auto const& other_lab_like = as<CSSLabLike>(other_color);
|
|
return m_properties == other_lab_like.m_properties;
|
|
}
|
|
|
|
Optional<Color> CSSOKLab::to_color(Optional<Layout::NodeWithStyle const&>, CalculationResolutionContext const& resolution_context) const
|
|
{
|
|
auto const l_val = resolve_with_reference_value(m_properties.l, 1.0, resolution_context);
|
|
auto const a_val = resolve_with_reference_value(m_properties.a, 0.4, resolution_context);
|
|
auto const b_val = resolve_with_reference_value(m_properties.b, 0.4, resolution_context);
|
|
auto const alpha_val = resolve_alpha(m_properties.alpha, resolution_context);
|
|
|
|
if (!l_val.has_value() || !a_val.has_value() || !b_val.has_value() || !alpha_val.has_value())
|
|
return {};
|
|
|
|
return Color::from_oklab(clamp(l_val.value(), 0, 1), a_val.value(), b_val.value(), alpha_val.value());
|
|
}
|
|
|
|
// https://www.w3.org/TR/css-color-4/#serializing-oklab-oklch
|
|
String CSSOKLab::to_string(SerializationMode mode) const
|
|
{
|
|
StringBuilder builder;
|
|
builder.append("oklab("sv);
|
|
serialize_color_component(builder, mode, m_properties.l, 1.0f, 0, 1);
|
|
builder.append(' ');
|
|
serialize_color_component(builder, mode, m_properties.a, 0.4f);
|
|
builder.append(' ');
|
|
serialize_color_component(builder, mode, m_properties.b, 0.4f);
|
|
if ((!m_properties.alpha->is_number() || m_properties.alpha->as_number().number() < 1)
|
|
&& (!m_properties.alpha->is_percentage() || m_properties.alpha->as_percentage().percentage().as_fraction() < 1)) {
|
|
builder.append(" / "sv);
|
|
serialize_alpha_component(builder, mode, m_properties.alpha);
|
|
}
|
|
|
|
builder.append(')');
|
|
return MUST(builder.to_string());
|
|
}
|
|
|
|
Optional<Color> CSSLab::to_color(Optional<Layout::NodeWithStyle const&>, CalculationResolutionContext const& resolution_context) const
|
|
{
|
|
auto l_val = resolve_with_reference_value(m_properties.l, 100, resolution_context);
|
|
auto a_val = resolve_with_reference_value(m_properties.a, 125, resolution_context);
|
|
auto b_val = resolve_with_reference_value(m_properties.b, 125, resolution_context);
|
|
auto alpha_val = resolve_alpha(m_properties.alpha, resolution_context);
|
|
|
|
if (!l_val.has_value() || !a_val.has_value() || !b_val.has_value() || !alpha_val.has_value())
|
|
return {};
|
|
|
|
return Color::from_lab(clamp(l_val.value(), 0, 100), a_val.value(), b_val.value(), alpha_val.value());
|
|
}
|
|
|
|
// https://www.w3.org/TR/css-color-4/#serializing-lab-lch
|
|
String CSSLab::to_string(SerializationMode mode) const
|
|
{
|
|
StringBuilder builder;
|
|
builder.append("lab("sv);
|
|
serialize_color_component(builder, mode, m_properties.l, 100, 0, 100);
|
|
builder.append(' ');
|
|
serialize_color_component(builder, mode, m_properties.a, 125);
|
|
builder.append(' ');
|
|
serialize_color_component(builder, mode, m_properties.b, 125);
|
|
if ((!m_properties.alpha->is_number() || m_properties.alpha->as_number().number() < 1)
|
|
&& (!m_properties.alpha->is_percentage() || m_properties.alpha->as_percentage().percentage().as_fraction() < 1)) {
|
|
builder.append(" / "sv);
|
|
serialize_alpha_component(builder, mode, m_properties.alpha);
|
|
}
|
|
|
|
builder.append(')');
|
|
return MUST(builder.to_string());
|
|
}
|
|
|
|
}
|