mirror of
https://github.com/RGBCube/serenity
synced 2025-07-23 13:17:36 +00:00
LibWeb: Add parent classes for managing GridTrackSizes
Add classes ExplicitTrackSizing and MetaGridTrackSize which will allow for managing properties like auto-fill and minmax. In the following CSS example there are 3 classes that will be used: grid-template-column: repeat(auto-fill, minmax(50px, 1fr) 75px); ExplicitTrackSizing - will contain the entire value. e.g. repeat(auto-fill, minmax(50px, 1fr) 75px) With a flag if it's a repeat, as well as references to the MetaGridTrackSizes which is the next step down. MetaGridTrackSize: Contain the individual grid track sizes. Here there are two: minmax(50px, 1fr) as well as 75px. This way can keep track if it's a minmax function or not, and the references to both GridTrackSizes in the case it is, or in just the one if it is not. GridTrackSize: Is the most basic element, in this case there are three in total; two of which are held by the first MetaGridTrackSize, and the third is held by the second MetaGridTrackSize. Examples: 50px, 1fr and 75px.
This commit is contained in:
parent
414a22a386
commit
f7af190de0
10 changed files with 144 additions and 54 deletions
|
@ -64,8 +64,8 @@ public:
|
||||||
static CSS::Size height() { return CSS::Size::make_auto(); }
|
static CSS::Size height() { return CSS::Size::make_auto(); }
|
||||||
static CSS::Size min_height() { return CSS::Size::make_auto(); }
|
static CSS::Size min_height() { return CSS::Size::make_auto(); }
|
||||||
static CSS::Size max_height() { return CSS::Size::make_none(); }
|
static CSS::Size max_height() { return CSS::Size::make_none(); }
|
||||||
static Vector<CSS::GridTrackSize> grid_template_columns() { return Vector<CSS::GridTrackSize> {}; }
|
static CSS::ExplicitTrackSizing grid_template_columns() { return CSS::ExplicitTrackSizing::make_auto(); }
|
||||||
static Vector<CSS::GridTrackSize> grid_template_rows() { return Vector<CSS::GridTrackSize> {}; }
|
static CSS::ExplicitTrackSizing grid_template_rows() { return CSS::ExplicitTrackSizing::make_auto(); }
|
||||||
static CSS::GridTrackPlacement grid_column_end() { return CSS::GridTrackPlacement::make_auto(); }
|
static CSS::GridTrackPlacement grid_column_end() { return CSS::GridTrackPlacement::make_auto(); }
|
||||||
static CSS::GridTrackPlacement grid_column_start() { return CSS::GridTrackPlacement::make_auto(); }
|
static CSS::GridTrackPlacement grid_column_start() { return CSS::GridTrackPlacement::make_auto(); }
|
||||||
static CSS::GridTrackPlacement grid_row_end() { return CSS::GridTrackPlacement::make_auto(); }
|
static CSS::GridTrackPlacement grid_row_end() { return CSS::GridTrackPlacement::make_auto(); }
|
||||||
|
@ -182,8 +182,8 @@ public:
|
||||||
CSS::Size const& min_height() const { return m_noninherited.min_height; }
|
CSS::Size const& min_height() const { return m_noninherited.min_height; }
|
||||||
CSS::Size const& max_height() const { return m_noninherited.max_height; }
|
CSS::Size const& max_height() const { return m_noninherited.max_height; }
|
||||||
Variant<CSS::VerticalAlign, CSS::LengthPercentage> const& vertical_align() const { return m_noninherited.vertical_align; }
|
Variant<CSS::VerticalAlign, CSS::LengthPercentage> const& vertical_align() const { return m_noninherited.vertical_align; }
|
||||||
Vector<CSS::GridTrackSize> const& grid_template_columns() const { return m_noninherited.grid_template_columns; }
|
CSS::ExplicitTrackSizing const& grid_template_columns() const { return m_noninherited.grid_template_columns; }
|
||||||
Vector<CSS::GridTrackSize> const& grid_template_rows() const { return m_noninherited.grid_template_rows; }
|
CSS::ExplicitTrackSizing const& grid_template_rows() const { return m_noninherited.grid_template_rows; }
|
||||||
CSS::GridTrackPlacement const& grid_column_end() const { return m_noninherited.grid_column_end; }
|
CSS::GridTrackPlacement const& grid_column_end() const { return m_noninherited.grid_column_end; }
|
||||||
CSS::GridTrackPlacement const& grid_column_start() const { return m_noninherited.grid_column_start; }
|
CSS::GridTrackPlacement const& grid_column_start() const { return m_noninherited.grid_column_start; }
|
||||||
CSS::GridTrackPlacement const& grid_row_end() const { return m_noninherited.grid_row_end; }
|
CSS::GridTrackPlacement const& grid_row_end() const { return m_noninherited.grid_row_end; }
|
||||||
|
@ -304,8 +304,8 @@ protected:
|
||||||
CSS::BoxSizing box_sizing { InitialValues::box_sizing() };
|
CSS::BoxSizing box_sizing { InitialValues::box_sizing() };
|
||||||
CSS::ContentData content;
|
CSS::ContentData content;
|
||||||
Variant<CSS::VerticalAlign, CSS::LengthPercentage> vertical_align { InitialValues::vertical_align() };
|
Variant<CSS::VerticalAlign, CSS::LengthPercentage> vertical_align { InitialValues::vertical_align() };
|
||||||
Vector<CSS::GridTrackSize> grid_template_columns;
|
CSS::ExplicitTrackSizing grid_template_columns;
|
||||||
Vector<CSS::GridTrackSize> grid_template_rows;
|
CSS::ExplicitTrackSizing grid_template_rows;
|
||||||
CSS::GridTrackPlacement grid_column_end { InitialValues::grid_column_end() };
|
CSS::GridTrackPlacement grid_column_end { InitialValues::grid_column_end() };
|
||||||
CSS::GridTrackPlacement grid_column_start { InitialValues::grid_column_start() };
|
CSS::GridTrackPlacement grid_column_start { InitialValues::grid_column_start() };
|
||||||
CSS::GridTrackPlacement grid_row_end { InitialValues::grid_row_end() };
|
CSS::GridTrackPlacement grid_row_end { InitialValues::grid_row_end() };
|
||||||
|
@ -382,8 +382,8 @@ public:
|
||||||
void set_box_sizing(CSS::BoxSizing value) { m_noninherited.box_sizing = value; }
|
void set_box_sizing(CSS::BoxSizing value) { m_noninherited.box_sizing = value; }
|
||||||
void set_vertical_align(Variant<CSS::VerticalAlign, CSS::LengthPercentage> value) { m_noninherited.vertical_align = move(value); }
|
void set_vertical_align(Variant<CSS::VerticalAlign, CSS::LengthPercentage> value) { m_noninherited.vertical_align = move(value); }
|
||||||
void set_visibility(CSS::Visibility value) { m_inherited.visibility = value; }
|
void set_visibility(CSS::Visibility value) { m_inherited.visibility = value; }
|
||||||
void set_grid_template_columns(Vector<CSS::GridTrackSize> value) { m_noninherited.grid_template_columns = move(value); }
|
void set_grid_template_columns(CSS::ExplicitTrackSizing value) { m_noninherited.grid_template_columns = move(value); }
|
||||||
void set_grid_template_rows(Vector<CSS::GridTrackSize> value) { m_noninherited.grid_template_rows = move(value); }
|
void set_grid_template_rows(CSS::ExplicitTrackSizing value) { m_noninherited.grid_template_rows = move(value); }
|
||||||
void set_grid_column_end(CSS::GridTrackPlacement value) { m_noninherited.grid_column_end = value; }
|
void set_grid_column_end(CSS::GridTrackPlacement value) { m_noninherited.grid_column_end = value; }
|
||||||
void set_grid_column_start(CSS::GridTrackPlacement value) { m_noninherited.grid_column_start = value; }
|
void set_grid_column_start(CSS::GridTrackPlacement value) { m_noninherited.grid_column_start = value; }
|
||||||
void set_grid_row_end(CSS::GridTrackPlacement value) { m_noninherited.grid_row_end = value; }
|
void set_grid_row_end(CSS::GridTrackPlacement value) { m_noninherited.grid_row_end = value; }
|
||||||
|
|
|
@ -57,4 +57,51 @@ Length GridTrackSize::length() const
|
||||||
return m_length;
|
return m_length;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
MetaGridTrackSize::MetaGridTrackSize(GridTrackSize grid_track_size)
|
||||||
|
: m_min_grid_track_size(grid_track_size)
|
||||||
|
, m_max_grid_track_size(grid_track_size)
|
||||||
|
{
|
||||||
|
}
|
||||||
|
|
||||||
|
String MetaGridTrackSize::to_string() const
|
||||||
|
{
|
||||||
|
return String::formatted("{}", m_min_grid_track_size.to_string());
|
||||||
|
}
|
||||||
|
|
||||||
|
ExplicitTrackSizing::ExplicitTrackSizing()
|
||||||
|
{
|
||||||
|
}
|
||||||
|
|
||||||
|
ExplicitTrackSizing::ExplicitTrackSizing(Vector<CSS::MetaGridTrackSize> meta_grid_track_sizes)
|
||||||
|
: m_meta_grid_track_sizes(meta_grid_track_sizes)
|
||||||
|
{
|
||||||
|
}
|
||||||
|
|
||||||
|
ExplicitTrackSizing::ExplicitTrackSizing(Vector<CSS::MetaGridTrackSize> meta_grid_track_sizes, int repeat_count)
|
||||||
|
: m_meta_grid_track_sizes(meta_grid_track_sizes)
|
||||||
|
, m_is_repeat(true)
|
||||||
|
, m_repeat_count(repeat_count)
|
||||||
|
{
|
||||||
|
}
|
||||||
|
|
||||||
|
String ExplicitTrackSizing::to_string() const
|
||||||
|
{
|
||||||
|
StringBuilder builder;
|
||||||
|
if (m_is_repeat) {
|
||||||
|
builder.append("repeat("sv);
|
||||||
|
builder.append(m_repeat_count);
|
||||||
|
builder.append(", "sv);
|
||||||
|
}
|
||||||
|
for (int _ = 0; _ < m_repeat_count; ++_) {
|
||||||
|
for (size_t y = 0; y < m_meta_grid_track_sizes.size(); ++y) {
|
||||||
|
builder.append(m_meta_grid_track_sizes[y].to_string());
|
||||||
|
if (y != m_meta_grid_track_sizes.size() - 1)
|
||||||
|
builder.append(" "sv);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (m_is_repeat)
|
||||||
|
builder.append(")"sv);
|
||||||
|
return builder.to_string();
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -6,6 +6,7 @@
|
||||||
|
|
||||||
#pragma once
|
#pragma once
|
||||||
|
|
||||||
|
#include <AK/Vector.h>
|
||||||
#include <LibWeb/CSS/Length.h>
|
#include <LibWeb/CSS/Length.h>
|
||||||
#include <LibWeb/CSS/Percentage.h>
|
#include <LibWeb/CSS/Percentage.h>
|
||||||
|
|
||||||
|
@ -64,4 +65,48 @@ private:
|
||||||
float m_flexible_length { 0 };
|
float m_flexible_length { 0 };
|
||||||
};
|
};
|
||||||
|
|
||||||
|
class MetaGridTrackSize {
|
||||||
|
public:
|
||||||
|
MetaGridTrackSize(CSS::GridTrackSize);
|
||||||
|
|
||||||
|
GridTrackSize grid_track_size() const& { return m_min_grid_track_size; }
|
||||||
|
GridTrackSize min_grid_track_size() const& { return m_min_grid_track_size; }
|
||||||
|
GridTrackSize max_grid_track_size() const& { return m_max_grid_track_size; }
|
||||||
|
|
||||||
|
String to_string() const;
|
||||||
|
bool operator==(MetaGridTrackSize const& other) const
|
||||||
|
{
|
||||||
|
return m_min_grid_track_size == other.min_grid_track_size()
|
||||||
|
&& m_max_grid_track_size == other.max_grid_track_size();
|
||||||
|
}
|
||||||
|
|
||||||
|
private:
|
||||||
|
GridTrackSize m_min_grid_track_size;
|
||||||
|
GridTrackSize m_max_grid_track_size;
|
||||||
|
};
|
||||||
|
|
||||||
|
class ExplicitTrackSizing {
|
||||||
|
public:
|
||||||
|
ExplicitTrackSizing();
|
||||||
|
ExplicitTrackSizing(Vector<CSS::MetaGridTrackSize>);
|
||||||
|
ExplicitTrackSizing(Vector<CSS::MetaGridTrackSize>, int repeat_count);
|
||||||
|
static ExplicitTrackSizing make_auto() { return ExplicitTrackSizing(); };
|
||||||
|
|
||||||
|
bool is_repeat() const { return m_is_repeat; }
|
||||||
|
int repeat_count() const { return m_repeat_count; }
|
||||||
|
|
||||||
|
Vector<CSS::MetaGridTrackSize> meta_grid_track_sizes() const& { return m_meta_grid_track_sizes; }
|
||||||
|
|
||||||
|
String to_string() const;
|
||||||
|
bool operator==(ExplicitTrackSizing const& other) const
|
||||||
|
{
|
||||||
|
return m_meta_grid_track_sizes == other.meta_grid_track_sizes();
|
||||||
|
}
|
||||||
|
|
||||||
|
private:
|
||||||
|
Vector<CSS::MetaGridTrackSize> m_meta_grid_track_sizes;
|
||||||
|
bool m_is_repeat { false };
|
||||||
|
int m_repeat_count { 0 };
|
||||||
|
};
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -5409,7 +5409,7 @@ RefPtr<StyleValue> Parser::parse_as_css_value(PropertyID property_id)
|
||||||
|
|
||||||
RefPtr<StyleValue> Parser::parse_grid_track_sizes(Vector<ComponentValue> const& component_values)
|
RefPtr<StyleValue> Parser::parse_grid_track_sizes(Vector<ComponentValue> const& component_values)
|
||||||
{
|
{
|
||||||
Vector<CSS::GridTrackSize> params;
|
Vector<CSS::MetaGridTrackSize> params;
|
||||||
for (auto const& component_value : component_values) {
|
for (auto const& component_value : component_values) {
|
||||||
if (component_value.is_function()) {
|
if (component_value.is_function()) {
|
||||||
auto const& function_token = component_value.function();
|
auto const& function_token = component_value.function();
|
||||||
|
@ -5439,7 +5439,7 @@ RefPtr<StyleValue> Parser::parse_grid_track_sizes(Vector<ComponentValue> const&
|
||||||
if (!part_two_tokens.has_next_token())
|
if (!part_two_tokens.has_next_token())
|
||||||
continue;
|
continue;
|
||||||
|
|
||||||
Vector<CSS::GridTrackSize> repeat_params;
|
Vector<CSS::MetaGridTrackSize> repeat_params;
|
||||||
while (true) {
|
while (true) {
|
||||||
part_two_tokens.skip_whitespace();
|
part_two_tokens.skip_whitespace();
|
||||||
auto current_component_value = part_two_tokens.next_token();
|
auto current_component_value = part_two_tokens.next_token();
|
||||||
|
@ -5469,13 +5469,8 @@ RefPtr<StyleValue> Parser::parse_grid_track_sizes(Vector<ComponentValue> const&
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
part_two_tokens.skip_whitespace();
|
part_two_tokens.skip_whitespace();
|
||||||
if (!part_two_tokens.has_next_token()) {
|
if (!part_two_tokens.has_next_token())
|
||||||
for (int i = 0; i < repeat_count; ++i) {
|
|
||||||
for (auto const& repeat_param : repeat_params)
|
|
||||||
params.append(repeat_param);
|
|
||||||
}
|
|
||||||
break;
|
break;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Automatic repetitions (auto-fill or auto-fit) cannot be combined with intrinsic or flexible sizes.
|
// Automatic repetitions (auto-fill or auto-fit) cannot be combined with intrinsic or flexible sizes.
|
||||||
|
@ -5499,17 +5494,18 @@ RefPtr<StyleValue> Parser::parse_grid_track_sizes(Vector<ComponentValue> const&
|
||||||
// If a repeat() function that is not a <name-repeat> ends up placing two <line-names> adjacent to
|
// If a repeat() function that is not a <name-repeat> ends up placing two <line-names> adjacent to
|
||||||
// each other, the name lists are merged. For example, repeat(2, [a] 1fr [b]) is equivalent to [a]
|
// each other, the name lists are merged. For example, repeat(2, [a] 1fr [b]) is equivalent to [a]
|
||||||
// 1fr [b a] 1fr [b].
|
// 1fr [b a] 1fr [b].
|
||||||
|
return GridTrackSizeStyleValue::create(CSS::ExplicitTrackSizing(repeat_params, repeat_count));
|
||||||
} else {
|
} else {
|
||||||
// FIXME: Implement MinMax, etc.
|
// FIXME: Implement MinMax, etc.
|
||||||
}
|
}
|
||||||
continue;
|
continue;
|
||||||
}
|
}
|
||||||
if (component_value.is_block()) {
|
if (component_value.is_block()) {
|
||||||
params.append(Length::make_auto());
|
params.append(GridTrackSize(Length::make_auto()));
|
||||||
continue;
|
continue;
|
||||||
}
|
}
|
||||||
if (component_value.is(Token::Type::Ident) && component_value.token().ident().equals_ignoring_case("auto"sv)) {
|
if (component_value.is(Token::Type::Ident) && component_value.token().ident().equals_ignoring_case("auto"sv)) {
|
||||||
params.append(Length::make_auto());
|
params.append(GridTrackSize(Length::make_auto()));
|
||||||
continue;
|
continue;
|
||||||
}
|
}
|
||||||
if (component_value.token().type() == Token::Type::Dimension) {
|
if (component_value.token().type() == Token::Type::Dimension) {
|
||||||
|
@ -5525,9 +5521,9 @@ RefPtr<StyleValue> Parser::parse_grid_track_sizes(Vector<ComponentValue> const&
|
||||||
if (!dimension.has_value())
|
if (!dimension.has_value())
|
||||||
return GridTrackSizeStyleValue::create({});
|
return GridTrackSizeStyleValue::create({});
|
||||||
if (dimension->is_length())
|
if (dimension->is_length())
|
||||||
params.append(dimension->length());
|
params.append(GridTrackSize(dimension->length()));
|
||||||
if (dimension->is_percentage())
|
if (dimension->is_percentage())
|
||||||
params.append(dimension->percentage());
|
params.append(GridTrackSize(dimension->percentage()));
|
||||||
}
|
}
|
||||||
return GridTrackSizeStyleValue::create(params);
|
return GridTrackSizeStyleValue::create(params);
|
||||||
}
|
}
|
||||||
|
|
|
@ -705,16 +705,16 @@ Optional<CSS::FontVariant> StyleProperties::font_variant() const
|
||||||
return value_id_to_font_variant(value->to_identifier());
|
return value_id_to_font_variant(value->to_identifier());
|
||||||
}
|
}
|
||||||
|
|
||||||
Vector<CSS::GridTrackSize> StyleProperties::grid_template_columns() const
|
CSS::ExplicitTrackSizing StyleProperties::grid_template_columns() const
|
||||||
{
|
{
|
||||||
auto value = property(CSS::PropertyID::GridTemplateColumns);
|
auto value = property(CSS::PropertyID::GridTemplateColumns);
|
||||||
return value->as_grid_track_size().grid_track_size();
|
return value->as_explicit_track_sizing().explicit_track_sizing();
|
||||||
}
|
}
|
||||||
|
|
||||||
Vector<CSS::GridTrackSize> StyleProperties::grid_template_rows() const
|
CSS::ExplicitTrackSizing StyleProperties::grid_template_rows() const
|
||||||
{
|
{
|
||||||
auto value = property(CSS::PropertyID::GridTemplateRows);
|
auto value = property(CSS::PropertyID::GridTemplateRows);
|
||||||
return value->as_grid_track_size().grid_track_size();
|
return value->as_explicit_track_sizing().explicit_track_sizing();
|
||||||
}
|
}
|
||||||
|
|
||||||
CSS::GridTrackPlacement StyleProperties::grid_column_end() const
|
CSS::GridTrackPlacement StyleProperties::grid_column_end() const
|
||||||
|
|
|
@ -84,8 +84,8 @@ public:
|
||||||
Optional<CSS::PointerEvents> pointer_events() const;
|
Optional<CSS::PointerEvents> pointer_events() const;
|
||||||
Variant<CSS::VerticalAlign, CSS::LengthPercentage> vertical_align() const;
|
Variant<CSS::VerticalAlign, CSS::LengthPercentage> vertical_align() const;
|
||||||
Optional<CSS::FontVariant> font_variant() const;
|
Optional<CSS::FontVariant> font_variant() const;
|
||||||
Vector<CSS::GridTrackSize> grid_template_columns() const;
|
CSS::ExplicitTrackSizing grid_template_columns() const;
|
||||||
Vector<CSS::GridTrackSize> grid_template_rows() const;
|
CSS::ExplicitTrackSizing grid_template_rows() const;
|
||||||
CSS::GridTrackPlacement grid_column_end() const;
|
CSS::GridTrackPlacement grid_column_end() const;
|
||||||
CSS::GridTrackPlacement grid_column_start() const;
|
CSS::GridTrackPlacement grid_column_start() const;
|
||||||
CSS::GridTrackPlacement grid_row_end() const;
|
CSS::GridTrackPlacement grid_row_end() const;
|
||||||
|
|
|
@ -168,9 +168,9 @@ LengthStyleValue const& StyleValue::as_length() const
|
||||||
return static_cast<LengthStyleValue const&>(*this);
|
return static_cast<LengthStyleValue const&>(*this);
|
||||||
}
|
}
|
||||||
|
|
||||||
GridTrackSizeStyleValue const& StyleValue::as_grid_track_size() const
|
GridTrackSizeStyleValue const& StyleValue::as_explicit_track_sizing() const
|
||||||
{
|
{
|
||||||
VERIFY(is_grid_track_size());
|
VERIFY(is_explicit_track_sizing());
|
||||||
return static_cast<GridTrackSizeStyleValue const&>(*this);
|
return static_cast<GridTrackSizeStyleValue const&>(*this);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1418,21 +1418,15 @@ bool GridTrackPlacementStyleValue::equals(StyleValue const& other) const
|
||||||
|
|
||||||
String GridTrackSizeStyleValue::to_string() const
|
String GridTrackSizeStyleValue::to_string() const
|
||||||
{
|
{
|
||||||
StringBuilder builder;
|
return m_explicit_track_sizing.to_string();
|
||||||
for (size_t i = 0; i < m_grid_track.size(); i++) {
|
|
||||||
builder.append(m_grid_track[i].to_string());
|
|
||||||
if (i != m_grid_track.size() - 1)
|
|
||||||
builder.append(" "sv);
|
|
||||||
}
|
|
||||||
return builder.to_string();
|
|
||||||
}
|
}
|
||||||
|
|
||||||
bool GridTrackSizeStyleValue::equals(StyleValue const& other) const
|
bool GridTrackSizeStyleValue::equals(StyleValue const& other) const
|
||||||
{
|
{
|
||||||
if (type() != other.type())
|
if (type() != other.type())
|
||||||
return false;
|
return false;
|
||||||
auto const& typed_other = other.as_grid_track_size();
|
auto const& typed_other = other.as_explicit_track_sizing();
|
||||||
return m_grid_track == typed_other.grid_track_size();
|
return m_explicit_track_sizing == typed_other.explicit_track_sizing();
|
||||||
}
|
}
|
||||||
|
|
||||||
String IdentifierStyleValue::to_string() const
|
String IdentifierStyleValue::to_string() const
|
||||||
|
@ -2151,9 +2145,9 @@ NonnullRefPtr<GridTrackPlacementStyleValue> GridTrackPlacementStyleValue::create
|
||||||
return adopt_ref(*new GridTrackPlacementStyleValue(grid_track_placement));
|
return adopt_ref(*new GridTrackPlacementStyleValue(grid_track_placement));
|
||||||
}
|
}
|
||||||
|
|
||||||
NonnullRefPtr<GridTrackSizeStyleValue> GridTrackSizeStyleValue::create(Vector<CSS::GridTrackSize> grid_track_size)
|
NonnullRefPtr<GridTrackSizeStyleValue> GridTrackSizeStyleValue::create(CSS::ExplicitTrackSizing explicit_track_sizing)
|
||||||
{
|
{
|
||||||
return adopt_ref(*new GridTrackSizeStyleValue(grid_track_size));
|
return adopt_ref(*new GridTrackSizeStyleValue(explicit_track_sizing));
|
||||||
}
|
}
|
||||||
|
|
||||||
NonnullRefPtr<RectStyleValue> RectStyleValue::create(EdgeRect rect)
|
NonnullRefPtr<RectStyleValue> RectStyleValue::create(EdgeRect rect)
|
||||||
|
|
|
@ -174,6 +174,7 @@ public:
|
||||||
Calculated,
|
Calculated,
|
||||||
Color,
|
Color,
|
||||||
Content,
|
Content,
|
||||||
|
ExplicitTrackSizing,
|
||||||
FilterValueList,
|
FilterValueList,
|
||||||
Flex,
|
Flex,
|
||||||
FlexFlow,
|
FlexFlow,
|
||||||
|
@ -181,7 +182,6 @@ public:
|
||||||
Frequency,
|
Frequency,
|
||||||
GridTrackPlacement,
|
GridTrackPlacement,
|
||||||
GridTrackPlacementShorthand,
|
GridTrackPlacementShorthand,
|
||||||
GridTrackSize,
|
|
||||||
Identifier,
|
Identifier,
|
||||||
Image,
|
Image,
|
||||||
Inherit,
|
Inherit,
|
||||||
|
@ -226,7 +226,7 @@ public:
|
||||||
bool is_frequency() const { return type() == Type::Frequency; }
|
bool is_frequency() const { return type() == Type::Frequency; }
|
||||||
bool is_grid_track_placement() const { return type() == Type::GridTrackPlacement; }
|
bool is_grid_track_placement() const { return type() == Type::GridTrackPlacement; }
|
||||||
bool is_grid_track_placement_shorthand() const { return type() == Type::GridTrackPlacementShorthand; }
|
bool is_grid_track_placement_shorthand() const { return type() == Type::GridTrackPlacementShorthand; }
|
||||||
bool is_grid_track_size() const { return type() == Type::GridTrackSize; }
|
bool is_explicit_track_sizing() const { return type() == Type::ExplicitTrackSizing; }
|
||||||
bool is_identifier() const { return type() == Type::Identifier; }
|
bool is_identifier() const { return type() == Type::Identifier; }
|
||||||
bool is_image() const { return type() == Type::Image; }
|
bool is_image() const { return type() == Type::Image; }
|
||||||
bool is_inherit() const { return type() == Type::Inherit; }
|
bool is_inherit() const { return type() == Type::Inherit; }
|
||||||
|
@ -269,7 +269,7 @@ public:
|
||||||
FrequencyStyleValue const& as_frequency() const;
|
FrequencyStyleValue const& as_frequency() const;
|
||||||
GridTrackPlacementShorthandStyleValue const& as_grid_track_placement_shorthand() const;
|
GridTrackPlacementShorthandStyleValue const& as_grid_track_placement_shorthand() const;
|
||||||
GridTrackPlacementStyleValue const& as_grid_track_placement() const;
|
GridTrackPlacementStyleValue const& as_grid_track_placement() const;
|
||||||
GridTrackSizeStyleValue const& as_grid_track_size() const;
|
GridTrackSizeStyleValue const& as_explicit_track_sizing() const;
|
||||||
IdentifierStyleValue const& as_identifier() const;
|
IdentifierStyleValue const& as_identifier() const;
|
||||||
ImageStyleValue const& as_image() const;
|
ImageStyleValue const& as_image() const;
|
||||||
InheritStyleValue const& as_inherit() const;
|
InheritStyleValue const& as_inherit() const;
|
||||||
|
@ -310,7 +310,7 @@ public:
|
||||||
FrequencyStyleValue& as_frequency() { return const_cast<FrequencyStyleValue&>(const_cast<StyleValue const&>(*this).as_frequency()); }
|
FrequencyStyleValue& as_frequency() { return const_cast<FrequencyStyleValue&>(const_cast<StyleValue const&>(*this).as_frequency()); }
|
||||||
GridTrackPlacementShorthandStyleValue& as_grid_track_placement_shorthand() { return const_cast<GridTrackPlacementShorthandStyleValue&>(const_cast<StyleValue const&>(*this).as_grid_track_placement_shorthand()); }
|
GridTrackPlacementShorthandStyleValue& as_grid_track_placement_shorthand() { return const_cast<GridTrackPlacementShorthandStyleValue&>(const_cast<StyleValue const&>(*this).as_grid_track_placement_shorthand()); }
|
||||||
GridTrackPlacementStyleValue& as_grid_track_placement() { return const_cast<GridTrackPlacementStyleValue&>(const_cast<StyleValue const&>(*this).as_grid_track_placement()); }
|
GridTrackPlacementStyleValue& as_grid_track_placement() { return const_cast<GridTrackPlacementStyleValue&>(const_cast<StyleValue const&>(*this).as_grid_track_placement()); }
|
||||||
GridTrackSizeStyleValue& as_grid_track_size() { return const_cast<GridTrackSizeStyleValue&>(const_cast<StyleValue const&>(*this).as_grid_track_size()); }
|
GridTrackSizeStyleValue& as_explicit_track_sizing() { return const_cast<GridTrackSizeStyleValue&>(const_cast<StyleValue const&>(*this).as_explicit_track_sizing()); }
|
||||||
IdentifierStyleValue& as_identifier() { return const_cast<IdentifierStyleValue&>(const_cast<StyleValue const&>(*this).as_identifier()); }
|
IdentifierStyleValue& as_identifier() { return const_cast<IdentifierStyleValue&>(const_cast<StyleValue const&>(*this).as_identifier()); }
|
||||||
ImageStyleValue& as_image() { return const_cast<ImageStyleValue&>(const_cast<StyleValue const&>(*this).as_image()); }
|
ImageStyleValue& as_image() { return const_cast<ImageStyleValue&>(const_cast<StyleValue const&>(*this).as_image()); }
|
||||||
InheritStyleValue& as_inherit() { return const_cast<InheritStyleValue&>(const_cast<StyleValue const&>(*this).as_inherit()); }
|
InheritStyleValue& as_inherit() { return const_cast<InheritStyleValue&>(const_cast<StyleValue const&>(*this).as_inherit()); }
|
||||||
|
@ -1048,21 +1048,21 @@ private:
|
||||||
|
|
||||||
class GridTrackSizeStyleValue final : public StyleValue {
|
class GridTrackSizeStyleValue final : public StyleValue {
|
||||||
public:
|
public:
|
||||||
static NonnullRefPtr<GridTrackSizeStyleValue> create(Vector<CSS::GridTrackSize> grid_track_size);
|
static NonnullRefPtr<GridTrackSizeStyleValue> create(CSS::ExplicitTrackSizing explicit_track_sizing);
|
||||||
virtual ~GridTrackSizeStyleValue() override = default;
|
virtual ~GridTrackSizeStyleValue() override = default;
|
||||||
|
|
||||||
Vector<CSS::GridTrackSize> grid_track_size() const { return m_grid_track; }
|
CSS::ExplicitTrackSizing explicit_track_sizing() const { return m_explicit_track_sizing; }
|
||||||
virtual String to_string() const override;
|
virtual String to_string() const override;
|
||||||
virtual bool equals(StyleValue const& other) const override;
|
virtual bool equals(StyleValue const& other) const override;
|
||||||
|
|
||||||
private:
|
private:
|
||||||
explicit GridTrackSizeStyleValue(Vector<CSS::GridTrackSize> grid_track_size)
|
explicit GridTrackSizeStyleValue(CSS::ExplicitTrackSizing explicit_track_sizing)
|
||||||
: StyleValue(Type::GridTrackSize)
|
: StyleValue(Type::ExplicitTrackSizing)
|
||||||
, m_grid_track(grid_track_size)
|
, m_explicit_track_sizing(explicit_track_sizing)
|
||||||
{
|
{
|
||||||
}
|
}
|
||||||
|
|
||||||
Vector<CSS::GridTrackSize> m_grid_track;
|
CSS::ExplicitTrackSizing m_explicit_track_sizing;
|
||||||
};
|
};
|
||||||
|
|
||||||
class IdentifierStyleValue final : public StyleValue {
|
class IdentifierStyleValue final : public StyleValue {
|
||||||
|
|
|
@ -50,6 +50,7 @@ class CSSStyleSheet;
|
||||||
class CSSSupportsRule;
|
class CSSSupportsRule;
|
||||||
class Display;
|
class Display;
|
||||||
class ElementInlineCSSStyleDeclaration;
|
class ElementInlineCSSStyleDeclaration;
|
||||||
|
class ExplicitTrackSizing;
|
||||||
class FilterValueListStyleValue;
|
class FilterValueListStyleValue;
|
||||||
class FlexFlowStyleValue;
|
class FlexFlowStyleValue;
|
||||||
class FlexStyleValue;
|
class FlexStyleValue;
|
||||||
|
@ -78,6 +79,7 @@ class MediaList;
|
||||||
class MediaQuery;
|
class MediaQuery;
|
||||||
class MediaQueryList;
|
class MediaQueryList;
|
||||||
class MediaQueryListEvent;
|
class MediaQueryListEvent;
|
||||||
|
class MetaGridTrackSize;
|
||||||
class Number;
|
class Number;
|
||||||
class NumericStyleValue;
|
class NumericStyleValue;
|
||||||
class OverflowStyleValue;
|
class OverflowStyleValue;
|
||||||
|
|
|
@ -57,7 +57,9 @@ void GridFormattingContext::run(Box const& box, LayoutMode, AvailableSpace const
|
||||||
boxes_to_place.append(child_box);
|
boxes_to_place.append(child_box);
|
||||||
return IterationDecision::Continue;
|
return IterationDecision::Continue;
|
||||||
});
|
});
|
||||||
auto occupation_grid = OccupationGrid(static_cast<int>(box.computed_values().grid_template_columns().size()), static_cast<int>(box.computed_values().grid_template_rows().size()));
|
auto column_repeat_count = box.computed_values().grid_template_columns().is_repeat() ? box.computed_values().grid_template_columns().repeat_count() : 1;
|
||||||
|
auto row_repeat_count = box.computed_values().grid_template_rows().is_repeat() ? box.computed_values().grid_template_rows().repeat_count() : 1;
|
||||||
|
auto occupation_grid = OccupationGrid(column_repeat_count * box.computed_values().grid_template_columns().meta_grid_track_sizes().size(), row_repeat_count * box.computed_values().grid_template_rows().meta_grid_track_sizes().size());
|
||||||
|
|
||||||
// https://drafts.csswg.org/css-grid/#auto-placement-algo
|
// https://drafts.csswg.org/css-grid/#auto-placement-algo
|
||||||
// 8.5. Grid Item Placement Algorithm
|
// 8.5. Grid Item Placement Algorithm
|
||||||
|
@ -521,10 +523,14 @@ void GridFormattingContext::run(Box const& box, LayoutMode, AvailableSpace const
|
||||||
Vector<GridTrack> grid_rows;
|
Vector<GridTrack> grid_rows;
|
||||||
Vector<GridTrack> grid_columns;
|
Vector<GridTrack> grid_columns;
|
||||||
|
|
||||||
for (auto& column_size : box.computed_values().grid_template_columns())
|
for (int x = 0; x < column_repeat_count; ++x) {
|
||||||
grid_columns.append({ column_size, column_size });
|
for (auto& meta_grid_track_size : box.computed_values().grid_template_columns().meta_grid_track_sizes())
|
||||||
for (auto& row_size : box.computed_values().grid_template_rows())
|
grid_columns.append({ meta_grid_track_size.min_grid_track_size(), meta_grid_track_size.max_grid_track_size() });
|
||||||
grid_rows.append({ row_size, row_size });
|
}
|
||||||
|
for (int x = 0; x < row_repeat_count; ++x) {
|
||||||
|
for (auto& meta_grid_track_size : box.computed_values().grid_template_rows().meta_grid_track_sizes())
|
||||||
|
grid_rows.append({ meta_grid_track_size.min_grid_track_size(), meta_grid_track_size.max_grid_track_size() });
|
||||||
|
}
|
||||||
|
|
||||||
for (int column_index = grid_columns.size(); column_index < occupation_grid.column_count(); column_index++)
|
for (int column_index = grid_columns.size(); column_index < occupation_grid.column_count(); column_index++)
|
||||||
grid_columns.append({ CSS::GridTrackSize::make_auto(), CSS::GridTrackSize::make_auto() });
|
grid_columns.append({ CSS::GridTrackSize::make_auto(), CSS::GridTrackSize::make_auto() });
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue