Support min() and max() in calc()
[WebKit-https.git] / Source / WebCore / css / parser / CSSPropertyParserHelpers.cpp
1 // Copyright 2016 The Chromium Authors. All rights reserved.
2 // Copyright (C) 2016 Apple Inc. All rights reserved.
3 //
4 // Redistribution and use in source and binary forms, with or without
5 // modification, are permitted provided that the following conditions are
6 // met:
7 //
8 //    * Redistributions of source code must retain the above copyright
9 // notice, this list of conditions and the following disclaimer.
10 //    * Redistributions in binary form must reproduce the above
11 // copyright notice, this list of conditions and the following disclaimer
12 // in the documentation and/or other materials provided with the
13 // distribution.
14 //    * Neither the name of Google Inc. nor the names of its
15 // contributors may be used to endorse or promote products derived from
16 // this software without specific prior written permission.
17 //
18 // THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
19 // "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
20 // LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
21 // A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
22 // OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
23 // SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
24 // LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
25 // DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
26 // THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
27 // (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
28 // OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
29
30 #include "config.h"
31 #include "CSSPropertyParserHelpers.h"
32
33 #include "CSSCalculationValue.h"
34 #include "CSSCanvasValue.h"
35 #include "CSSCrossfadeValue.h"
36 #include "CSSFilterImageValue.h"
37 #include "CSSGradientValue.h"
38 #include "CSSImageSetValue.h"
39 #include "CSSImageValue.h"
40 #include "CSSNamedImageValue.h"
41 #include "CSSParserIdioms.h"
42 #include "CSSValuePool.h"
43 #include "Pair.h"
44 #include "StyleColor.h"
45
46 namespace WebCore {
47
48 namespace CSSPropertyParserHelpers {
49
50 bool consumeCommaIncludingWhitespace(CSSParserTokenRange& range)
51 {
52     CSSParserToken value = range.peek();
53     if (value.type() != CommaToken)
54         return false;
55     range.consumeIncludingWhitespace();
56     return true;
57 }
58
59 bool consumeSlashIncludingWhitespace(CSSParserTokenRange& range)
60 {
61     CSSParserToken value = range.peek();
62     if (value.type() != DelimiterToken || value.delimiter() != '/')
63         return false;
64     range.consumeIncludingWhitespace();
65     return true;
66 }
67
68 CSSParserTokenRange consumeFunction(CSSParserTokenRange& range)
69 {
70     ASSERT(range.peek().type() == FunctionToken);
71     CSSParserTokenRange contents = range.consumeBlock();
72     range.consumeWhitespace();
73     contents.consumeWhitespace();
74     return contents;
75 }
76
77 // FIXME: consider pulling in the parsing logic from CSSCalculationValue.cpp.
78 class CalcParser {
79
80 public:
81     explicit CalcParser(CSSParserTokenRange& range, CalculationCategory destinationCategory, ValueRange valueRange = ValueRangeAll)
82         : m_sourceRange(range)
83         , m_range(range)
84     {
85         const CSSParserToken& token = range.peek();
86         auto functionId = token.functionId();
87         if (functionId == CSSValueCalc || functionId == CSSValueWebkitCalc || functionId == CSSValueMin || functionId == CSSValueMax)
88             m_calcValue = CSSCalcValue::create(functionId, consumeFunction(m_range), destinationCategory, valueRange);
89     }
90
91     const CSSCalcValue* value() const { return m_calcValue.get(); }
92     RefPtr<CSSPrimitiveValue> consumeValue()
93     {
94         if (!m_calcValue)
95             return nullptr;
96         m_sourceRange = m_range;
97         return CSSValuePool::singleton().createValue(WTFMove(m_calcValue));
98     }
99     RefPtr<CSSPrimitiveValue> consumeNumber()
100     {
101         if (!m_calcValue)
102             return nullptr;
103         m_sourceRange = m_range;
104         return CSSValuePool::singleton().createValue(m_calcValue->doubleValue(), CSSPrimitiveValue::UnitType::CSS_NUMBER);
105     }
106
107     bool consumeNumberRaw(double& result)
108     {
109         if (!m_calcValue || m_calcValue->category() != CalcNumber)
110             return false;
111         m_sourceRange = m_range;
112         result = m_calcValue->doubleValue();
113         return true;
114     }
115     
116     bool consumePositiveIntegerRaw(int& result)
117     {
118         if (!m_calcValue || m_calcValue->category() != CalcNumber || !m_calcValue->isInt())
119             return false;
120         result = static_cast<int>(m_calcValue->doubleValue());
121         if (result < 1)
122             return false;
123         m_sourceRange = m_range;
124         return true;
125     }
126
127 private:
128     CSSParserTokenRange& m_sourceRange;
129     CSSParserTokenRange m_range;
130     RefPtr<CSSCalcValue> m_calcValue;
131 };
132
133 RefPtr<CSSPrimitiveValue> consumeInteger(CSSParserTokenRange& range, double minimumValue)
134 {
135     const CSSParserToken& token = range.peek();
136     if (token.type() == NumberToken) {
137         if (token.numericValueType() == NumberValueType || token.numericValue() < minimumValue)
138             return nullptr;
139         return CSSValuePool::singleton().createValue(range.consumeIncludingWhitespace().numericValue(), CSSPrimitiveValue::UnitType::CSS_NUMBER);
140     }
141     CalcParser calcParser(range, CalcNumber);
142     if (const CSSCalcValue* calculation = calcParser.value()) {
143         if (calculation->category() != CalcNumber || !calculation->isInt())
144             return nullptr;
145         double value = calculation->doubleValue();
146         if (value < minimumValue)
147             return nullptr;
148         return calcParser.consumeNumber();
149     }
150     return nullptr;
151 }
152
153 RefPtr<CSSPrimitiveValue> consumePositiveInteger(CSSParserTokenRange& range)
154 {
155     return consumeInteger(range, 1);
156 }
157
158 bool consumePositiveIntegerRaw(CSSParserTokenRange& range, int& result)
159 {
160     const CSSParserToken& token = range.peek();
161     if (token.type() == NumberToken) {
162         if (token.numericValueType() == NumberValueType || token.numericValue() < 1)
163             return false;
164         result = range.consumeIncludingWhitespace().numericValue();
165         return true;
166     }
167     CalcParser calcParser(range, CalcNumber);
168     return calcParser.consumePositiveIntegerRaw(result);
169 }
170     
171 bool consumeNumberRaw(CSSParserTokenRange& range, double& result)
172 {
173     if (range.peek().type() == NumberToken) {
174         result = range.consumeIncludingWhitespace().numericValue();
175         return true;
176     }
177     CalcParser calcParser(range, CalcNumber, ValueRangeAll);
178     return calcParser.consumeNumberRaw(result);
179 }
180
181 // FIXME: Work out if this can just call consumeNumberRaw
182 RefPtr<CSSPrimitiveValue> consumeNumber(CSSParserTokenRange& range, ValueRange valueRange)
183 {
184     const CSSParserToken& token = range.peek();
185     if (token.type() == NumberToken) {
186         if (valueRange == ValueRangeNonNegative && token.numericValue() < 0)
187             return nullptr;
188         return CSSValuePool::singleton().createValue(range.consumeIncludingWhitespace().numericValue(), token.unitType());
189     }
190     CalcParser calcParser(range, CalcNumber, ValueRangeAll);
191     if (const CSSCalcValue* calculation = calcParser.value()) {
192         // FIXME: Calcs should not be subject to parse time range checks.
193         // spec: https://drafts.csswg.org/css-values-3/#calc-range
194         if (calculation->category() != CalcNumber || (valueRange == ValueRangeNonNegative && calculation->isNegative()))
195             return nullptr;
196         return calcParser.consumeNumber();
197     }
198     return nullptr;
199 }
200
201 #if !ENABLE(VARIATION_FONTS)
202 static inline bool divisibleBy100(double value)
203 {
204     return static_cast<int>(value / 100) * 100 == value;
205 }
206 #endif
207
208 RefPtr<CSSPrimitiveValue> consumeFontWeightNumber(CSSParserTokenRange& range)
209 {
210     // Values less than or equal to 0 or greater than or equal to 1000 are parse errors.
211     auto& token = range.peek();
212     if (token.type() == NumberToken && token.numericValue() > 0 && token.numericValue() < 1000
213 #if !ENABLE(VARIATION_FONTS)
214         && token.numericValueType() == IntegerValueType && divisibleBy100(token.numericValue())
215 #endif
216     )
217         return consumeNumber(range, ValueRangeAll);
218
219     // "[For calc()], the used value resulting from an expression must be clamped to the range allowed in the target context."
220     CalcParser calcParser(range, CalcNumber, ValueRangeAll);
221     double result;
222     if (calcParser.consumeNumberRaw(result)
223 #if !ENABLE(VARIATION_FONTS)
224         && result > 0 && result < 1000 && divisibleBy100(result)
225 #endif
226     ) {
227         result = std::min(std::max(result, std::nextafter(0., 1.)), std::nextafter(1000., 0.));
228         return CSSValuePool::singleton().createValue(result, CSSPrimitiveValue::UnitType::CSS_NUMBER);
229     }
230
231     return nullptr;
232 }
233
234 inline bool shouldAcceptUnitlessValue(double value, CSSParserMode cssParserMode, UnitlessQuirk unitless)
235 {
236     // FIXME: Presentational HTML attributes shouldn't use the CSS parser for lengths
237     return value == 0
238         || isUnitLessValueParsingEnabledForMode(cssParserMode)
239         || (cssParserMode == HTMLQuirksMode && unitless == UnitlessQuirk::Allow);
240 }
241
242 RefPtr<CSSPrimitiveValue> consumeLength(CSSParserTokenRange& range, CSSParserMode cssParserMode, ValueRange valueRange, UnitlessQuirk unitless)
243 {
244     const CSSParserToken& token = range.peek();
245     if (token.type() == DimensionToken) {
246         switch (token.unitType()) {
247         case CSSPrimitiveValue::UnitType::CSS_QUIRKY_EMS:
248             if (cssParserMode != UASheetMode)
249                 return nullptr;
250             FALLTHROUGH;
251         case CSSPrimitiveValue::UnitType::CSS_EMS:
252         case CSSPrimitiveValue::UnitType::CSS_REMS:
253         case CSSPrimitiveValue::UnitType::CSS_CHS:
254         case CSSPrimitiveValue::UnitType::CSS_EXS:
255         case CSSPrimitiveValue::UnitType::CSS_PX:
256         case CSSPrimitiveValue::UnitType::CSS_CM:
257         case CSSPrimitiveValue::UnitType::CSS_MM:
258         case CSSPrimitiveValue::UnitType::CSS_IN:
259         case CSSPrimitiveValue::UnitType::CSS_PT:
260         case CSSPrimitiveValue::UnitType::CSS_PC:
261         case CSSPrimitiveValue::UnitType::CSS_VW:
262         case CSSPrimitiveValue::UnitType::CSS_VH:
263         case CSSPrimitiveValue::UnitType::CSS_VMIN:
264         case CSSPrimitiveValue::UnitType::CSS_VMAX:
265             break;
266         default:
267             return nullptr;
268         }
269         if ((valueRange == ValueRangeNonNegative && token.numericValue() < 0) || std::isinf(token.numericValue()))
270             return nullptr;
271         return CSSValuePool::singleton().createValue(range.consumeIncludingWhitespace().numericValue(), token.unitType());
272     }
273     if (token.type() == NumberToken) {
274         if (!shouldAcceptUnitlessValue(token.numericValue(), cssParserMode, unitless)
275             || (valueRange == ValueRangeNonNegative && token.numericValue() < 0))
276             return nullptr;
277         if (std::isinf(token.numericValue()))
278             return nullptr;
279         CSSPrimitiveValue::UnitType unitType = CSSPrimitiveValue::UnitType::CSS_PX;
280         return CSSValuePool::singleton().createValue(range.consumeIncludingWhitespace().numericValue(), unitType);
281     }
282     CalcParser calcParser(range, CalcLength, valueRange);
283     if (calcParser.value() && calcParser.value()->category() == CalcLength)
284         return calcParser.consumeValue();
285     return nullptr;
286 }
287
288 RefPtr<CSSPrimitiveValue> consumePercent(CSSParserTokenRange& range, ValueRange valueRange)
289 {
290     const CSSParserToken& token = range.peek();
291     if (token.type() == PercentageToken) {
292         if ((valueRange == ValueRangeNonNegative && token.numericValue() < 0) || std::isinf(token.numericValue()))
293             return nullptr;
294         return CSSValuePool::singleton().createValue(range.consumeIncludingWhitespace().numericValue(), CSSPrimitiveValue::UnitType::CSS_PERCENTAGE);
295     }
296     CalcParser calcParser(range, CalcPercent, valueRange);
297     if (const CSSCalcValue* calculation = calcParser.value()) {
298         if (calculation->category() == CalcPercent)
299             return calcParser.consumeValue();
300     }
301     return nullptr;
302 }
303
304 static bool canConsumeCalcValue(CalculationCategory category, CSSParserMode cssParserMode)
305 {
306     if (category == CalcLength || category == CalcPercent || category == CalcPercentLength)
307         return true;
308
309     if (cssParserMode != SVGAttributeMode)
310         return false;
311
312     if (category == CalcNumber || category == CalcPercentNumber)
313         return true;
314
315     return false;
316 }
317
318 RefPtr<CSSPrimitiveValue> consumeLengthOrPercent(CSSParserTokenRange& range, CSSParserMode cssParserMode, ValueRange valueRange, UnitlessQuirk unitless)
319 {
320     const CSSParserToken& token = range.peek();
321     if (token.type() == DimensionToken || token.type() == NumberToken)
322         return consumeLength(range, cssParserMode, valueRange, unitless);
323     if (token.type() == PercentageToken)
324         return consumePercent(range, valueRange);
325     CalcParser calcParser(range, CalcLength, valueRange);
326     if (const CSSCalcValue* calculation = calcParser.value()) {
327         if (canConsumeCalcValue(calculation->category(), cssParserMode))
328             return calcParser.consumeValue();
329     }
330     return nullptr;
331 }
332
333 RefPtr<CSSPrimitiveValue> consumeAngle(CSSParserTokenRange& range, CSSParserMode cssParserMode, UnitlessQuirk unitless)
334 {
335     const CSSParserToken& token = range.peek();
336     if (token.type() == DimensionToken) {
337         switch (token.unitType()) {
338         case CSSPrimitiveValue::UnitType::CSS_DEG:
339         case CSSPrimitiveValue::UnitType::CSS_RAD:
340         case CSSPrimitiveValue::UnitType::CSS_GRAD:
341         case CSSPrimitiveValue::UnitType::CSS_TURN:
342             return CSSValuePool::singleton().createValue(range.consumeIncludingWhitespace().numericValue(), token.unitType());
343         default:
344             return nullptr;
345         }
346     }
347     if (token.type() == NumberToken && shouldAcceptUnitlessValue(token.numericValue(), cssParserMode, unitless)) {
348         return CSSValuePool::singleton().createValue(range.consumeIncludingWhitespace().numericValue(), CSSPrimitiveValue::UnitType::CSS_DEG);
349     }
350
351     CalcParser calcParser(range, CalcAngle, ValueRangeAll);
352     if (const CSSCalcValue* calculation = calcParser.value()) {
353         if (calculation->category() == CalcAngle)
354             return calcParser.consumeValue();
355     }
356     return nullptr;
357 }
358
359 RefPtr<CSSPrimitiveValue> consumeTime(CSSParserTokenRange& range, CSSParserMode cssParserMode, ValueRange valueRange, UnitlessQuirk unitless)
360 {
361     const CSSParserToken& token = range.peek();
362     CSSPrimitiveValue::UnitType unit = token.unitType();
363     bool acceptUnitless = token.type() == NumberToken && shouldAcceptUnitlessValue(token.numericValue(), cssParserMode, unitless);
364     if (acceptUnitless)
365         unit = CSSPrimitiveValue::UnitType::CSS_MS;
366     if (token.type() == DimensionToken || acceptUnitless) {
367         if (valueRange == ValueRangeNonNegative && token.numericValue() < 0)
368             return nullptr;
369         if (unit == CSSPrimitiveValue::UnitType::CSS_MS || unit == CSSPrimitiveValue::UnitType::CSS_S)
370             return CSSValuePool::singleton().createValue(range.consumeIncludingWhitespace().numericValue(), unit);
371         return nullptr;
372     }
373     CalcParser calcParser(range, CalcTime, valueRange);
374     if (const CSSCalcValue* calculation = calcParser.value()) {
375         if (calculation->category() == CalcTime)
376             return calcParser.consumeValue();
377     }
378     return nullptr;
379 }
380
381 RefPtr<CSSPrimitiveValue> consumeIdent(CSSParserTokenRange& range)
382 {
383     if (range.peek().type() != IdentToken)
384         return nullptr;
385     return CSSValuePool::singleton().createIdentifierValue(range.consumeIncludingWhitespace().id());
386 }
387
388 RefPtr<CSSPrimitiveValue> consumeIdentRange(CSSParserTokenRange& range, CSSValueID lower, CSSValueID upper)
389 {
390     if (range.peek().id() < lower || range.peek().id() > upper)
391         return nullptr;
392     return consumeIdent(range);
393 }
394
395 // FIXME-NEWPARSER: Eventually we'd like this to use CSSCustomIdentValue, but we need
396 // to do other plumbing work first (like changing Pair to CSSValuePair and make it not
397 // use only primitive values).
398 RefPtr<CSSPrimitiveValue> consumeCustomIdent(CSSParserTokenRange& range)
399 {
400     if (range.peek().type() != IdentToken || isCSSWideKeyword(range.peek().id()))
401         return nullptr;
402     return CSSValuePool::singleton().createValue(range.consumeIncludingWhitespace().value().toString(), CSSPrimitiveValue::UnitType::CSS_STRING);
403 }
404
405 RefPtr<CSSPrimitiveValue> consumeString(CSSParserTokenRange& range)
406 {
407     if (range.peek().type() != StringToken)
408         return nullptr;
409     return CSSValuePool::singleton().createValue(range.consumeIncludingWhitespace().value().toString(), CSSPrimitiveValue::UnitType::CSS_STRING);
410 }
411
412 StringView consumeUrlAsStringView(CSSParserTokenRange& range)
413 {
414     const CSSParserToken& token = range.peek();
415     if (token.type() == UrlToken) {
416         range.consumeIncludingWhitespace();
417         return token.value();
418     }
419     if (token.functionId() == CSSValueUrl) {
420         CSSParserTokenRange urlRange = range;
421         CSSParserTokenRange urlArgs = urlRange.consumeBlock();
422         const CSSParserToken& next = urlArgs.consumeIncludingWhitespace();
423         if (next.type() == BadStringToken || !urlArgs.atEnd())
424             return StringView();
425         ASSERT(next.type() == StringToken);
426         range = urlRange;
427         range.consumeWhitespace();
428         return next.value();
429     }
430
431     return StringView();
432 }
433
434 RefPtr<CSSPrimitiveValue> consumeUrl(CSSParserTokenRange& range)
435 {
436     StringView url = consumeUrlAsStringView(range);
437     if (url.isNull())
438         return nullptr;
439     return CSSValuePool::singleton().createValue(url.toString(), CSSPrimitiveValue::UnitType::CSS_URI);
440 }
441
442 static int clampRGBComponent(const CSSPrimitiveValue& value)
443 {
444     double result = value.doubleValue();
445     // FIXME: Multiply by 2.55 and round instead of floor.
446     if (value.isPercentage())
447         result *= 2.56;
448     return clampTo<int>(result, 0, 255);
449 }
450
451 static Color parseRGBParameters(CSSParserTokenRange& range, bool parseAlpha)
452 {
453     ASSERT(range.peek().functionId() == CSSValueRgb || range.peek().functionId() == CSSValueRgba);
454     Color result;
455     CSSParserTokenRange args = consumeFunction(range);
456     RefPtr<CSSPrimitiveValue> colorParameter = consumeInteger(args);
457     if (!colorParameter)
458         colorParameter = consumePercent(args, ValueRangeAll);
459     if (!colorParameter)
460         return Color();
461     const bool isPercent = colorParameter->isPercentage();
462     int colorArray[3];
463     colorArray[0] = clampRGBComponent(*colorParameter);
464     for (int i = 1; i < 3; i++) {
465         if (!consumeCommaIncludingWhitespace(args))
466             return Color();
467         colorParameter = isPercent ? consumePercent(args, ValueRangeAll) : consumeInteger(args);
468         if (!colorParameter)
469             return Color();
470         colorArray[i] = clampRGBComponent(*colorParameter);
471     }
472     if (parseAlpha) {
473         if (!consumeCommaIncludingWhitespace(args))
474             return Color();
475         double alpha;
476         if (!consumeNumberRaw(args, alpha))
477             return Color();
478         // Convert the floating pointer number of alpha to an integer in the range [0, 256),
479         // with an equal distribution across all 256 values.
480         int alphaComponent = static_cast<int>(clampTo<double>(alpha, 0.0, 1.0) * nextafter(256.0, 0.0));
481         result = Color(makeRGBA(colorArray[0], colorArray[1], colorArray[2], alphaComponent));
482     } else {
483         result = Color(makeRGB(colorArray[0], colorArray[1], colorArray[2]));
484     }
485
486     if (!args.atEnd())
487         return Color();
488
489     return result;
490 }
491
492 static Color parseHSLParameters(CSSParserTokenRange& range, bool parseAlpha)
493 {
494     ASSERT(range.peek().functionId() == CSSValueHsl || range.peek().functionId() == CSSValueHsla);
495     CSSParserTokenRange args = consumeFunction(range);
496     RefPtr<CSSPrimitiveValue> hslValue = consumeNumber(args, ValueRangeAll);
497     if (!hslValue)
498         return Color();
499     double colorArray[3];
500     colorArray[0] = (((hslValue->intValue() % 360) + 360) % 360) / 360.0;
501     for (int i = 1; i < 3; i++) {
502         if (!consumeCommaIncludingWhitespace(args))
503             return Color();
504         hslValue = consumePercent(args, ValueRangeAll);
505         if (!hslValue)
506             return Color();
507         double doubleValue = hslValue->doubleValue();
508         colorArray[i] = clampTo<double>(doubleValue, 0.0, 100.0) / 100.0; // Needs to be value between 0 and 1.0.
509     }
510     double alpha = 1.0;
511     if (parseAlpha) {
512         if (!consumeCommaIncludingWhitespace(args))
513             return Color();
514         if (!consumeNumberRaw(args, alpha))
515             return Color();
516         alpha = clampTo<double>(alpha, 0.0, 1.0);
517     }
518
519     if (!args.atEnd())
520         return Color();
521
522     return Color(makeRGBAFromHSLA(colorArray[0], colorArray[1], colorArray[2], alpha));
523 }
524
525 static Color parseColorFunctionParameters(CSSParserTokenRange& range)
526 {
527     ASSERT(range.peek().functionId() == CSSValueColor);
528     CSSParserTokenRange args = consumeFunction(range);
529
530     ColorSpace colorSpace;
531     switch (args.peek().id()) {
532     case CSSValueSRGB:
533         colorSpace = ColorSpaceSRGB;
534         break;
535     case CSSValueDisplayP3:
536         colorSpace = ColorSpaceDisplayP3;
537         break;
538     default:
539         return Color();
540     }
541     consumeIdent(args);
542
543     double colorChannels[4] = { 0, 0, 0, 1 };
544     for (int i = 0; i < 3; ++i) {
545         double value;
546         if (consumeNumberRaw(args, value))
547             colorChannels[i] = std::max(0.0, std::min(1.0, value));
548         else
549             break;
550     }
551
552     if (consumeSlashIncludingWhitespace(args)) {
553         auto alphaParameter = consumePercent(args, ValueRangeAll);
554         if (!alphaParameter)
555             alphaParameter = consumeNumber(args, ValueRangeAll);
556         if (!alphaParameter)
557             return Color();
558
559         colorChannels[3] = std::max(0.0, std::min(1.0, alphaParameter->isPercentage() ? (alphaParameter->doubleValue() / 100) : alphaParameter->doubleValue()));
560     }
561
562     // FIXME: Support the comma-separated list of fallback color values.
563
564     if (!args.atEnd())
565         return Color();
566     
567     return Color(colorChannels[0], colorChannels[1], colorChannels[2], colorChannels[3], colorSpace);
568 }
569
570 static Color parseHexColor(CSSParserTokenRange& range, bool acceptQuirkyColors)
571 {
572     RGBA32 result;
573     const CSSParserToken& token = range.peek();
574     if (token.type() == HashToken) {
575         if (!Color::parseHexColor(token.value(), result))
576             return Color();
577     } else if (acceptQuirkyColors) {
578         String color;
579         if (token.type() == NumberToken || token.type() == DimensionToken) {
580             if (token.numericValueType() != IntegerValueType
581                 || token.numericValue() < 0. || token.numericValue() >= 1000000.)
582                 return Color();
583             if (token.type() == NumberToken) // e.g. 112233
584                 color = String::format("%d", static_cast<int>(token.numericValue()));
585             else // e.g. 0001FF
586                 color = String::number(static_cast<int>(token.numericValue())) + token.value().toString();
587             while (color.length() < 6)
588                 color = "0" + color;
589         } else if (token.type() == IdentToken) { // e.g. FF0000
590             color = token.value().toString();
591         }
592         unsigned length = color.length();
593         if (length != 3 && length != 6)
594             return Color();
595         if (!Color::parseHexColor(color, result))
596             return Color();
597     } else {
598         return Color();
599     }
600     range.consumeIncludingWhitespace();
601     return Color(result);
602 }
603
604 static Color parseColorFunction(CSSParserTokenRange& range)
605 {
606     CSSParserTokenRange colorRange = range;
607     CSSValueID functionId = range.peek().functionId();
608     Color color;
609     switch (functionId) {
610     case CSSValueRgb:
611     case CSSValueRgba:
612         color = parseRGBParameters(colorRange, functionId == CSSValueRgba);
613         break;
614     case CSSValueHsl:
615     case CSSValueHsla:
616         color = parseHSLParameters(colorRange, functionId == CSSValueHsla);
617         break;
618     case CSSValueColor:
619         color = parseColorFunctionParameters(colorRange);
620         break;
621     default:
622         return Color();
623     }
624     range = colorRange;
625     return color;
626 }
627
628 RefPtr<CSSPrimitiveValue> consumeColor(CSSParserTokenRange& range, CSSParserMode cssParserMode, bool acceptQuirkyColors)
629 {
630     CSSValueID id = range.peek().id();
631     if (StyleColor::isColorKeyword(id)) {
632         if (!isValueAllowedInMode(id, cssParserMode))
633             return nullptr;
634         return consumeIdent(range);
635     }
636     Color color = parseHexColor(range, acceptQuirkyColors);
637     if (!color.isValid())
638         color = parseColorFunction(range);
639     if (!color.isValid())
640         return nullptr;
641     return CSSValuePool::singleton().createValue(color);
642 }
643
644 static RefPtr<CSSPrimitiveValue> consumePositionComponent(CSSParserTokenRange& range, CSSParserMode cssParserMode, UnitlessQuirk unitless)
645 {
646     if (range.peek().type() == IdentToken)
647         return consumeIdent<CSSValueLeft, CSSValueTop, CSSValueBottom, CSSValueRight, CSSValueCenter>(range);
648     return consumeLengthOrPercent(range, cssParserMode, ValueRangeAll, unitless);
649 }
650
651 static bool isHorizontalPositionKeywordOnly(const CSSPrimitiveValue& value)
652 {
653     return value.isValueID() && (value.valueID() == CSSValueLeft || value.valueID() == CSSValueRight);
654 }
655
656 static bool isVerticalPositionKeywordOnly(const CSSPrimitiveValue& value)
657 {
658     return value.isValueID() && (value.valueID() == CSSValueTop || value.valueID() == CSSValueBottom);
659 }
660
661 static void positionFromOneValue(CSSPrimitiveValue& value, RefPtr<CSSPrimitiveValue>& resultX, RefPtr<CSSPrimitiveValue>& resultY)
662 {
663     bool valueAppliesToYAxisOnly = isVerticalPositionKeywordOnly(value);
664     resultX = &value;
665     resultY = CSSPrimitiveValue::createIdentifier(CSSValueCenter);
666     if (valueAppliesToYAxisOnly)
667         std::swap(resultX, resultY);
668 }
669
670 static bool positionFromTwoValues(CSSPrimitiveValue& value1, CSSPrimitiveValue& value2,
671     RefPtr<CSSPrimitiveValue>& resultX, RefPtr<CSSPrimitiveValue>& resultY)
672 {
673     bool mustOrderAsXY = isHorizontalPositionKeywordOnly(value1) || isVerticalPositionKeywordOnly(value2)
674         || !value1.isValueID() || !value2.isValueID();
675     bool mustOrderAsYX = isVerticalPositionKeywordOnly(value1) || isHorizontalPositionKeywordOnly(value2);
676     if (mustOrderAsXY && mustOrderAsYX)
677         return false;
678     resultX = &value1;
679     resultY = &value2;
680     if (mustOrderAsYX)
681         std::swap(resultX, resultY);
682     return true;
683 }
684
685     
686 template<typename... Args>
687 static Ref<CSSPrimitiveValue> createPrimitiveValuePair(Args&&... args)
688 {
689     return CSSValuePool::singleton().createValue(Pair::create(std::forward<Args>(args)...));
690 }
691
692 static bool positionFromThreeOrFourValues(CSSPrimitiveValue** values, RefPtr<CSSPrimitiveValue>& resultX, RefPtr<CSSPrimitiveValue>& resultY)
693 {
694     CSSPrimitiveValue* center = nullptr;
695     for (int i = 0; values[i]; i++) {
696         CSSPrimitiveValue* currentValue = values[i];
697         if (!currentValue->isValueID())
698             return false;
699         CSSValueID id = currentValue->valueID();
700
701         if (id == CSSValueCenter) {
702             if (center)
703                 return false;
704             center = currentValue;
705             continue;
706         }
707
708         RefPtr<CSSPrimitiveValue> result;
709         if (values[i + 1] && !values[i + 1]->isValueID())
710             result = createPrimitiveValuePair(currentValue, values[++i]);
711         else
712             result = currentValue;
713
714         if (id == CSSValueLeft || id == CSSValueRight) {
715             if (resultX)
716                 return false;
717             resultX = result;
718         } else {
719             ASSERT(id == CSSValueTop || id == CSSValueBottom);
720             if (resultY)
721                 return false;
722             resultY = result;
723         }
724     }
725
726     if (center) {
727         ASSERT(resultX || resultY);
728         if (resultX && resultY)
729             return false;
730         if (!resultX)
731             resultX = center;
732         else
733             resultY = center;
734     }
735
736     ASSERT(resultX && resultY);
737     return true;
738 }
739
740 // FIXME: This may consume from the range upon failure. The background
741 // shorthand works around it, but we should just fix it here.
742 bool consumePosition(CSSParserTokenRange& range, CSSParserMode cssParserMode, UnitlessQuirk unitless, RefPtr<CSSPrimitiveValue>& resultX, RefPtr<CSSPrimitiveValue>& resultY)
743 {
744     RefPtr<CSSPrimitiveValue> value1 = consumePositionComponent(range, cssParserMode, unitless);
745     if (!value1)
746         return false;
747
748     RefPtr<CSSPrimitiveValue> value2 = consumePositionComponent(range, cssParserMode, unitless);
749     if (!value2) {
750         positionFromOneValue(*value1, resultX, resultY);
751         return true;
752     }
753
754     RefPtr<CSSPrimitiveValue> value3 = consumePositionComponent(range, cssParserMode, unitless);
755     if (!value3)
756         return positionFromTwoValues(*value1, *value2, resultX, resultY);
757
758     RefPtr<CSSPrimitiveValue> value4 = consumePositionComponent(range, cssParserMode, unitless);
759     CSSPrimitiveValue* values[5];
760     values[0] = value1.get();
761     values[1] = value2.get();
762     values[2] = value3.get();
763     values[3] = value4.get();
764     values[4] = nullptr;
765     return positionFromThreeOrFourValues(values, resultX, resultY);
766 }
767
768 RefPtr<CSSPrimitiveValue> consumePosition(CSSParserTokenRange& range, CSSParserMode cssParserMode, UnitlessQuirk unitless)
769 {
770     RefPtr<CSSPrimitiveValue> resultX;
771     RefPtr<CSSPrimitiveValue> resultY;
772     if (consumePosition(range, cssParserMode, unitless, resultX, resultY))
773         return createPrimitiveValuePair(resultX.releaseNonNull(), resultY.releaseNonNull());
774     return nullptr;
775 }
776
777 bool consumeOneOrTwoValuedPosition(CSSParserTokenRange& range, CSSParserMode cssParserMode, UnitlessQuirk unitless, RefPtr<CSSPrimitiveValue>& resultX, RefPtr<CSSPrimitiveValue>& resultY)
778 {
779     RefPtr<CSSPrimitiveValue> value1 = consumePositionComponent(range, cssParserMode, unitless);
780     if (!value1)
781         return false;
782     RefPtr<CSSPrimitiveValue> value2 = consumePositionComponent(range, cssParserMode, unitless);
783     if (!value2) {
784         positionFromOneValue(*value1, resultX, resultY);
785         return true;
786     }
787     return positionFromTwoValues(*value1, *value2, resultX, resultY);
788 }
789
790 // This should go away once we drop support for -webkit-gradient
791 static RefPtr<CSSPrimitiveValue> consumeDeprecatedGradientPoint(CSSParserTokenRange& args, bool horizontal)
792 {
793     if (args.peek().type() == IdentToken) {
794         if ((horizontal && consumeIdent<CSSValueLeft>(args)) || (!horizontal && consumeIdent<CSSValueTop>(args)))
795             return CSSValuePool::singleton().createValue(0., CSSPrimitiveValue::UnitType::CSS_PERCENTAGE);
796         if ((horizontal && consumeIdent<CSSValueRight>(args)) || (!horizontal && consumeIdent<CSSValueBottom>(args)))
797             return CSSValuePool::singleton().createValue(100., CSSPrimitiveValue::UnitType::CSS_PERCENTAGE);
798         if (consumeIdent<CSSValueCenter>(args))
799             return CSSValuePool::singleton().createValue(50., CSSPrimitiveValue::UnitType::CSS_PERCENTAGE);
800         return nullptr;
801     }
802     RefPtr<CSSPrimitiveValue> result = consumePercent(args, ValueRangeAll);
803     if (!result)
804         result = consumeNumber(args, ValueRangeAll);
805     return result;
806 }
807
808 // Used to parse colors for -webkit-gradient(...).
809 static RefPtr<CSSPrimitiveValue> consumeDeprecatedGradientStopColor(CSSParserTokenRange& args, CSSParserMode cssParserMode)
810 {
811     if (args.peek().id() == CSSValueCurrentcolor)
812         return nullptr;
813     return consumeColor(args, cssParserMode);
814 }
815
816 static bool consumeDeprecatedGradientColorStop(CSSParserTokenRange& range, CSSGradientColorStop& stop, CSSParserMode cssParserMode)
817 {
818     CSSValueID id = range.peek().functionId();
819     if (id != CSSValueFrom && id != CSSValueTo && id != CSSValueColorStop)
820         return false;
821
822     CSSParserTokenRange args = consumeFunction(range);
823     double position;
824     if (id == CSSValueFrom || id == CSSValueTo) {
825         position = (id == CSSValueFrom) ? 0 : 1;
826     } else {
827         ASSERT(id == CSSValueColorStop);
828         const CSSParserToken& arg = args.consumeIncludingWhitespace();
829         if (arg.type() == PercentageToken)
830             position = arg.numericValue() / 100.0;
831         else if (arg.type() == NumberToken)
832             position = arg.numericValue();
833         else
834             return false;
835
836         if (!consumeCommaIncludingWhitespace(args))
837             return false;
838     }
839
840     stop.m_position = CSSValuePool::singleton().createValue(position, CSSPrimitiveValue::UnitType::CSS_NUMBER);
841     stop.m_color = consumeDeprecatedGradientStopColor(args, cssParserMode);
842     return stop.m_color && args.atEnd();
843 }
844
845 static RefPtr<CSSValue> consumeDeprecatedGradient(CSSParserTokenRange& args, CSSParserMode cssParserMode)
846 {
847     RefPtr<CSSGradientValue> result;
848     CSSValueID id = args.consumeIncludingWhitespace().id();
849     bool isDeprecatedRadialGradient = (id == CSSValueRadial);
850     if (isDeprecatedRadialGradient)
851         result = CSSRadialGradientValue::create(NonRepeating, CSSDeprecatedRadialGradient);
852     else if (id == CSSValueLinear)
853         result = CSSLinearGradientValue::create(NonRepeating, CSSDeprecatedLinearGradient);
854     if (!result || !consumeCommaIncludingWhitespace(args))
855         return nullptr;
856
857     RefPtr<CSSPrimitiveValue> point = consumeDeprecatedGradientPoint(args, true);
858     if (!point)
859         return nullptr;
860     result->setFirstX(point.copyRef());
861     point = consumeDeprecatedGradientPoint(args, false);
862     if (!point)
863         return nullptr;
864     result->setFirstY(point.copyRef());
865
866     if (!consumeCommaIncludingWhitespace(args))
867         return nullptr;
868
869     // For radial gradients only, we now expect a numeric radius.
870     if (isDeprecatedRadialGradient) {
871         RefPtr<CSSPrimitiveValue> radius = consumeNumber(args, ValueRangeAll);
872         if (!radius || !consumeCommaIncludingWhitespace(args))
873             return nullptr;
874         downcast<CSSRadialGradientValue>(result.get())->setFirstRadius(radius.copyRef());
875     }
876
877     point = consumeDeprecatedGradientPoint(args, true);
878     if (!point)
879         return nullptr;
880     result->setSecondX(point.copyRef());
881     point = consumeDeprecatedGradientPoint(args, false);
882     if (!point)
883         return nullptr;
884     result->setSecondY(point.copyRef());
885
886     // For radial gradients only, we now expect the second radius.
887     if (isDeprecatedRadialGradient) {
888         if (!consumeCommaIncludingWhitespace(args))
889             return nullptr;
890         RefPtr<CSSPrimitiveValue> radius = consumeNumber(args, ValueRangeAll);
891         if (!radius)
892             return nullptr;
893         downcast<CSSRadialGradientValue>(result.get())->setSecondRadius(radius.copyRef());
894     }
895
896     CSSGradientColorStop stop;
897     while (consumeCommaIncludingWhitespace(args)) {
898         if (!consumeDeprecatedGradientColorStop(args, stop, cssParserMode))
899             return nullptr;
900         result->addStop(stop);
901     }
902
903     return result;
904 }
905
906 static bool consumeGradientColorStops(CSSParserTokenRange& range, CSSParserMode cssParserMode, CSSGradientValue* gradient)
907 {
908     bool supportsColorHints = gradient->gradientType() == CSSLinearGradient || gradient->gradientType() == CSSRadialGradient;
909
910     // The first color stop cannot be a color hint.
911     bool previousStopWasColorHint = true;
912     do {
913         CSSGradientColorStop stop;
914         stop.m_color = consumeColor(range, cssParserMode);
915         // Two hints in a row are not allowed.
916         if (!stop.m_color && (!supportsColorHints || previousStopWasColorHint))
917             return false;
918         
919         previousStopWasColorHint = !stop.m_color;
920         
921         // FIXME-NEWPARSER: This boolean could be removed. Null checking color would be sufficient.
922         stop.isMidpoint = !stop.m_color;
923
924         stop.m_position = consumeLengthOrPercent(range, cssParserMode, ValueRangeAll);
925         if (!stop.m_color && !stop.m_position)
926             return false;
927         gradient->addStop(stop);
928     } while (consumeCommaIncludingWhitespace(range));
929
930     // The last color stop cannot be a color hint.
931     if (previousStopWasColorHint)
932         return false;
933
934     // Must have 2 or more stops to be valid.
935     return gradient->stopCount() >= 2;
936 }
937
938 static RefPtr<CSSValue> consumeDeprecatedRadialGradient(CSSParserTokenRange& args, CSSParserMode cssParserMode, CSSGradientRepeat repeating)
939 {
940     RefPtr<CSSRadialGradientValue> result = CSSRadialGradientValue::create(repeating, CSSPrefixedRadialGradient);
941     RefPtr<CSSPrimitiveValue> centerX;
942     RefPtr<CSSPrimitiveValue> centerY;
943     consumeOneOrTwoValuedPosition(args, cssParserMode, UnitlessQuirk::Forbid, centerX, centerY);
944     if ((centerX || centerY) && !consumeCommaIncludingWhitespace(args))
945         return nullptr;
946
947     result->setFirstX(centerX.copyRef());
948     result->setFirstY(centerY.copyRef());
949     result->setSecondX(centerX.copyRef());
950     result->setSecondY(centerY.copyRef());
951
952     RefPtr<CSSPrimitiveValue> shape = consumeIdent<CSSValueCircle, CSSValueEllipse>(args);
953     RefPtr<CSSPrimitiveValue> sizeKeyword = consumeIdent<CSSValueClosestSide, CSSValueClosestCorner, CSSValueFarthestSide, CSSValueFarthestCorner, CSSValueContain, CSSValueCover>(args);
954     if (!shape)
955         shape = consumeIdent<CSSValueCircle, CSSValueEllipse>(args);
956     result->setShape(shape.copyRef());
957     result->setSizingBehavior(sizeKeyword.copyRef());
958
959     // Or, two lengths or percentages
960     if (!shape && !sizeKeyword) {
961         RefPtr<CSSPrimitiveValue> horizontalSize = consumeLengthOrPercent(args, cssParserMode, ValueRangeAll);
962         RefPtr<CSSPrimitiveValue> verticalSize;
963         if (horizontalSize) {
964             verticalSize = consumeLengthOrPercent(args, cssParserMode, ValueRangeAll);
965             if (!verticalSize)
966                 return nullptr;
967             consumeCommaIncludingWhitespace(args);
968             result->setEndHorizontalSize(horizontalSize.copyRef());
969             result->setEndVerticalSize(verticalSize.copyRef());
970         }
971     } else {
972         consumeCommaIncludingWhitespace(args);
973     }
974     if (!consumeGradientColorStops(args, cssParserMode, result.get()))
975         return nullptr;
976
977     return result;
978 }
979
980 static RefPtr<CSSValue> consumeRadialGradient(CSSParserTokenRange& args, CSSParserMode cssParserMode, CSSGradientRepeat repeating)
981 {
982     RefPtr<CSSRadialGradientValue> result = CSSRadialGradientValue::create(repeating, CSSRadialGradient);
983
984     RefPtr<CSSPrimitiveValue> shape;
985     RefPtr<CSSPrimitiveValue> sizeKeyword;
986     RefPtr<CSSPrimitiveValue> horizontalSize;
987     RefPtr<CSSPrimitiveValue> verticalSize;
988
989     // First part of grammar, the size/shape clause:
990     // [ circle || <length> ] |
991     // [ ellipse || [ <length> | <percentage> ]{2} ] |
992     // [ [ circle | ellipse] || <size-keyword> ]
993     for (int i = 0; i < 3; ++i) {
994         if (args.peek().type() == IdentToken) {
995             CSSValueID id = args.peek().id();
996             if (id == CSSValueCircle || id == CSSValueEllipse) {
997                 if (shape)
998                     return nullptr;
999                 shape = consumeIdent(args);
1000             } else if (id == CSSValueClosestSide || id == CSSValueClosestCorner || id == CSSValueFarthestSide || id == CSSValueFarthestCorner) {
1001                 if (sizeKeyword)
1002                     return nullptr;
1003                 sizeKeyword = consumeIdent(args);
1004             } else {
1005                 break;
1006             }
1007         } else {
1008             RefPtr<CSSPrimitiveValue> center = consumeLengthOrPercent(args, cssParserMode, ValueRangeAll);
1009             if (!center)
1010                 break;
1011             if (horizontalSize)
1012                 return nullptr;
1013             horizontalSize = center;
1014             center = consumeLengthOrPercent(args, cssParserMode, ValueRangeAll);
1015             if (center) {
1016                 verticalSize = center;
1017                 ++i;
1018             }
1019         }
1020     }
1021
1022     // You can specify size as a keyword or a length/percentage, not both.
1023     if (sizeKeyword && horizontalSize)
1024         return nullptr;
1025     // Circles must have 0 or 1 lengths.
1026     if (shape && shape->valueID() == CSSValueCircle && verticalSize)
1027         return nullptr;
1028     // Ellipses must have 0 or 2 length/percentages.
1029     if (shape && shape->valueID() == CSSValueEllipse && horizontalSize && !verticalSize)
1030         return nullptr;
1031     // If there's only one size, it must be a length.
1032     if (!verticalSize && horizontalSize && horizontalSize->isPercentage())
1033         return nullptr;
1034     if ((horizontalSize && horizontalSize->isCalculatedPercentageWithLength())
1035         || (verticalSize && verticalSize->isCalculatedPercentageWithLength()))
1036         return nullptr;
1037
1038     result->setShape(shape.copyRef());
1039     result->setSizingBehavior(sizeKeyword.copyRef());
1040     result->setEndHorizontalSize(horizontalSize.copyRef());
1041     result->setEndVerticalSize(verticalSize.copyRef());
1042
1043     RefPtr<CSSPrimitiveValue> centerX;
1044     RefPtr<CSSPrimitiveValue> centerY;
1045     if (args.peek().id() == CSSValueAt) {
1046         args.consumeIncludingWhitespace();
1047         consumePosition(args, cssParserMode, UnitlessQuirk::Forbid, centerX, centerY);
1048         if (!(centerX && centerY))
1049             return nullptr;
1050         
1051         result->setFirstX(centerX.copyRef());
1052         result->setFirstY(centerY.copyRef());
1053         
1054         // Right now, CSS radial gradients have the same start and end centers.
1055         result->setSecondX(centerX.copyRef());
1056         result->setSecondY(centerY.copyRef());
1057     }
1058
1059     if ((shape || sizeKeyword || horizontalSize || centerX || centerY) && !consumeCommaIncludingWhitespace(args))
1060         return nullptr;
1061     if (!consumeGradientColorStops(args, cssParserMode, result.get()))
1062         return nullptr;
1063     return result;
1064 }
1065
1066 static RefPtr<CSSValue> consumeLinearGradient(CSSParserTokenRange& args, CSSParserMode cssParserMode, CSSGradientRepeat repeating, CSSGradientType gradientType)
1067 {
1068     RefPtr<CSSLinearGradientValue> result = CSSLinearGradientValue::create(repeating, gradientType);
1069
1070     bool expectComma = true;
1071     RefPtr<CSSPrimitiveValue> angle = consumeAngle(args, cssParserMode, UnitlessQuirk::Forbid);
1072     if (angle)
1073         result->setAngle(angle.releaseNonNull());
1074     else if (gradientType == CSSPrefixedLinearGradient || consumeIdent<CSSValueTo>(args)) {
1075         RefPtr<CSSPrimitiveValue> endX = consumeIdent<CSSValueLeft, CSSValueRight>(args);
1076         RefPtr<CSSPrimitiveValue> endY = consumeIdent<CSSValueBottom, CSSValueTop>(args);
1077         if (!endX && !endY) {
1078             if (gradientType == CSSLinearGradient)
1079                 return nullptr;
1080             endY = CSSPrimitiveValue::createIdentifier(CSSValueTop);
1081             expectComma = false;
1082         } else if (!endX) {
1083             endX = consumeIdent<CSSValueLeft, CSSValueRight>(args);
1084         }
1085
1086         result->setFirstX(endX.copyRef());
1087         result->setFirstY(endY.copyRef());
1088     } else {
1089         expectComma = false;
1090     }
1091
1092     if (expectComma && !consumeCommaIncludingWhitespace(args))
1093         return nullptr;
1094     if (!consumeGradientColorStops(args, cssParserMode, result.get()))
1095         return nullptr;
1096     return result;
1097 }
1098
1099 RefPtr<CSSValue> consumeImageOrNone(CSSParserTokenRange& range, CSSParserContext context)
1100 {
1101     if (range.peek().id() == CSSValueNone)
1102         return consumeIdent(range);
1103     return consumeImage(range, context);
1104 }
1105
1106 static RefPtr<CSSValue> consumeCrossFade(CSSParserTokenRange& args, CSSParserContext context, bool prefixed)
1107 {
1108     RefPtr<CSSValue> fromImageValue = consumeImageOrNone(args, context);
1109     if (!fromImageValue || !consumeCommaIncludingWhitespace(args))
1110         return nullptr;
1111     RefPtr<CSSValue> toImageValue = consumeImageOrNone(args, context);
1112     if (!toImageValue || !consumeCommaIncludingWhitespace(args))
1113         return nullptr;
1114
1115     RefPtr<CSSPrimitiveValue> percentage;
1116     const CSSParserToken& percentageArg = args.consumeIncludingWhitespace();
1117     if (percentageArg.type() == PercentageToken)
1118         percentage = CSSValuePool::singleton().createValue(clampTo<double>(percentageArg.numericValue() / 100, 0, 1), CSSPrimitiveValue::UnitType::CSS_NUMBER);
1119     else if (percentageArg.type() == NumberToken)
1120         percentage = CSSValuePool::singleton().createValue(clampTo<double>(percentageArg.numericValue(), 0, 1), CSSPrimitiveValue::UnitType::CSS_NUMBER);
1121
1122     if (!percentage)
1123         return nullptr;
1124     return CSSCrossfadeValue::create(fromImageValue.releaseNonNull(), toImageValue.releaseNonNull(), percentage.releaseNonNull(), prefixed);
1125 }
1126
1127 static RefPtr<CSSValue> consumeWebkitCanvas(CSSParserTokenRange& args)
1128 {
1129     if (args.peek().type() != IdentToken)
1130         return nullptr;
1131     auto canvasName = args.consumeIncludingWhitespace().value().toString();
1132     if (!args.atEnd())
1133         return nullptr;
1134     return CSSCanvasValue::create(canvasName);
1135 }
1136
1137 static RefPtr<CSSValue> consumeWebkitNamedImage(CSSParserTokenRange& args)
1138 {
1139     if (args.peek().type() != IdentToken)
1140         return nullptr;
1141     auto imageName = args.consumeIncludingWhitespace().value().toString();
1142     if (!args.atEnd())
1143         return nullptr;
1144     return CSSNamedImageValue::create(imageName);
1145 }
1146
1147 static RefPtr<CSSValue> consumeFilterImage(CSSParserTokenRange& args, const CSSParserContext& context)
1148 {
1149     auto imageValue = consumeImageOrNone(args, context);
1150     if (!imageValue || !consumeCommaIncludingWhitespace(args))
1151         return nullptr;
1152
1153     auto filterValue = consumeFilter(args, context);
1154
1155     if (!filterValue)
1156         return nullptr;
1157
1158     if (!args.atEnd())
1159         return nullptr;
1160
1161     return CSSFilterImageValue::create(imageValue.releaseNonNull(), filterValue.releaseNonNull());
1162 }
1163
1164 static RefPtr<CSSValue> consumeGeneratedImage(CSSParserTokenRange& range, CSSParserContext context)
1165 {
1166     CSSValueID id = range.peek().functionId();
1167     CSSParserTokenRange rangeCopy = range;
1168     CSSParserTokenRange args = consumeFunction(rangeCopy);
1169     RefPtr<CSSValue> result;
1170     if (id == CSSValueRadialGradient)
1171         result = consumeRadialGradient(args, context.mode, NonRepeating);
1172     else if (id == CSSValueRepeatingRadialGradient)
1173         result = consumeRadialGradient(args, context.mode, Repeating);
1174     else if (id == CSSValueWebkitLinearGradient)
1175         result = consumeLinearGradient(args, context.mode, NonRepeating, CSSPrefixedLinearGradient);
1176     else if (id == CSSValueWebkitRepeatingLinearGradient)
1177         result = consumeLinearGradient(args, context.mode, Repeating, CSSPrefixedLinearGradient);
1178     else if (id == CSSValueRepeatingLinearGradient)
1179         result = consumeLinearGradient(args, context.mode, Repeating, CSSLinearGradient);
1180     else if (id == CSSValueLinearGradient)
1181         result = consumeLinearGradient(args, context.mode, NonRepeating, CSSLinearGradient);
1182     else if (id == CSSValueWebkitGradient)
1183         result = consumeDeprecatedGradient(args, context.mode);
1184     else if (id == CSSValueWebkitRadialGradient)
1185         result = consumeDeprecatedRadialGradient(args, context.mode, NonRepeating);
1186     else if (id == CSSValueWebkitRepeatingRadialGradient)
1187         result = consumeDeprecatedRadialGradient(args, context.mode, Repeating);
1188     else if (id == CSSValueWebkitCrossFade || id == CSSValueCrossFade)
1189         result = consumeCrossFade(args, context, id == CSSValueWebkitCrossFade);
1190     else if (id == CSSValueWebkitCanvas)
1191         result = consumeWebkitCanvas(args);
1192     else if (id == CSSValueWebkitNamedImage)
1193         result = consumeWebkitNamedImage(args);
1194     else if (id == CSSValueWebkitFilter || id == CSSValueFilter)
1195         result = consumeFilterImage(args, context);
1196     if (!result || !args.atEnd())
1197         return nullptr;
1198     range = rangeCopy;
1199     return result;
1200 }
1201
1202 static RefPtr<CSSValue> consumeImageSet(CSSParserTokenRange& range, const CSSParserContext& context)
1203 {
1204     CSSParserTokenRange rangeCopy = range;
1205     CSSParserTokenRange args = consumeFunction(rangeCopy);
1206     RefPtr<CSSImageSetValue> imageSet = CSSImageSetValue::create();
1207     do {
1208         AtomicString urlValue = consumeUrlAsStringView(args).toAtomicString();
1209         if (urlValue.isNull())
1210             return nullptr;
1211
1212         RefPtr<CSSValue> image = CSSImageValue::create(completeURL(context, urlValue));
1213         imageSet->append(image.releaseNonNull());
1214
1215         const CSSParserToken& token = args.consumeIncludingWhitespace();
1216         if (token.type() != DimensionToken)
1217             return nullptr;
1218         if (token.value() != "x")
1219             return nullptr;
1220         ASSERT(token.unitType() == CSSPrimitiveValue::UnitType::CSS_UNKNOWN);
1221         double imageScaleFactor = token.numericValue();
1222         if (imageScaleFactor <= 0)
1223             return nullptr;
1224         imageSet->append(CSSValuePool::singleton().createValue(imageScaleFactor, CSSPrimitiveValue::UnitType::CSS_NUMBER));
1225     } while (consumeCommaIncludingWhitespace(args));
1226     if (!args.atEnd())
1227         return nullptr;
1228     range = rangeCopy;
1229     return imageSet;
1230 }
1231
1232 static bool isGeneratedImage(CSSValueID id)
1233 {
1234     return id == CSSValueLinearGradient || id == CSSValueRadialGradient
1235         || id == CSSValueRepeatingLinearGradient || id == CSSValueRepeatingRadialGradient
1236         || id == CSSValueWebkitLinearGradient || id == CSSValueWebkitRadialGradient
1237         || id == CSSValueWebkitRepeatingLinearGradient || id == CSSValueWebkitRepeatingRadialGradient
1238         || id == CSSValueWebkitGradient || id == CSSValueWebkitCrossFade || id == CSSValueWebkitCanvas
1239         || id == CSSValueCrossFade || id == CSSValueWebkitNamedImage || id == CSSValueWebkitFilter || id == CSSValueFilter;
1240 }
1241     
1242 static bool isValidPrimitiveFilterFunction(CSSValueID filterFunction)
1243 {
1244     switch (filterFunction) {
1245     case CSSValueBlur:
1246     case CSSValueBrightness:
1247     case CSSValueContrast:
1248     case CSSValueDropShadow:
1249     case CSSValueGrayscale:
1250     case CSSValueHueRotate:
1251     case CSSValueInvert:
1252     case CSSValueOpacity:
1253     case CSSValueSaturate:
1254     case CSSValueSepia:
1255         return true;
1256     default:
1257         return false;
1258     }
1259 }
1260
1261 RefPtr<CSSFunctionValue> consumeFilterFunction(CSSParserTokenRange& range, const CSSParserContext& context)
1262 {
1263     CSSValueID filterType = range.peek().functionId();
1264     if (!isValidPrimitiveFilterFunction(filterType))
1265         return nullptr;
1266     CSSParserTokenRange args = consumeFunction(range);
1267     RefPtr<CSSFunctionValue> filterValue = CSSFunctionValue::create(filterType);
1268     RefPtr<CSSValue> parsedValue;
1269
1270     if (filterType == CSSValueDropShadow)
1271         parsedValue = consumeSingleShadow(args, context.mode, false, false);
1272     else {
1273         if (args.atEnd())
1274             return filterValue;
1275         if (filterType == CSSValueBrightness) {
1276             parsedValue = consumePercent(args, ValueRangeAll);
1277             if (!parsedValue)
1278                 parsedValue = consumeNumber(args, ValueRangeAll);
1279         } else if (filterType == CSSValueHueRotate)
1280             parsedValue = consumeAngle(args, context.mode, UnitlessQuirk::Forbid);
1281         else if (filterType == CSSValueBlur)
1282             parsedValue = consumeLength(args, HTMLStandardMode, ValueRangeNonNegative);
1283         else {
1284             parsedValue = consumePercent(args, ValueRangeNonNegative);
1285             if (!parsedValue)
1286                 parsedValue = consumeNumber(args, ValueRangeNonNegative);
1287             if (parsedValue && filterType != CSSValueSaturate && filterType != CSSValueContrast) {
1288                 bool isPercentage = downcast<CSSPrimitiveValue>(*parsedValue).isPercentage();
1289                 double maxAllowed = isPercentage ? 100.0 : 1.0;
1290                 if (downcast<CSSPrimitiveValue>(*parsedValue).doubleValue() > maxAllowed)
1291                     parsedValue = CSSPrimitiveValue::create(maxAllowed, isPercentage ? CSSPrimitiveValue::UnitType::CSS_PERCENTAGE : CSSPrimitiveValue::UnitType::CSS_NUMBER);
1292             }
1293         }
1294     }
1295     if (!parsedValue || !args.atEnd())
1296         return nullptr;
1297     filterValue->append(parsedValue.releaseNonNull());
1298     return filterValue;
1299 }
1300
1301 RefPtr<CSSValue> consumeFilter(CSSParserTokenRange& range, const CSSParserContext& context)
1302 {
1303     if (range.peek().id() == CSSValueNone)
1304         return consumeIdent(range);
1305
1306     auto list = CSSValueList::createSpaceSeparated();
1307     do {
1308         RefPtr<CSSValue> filterValue = consumeUrl(range);
1309         if (!filterValue) {
1310             filterValue = consumeFilterFunction(range, context);
1311             if (!filterValue)
1312                 return nullptr;
1313         }
1314         list->append(filterValue.releaseNonNull());
1315     } while (!range.atEnd());
1316
1317     return list.ptr();
1318 }
1319
1320 RefPtr<CSSShadowValue> consumeSingleShadow(CSSParserTokenRange& range, CSSParserMode cssParserMode, bool allowInset, bool allowSpread)
1321 {
1322     RefPtr<CSSPrimitiveValue> style;
1323     RefPtr<CSSPrimitiveValue> color;
1324
1325     if (range.atEnd())
1326         return nullptr;
1327     if (range.peek().id() == CSSValueInset) {
1328         if (!allowInset)
1329             return nullptr;
1330         style = consumeIdent(range);
1331     }
1332     color = consumeColor(range, cssParserMode);
1333
1334     auto horizontalOffset = consumeLength(range, cssParserMode, ValueRangeAll);
1335     if (!horizontalOffset)
1336         return nullptr;
1337
1338     auto verticalOffset = consumeLength(range, cssParserMode, ValueRangeAll);
1339     if (!verticalOffset)
1340         return nullptr;
1341
1342     auto blurRadius = consumeLength(range, cssParserMode, ValueRangeAll);
1343     RefPtr<CSSPrimitiveValue> spreadDistance;
1344     if (blurRadius) {
1345         // Blur radius must be non-negative.
1346         if (blurRadius->doubleValue() < 0)
1347             return nullptr;
1348         if (allowSpread)
1349             spreadDistance = consumeLength(range, cssParserMode, ValueRangeAll);
1350     }
1351
1352     if (!range.atEnd()) {
1353         if (!color)
1354             color = consumeColor(range, cssParserMode);
1355         if (range.peek().id() == CSSValueInset) {
1356             if (!allowInset || style)
1357                 return nullptr;
1358             style = consumeIdent(range);
1359         }
1360     }
1361
1362     return CSSShadowValue::create(WTFMove(horizontalOffset), WTFMove(verticalOffset), WTFMove(blurRadius), WTFMove(spreadDistance), WTFMove(style), WTFMove(color));
1363 }
1364
1365 RefPtr<CSSValue> consumeImage(CSSParserTokenRange& range, CSSParserContext context, ConsumeGeneratedImage generatedImage)
1366 {
1367     AtomicString uri = consumeUrlAsStringView(range).toAtomicString();
1368     if (!uri.isNull())
1369         return CSSImageValue::create(completeURL(context, uri));
1370     if (range.peek().type() == FunctionToken) {
1371         CSSValueID id = range.peek().functionId();
1372         if (id == CSSValueWebkitImageSet || id == CSSValueImageSet)
1373             return consumeImageSet(range, context);
1374         if (generatedImage == ConsumeGeneratedImage::Allow && isGeneratedImage(id))
1375             return consumeGeneratedImage(range, context);
1376     }
1377     return nullptr;
1378 }
1379
1380 } // namespace CSSPropertyParserHelpers
1381
1382 } // namespace WebCore