mirror of
https://github.com/RGBCube/serenity
synced 2025-05-31 09:48:11 +00:00
LibWeb: Support "pseudo" CSS properties
These are properties that may used internally by LibWeb when resolving style values, but may not be set by external stylesheets. For example, 'background-repeat' may be a two-value CSS property that internally translates to 'background-repeat-x' and 'background-repeat-y'.
This commit is contained in:
parent
735829f694
commit
3ba338dec3
3 changed files with 35 additions and 1 deletions
|
@ -229,10 +229,15 @@ static inline void set_property_border_style(StyleProperties& style, const Style
|
||||||
style.set_property(CSS::PropertyID::BorderLeftStyle, value);
|
style.set_property(CSS::PropertyID::BorderLeftStyle, value);
|
||||||
}
|
}
|
||||||
|
|
||||||
static void set_property_expanding_shorthands(StyleProperties& style, CSS::PropertyID property_id, const StyleValue& value, DOM::Document& document)
|
static void set_property_expanding_shorthands(StyleProperties& style, CSS::PropertyID property_id, const StyleValue& value, DOM::Document& document, bool is_internally_generated_pseudo_property = false)
|
||||||
{
|
{
|
||||||
CSS::ParsingContext context(document);
|
CSS::ParsingContext context(document);
|
||||||
|
|
||||||
|
if (is_pseudo_property(property_id) && !is_internally_generated_pseudo_property) {
|
||||||
|
dbgln("Ignoring non-internally-generated pseudo property: {}", string_from_property_id(property_id));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
if (property_id == CSS::PropertyID::TextDecoration) {
|
if (property_id == CSS::PropertyID::TextDecoration) {
|
||||||
switch (value.to_identifier()) {
|
switch (value.to_identifier()) {
|
||||||
case CSS::ValueID::None:
|
case CSS::ValueID::None:
|
||||||
|
|
|
@ -112,7 +112,35 @@ const char* string_from_property_id(PropertyID property_id) {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
bool is_pseudo_property(PropertyID property_id)
|
||||||
|
{
|
||||||
|
switch (property_id) {
|
||||||
|
)~~~");
|
||||||
|
|
||||||
|
json.value().as_object().for_each_member([&](auto& name, auto& value) {
|
||||||
|
VERIFY(value.is_object());
|
||||||
|
|
||||||
|
auto pseudo = value.as_object().get_or("pseudo", false);
|
||||||
|
VERIFY(pseudo.is_bool());
|
||||||
|
|
||||||
|
if (pseudo.as_bool()) {
|
||||||
|
auto member_generator = generator.fork();
|
||||||
|
member_generator.set("name:titlecase", title_casify(name));
|
||||||
|
member_generator.append(R"~~~(
|
||||||
|
case PropertyID::@name:titlecase@:
|
||||||
|
return true;
|
||||||
|
)~~~");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
generator.append(R"~~~(
|
||||||
|
default:
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
} // namespace Web::CSS
|
} // namespace Web::CSS
|
||||||
|
|
||||||
)~~~");
|
)~~~");
|
||||||
|
|
||||||
outln("{}", generator.as_string_view());
|
outln("{}", generator.as_string_view());
|
||||||
|
|
|
@ -91,6 +91,7 @@ enum class PropertyID {
|
||||||
|
|
||||||
PropertyID property_id_from_string(const StringView&);
|
PropertyID property_id_from_string(const StringView&);
|
||||||
const char* string_from_property_id(PropertyID);
|
const char* string_from_property_id(PropertyID);
|
||||||
|
bool is_pseudo_property(PropertyID);
|
||||||
|
|
||||||
} // namespace Web::CSS
|
} // namespace Web::CSS
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue