Store custom properties specified in element.animate()

third_party/WebKit/Source/core/animation/AnimationInputHelpers.cpp

 // Copyright 2014 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 #include "core/animation/AnimationInputHelpers.h"
 
 #include "bindings/core/v8/ExceptionState.h"
 #include "core/SVGNames.h"
 #include "core/css/CSSValueList.h"
 #include "core/css/parser/CSSParser.h"
+#include "core/css/parser/CSSVariableParser.h"
 #include "core/css/resolver/CSSToStyleMap.h"
 #include "core/frame/Deprecation.h"
 #include "core/svg/SVGElement.h"
 #include "core/svg/animation/SVGSMILElement.h"
 #include "wtf/text/StringBuilder.h"
 
 namespace blink {
 
 const char kSVGPrefix[] = "svg-";
 const unsigned kSVGPrefixLength = sizeof(kSVGPrefix) - 1;
 
 static bool isSVGPrefixed(const String& property)
 {
     return property.startsWith(kSVGPrefix);
 }
 
 static String removeSVGPrefix(const String& property)
 {
     DCHECK(isSVGPrefixed(property));
     return property.substring(kSVGPrefixLength);
 }
 
 CSSPropertyID AnimationInputHelpers::keyframeAttributeToCSSProperty(const String& property, const Document& document)
 {
-    // TODO(crbug.com/644148): Allow custom properties that begin with "--".
+    if (CSSVariableParser::isValidVariableName(property))
+        return CSSPropertyVariable;
 
     // Disallow prefixed properties.
-    if (property[0] == '-' || isASCIIUpper(property[0]))
+    if (property[0] == '-')
+        return CSSPropertyInvalid;
+    if (isASCIIUpper(property[0]))
         return CSSPropertyInvalid;
     if (property == "cssFloat")
         return CSSPropertyFloat;
 
     StringBuilder builder;
     for (size_t i = 0; i < property.length(); ++i) {
         // Disallow hyphenated properties.
         if (property[i] == '-') {
             if (cssPropertyID(property) != CSSPropertyInvalid)
                 Deprecation::countDeprecation(document, UseCounter::WebAnimationHyphenatedProperty);
@@ skipping 190 matching lines @@
     }
     const CSSValueList* valueList = toCSSValueList(value);
     if (valueList->length() > 1) {
         exceptionState.throwTypeError("Easing may not be set to a list of values");
         return nullptr;
     }
     return CSSToStyleMap::mapAnimationTimingFunction(valueList->item(0), true);
 }
 
 } // namespace blink