mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-10-05 07:39:16 +00:00
c57975c9fd
This reverts 0e3487b9ab.
Back when I made that change, I thought we could make our StyleValue
classes match the typed-om definitions directly. However, they have
different requirements. Typed-om types need to be mutable and GCed,
whereas StyleValues are immutable and ideally wouldn't require a JS VM.
While I was already making such a cataclysmic change, I've moved it into
the StyleValues directory, because it *not* being there has bothered me
for a long time. 😅
95 lines
4 KiB
C++
95 lines
4 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/Serialize.h>
|
|
#include <LibWeb/CSS/StyleValues/CalculatedStyleValue.h>
|
|
#include <LibWeb/CSS/StyleValues/NumberStyleValue.h>
|
|
#include <LibWeb/CSS/StyleValues/PercentageStyleValue.h>
|
|
#include <LibWeb/CSS/StyleValues/StyleValue.h>
|
|
|
|
namespace Web::CSS {
|
|
|
|
bool CSSLabLike::equals(StyleValue 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(ColorResolutionContext color_resolution_context) const
|
|
{
|
|
auto const l_val = resolve_with_reference_value(m_properties.l, 1.0, color_resolution_context.calculation_resolution_context);
|
|
auto const a_val = resolve_with_reference_value(m_properties.a, 0.4, color_resolution_context.calculation_resolution_context);
|
|
auto const b_val = resolve_with_reference_value(m_properties.b, 0.4, color_resolution_context.calculation_resolution_context);
|
|
auto const alpha_val = resolve_alpha(m_properties.alpha, color_resolution_context.calculation_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(ColorResolutionContext color_resolution_context) const
|
|
{
|
|
auto l_val = resolve_with_reference_value(m_properties.l, 100, color_resolution_context.calculation_resolution_context);
|
|
auto a_val = resolve_with_reference_value(m_properties.a, 125, color_resolution_context.calculation_resolution_context);
|
|
auto b_val = resolve_with_reference_value(m_properties.b, 125, color_resolution_context.calculation_resolution_context);
|
|
auto alpha_val = resolve_alpha(m_properties.alpha, color_resolution_context.calculation_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());
|
|
}
|
|
|
|
}
|