a9b8840a82
Patch up existing style properties instead of using the regular style invalidation path, which requires rule matching for each element in the invalidated subtree. - !important properties: this change introduces a flag used to skip the update of animated properties overridden by !important. - inherited animated properties: for now, these are invalidated by traversing animated element's subtree to propagate the update. - StyleProperties has a separate array for animated properties that allows the removal animated properties after animation has ended, without requiring full style invalidation.
200 lines
8.1 KiB
C++
200 lines
8.1 KiB
C++
/*
|
|
* Copyright (c) 2018-2023, Andreas Kling <kling@serenityos.org>
|
|
*
|
|
* SPDX-License-Identifier: BSD-2-Clause
|
|
*/
|
|
|
|
#pragma once
|
|
|
|
#include <AK/HashMap.h>
|
|
#include <AK/NonnullRefPtr.h>
|
|
#include <LibGfx/Font/Font.h>
|
|
#include <LibGfx/FontCascadeList.h>
|
|
#include <LibGfx/Forward.h>
|
|
#include <LibWeb/CSS/ComputedValues.h>
|
|
#include <LibWeb/CSS/LengthBox.h>
|
|
#include <LibWeb/CSS/PropertyID.h>
|
|
|
|
namespace Web::CSS {
|
|
|
|
class StyleProperties : public RefCounted<StyleProperties> {
|
|
public:
|
|
StyleProperties() = default;
|
|
|
|
static NonnullRefPtr<StyleProperties> create() { return adopt_ref(*new StyleProperties); }
|
|
|
|
NonnullRefPtr<StyleProperties> clone() const;
|
|
|
|
template<typename Callback>
|
|
inline void for_each_property(Callback callback) const
|
|
{
|
|
for (size_t i = 0; i < m_property_values.size(); ++i) {
|
|
if (m_property_values[i].has_value())
|
|
callback((CSS::PropertyID)i, *m_property_values[i]->style);
|
|
}
|
|
}
|
|
|
|
enum class Important {
|
|
No,
|
|
Yes
|
|
};
|
|
|
|
enum class Inherited {
|
|
No,
|
|
Yes
|
|
};
|
|
|
|
struct StyleAndSourceDeclaration {
|
|
NonnullRefPtr<StyleValue const> style;
|
|
CSS::CSSStyleDeclaration const* declaration = nullptr;
|
|
Important important { Important::No };
|
|
Inherited inherited { Inherited::No };
|
|
};
|
|
using PropertyValues = Array<Optional<StyleAndSourceDeclaration>, to_underlying(CSS::last_property_id) + 1>;
|
|
|
|
auto& properties() { return m_property_values; }
|
|
auto const& properties() const { return m_property_values; }
|
|
|
|
void reset_animated_properties();
|
|
|
|
bool is_property_important(CSS::PropertyID property_id) const;
|
|
bool is_property_inherited(CSS::PropertyID property_id) const;
|
|
|
|
void set_property(CSS::PropertyID, NonnullRefPtr<StyleValue const> value, CSS::CSSStyleDeclaration const* source_declaration = nullptr, Inherited = Inherited::No, Important = Important::No);
|
|
void set_animated_property(CSS::PropertyID, NonnullRefPtr<StyleValue const> value);
|
|
NonnullRefPtr<StyleValue const> property(CSS::PropertyID) const;
|
|
RefPtr<StyleValue const> maybe_null_property(CSS::PropertyID) const;
|
|
CSS::CSSStyleDeclaration const* property_source_declaration(CSS::PropertyID) const;
|
|
|
|
CSS::Size size_value(CSS::PropertyID) const;
|
|
LengthPercentage length_percentage_or_fallback(CSS::PropertyID, LengthPercentage const& fallback) const;
|
|
Optional<LengthPercentage> length_percentage(CSS::PropertyID) const;
|
|
LengthBox length_box(CSS::PropertyID left_id, CSS::PropertyID top_id, CSS::PropertyID right_id, CSS::PropertyID bottom_id, const CSS::Length& default_value) const;
|
|
Color color_or_fallback(CSS::PropertyID, Layout::NodeWithStyle const&, Color fallback) const;
|
|
Optional<CSS::TextAnchor> text_anchor() const;
|
|
Optional<CSS::TextAlign> text_align() const;
|
|
Optional<CSS::TextJustify> text_justify() const;
|
|
CSS::Length border_spacing_horizontal() const;
|
|
CSS::Length border_spacing_vertical() const;
|
|
Optional<CSS::CaptionSide> caption_side() const;
|
|
CSS::Clip clip() const;
|
|
CSS::Display display() const;
|
|
Optional<CSS::Float> float_() const;
|
|
Optional<CSS::Clear> clear() const;
|
|
struct ContentDataAndQuoteNestingLevel {
|
|
CSS::ContentData content_data;
|
|
u32 final_quote_nesting_level { 0 };
|
|
};
|
|
ContentDataAndQuoteNestingLevel content(u32 initial_quote_nesting_level) const;
|
|
Optional<CSS::Cursor> cursor() const;
|
|
Optional<CSS::WhiteSpace> white_space() const;
|
|
Optional<CSS::LineStyle> line_style(CSS::PropertyID) const;
|
|
Optional<CSS::OutlineStyle> outline_style() const;
|
|
Vector<CSS::TextDecorationLine> text_decoration_line() const;
|
|
Optional<CSS::TextDecorationStyle> text_decoration_style() const;
|
|
Optional<CSS::TextTransform> text_transform() const;
|
|
Vector<CSS::ShadowData> text_shadow(Layout::Node const&) const;
|
|
Optional<CSS::ListStyleType> list_style_type() const;
|
|
Optional<CSS::ListStylePosition> list_style_position() const;
|
|
Optional<CSS::FlexDirection> flex_direction() const;
|
|
Optional<CSS::FlexWrap> flex_wrap() const;
|
|
Optional<CSS::FlexBasis> flex_basis() const;
|
|
float flex_grow() const;
|
|
float flex_shrink() const;
|
|
int order() const;
|
|
Optional<Color> accent_color(Layout::NodeWithStyle const&) const;
|
|
Optional<CSS::AlignContent> align_content() const;
|
|
Optional<CSS::AlignItems> align_items() const;
|
|
Optional<CSS::AlignSelf> align_self() const;
|
|
Optional<CSS::Appearance> appearance() const;
|
|
CSS::BackdropFilter backdrop_filter() const;
|
|
float opacity() const;
|
|
Optional<CSS::Visibility> visibility() const;
|
|
Optional<CSS::ImageRendering> image_rendering() const;
|
|
Optional<CSS::JustifyContent> justify_content() const;
|
|
Optional<CSS::JustifyItems> justify_items() const;
|
|
Optional<CSS::JustifySelf> justify_self() const;
|
|
Optional<CSS::Overflow> overflow_x() const;
|
|
Optional<CSS::Overflow> overflow_y() const;
|
|
Vector<CSS::ShadowData> box_shadow(Layout::Node const&) const;
|
|
Optional<CSS::BoxSizing> box_sizing() const;
|
|
Optional<CSS::PointerEvents> pointer_events() const;
|
|
Variant<CSS::VerticalAlign, CSS::LengthPercentage> vertical_align() const;
|
|
Optional<CSS::FontVariant> font_variant() const;
|
|
CSS::GridTrackSizeList grid_auto_columns() const;
|
|
CSS::GridTrackSizeList grid_auto_rows() const;
|
|
CSS::GridTrackSizeList grid_template_columns() const;
|
|
CSS::GridTrackSizeList grid_template_rows() const;
|
|
[[nodiscard]] CSS::GridAutoFlow grid_auto_flow() const;
|
|
CSS::GridTrackPlacement grid_column_end() const;
|
|
CSS::GridTrackPlacement grid_column_start() const;
|
|
CSS::GridTrackPlacement grid_row_end() const;
|
|
CSS::GridTrackPlacement grid_row_start() const;
|
|
Optional<CSS::BorderCollapse> border_collapse() const;
|
|
Vector<Vector<String>> grid_template_areas() const;
|
|
String grid_area() const;
|
|
Optional<CSS::ObjectFit> object_fit() const;
|
|
CSS::ObjectPosition object_position() const;
|
|
Optional<CSS::TableLayout> table_layout() const;
|
|
|
|
static Vector<CSS::Transformation> transformations_for_style_value(StyleValue const& value);
|
|
Vector<CSS::Transformation> transformations() const;
|
|
Optional<CSS::TransformBox> transform_box() const;
|
|
CSS::TransformOrigin transform_origin() const;
|
|
|
|
Optional<CSS::MaskType> mask_type() const;
|
|
Color stop_color() const;
|
|
float stop_opacity() const;
|
|
float fill_opacity() const;
|
|
float stroke_opacity() const;
|
|
Optional<CSS::FillRule> fill_rule() const;
|
|
|
|
Gfx::Font const& first_available_computed_font() const { return m_font_list->first(); }
|
|
|
|
Gfx::FontCascadeList const& computed_font_list() const
|
|
{
|
|
VERIFY(m_font_list);
|
|
return *m_font_list;
|
|
}
|
|
|
|
void set_computed_font_list(NonnullRefPtr<Gfx::FontCascadeList> font_list) const
|
|
{
|
|
m_font_list = move(font_list);
|
|
}
|
|
|
|
[[nodiscard]] CSSPixels compute_line_height(CSSPixelRect const& viewport_rect, Length::FontMetrics const& font_metrics, Length::FontMetrics const& root_font_metrics) const;
|
|
[[nodiscard]] CSSPixels compute_line_height(Layout::Node const&) const;
|
|
|
|
[[nodiscard]] CSSPixels line_height() const { return *m_line_height; }
|
|
void set_line_height(Badge<StyleComputer> const&, CSSPixels line_height) { m_line_height = line_height; }
|
|
|
|
bool operator==(StyleProperties const&) const;
|
|
|
|
Optional<CSS::Positioning> position() const;
|
|
Optional<int> z_index() const;
|
|
|
|
void set_math_depth(int math_depth);
|
|
int math_depth() const { return m_math_depth; }
|
|
|
|
QuotesData quotes() const;
|
|
|
|
Optional<CSS::ScrollbarWidth> scrollbar_width() const;
|
|
|
|
static NonnullRefPtr<Gfx::Font const> font_fallback(bool monospace, bool bold);
|
|
|
|
private:
|
|
friend class StyleComputer;
|
|
|
|
PropertyValues m_property_values;
|
|
Array<Optional<NonnullRefPtr<StyleValue const>>, to_underlying(CSS::last_property_id) + 1> m_animated_property_values;
|
|
|
|
Optional<CSS::Overflow> overflow(CSS::PropertyID) const;
|
|
Vector<CSS::ShadowData> shadow(CSS::PropertyID, Layout::Node const&) const;
|
|
|
|
int m_math_depth { InitialValues::math_depth() };
|
|
mutable RefPtr<Gfx::FontCascadeList> m_font_list;
|
|
|
|
Optional<CSSPixels> m_line_height;
|
|
};
|
|
|
|
}
|