Preserve shape-box order in non-computed values

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

 {% from "macros.tmpl" import lower_first -%}
 
 {#
     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)
 -#}
 
@@ skipping 463 matching lines @@
 {{ apply_value_number("CSSPropertyInternalMarqueeRepetition", "CSSValueInfinite") }}
 
 {%- macro apply_value_shape(property_id) %}
 {{ declare_value_function(property_id) }}
 {
     {%- set property = properties[property_id] %}
     if (value->isPrimitiveValue()) {
         CSSPrimitiveValue* primitiveValue = toCSSPrimitiveValue(value);
         if (primitiveValue->getValueID() == CSSValueAuto)
             {{ set_value(property) }}(nullptr);
-        else if (primitiveValue->getValueID() == CSSValueMarginBox
-            || primitiveValue->getValueID() == CSSValueBorderBox
-            || primitiveValue->getValueID() == CSSValuePaddingBox
-            || primitiveValue->getValueID() == CSSValueContentBox)
-            {{ set_value(property) }}(ShapeValue::createLayoutBoxValue(LayoutBox(*primitiveValue)));
         else if (primitiveValue->getValueID() == CSSValueOutsideShape)
             {{ set_value(property) }}(ShapeValue::createOutsideValue());
-        else if (primitiveValue->isShape()) {
-            {{ set_value(property) }}(ShapeValue::createShapeValue(basicShapeForValue(state, primitiveValue->getShapeValue())));
-        }
     } else if (value->isImageValue() || value->isImageSetValue()) {
         {{ set_value(property) }}(ShapeValue::createImageValue(state.styleImage({{property_id}}, value)));
+    } else if (value->isValueList()) {
+        RefPtr<BasicShape> shape;
+        LayoutBox layoutBox = BoxMissing;
+        CSSValueList* valueList = toCSSValueList(value);
+        for (unsigned i = 0; i < valueList->length(); ++i) {
+            CSSPrimitiveValue* primitiveValue = toCSSPrimitiveValue(valueList->itemWithoutBoundsCheck(i));
+            if (primitiveValue->isShape())
+                shape = basicShapeForValue(state, primitiveValue->getShapeValue());
+            else if (primitiveValue->getValueID() == CSSValueContentBox
+                || primitiveValue->getValueID() == CSSValueBorderBox
+                || primitiveValue->getValueID() == CSSValuePaddingBox
+                || primitiveValue->getValueID() == CSSValueMarginBox)
+                layoutBox = LayoutBox(*primitiveValue);
+            else
+                return;
+        }
+
+        if (shape)
+            {{ set_value(property) }}(ShapeValue::createShapeValue(shape.release(), layoutBox));
+        else if (layoutBox != BoxMissing)
+            {{ set_value(property) }}(ShapeValue::createLayoutBoxValue(layoutBox));
     }
 }
 {%- endmacro %}
 
 {{ apply_value_shape("CSSPropertyShapeInside") }}
 {{ apply_value_shape("CSSPropertyShapeOutside") }}
 
 } // namespace WebCore