[CSS Grid Layout] Implement 'justify-items' parsing

Source/build/scripts/templates/StyleBuilderFunctions.cpp.tmpl

 {% from 'macros.tmpl' import license %}
 {#
     This file is for property handlers which use the templating engine to
     reduce (handwritten) code duplication.
 
     The `properties' dict can be used to access a property's parameters in
     jinja2 templates (i.e. setter, getter, initial, type_name)
 #}
 #include "config.h"
 #include "StyleBuilderFunctions.h"
@@ skipping 496 matching lines @@
 
 {% macro apply_alignment(property_id, alignment_type) %}
 {{declare_value_function(property_id)}}
 {
     CSSPrimitiveValue* primitiveValue = toCSSPrimitiveValue(value);
     if (Pair* pairValue = primitiveValue->getPairValue()) {
         state.style()->set{{alignment_type}}(*pairValue->first());
         state.style()->set{{alignment_type}}OverflowAlignment(*pairValue->second());
     } else {
         state.style()->set{{alignment_type}}(*primitiveValue);
-        // FIXME: We should clear the overflow-alignment mode here and probably
-        // also set it in the initial and inherit handlers
     }
 }
 {% endmacro %}
 {{apply_alignment('CSSPropertyJustifySelf', 'JustifySelf')}}
 {{apply_alignment('CSSPropertyAlignItems', 'AlignItems')}}
 {{apply_alignment('CSSPropertyAlignSelf', 'AlignSelf')}}
 
+{% macro apply_alignment_with_legacy_keyword(property_id, alignment_type) %}
+{{declare_value_function(property_id)}}
+{
+    CSSPrimitiveValue* primitiveValue = toCSSPrimitiveValue(value);
+    if (Pair* pairValue = primitiveValue->getPairValue()) {
+        if (pairValue->first()->getValueID() == CSSValueLegacy) {
+            state.style()->set{{alignment_type}}IsLegacy(LegacyPositionTrue);
+            state.style()->set{{alignment_type}}(*pairValue->second());
+        } else {
+            state.style()->set{{alignment_type}}(*pairValue->first());
+            state.style()->set{{alignment_type}}OverflowAlignment(*pairValue->second());
+        }
+    } else {
+        state.style()->set{{alignment_type}}(*primitiveValue);
+    }
+}
+{% endmacro %}
+{{apply_alignment_with_legacy_keyword('CSSPropertyJustifyItems', 'JustifyItems')}}
+
 {% macro apply_svg_paint(property_id, paint_type) %}
 {% set property = properties[property_id] %}
 {{declare_initial_function(property_id)}}
 {
     {{set_value(property)}}(
         SVGRenderStyle::initial{{paint_type}}Type(),
         SVGRenderStyle::initial{{paint_type}}Color(),
         SVGRenderStyle::initial{{paint_type}}Uri(),
         state.applyPropertyToRegularStyle(),
         state.applyPropertyToVisitedLinkStyle());
@@ skipping 26 matching lines @@
             color,
             svgPaint->uri(),
             state.applyPropertyToRegularStyle(),
             state.applyPropertyToVisitedLinkStyle());
     }
 }
 {% endmacro %}
 {{apply_svg_paint('CSSPropertyFill', 'FillPaint')}}
 {{apply_svg_paint('CSSPropertyStroke', 'StrokePaint')}}
 } // namespace WebCore