mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-07-01 22:51:55 +00:00
There are multiple things happening here which are interconnected: - We now use AbstractElement to refer to the source of a counter, which means we also need to pass that around to compute `content`. - Give AbstractElement new helper methods that are needed by CountersSet, so it doesn't have to care whether it's dealing with a true Element or PseudoElement. - The CountersSet algorithms now walk the layout tree instead of DOM tree, so TreeBuilder needs to wait until the layout node exists before it resolves counters for it. - Resolve counters when creating a pseudo-element's layout node. We awkwardly compute the `content` value up to twice: Once to figure out what kind of node we need to make, and then if it's a string, we do so again after counters are resolved so we can get the true value of any `counter()` functions. This will need adjusting in the future but it works for now.
218 lines
9.5 KiB
C++
218 lines
9.5 KiB
C++
/*
|
||
* Copyright (c) 2024-2025, Sam Atkins <sam@ladybird.org>
|
||
*
|
||
* SPDX-License-Identifier: BSD-2-Clause
|
||
*/
|
||
|
||
#include <LibWeb/CSS/ComputedProperties.h>
|
||
#include <LibWeb/CSS/CountersSet.h>
|
||
#include <LibWeb/DOM/AbstractElement.h>
|
||
#include <LibWeb/DOM/Element.h>
|
||
#include <LibWeb/DOM/Node.h>
|
||
|
||
namespace Web::CSS {
|
||
|
||
void CountersSet::visit_edges(GC::Cell::Visitor& visitor)
|
||
{
|
||
for (auto const& counter : m_counters)
|
||
counter.originating_element.visit(visitor);
|
||
}
|
||
|
||
// https://drafts.csswg.org/css-lists-3/#instantiate-counter
|
||
Counter& CountersSet::instantiate_a_counter(FlyString name, DOM::AbstractElement const& element, bool reversed, Optional<CounterValue> value)
|
||
{
|
||
// 1. Let counters be element’s CSS counters set.
|
||
|
||
// 2. Let innermost counter be the last counter in counters with the name name.
|
||
// If innermost counter’s originating element is element or a previous sibling of element,
|
||
// remove innermost counter from counters.
|
||
auto innermost_counter = last_counter_with_name(name);
|
||
if (innermost_counter.has_value()) {
|
||
auto& innermost_element = innermost_counter->originating_element;
|
||
|
||
if (innermost_element == element
|
||
|| (innermost_element.parent_element() == element.parent_element() && innermost_element.is_before(element))) {
|
||
|
||
m_counters.remove_first_matching([&innermost_counter](auto& it) {
|
||
return it.name == innermost_counter->name
|
||
&& it.originating_element == innermost_counter->originating_element;
|
||
});
|
||
}
|
||
}
|
||
|
||
// 3. Append a new counter to counters with name name, originating element element,
|
||
// reversed being reversed, and initial value value (if given)
|
||
m_counters.append({
|
||
.name = move(name),
|
||
.originating_element = element,
|
||
.reversed = reversed,
|
||
.value = value,
|
||
});
|
||
|
||
return m_counters.last();
|
||
}
|
||
|
||
// https://drafts.csswg.org/css-lists-3/#propdef-counter-set
|
||
void CountersSet::set_a_counter(FlyString name, DOM::AbstractElement const& element, CounterValue value)
|
||
{
|
||
if (auto existing_counter = last_counter_with_name(name); existing_counter.has_value()) {
|
||
existing_counter->value = value;
|
||
return;
|
||
}
|
||
|
||
// If there is not currently a counter of the given name on the element, the element instantiates
|
||
// a new counter of the given name with a starting value of 0 before setting or incrementing its value.
|
||
// https://drafts.csswg.org/css-lists-3/#valdef-counter-set-counter-name-integer
|
||
auto& counter = instantiate_a_counter(name, element, false, 0);
|
||
counter.value = value;
|
||
}
|
||
|
||
// https://drafts.csswg.org/css-lists-3/#propdef-counter-increment
|
||
void CountersSet::increment_a_counter(FlyString name, DOM::AbstractElement const& element, CounterValue amount)
|
||
{
|
||
if (auto existing_counter = last_counter_with_name(name); existing_counter.has_value()) {
|
||
// FIXME: How should we handle existing counters with no value? Can that happen?
|
||
VERIFY(existing_counter->value.has_value());
|
||
existing_counter->value->saturating_add(amount.value());
|
||
return;
|
||
}
|
||
|
||
// If there is not currently a counter of the given name on the element, the element instantiates
|
||
// a new counter of the given name with a starting value of 0 before setting or incrementing its value.
|
||
// https://drafts.csswg.org/css-lists-3/#valdef-counter-set-counter-name-integer
|
||
auto& counter = instantiate_a_counter(name, element, false, 0);
|
||
counter.value->saturating_add(amount.value());
|
||
}
|
||
|
||
Optional<Counter&> CountersSet::last_counter_with_name(FlyString const& name)
|
||
{
|
||
for (auto& counter : m_counters.in_reverse()) {
|
||
if (counter.name == name)
|
||
return counter;
|
||
}
|
||
return {};
|
||
}
|
||
|
||
Optional<Counter&> CountersSet::counter_with_same_name_and_creator(FlyString const& name, DOM::AbstractElement const& element)
|
||
{
|
||
return m_counters.first_matching([&](auto& it) {
|
||
return it.name == name && it.originating_element == element;
|
||
});
|
||
}
|
||
|
||
void CountersSet::append_copy(Counter const& counter)
|
||
{
|
||
m_counters.append(counter);
|
||
}
|
||
|
||
// https://drafts.csswg.org/css-lists-3/#auto-numbering
|
||
void resolve_counters(DOM::AbstractElement& element_reference)
|
||
{
|
||
// Resolving counter values on a given element is a multi-step process:
|
||
auto const& style = *element_reference.computed_properties();
|
||
|
||
// 1. Existing counters are inherited from previous elements.
|
||
inherit_counters(element_reference);
|
||
|
||
// https://drafts.csswg.org/css-lists-3/#counters-without-boxes
|
||
// An element that does not generate a box (for example, an element with display set to none,
|
||
// or a pseudo-element with content set to none) cannot set, reset, or increment a counter.
|
||
// The counter properties are still valid on such an element, but they must have no effect.
|
||
if (style.display().is_none())
|
||
return;
|
||
|
||
// 2. New counters are instantiated (counter-reset).
|
||
auto counter_reset = style.counter_data(PropertyID::CounterReset);
|
||
for (auto const& counter : counter_reset)
|
||
element_reference.ensure_counters_set().instantiate_a_counter(counter.name, element_reference, counter.is_reversed, counter.value);
|
||
|
||
// FIXME: Take style containment into account
|
||
// https://drafts.csswg.org/css-contain-2/#containment-style
|
||
// Giving an element style containment has the following effects:
|
||
// 1. The 'counter-increment' and 'counter-set' properties must be scoped to the element’s sub-tree and create a
|
||
// new counter.
|
||
|
||
// 3. Counter values are incremented (counter-increment).
|
||
auto counter_increment = style.counter_data(PropertyID::CounterIncrement);
|
||
for (auto const& counter : counter_increment)
|
||
element_reference.ensure_counters_set().increment_a_counter(counter.name, element_reference, *counter.value);
|
||
|
||
// 4. Counter values are explicitly set (counter-set).
|
||
auto counter_set = style.counter_data(PropertyID::CounterSet);
|
||
for (auto const& counter : counter_set)
|
||
element_reference.ensure_counters_set().set_a_counter(counter.name, element_reference, *counter.value);
|
||
|
||
// 5. Counter values are used (counter()/counters()).
|
||
// NOTE: This happens when we process the `content` property.
|
||
}
|
||
|
||
// https://drafts.csswg.org/css-lists-3/#inherit-counters
|
||
void inherit_counters(DOM::AbstractElement& element_reference)
|
||
{
|
||
// 1. If element is the root of its document tree, the element has an initially-empty CSS counters set.
|
||
// Return.
|
||
auto parent = element_reference.parent_element();
|
||
if (parent == nullptr) {
|
||
// NOTE: We represent an empty counters set with `m_counters_set = nullptr`.
|
||
element_reference.set_counters_set(nullptr);
|
||
return;
|
||
}
|
||
|
||
// 2. Let element counters, representing element’s own CSS counters set, be a copy of the CSS counters
|
||
// set of element’s parent element.
|
||
OwnPtr<CountersSet> element_counters;
|
||
// OPTIMIZATION: If parent has a set, we create a copy. Otherwise, we avoid allocating one until we need
|
||
// to add something to it.
|
||
auto ensure_element_counters = [&]() {
|
||
if (!element_counters)
|
||
element_counters = make<CountersSet>();
|
||
};
|
||
if (parent->has_non_empty_counters_set()) {
|
||
element_counters = make<CountersSet>();
|
||
*element_counters = *parent->counters_set();
|
||
}
|
||
|
||
// 3. Let sibling counters be the CSS counters set of element’s preceding sibling (if it has one),
|
||
// or an empty CSS counters set otherwise.
|
||
// For each counter of sibling counters, if element counters does not already contain a counter with
|
||
// the same name, append a copy of counter to element counters.
|
||
if (auto sibling = element_reference.previous_sibling_in_tree_order(); sibling.has_value() && sibling->has_non_empty_counters_set()) {
|
||
auto& sibling_counters = sibling->counters_set().release_value();
|
||
ensure_element_counters();
|
||
for (auto const& counter : sibling_counters.counters()) {
|
||
if (!element_counters->last_counter_with_name(counter.name).has_value())
|
||
element_counters->append_copy(counter);
|
||
}
|
||
}
|
||
|
||
// 4. Let value source be the CSS counters set of the element immediately preceding element in tree order.
|
||
// For each source counter of value source, if element counters contains a counter with the same name
|
||
// and creator, then set the value of that counter to source counter’s value.
|
||
if (auto const previous = element_reference.previous_in_tree_order(); previous.has_value() && previous->has_non_empty_counters_set()) {
|
||
// NOTE: If element_counters is empty (AKA null) then we can skip this since nothing will match.
|
||
if (element_counters) {
|
||
auto& value_source = previous->counters_set().release_value();
|
||
for (auto const& source_counter : value_source.counters()) {
|
||
auto maybe_existing_counter = element_counters->counter_with_same_name_and_creator(source_counter.name, source_counter.originating_element);
|
||
if (maybe_existing_counter.has_value())
|
||
maybe_existing_counter->value = source_counter.value;
|
||
}
|
||
}
|
||
}
|
||
|
||
VERIFY(!element_counters || !element_counters->is_empty());
|
||
element_reference.set_counters_set(move(element_counters));
|
||
}
|
||
|
||
String CountersSet::dump() const
|
||
{
|
||
StringBuilder builder;
|
||
builder.append("{\n"sv);
|
||
for (auto const& counter : m_counters) {
|
||
builder.appendff(" {} ({}) = {}\n", counter.name, counter.originating_element.debug_description(), counter.value);
|
||
}
|
||
builder.append('}');
|
||
return builder.to_string_without_validation();
|
||
}
|
||
|
||
}
|