/* * Copyright (c) 2018-2025, Andreas Kling * Copyright (c) 2023-2025, Sam Atkins * * SPDX-License-Identifier: BSD-2-Clause */ #pragma once #include #include #include #include #include #include #include #include #include #include #include #include #include #include namespace Web::CSS { class ComputedProperties final : public JS::Cell { GC_CELL(ComputedProperties, JS::Cell); GC_DECLARE_ALLOCATOR(ComputedProperties); public: static constexpr size_t number_of_properties = to_underlying(last_property_id) + 1; virtual ~ComputedProperties() override; template inline void for_each_property(Callback callback) const { for (size_t i = 0; i < m_property_values.size(); ++i) { if (m_property_values[i]) callback((PropertyID)i, *m_property_values[i]); } } enum class Inherited { No, Yes }; HashMap> const& animated_property_values() const { return m_animated_property_values; } void reset_animated_properties(); bool is_property_important(PropertyID property_id) const; bool is_property_inherited(PropertyID property_id) const; void set_property_important(PropertyID, Important); void set_property_inherited(PropertyID, Inherited); void set_property(PropertyID, NonnullRefPtr value, Inherited = Inherited::No, Important = Important::No); void set_animated_property(PropertyID, NonnullRefPtr value); enum class WithAnimationsApplied { No, Yes, }; CSSStyleValue const& property(PropertyID, WithAnimationsApplied = WithAnimationsApplied::Yes) const; CSSStyleValue const* maybe_null_property(PropertyID) const; void revert_property(PropertyID, ComputedProperties const& style_for_revert); GC::Ptr animation_name_source() const { return m_animation_name_source; } void set_animation_name_source(GC::Ptr declaration) { m_animation_name_source = declaration; } GC::Ptr transition_property_source() const { return m_transition_property_source; } void set_transition_property_source(GC::Ptr declaration) { m_transition_property_source = declaration; } Size size_value(PropertyID) const; [[nodiscard]] Variant gap_value(PropertyID) const; LengthPercentage length_percentage_or_fallback(PropertyID, LengthPercentage const& fallback) const; Optional length_percentage(PropertyID) const; LengthBox length_box(PropertyID left_id, PropertyID top_id, PropertyID right_id, PropertyID bottom_id, Length const& default_value) const; Color color_or_fallback(PropertyID, Layout::NodeWithStyle const&, Color fallback) const; PreferredColorScheme color_scheme(PreferredColorScheme, Optional const&> document_supported_schemes) const; TextAnchor text_anchor() const; TextAlign text_align() const; TextJustify text_justify() const; TextOverflow text_overflow() const; Length border_spacing_horizontal(Layout::Node const&) const; Length border_spacing_vertical(Layout::Node const&) const; CaptionSide caption_side() const; Clip clip() const; Display display() const; Float float_() const; Color caret_color(Layout::NodeWithStyle const&) const; Clear clear() const; ColumnSpan column_span() const; struct ContentDataAndQuoteNestingLevel { ContentData content_data; u32 final_quote_nesting_level { 0 }; }; ContentDataAndQuoteNestingLevel content(DOM::Element&, u32 initial_quote_nesting_level) const; ContentVisibility content_visibility() const; Vector cursor() const; Variant tab_size() const; WhiteSpace white_space() const; WordBreak word_break() const; Optional word_spacing() const; Optional letter_spacing() const; LineStyle line_style(PropertyID) const; OutlineStyle outline_style() const; Vector text_decoration_line() const; TextDecorationStyle text_decoration_style() const; TextTransform text_transform() const; Vector text_shadow(Layout::Node const&) const; ListStyleType list_style_type() const; ListStylePosition list_style_position() const; FlexDirection flex_direction() const; FlexWrap flex_wrap() const; FlexBasis flex_basis() const; float flex_grow() const; float flex_shrink() const; int order() const; Optional accent_color(Layout::NodeWithStyle const&) const; AlignContent align_content() const; AlignItems align_items() const; AlignSelf align_self() const; Appearance appearance() const; Filter backdrop_filter() const; Filter filter() const; float opacity() const; Visibility visibility() const; ImageRendering image_rendering() const; JustifyContent justify_content() const; JustifyItems justify_items() const; JustifySelf justify_self() const; Overflow overflow_x() const; Overflow overflow_y() const; Vector box_shadow(Layout::Node const&) const; BoxSizing box_sizing() const; PointerEvents pointer_events() const; Variant vertical_align() const; Optional font_variant_alternates() const; FontVariantCaps font_variant_caps() const; Optional font_variant_east_asian() const; FontVariantEmoji font_variant_emoji() const; Optional font_variant_ligatures() const; Optional font_variant_numeric() const; FontVariantPosition font_variant_position() const; Optional font_language_override() const; Optional> font_feature_settings() const; Optional> font_variation_settings() const; GridTrackSizeList grid_auto_columns() const; GridTrackSizeList grid_auto_rows() const; GridTrackSizeList grid_template_columns() const; GridTrackSizeList grid_template_rows() const; [[nodiscard]] GridAutoFlow grid_auto_flow() const; GridTrackPlacement grid_column_end() const; GridTrackPlacement grid_column_start() const; GridTrackPlacement grid_row_end() const; GridTrackPlacement grid_row_start() const; BorderCollapse border_collapse() const; Vector> grid_template_areas() const; ObjectFit object_fit() const; ObjectPosition object_position() const; TableLayout table_layout() const; Direction direction() const; UnicodeBidi unicode_bidi() const; WritingMode writing_mode() const; UserSelect user_select() const; Isolation isolation() const; Containment contain() const; MixBlendMode mix_blend_mode() const; Optional view_transition_name() const; static Vector transformations_for_style_value(CSSStyleValue const& value); Vector transformations() const; TransformBox transform_box() const; TransformOrigin transform_origin() const; Optional rotate() const; Optional translate() const; Optional scale() const; MaskType mask_type() const; Color stop_color() const; float stop_opacity() const; float fill_opacity() const; StrokeLinecap stroke_linecap() const; StrokeLinejoin stroke_linejoin() const; NumberOrCalculated stroke_miterlimit() const; float stroke_opacity() const; FillRule fill_rule() const; ClipRule clip_rule() const; Gfx::FontCascadeList const& computed_font_list() const { VERIFY(m_font_list); return *m_font_list; } Gfx::Font const& first_available_computed_font() const { VERIFY(m_first_available_computed_font); return *m_first_available_computed_font; } void set_computed_font_list(NonnullRefPtr font_list) { m_font_list = move(font_list); // https://drafts.csswg.org/css-fonts/#first-available-font // First font for which the character U+0020 (space) is not excluded by a unicode-range m_first_available_computed_font = m_font_list->font_for_code_point(' '); } [[nodiscard]] CSSPixels compute_line_height(CSSPixelRect const& viewport_rect, Length::FontMetrics const& font_metrics, Length::FontMetrics const& root_font_metrics) const; [[nodiscard]] CSSPixels line_height() const { return *m_line_height; } void set_line_height(Badge const&, CSSPixels line_height) { m_line_height = line_height; } bool operator==(ComputedProperties const&) const; Positioning position() const; Optional z_index() const; void set_math_depth(int math_depth); int math_depth() const { return m_math_depth; } QuotesData quotes() const; Vector counter_data(PropertyID) const; ScrollbarWidth scrollbar_width() const; static NonnullRefPtr font_fallback(bool monospace, bool bold, float point_size); static float resolve_opacity_value(CSSStyleValue const& value); bool has_attempted_match_against_pseudo_class(PseudoClass pseudo_class) const { return m_attempted_pseudo_class_matches.get(pseudo_class); } void set_attempted_pseudo_class_matches(PseudoClassBitmap const& results) { m_attempted_pseudo_class_matches = results; } private: friend class StyleComputer; ComputedProperties(); virtual void visit_edges(Visitor&) override; Overflow overflow(PropertyID) const; Vector shadow(PropertyID, Layout::Node const&) const; GC::Ptr m_animation_name_source; GC::Ptr m_transition_property_source; Array, number_of_properties> m_property_values; Array m_property_important {}; Array m_property_inherited {}; HashMap> m_animated_property_values; int m_math_depth { InitialValues::math_depth() }; RefPtr m_font_list; RefPtr m_first_available_computed_font; Optional m_line_height; PseudoClassBitmap m_attempted_pseudo_class_matches; }; }