Document style resolvers should share user rulesets
[WebKit-https.git] / Source / WebCore / css / StyleResolver.cpp
1 /*
2  * Copyright (C) 1999 Lars Knoll (knoll@kde.org)
3  * Copyright (C) 2004-2005 Allan Sandfeld Jensen (kde@carewolf.com)
4  * Copyright (C) 2006, 2007 Nicholas Shanks (webkit@nickshanks.com)
5  * Copyright (C) 2005-2014 Apple Inc. All rights reserved.
6  * Copyright (C) 2007 Alexey Proskuryakov <ap@webkit.org>
7  * Copyright (C) 2007, 2008 Eric Seidel <eric@webkit.org>
8  * Copyright (C) 2008, 2009 Torch Mobile Inc. All rights reserved. (http://www.torchmobile.com/)
9  * Copyright (c) 2011, Code Aurora Forum. All rights reserved.
10  * Copyright (C) Research In Motion Limited 2011. All rights reserved.
11  * Copyright (C) 2012, 2013 Google Inc. All rights reserved.
12  * Copyright (C) 2014 Igalia S.L.
13  *
14  * This library is free software; you can redistribute it and/or
15  * modify it under the terms of the GNU Library General Public
16  * License as published by the Free Software Foundation; either
17  * version 2 of the License, or (at your option) any later version.
18  *
19  * This library is distributed in the hope that it will be useful,
20  * but WITHOUT ANY WARRANTY; without even the implied warranty of
21  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
22  * Library General Public License for more details.
23  *
24  * You should have received a copy of the GNU Library General Public License
25  * along with this library; see the file COPYING.LIB.  If not, write to
26  * the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor,
27  * Boston, MA 02110-1301, USA.
28  */
29
30 #include "config.h"
31 #include "StyleResolver.h"
32
33 #include "CSSBorderImage.h"
34 #include "CSSCalculationValue.h"
35 #include "CSSCursorImageValue.h"
36 #include "CSSCustomPropertyValue.h"
37 #include "CSSDefaultStyleSheets.h"
38 #include "CSSFilterImageValue.h"
39 #include "CSSFontFaceRule.h"
40 #include "CSSFontFeatureValue.h"
41 #include "CSSFontSelector.h"
42 #include "CSSFontValue.h"
43 #include "CSSFunctionValue.h"
44 #include "CSSGradientValue.h"
45 #include "CSSImageSetValue.h"
46 #include "CSSInheritedValue.h"
47 #include "CSSInitialValue.h"
48 #include "CSSKeyframeRule.h"
49 #include "CSSKeyframesRule.h"
50 #include "CSSLineBoxContainValue.h"
51 #include "CSSPageRule.h"
52 #include "CSSParser.h"
53 #include "CSSPrimitiveValueMappings.h"
54 #include "CSSPropertyNames.h"
55 #include "CSSReflectValue.h"
56 #include "CSSSelector.h"
57 #include "CSSSelectorList.h"
58 #include "CSSShadowValue.h"
59 #include "CSSStyleRule.h"
60 #include "CSSStyleSheet.h"
61 #include "CSSSupportsRule.h"
62 #include "CSSTimingFunctionValue.h"
63 #include "CSSValueList.h"
64 #include "CSSValuePool.h"
65 #include "CachedImage.h"
66 #include "CachedResourceLoader.h"
67 #include "CachedSVGDocument.h"
68 #include "CachedSVGDocumentReference.h"
69 #include "CalculationValue.h"
70 #include "ContentData.h"
71 #include "Counter.h"
72 #include "CounterContent.h"
73 #include "CursorList.h"
74 #include "ElementRuleCollector.h"
75 #include "FilterOperation.h"
76 #include "Frame.h"
77 #include "FrameSelection.h"
78 #include "FrameView.h"
79 #include "HTMLDocument.h"
80 #include "HTMLInputElement.h"
81 #include "HTMLMarqueeElement.h"
82 #include "HTMLNames.h"
83 #include "HTMLSlotElement.h"
84 #include "HTMLTableElement.h"
85 #include "HTMLTextAreaElement.h"
86 #include "InspectorInstrumentation.h"
87 #include "KeyframeList.h"
88 #include "LinkHash.h"
89 #include "LocaleToScriptMapping.h"
90 #include "MathMLNames.h"
91 #include "MediaList.h"
92 #include "MediaQueryEvaluator.h"
93 #include "NodeRenderStyle.h"
94 #include "Page.h"
95 #include "PageRuleCollector.h"
96 #include "Pair.h"
97 #include "PseudoElement.h"
98 #include "QuotesData.h"
99 #include "Rect.h"
100 #include "RenderGrid.h"
101 #include "RenderRegion.h"
102 #include "RenderScrollbar.h"
103 #include "RenderScrollbarTheme.h"
104 #include "RenderStyleConstants.h"
105 #include "RenderTheme.h"
106 #include "RenderView.h"
107 #include "RuleSet.h"
108 #include "SVGDocument.h"
109 #include "SVGDocumentExtensions.h"
110 #include "SVGFontFaceElement.h"
111 #include "SVGNames.h"
112 #include "SVGSVGElement.h"
113 #include "SVGURIReference.h"
114 #include "Settings.h"
115 #include "ShadowData.h"
116 #include "ShadowRoot.h"
117 #include "StyleBuilder.h"
118 #include "StyleColor.h"
119 #include "StyleCachedImage.h"
120 #include "StyleFontSizeFunctions.h"
121 #include "StyleGeneratedImage.h"
122 #include "StyleProperties.h"
123 #include "StylePropertyShorthand.h"
124 #include "StyleRule.h"
125 #include "StyleRuleImport.h"
126 #include "StyleScrollSnapPoints.h"
127 #include "StyleSheetContents.h"
128 #include "StyleSheetList.h"
129 #include "Text.h"
130 #include "TransformFunctions.h"
131 #include "TransformOperations.h"
132 #include "UserAgentStyleSheets.h"
133 #include "ViewportStyleResolver.h"
134 #include "VisitedLinkState.h"
135 #include "WebKitCSSRegionRule.h"
136 #include "WebKitFontFamilyNames.h"
137 #include <bitset>
138 #include <wtf/Seconds.h>
139 #include <wtf/SetForScope.h>
140 #include <wtf/StdLibExtras.h>
141 #include <wtf/Vector.h>
142 #include <wtf/text/AtomicStringHash.h>
143
144 #include "CSSGridLineNamesValue.h"
145 #include "CSSGridTemplateAreasValue.h"
146
147 #if ENABLE(DASHBOARD_SUPPORT)
148 #include "DashboardRegion.h"
149 #endif
150
151 #if ENABLE(VIDEO_TRACK)
152 #include "WebVTTElement.h"
153 #endif
154
155 namespace WebCore {
156
157 using namespace HTMLNames;
158
159 static const CSSPropertyID firstLowPriorityProperty = static_cast<CSSPropertyID>(lastHighPriorityProperty + 1);
160
161 static void extractDirectionAndWritingMode(const RenderStyle&, const StyleResolver::MatchResult&, TextDirection&, WritingMode&);
162
163 inline void StyleResolver::State::cacheBorderAndBackground()
164 {
165     m_hasUAAppearance = m_style->hasAppearance();
166     if (m_hasUAAppearance) {
167         m_borderData = m_style->border();
168         m_backgroundData = m_style->backgroundLayers();
169         m_backgroundColor = m_style->backgroundColor();
170     }
171 }
172
173 inline void StyleResolver::State::clear()
174 {
175     m_element = nullptr;
176     m_parentStyle = nullptr;
177     m_ownedParentStyle = nullptr;
178     m_regionForStyling = nullptr;
179     m_cssToLengthConversionData = CSSToLengthConversionData();
180 }
181
182 void StyleResolver::MatchResult::addMatchedProperties(const StyleProperties& properties, StyleRule* rule, unsigned linkMatchType, PropertyWhitelistType propertyWhitelistType, Style::ScopeOrdinal styleScopeOrdinal)
183 {
184     m_matchedProperties.grow(m_matchedProperties.size() + 1);
185     StyleResolver::MatchedProperties& newProperties = m_matchedProperties.last();
186     newProperties.properties = const_cast<StyleProperties*>(&properties);
187     newProperties.linkMatchType = linkMatchType;
188     newProperties.whitelistType = propertyWhitelistType;
189     newProperties.styleScopeOrdinal = styleScopeOrdinal;
190     matchedRules.append(rule);
191
192     if (styleScopeOrdinal != Style::ScopeOrdinal::Element)
193         isCacheable = false;
194
195     if (isCacheable) {
196         for (unsigned i = 0, count = properties.propertyCount(); i < count; ++i) {
197             // Currently the property cache only copy the non-inherited values and resolve
198             // the inherited ones.
199             // Here we define some exception were we have to resolve some properties that are not inherited
200             // by default. If those exceptions become too common on the web, it should be possible
201             // to build a list of exception to resolve instead of completely disabling the cache.
202
203             StyleProperties::PropertyReference current = properties.propertyAt(i);
204             if (!current.isInherited()) {
205                 // If the property value is explicitly inherited, we need to apply further non-inherited properties
206                 // as they might override the value inherited here. For this reason we don't allow declarations with
207                 // explicitly inherited properties to be cached.
208                 const CSSValue& value = *current.value();
209                 if (value.isInheritedValue()) {
210                     isCacheable = false;
211                     break;
212                 }
213
214                 // The value currentColor has implicitely the same side effect. It depends on the value of color,
215                 // which is an inherited value, making the non-inherited property implicitly inherited.
216                 if (is<CSSPrimitiveValue>(value) && downcast<CSSPrimitiveValue>(value).valueID() == CSSValueCurrentcolor) {
217                     isCacheable = false;
218                     break;
219                 }
220
221                 if (value.hasVariableReferences()) {
222                     isCacheable = false;
223                     break;
224                 }
225             }
226         }
227     }
228 }
229
230 StyleResolver::StyleResolver(Document& document)
231     : m_ruleSets(*this)
232     , m_matchedPropertiesCacheAdditionsSinceLastSweep(0)
233     , m_matchedPropertiesCacheSweepTimer(*this, &StyleResolver::sweepMatchedPropertiesCache)
234     , m_document(document)
235     , m_matchAuthorAndUserStyles(m_document.settings().authorAndUserStylesEnabled())
236 #if ENABLE(CSS_DEVICE_ADAPTATION)
237     , m_viewportStyleResolver(ViewportStyleResolver::create(&document))
238 #endif
239     , m_styleMap(this)
240 {
241     Element* root = m_document.documentElement();
242
243     CSSDefaultStyleSheets::initDefaultStyle(root);
244
245     // construct document root element default style. this is needed
246     // to evaluate media queries that contain relative constraints, like "screen and (max-width: 10em)"
247     // This is here instead of constructor, because when constructor is run,
248     // document doesn't have documentElement
249     // NOTE: this assumes that element that gets passed to styleForElement -call
250     // is always from the document that owns the style selector
251     FrameView* view = m_document.view();
252     if (view)
253         m_mediaQueryEvaluator = MediaQueryEvaluator { view->mediaType() };
254     else
255         m_mediaQueryEvaluator = MediaQueryEvaluator { "all" };
256
257     if (root) {
258         m_rootDefaultStyle = styleForElement(*root, m_document.renderStyle(), nullptr, MatchOnlyUserAgentRules).renderStyle;
259         // Turn off assertion against font lookups during style resolver initialization. We may need root style font for media queries.
260         m_document.fontSelector().setIsComputingRootStyleFont(true);
261         m_rootDefaultStyle->fontCascade().update(&m_document.fontSelector());
262         m_rootDefaultStyle->fontCascade().primaryFont();
263         m_document.fontSelector().setIsComputingRootStyleFont(false);
264     }
265
266     if (m_rootDefaultStyle && view)
267         m_mediaQueryEvaluator = MediaQueryEvaluator { view->mediaType(), m_document, m_rootDefaultStyle.get() };
268
269     m_ruleSets.resetAuthorStyle();
270
271 #if ENABLE(SVG_FONTS)
272     if (m_document.svgExtensions()) {
273         const HashSet<SVGFontFaceElement*>& svgFontFaceElements = m_document.svgExtensions()->svgFontFaceElements();
274         for (auto* svgFontFaceElement : svgFontFaceElements)
275             m_document.fontSelector().addFontFaceRule(svgFontFaceElement->fontFaceRule(), svgFontFaceElement->isInUserAgentShadowTree());
276     }
277 #endif
278 }
279
280 void StyleResolver::appendAuthorStyleSheets(const Vector<RefPtr<CSSStyleSheet>>& styleSheets)
281 {
282     m_ruleSets.appendAuthorStyleSheets(styleSheets, &m_mediaQueryEvaluator, m_inspectorCSSOMWrappers, this);
283
284     document().fontSelector().buildCompleted();
285
286     if (auto renderView = document().renderView())
287         renderView->style().fontCascade().update(&document().fontSelector());
288
289 #if ENABLE(CSS_DEVICE_ADAPTATION)
290     viewportStyleResolver()->resolve();
291 #endif
292 }
293
294 // This is a simplified style setting function for keyframe styles
295 void StyleResolver::addKeyframeStyle(Ref<StyleRuleKeyframes>&& rule)
296 {
297     AtomicString s(rule->name());
298     m_keyframesRuleMap.set(s.impl(), WTFMove(rule));
299 }
300
301 StyleResolver::~StyleResolver()
302 {
303     RELEASE_ASSERT(!m_isDeleted);
304     m_isDeleted = true;
305
306 #if ENABLE(CSS_DEVICE_ADAPTATION)
307     m_viewportStyleResolver->clearDocument();
308 #endif
309 }
310
311 void StyleResolver::sweepMatchedPropertiesCache()
312 {
313     // Look for cache entries containing a style declaration with a single ref and remove them.
314     // This may happen when an element attribute mutation causes it to generate a new inlineStyle()
315     // or presentationAttributeStyle(), potentially leaving this cache with the last ref on the old one.
316     Vector<unsigned, 16> toRemove;
317     MatchedPropertiesCache::iterator it = m_matchedPropertiesCache.begin();
318     MatchedPropertiesCache::iterator end = m_matchedPropertiesCache.end();
319     for (; it != end; ++it) {
320         Vector<MatchedProperties>& matchedProperties = it->value.matchedProperties;
321         for (size_t i = 0; i < matchedProperties.size(); ++i) {
322             if (matchedProperties[i].properties->hasOneRef()) {
323                 toRemove.append(it->key);
324                 break;
325             }
326         }
327     }
328     for (size_t i = 0; i < toRemove.size(); ++i)
329         m_matchedPropertiesCache.remove(toRemove[i]);
330
331     m_matchedPropertiesCacheAdditionsSinceLastSweep = 0;
332 }
333
334 StyleResolver::State::State(const Element& element, const RenderStyle* parentStyle, const RenderStyle* documentElementStyle, const RenderRegion* regionForStyling, const SelectorFilter* selectorFilter)
335     : m_element(&element)
336     , m_parentStyle(parentStyle)
337     , m_regionForStyling(regionForStyling)
338     , m_elementLinkState(element.document().visitedLinkState().determineLinkState(element))
339     , m_selectorFilter(selectorFilter)
340 {
341     bool resetStyleInheritance = hasShadowRootParent(element) && downcast<ShadowRoot>(element.parentNode())->resetStyleInheritance();
342     if (resetStyleInheritance)
343         m_parentStyle = nullptr;
344
345     auto& document = element.document();
346     auto* documentElement = document.documentElement();
347     if (!documentElement || documentElement == &element)
348         m_rootElementStyle = document.renderStyle();
349     else
350         m_rootElementStyle = documentElementStyle ? documentElementStyle : documentElement->renderStyle();
351
352     updateConversionData();
353 }
354
355 inline void StyleResolver::State::updateConversionData()
356 {
357     m_cssToLengthConversionData = CSSToLengthConversionData(m_style.get(), m_rootElementStyle, m_element ? document().renderView() : nullptr);
358 }
359
360 inline void StyleResolver::State::setStyle(std::unique_ptr<RenderStyle> style)
361 {
362     m_style = WTFMove(style);
363     updateConversionData();
364 }
365
366 void StyleResolver::State::setParentStyle(std::unique_ptr<RenderStyle> parentStyle)
367 {
368     m_ownedParentStyle = WTFMove(parentStyle);
369     m_parentStyle = m_ownedParentStyle.get();
370 }
371
372 static inline bool isAtShadowBoundary(const Element& element)
373 {
374     auto* parentNode = element.parentNode();
375     return parentNode && parentNode->isShadowRoot();
376 }
377
378 ElementStyle StyleResolver::styleForElement(const Element& element, const RenderStyle* parentStyle, const RenderStyle* parentBoxStyle, RuleMatchingBehavior matchingBehavior, const RenderRegion* regionForStyling, const SelectorFilter* selectorFilter)
379 {
380     RELEASE_ASSERT(!m_isDeleted);
381
382     m_state = State(element, parentStyle, m_overrideDocumentElementStyle, regionForStyling, selectorFilter);
383     State& state = m_state;
384
385     if (state.parentStyle()) {
386         state.setStyle(RenderStyle::createPtr());
387         state.style()->inheritFrom(*state.parentStyle());
388     } else {
389         state.setStyle(defaultStyleForElement());
390         state.setParentStyle(RenderStyle::clonePtr(*state.style()));
391     }
392
393     auto& style = *state.style();
394
395     if (element.isLink()) {
396         style.setIsLink(true);
397         EInsideLink linkState = state.elementLinkState();
398         if (linkState != NotInsideLink) {
399             bool forceVisited = InspectorInstrumentation::forcePseudoState(element, CSSSelector::PseudoClassVisited);
400             if (forceVisited)
401                 linkState = InsideVisitedLink;
402         }
403         style.setInsideLink(linkState);
404     }
405
406     CSSDefaultStyleSheets::ensureDefaultStyleSheetsForElement(element);
407
408     ElementRuleCollector collector(element, m_ruleSets, m_state.selectorFilter());
409     collector.setRegionForStyling(regionForStyling);
410     collector.setMedium(&m_mediaQueryEvaluator);
411
412     if (matchingBehavior == MatchOnlyUserAgentRules)
413         collector.matchUARules();
414     else
415         collector.matchAllRules(m_matchAuthorAndUserStyles, matchingBehavior != MatchAllRulesExcludingSMIL);
416
417     if (collector.matchedPseudoElementIds())
418         style.setHasPseudoStyles(collector.matchedPseudoElementIds());
419
420     // This is required for style sharing.
421     if (collector.didMatchUncommonAttributeSelector())
422         style.setUnique();
423
424     auto elementStyleRelations = Style::commitRelationsToRenderStyle(style, element, collector.styleRelations());
425
426     applyMatchedProperties(collector.matchedResult(), element);
427
428     // Clean up our style object's display and text decorations (among other fixups).
429     adjustRenderStyle(*state.style(), *state.parentStyle(), parentBoxStyle, &element);
430
431     if (state.style()->hasViewportUnits())
432         document().setHasStyleWithViewportUnits();
433
434     state.clear(); // Clear out for the next resolve.
435
436     return { state.takeStyle(), WTFMove(elementStyleRelations) };
437 }
438
439 std::unique_ptr<RenderStyle> StyleResolver::styleForKeyframe(const RenderStyle* elementStyle, const StyleRuleKeyframe* keyframe, KeyframeValue& keyframeValue)
440 {
441     RELEASE_ASSERT(!m_isDeleted);
442
443     MatchResult result;
444     result.addMatchedProperties(keyframe->properties());
445
446     ASSERT(!m_state.style());
447
448     State& state = m_state;
449
450     // Create the style
451     state.setStyle(RenderStyle::clonePtr(*elementStyle));
452     state.setParentStyle(RenderStyle::clonePtr(*elementStyle));
453
454     TextDirection direction;
455     WritingMode writingMode;
456     extractDirectionAndWritingMode(*state.style(), result, direction, writingMode);
457
458     // We don't need to bother with !important. Since there is only ever one
459     // decl, there's nothing to override. So just add the first properties.
460     CascadedProperties cascade(direction, writingMode);
461     cascade.addNormalMatches(result, 0, result.matchedProperties().size() - 1);
462     
463     // Resolve custom properties first.
464     applyCascadedProperties(cascade, CSSPropertyCustom, CSSPropertyCustom, &result);
465
466     applyCascadedProperties(cascade, firstCSSProperty, lastHighPriorityProperty, &result);
467
468     // If our font got dirtied, update it now.
469     updateFont();
470
471     // Now do rest of the properties.
472     applyCascadedProperties(cascade, firstLowPriorityProperty, lastCSSProperty, &result);
473
474     // If our font got dirtied by one of the non-essential font props, update it a second time.
475     updateFont();
476
477     cascade.applyDeferredProperties(*this, &result);
478
479     adjustRenderStyle(*state.style(), *state.parentStyle(), nullptr, nullptr);
480
481     // Add all the animating properties to the keyframe.
482     unsigned propertyCount = keyframe->properties().propertyCount();
483     for (unsigned i = 0; i < propertyCount; ++i) {
484         CSSPropertyID property = keyframe->properties().propertyAt(i).id();
485         // Timing-function within keyframes is special, because it is not animated; it just
486         // describes the timing function between this keyframe and the next.
487         if (property != CSSPropertyAnimationTimingFunction)
488             keyframeValue.addProperty(property);
489     }
490
491     return state.takeStyle();
492 }
493
494 void StyleResolver::keyframeStylesForAnimation(const Element& element, const RenderStyle* elementStyle, KeyframeList& list)
495 {
496     list.clear();
497
498     // Get the keyframesRule for this name.
499     if (list.animationName().isEmpty())
500         return;
501
502     m_keyframesRuleMap.checkConsistency();
503
504     KeyframesRuleMap::iterator it = m_keyframesRuleMap.find(list.animationName().impl());
505     if (it == m_keyframesRuleMap.end())
506         return;
507
508     const StyleRuleKeyframes* keyframesRule = it->value.get();
509
510     auto* keyframes = &keyframesRule->keyframes();
511     Vector<Ref<StyleRuleKeyframe>> newKeyframesIfNecessary;
512
513     bool hasDuplicateKeys = false;
514     HashSet<double> keyframeKeys;
515     for (auto& keyframe : *keyframes) {
516         for (auto key : keyframe->keys()) {
517             if (!keyframeKeys.add(key)) {
518                 hasDuplicateKeys = true;
519                 break;
520             }
521         }
522         if (hasDuplicateKeys)
523             break;
524     }
525
526     // FIXME: If HashMaps could have Ref<> as value types, we wouldn't need
527     // to copy the HashMap into a Vector.
528     if (hasDuplicateKeys) {
529         // Merge duplicate key times.
530         HashMap<double, RefPtr<StyleRuleKeyframe>> keyframesMap;
531
532         for (auto& originalKeyframe : keyframesRule->keyframes()) {
533             for (auto key : originalKeyframe->keys()) {
534                 if (auto keyframe = keyframesMap.get(key))
535                     keyframe->mutableProperties().mergeAndOverrideOnConflict(originalKeyframe->properties());
536                 else {
537                     auto StyleRuleKeyframe = StyleRuleKeyframe::create(MutableStyleProperties::create());
538                     StyleRuleKeyframe.ptr()->setKey(key);
539                     StyleRuleKeyframe.ptr()->mutableProperties().mergeAndOverrideOnConflict(originalKeyframe->properties());
540                     keyframesMap.set(key, StyleRuleKeyframe.ptr());
541                 }
542             }
543         }
544
545         for (auto& keyframe : keyframesMap.values())
546             newKeyframesIfNecessary.append(*keyframe.get());
547
548         keyframes = &newKeyframesIfNecessary;
549     }
550
551     // Construct and populate the style for each keyframe.
552     for (auto& keyframe : *keyframes) {
553         // Apply the declaration to the style. This is a simplified version of the logic in styleForElement.
554         m_state = State(element, nullptr);
555
556         // Add this keyframe style to all the indicated key times
557         for (auto key : keyframe->keys()) {
558             KeyframeValue keyframeValue(0, nullptr);
559             keyframeValue.setStyle(styleForKeyframe(elementStyle, keyframe.ptr(), keyframeValue));
560             keyframeValue.setKey(key);
561             list.insert(WTFMove(keyframeValue));
562         }
563     }
564
565     // If the 0% keyframe is missing, create it (but only if there is at least one other keyframe).
566     int initialListSize = list.size();
567     if (initialListSize > 0 && list[0].key()) {
568         static StyleRuleKeyframe* zeroPercentKeyframe;
569         if (!zeroPercentKeyframe) {
570             zeroPercentKeyframe = &StyleRuleKeyframe::create(MutableStyleProperties::create()).leakRef();
571             zeroPercentKeyframe->setKey(0);
572         }
573         KeyframeValue keyframeValue(0, nullptr);
574         keyframeValue.setStyle(styleForKeyframe(elementStyle, zeroPercentKeyframe, keyframeValue));
575         list.insert(WTFMove(keyframeValue));
576     }
577
578     // If the 100% keyframe is missing, create it (but only if there is at least one other keyframe).
579     if (initialListSize > 0 && (list[list.size() - 1].key() != 1)) {
580         static StyleRuleKeyframe* hundredPercentKeyframe;
581         if (!hundredPercentKeyframe) {
582             hundredPercentKeyframe = &StyleRuleKeyframe::create(MutableStyleProperties::create()).leakRef();
583             hundredPercentKeyframe->setKey(1);
584         }
585         KeyframeValue keyframeValue(1, nullptr);
586         keyframeValue.setStyle(styleForKeyframe(elementStyle, hundredPercentKeyframe, keyframeValue));
587         list.insert(WTFMove(keyframeValue));
588     }
589 }
590
591 std::unique_ptr<RenderStyle> StyleResolver::pseudoStyleForElement(const Element& element, const PseudoStyleRequest& pseudoStyleRequest, const RenderStyle& parentStyle)
592 {
593     m_state = State(element, &parentStyle);
594
595     State& state = m_state;
596
597     if (m_state.parentStyle()) {
598         state.setStyle(RenderStyle::createPtr());
599         state.style()->inheritFrom(*m_state.parentStyle());
600     } else {
601         state.setStyle(defaultStyleForElement());
602         state.setParentStyle(RenderStyle::clonePtr(*state.style()));
603     }
604
605     // Since we don't use pseudo-elements in any of our quirk/print user agent rules, don't waste time walking
606     // those rules.
607
608     // Check UA, user and author rules.
609     ElementRuleCollector collector(element, m_ruleSets, m_state.selectorFilter());
610     collector.setPseudoStyleRequest(pseudoStyleRequest);
611     collector.setMedium(&m_mediaQueryEvaluator);
612     collector.matchUARules();
613
614     if (m_matchAuthorAndUserStyles) {
615         collector.matchUserRules(false);
616         collector.matchAuthorRules(false);
617     }
618
619     ASSERT(!collector.matchedPseudoElementIds());
620
621     if (collector.matchedResult().matchedProperties().isEmpty())
622         return nullptr;
623
624     state.style()->setStyleType(pseudoStyleRequest.pseudoId);
625
626     applyMatchedProperties(collector.matchedResult(), element);
627
628     // Clean up our style object's display and text decorations (among other fixups).
629     adjustRenderStyle(*state.style(), *m_state.parentStyle(), nullptr, nullptr);
630
631     if (state.style()->hasViewportUnits())
632         document().setHasStyleWithViewportUnits();
633
634     // Now return the style.
635     return state.takeStyle();
636 }
637
638 std::unique_ptr<RenderStyle> StyleResolver::styleForPage(int pageIndex)
639 {
640     RELEASE_ASSERT(!m_isDeleted);
641
642     auto* documentElement = m_document.documentElement();
643     if (!documentElement)
644         return RenderStyle::createPtr();
645
646     m_state = State(*documentElement, m_document.renderStyle());
647
648     m_state.setStyle(RenderStyle::createPtr());
649     m_state.style()->inheritFrom(*m_state.rootElementStyle());
650
651     PageRuleCollector collector(m_state, m_ruleSets);
652     collector.matchAllPageRules(pageIndex);
653
654     MatchResult& result = collector.matchedResult();
655
656     TextDirection direction;
657     WritingMode writingMode;
658     extractDirectionAndWritingMode(*m_state.style(), result, direction, writingMode);
659
660     CascadedProperties cascade(direction, writingMode);
661     cascade.addNormalMatches(result, 0, result.matchedProperties().size() - 1);
662
663     // Resolve custom properties first.
664     applyCascadedProperties(cascade, CSSPropertyCustom, CSSPropertyCustom, &result);
665
666     applyCascadedProperties(cascade, firstCSSProperty, lastHighPriorityProperty, &result);
667
668     // If our font got dirtied, update it now.
669     updateFont();
670
671     applyCascadedProperties(cascade, firstLowPriorityProperty, lastCSSProperty, &result);
672
673     cascade.applyDeferredProperties(*this, &result);
674
675     // Now return the style.
676     return m_state.takeStyle();
677 }
678
679 std::unique_ptr<RenderStyle> StyleResolver::defaultStyleForElement()
680 {
681     m_state.setStyle(RenderStyle::createPtr());
682     // Make sure our fonts are initialized if we don't inherit them from our parent style.
683     initializeFontStyle();
684     m_state.style()->fontCascade().update(&document().fontSelector());
685     return m_state.takeStyle();
686 }
687
688 static void addIntrinsicMargins(RenderStyle& style)
689 {
690     // Intrinsic margin value.
691     const int intrinsicMargin = clampToInteger(2 * style.effectiveZoom());
692
693     // FIXME: Using width/height alone and not also dealing with min-width/max-width is flawed.
694     // FIXME: Using "hasQuirk" to decide the margin wasn't set is kind of lame.
695     if (style.width().isIntrinsicOrAuto()) {
696         if (style.marginLeft().hasQuirk())
697             style.setMarginLeft(Length(intrinsicMargin, Fixed));
698         if (style.marginRight().hasQuirk())
699             style.setMarginRight(Length(intrinsicMargin, Fixed));
700     }
701
702     if (style.height().isAuto()) {
703         if (style.marginTop().hasQuirk())
704             style.setMarginTop(Length(intrinsicMargin, Fixed));
705         if (style.marginBottom().hasQuirk())
706             style.setMarginBottom(Length(intrinsicMargin, Fixed));
707     }
708 }
709
710 static EDisplay equivalentBlockDisplay(const RenderStyle& style, const Document& document)
711 {
712     switch (auto display = style.display()) {
713     case BLOCK:
714     case TABLE:
715     case BOX:
716     case FLEX:
717     case WEBKIT_FLEX:
718     case GRID:
719         return display;
720
721     case LIST_ITEM:
722         // It is a WinIE bug that floated list items lose their bullets, so we'll emulate the quirk, but only in quirks mode.
723         if (document.inQuirksMode() && style.isFloating())
724             return BLOCK;
725         return display;
726     case INLINE_TABLE:
727         return TABLE;
728     case INLINE_BOX:
729         return BOX;
730     case INLINE_FLEX:
731     case WEBKIT_INLINE_FLEX:
732         return FLEX;
733     case INLINE_GRID:
734         return GRID;
735
736     case INLINE:
737     case COMPACT:
738     case INLINE_BLOCK:
739     case TABLE_ROW_GROUP:
740     case TABLE_HEADER_GROUP:
741     case TABLE_FOOTER_GROUP:
742     case TABLE_ROW:
743     case TABLE_COLUMN_GROUP:
744     case TABLE_COLUMN:
745     case TABLE_CELL:
746     case TABLE_CAPTION:
747         return BLOCK;
748     case CONTENTS:
749         ASSERT_NOT_REACHED();
750         return CONTENTS;
751     case NONE:
752         ASSERT_NOT_REACHED();
753         return NONE;
754     }
755     ASSERT_NOT_REACHED();
756     return BLOCK;
757 }
758
759 // CSS requires text-decoration to be reset at each DOM element for tables, 
760 // inline blocks, inline tables, shadow DOM crossings, floating elements,
761 // and absolute or relatively positioned elements.
762 static bool doesNotInheritTextDecoration(const RenderStyle& style, const Element* element)
763 {
764     return style.display() == TABLE || style.display() == INLINE_TABLE
765         || style.display() == INLINE_BLOCK || style.display() == INLINE_BOX || (element && isAtShadowBoundary(*element))
766         || style.isFloating() || style.hasOutOfFlowPosition();
767 }
768
769 #if ENABLE(ACCELERATED_OVERFLOW_SCROLLING)
770 static bool isScrollableOverflow(EOverflow overflow)
771 {
772     return overflow == OSCROLL || overflow == OAUTO || overflow == OOVERLAY;
773 }
774 #endif
775
776 void StyleResolver::adjustStyleForInterCharacterRuby()
777 {
778     RenderStyle* style = m_state.style();
779     if (style->rubyPosition() != RubyPositionInterCharacter || !m_state.element() || !m_state.element()->hasTagName(rtTag))
780         return;
781     style->setTextAlign(CENTER);
782     if (style->isHorizontalWritingMode())
783         style->setWritingMode(LeftToRightWritingMode);
784 }
785
786 void StyleResolver::adjustRenderStyle(RenderStyle& style, const RenderStyle& parentStyle, const RenderStyle* parentBoxStyle, const Element* element)
787 {
788     // If the composed tree parent has display:contents, the parent box style will be different from the parent style.
789     // We don't have it when resolving computed style for display:none subtree. Use parent style for adjustments in that case.
790     if (!parentBoxStyle)
791         parentBoxStyle = &parentStyle;
792
793     // Cache our original display.
794     style.setOriginalDisplay(style.display());
795
796     if (style.display() == CONTENTS) {
797         // FIXME: Enable for all elements.
798         bool elementSupportsDisplayContents = is<HTMLSlotElement>(element);
799         if (!elementSupportsDisplayContents)
800             style.setDisplay(INLINE);
801     }
802
803     if (style.display() != NONE && style.display() != CONTENTS) {
804         if (element) {
805             // If we have a <td> that specifies a float property, in quirks mode we just drop the float
806             // property.
807             // Sites also commonly use display:inline/block on <td>s and <table>s. In quirks mode we force
808             // these tags to retain their display types.
809             if (document().inQuirksMode()) {
810                 if (element->hasTagName(tdTag)) {
811                     style.setDisplay(TABLE_CELL);
812                     style.setFloating(NoFloat);
813                 } else if (is<HTMLTableElement>(*element))
814                     style.setDisplay(style.isDisplayInlineType() ? INLINE_TABLE : TABLE);
815             }
816
817             if (element->hasTagName(tdTag) || element->hasTagName(thTag)) {
818                 if (style.whiteSpace() == KHTML_NOWRAP) {
819                     // Figure out if we are really nowrapping or if we should just
820                     // use normal instead. If the width of the cell is fixed, then
821                     // we don't actually use NOWRAP.
822                     if (style.width().isFixed())
823                         style.setWhiteSpace(NORMAL);
824                     else
825                         style.setWhiteSpace(NOWRAP);
826                 }
827             }
828
829             // Tables never support the -webkit-* values for text-align and will reset back to the default.
830             if (is<HTMLTableElement>(*element) && (style.textAlign() == WEBKIT_LEFT || style.textAlign() == WEBKIT_CENTER || style.textAlign() == WEBKIT_RIGHT))
831                 style.setTextAlign(TASTART);
832
833             // Frames and framesets never honor position:relative or position:absolute. This is necessary to
834             // fix a crash where a site tries to position these objects. They also never honor display.
835             if (element->hasTagName(frameTag) || element->hasTagName(framesetTag)) {
836                 style.setPosition(StaticPosition);
837                 style.setDisplay(BLOCK);
838             }
839
840             // Ruby text does not support float or position. This might change with evolution of the specification.
841             if (element->hasTagName(rtTag)) {
842                 style.setPosition(StaticPosition);
843                 style.setFloating(NoFloat);
844             }
845
846             // User agents are expected to have a rule in their user agent stylesheet that matches th elements that have a parent
847             // node whose computed value for the 'text-align' property is its initial value, whose declaration block consists of
848             // just a single declaration that sets the 'text-align' property to the value 'center'.
849             // https://html.spec.whatwg.org/multipage/rendering.html#rendering
850             if (element->hasTagName(thTag) && !style.hasExplicitlySetTextAlign() && parentStyle.textAlign() == RenderStyle::initialTextAlign())
851                 style.setTextAlign(CENTER);
852
853             if (element->hasTagName(legendTag))
854                 style.setDisplay(BLOCK);
855         }
856
857         // Absolute/fixed positioned elements, floating elements and the document element need block-like outside display.
858         if (style.hasOutOfFlowPosition() || style.isFloating() || (element && element->document().documentElement() == element))
859             style.setDisplay(equivalentBlockDisplay(style, document()));
860
861         // FIXME: Don't support this mutation for pseudo styles like first-letter or first-line, since it's not completely
862         // clear how that should work.
863         if (style.display() == INLINE && style.styleType() == NOPSEUDO && style.writingMode() != parentStyle.writingMode())
864             style.setDisplay(INLINE_BLOCK);
865
866         // After performing the display mutation, check table rows. We do not honor position:relative or position:sticky on
867         // table rows or cells. This has been established for position:relative in CSS2.1 (and caused a crash in containingBlock()
868         // on some sites).
869         if ((style.display() == TABLE_HEADER_GROUP || style.display() == TABLE_ROW_GROUP
870             || style.display() == TABLE_FOOTER_GROUP || style.display() == TABLE_ROW)
871             && style.position() == RelativePosition)
872             style.setPosition(StaticPosition);
873
874         // writing-mode does not apply to table row groups, table column groups, table rows, and table columns.
875         // FIXME: Table cells should be allowed to be perpendicular or flipped with respect to the table, though.
876         if (style.display() == TABLE_COLUMN || style.display() == TABLE_COLUMN_GROUP || style.display() == TABLE_FOOTER_GROUP
877             || style.display() == TABLE_HEADER_GROUP || style.display() == TABLE_ROW || style.display() == TABLE_ROW_GROUP
878             || style.display() == TABLE_CELL)
879             style.setWritingMode(parentStyle.writingMode());
880
881         // FIXME: Since we don't support block-flow on flexible boxes yet, disallow setting
882         // of block-flow to anything other than TopToBottomWritingMode.
883         // https://bugs.webkit.org/show_bug.cgi?id=46418 - Flexible box support.
884         if (style.writingMode() != TopToBottomWritingMode && (style.display() == BOX || style.display() == INLINE_BOX))
885             style.setWritingMode(TopToBottomWritingMode);
886
887         // https://www.w3.org/TR/css-display/#transformations
888         // "A parent with a grid or flex display value blockifies the box’s display type."
889         if (parentBoxStyle->isDisplayFlexibleOrGridBox()) {
890             style.setFloating(NoFloat);
891             style.setDisplay(equivalentBlockDisplay(style, document()));
892         }
893     }
894
895     // Make sure our z-index value is only applied if the object is positioned.
896     if (style.position() == StaticPosition && !parentBoxStyle->isDisplayFlexibleOrGridBox())
897         style.setHasAutoZIndex();
898
899     // Auto z-index becomes 0 for the root element and transparent objects. This prevents
900     // cases where objects that should be blended as a single unit end up with a non-transparent
901     // object wedged in between them. Auto z-index also becomes 0 for objects that specify transforms/masks/reflections.
902     if (style.hasAutoZIndex()) {
903         if ((element && element->document().documentElement() == element)
904             || style.opacity() < 1.0f
905             || style.hasTransformRelatedProperty()
906             || style.hasMask()
907             || style.clipPath()
908             || style.boxReflect()
909             || style.hasFilter()
910 #if ENABLE(FILTERS_LEVEL_2)
911             || style.hasBackdropFilter()
912 #endif
913             || style.hasBlendMode()
914             || style.hasIsolation()
915             || style.position() == StickyPosition
916             || style.position() == FixedPosition
917             || style.hasFlowFrom()
918             || style.willChangeCreatesStackingContext())
919             style.setZIndex(0);
920     }
921
922     if (element) {
923         // Textarea considers overflow visible as auto.
924         if (is<HTMLTextAreaElement>(*element)) {
925             style.setOverflowX(style.overflowX() == OVISIBLE ? OAUTO : style.overflowX());
926             style.setOverflowY(style.overflowY() == OVISIBLE ? OAUTO : style.overflowY());
927         }
928
929         // Disallow -webkit-user-modify on :pseudo and ::pseudo elements.
930         if (!element->shadowPseudoId().isNull())
931             style.setUserModify(READ_ONLY);
932
933         // For now, <marquee> requires an overflow clip to work properly.
934         if (is<HTMLMarqueeElement>(*element)) {
935             style.setOverflowX(OHIDDEN);
936             style.setOverflowY(OHIDDEN);
937         }
938     }
939
940     if (doesNotInheritTextDecoration(style, element))
941         style.setTextDecorationsInEffect(style.textDecoration());
942     else
943         style.addToTextDecorationsInEffect(style.textDecoration());
944
945     // If either overflow value is not visible, change to auto.
946     if (style.overflowX() == OVISIBLE && style.overflowY() != OVISIBLE) {
947         // FIXME: Once we implement pagination controls, overflow-x should default to hidden
948         // if overflow-y is set to -webkit-paged-x or -webkit-page-y. For now, we'll let it
949         // default to auto so we can at least scroll through the pages.
950         style.setOverflowX(OAUTO);
951     } else if (style.overflowY() == OVISIBLE && style.overflowX() != OVISIBLE)
952         style.setOverflowY(OAUTO);
953
954     // Call setStylesForPaginationMode() if a pagination mode is set for any non-root elements. If these
955     // styles are specified on a root element, then they will be incorporated in
956     // Style::createForDocument().
957     if ((style.overflowY() == OPAGEDX || style.overflowY() == OPAGEDY) && !(element && (element->hasTagName(htmlTag) || element->hasTagName(bodyTag))))
958         style.setColumnStylesFromPaginationMode(WebCore::paginationModeForRenderStyle(style));
959
960     // Table rows, sections and the table itself will support overflow:hidden and will ignore scroll/auto.
961     // FIXME: Eventually table sections will support auto and scroll.
962     if (style.display() == TABLE || style.display() == INLINE_TABLE
963         || style.display() == TABLE_ROW_GROUP || style.display() == TABLE_ROW) {
964         if (style.overflowX() != OVISIBLE && style.overflowX() != OHIDDEN)
965             style.setOverflowX(OVISIBLE);
966         if (style.overflowY() != OVISIBLE && style.overflowY() != OHIDDEN)
967             style.setOverflowY(OVISIBLE);
968     }
969
970     // Menulists should have visible overflow
971     if (style.appearance() == MenulistPart) {
972         style.setOverflowX(OVISIBLE);
973         style.setOverflowY(OVISIBLE);
974     }
975
976 #if ENABLE(ACCELERATED_OVERFLOW_SCROLLING)
977     // Touch overflow scrolling creates a stacking context.
978     if (style.hasAutoZIndex() && style.useTouchOverflowScrolling() && (isScrollableOverflow(style.overflowX()) || isScrollableOverflow(style.overflowY())))
979         style.setZIndex(0);
980 #endif
981
982     // Cull out any useless layers and also repeat patterns into additional layers.
983     style.adjustBackgroundLayers();
984     style.adjustMaskLayers();
985
986     // Do the same for animations and transitions.
987     style.adjustAnimations();
988     style.adjustTransitions();
989
990     // Important: Intrinsic margins get added to controls before the theme has adjusted the style, since the theme will
991     // alter fonts and heights/widths.
992     if (is<HTMLFormControlElement>(element) && style.fontSize() >= 11) {
993         // Don't apply intrinsic margins to image buttons. The designer knows how big the images are,
994         // so we have to treat all image buttons as though they were explicitly sized.
995         if (!is<HTMLInputElement>(*element) || !downcast<HTMLInputElement>(*element).isImageButton())
996             addIntrinsicMargins(style);
997     }
998
999     // Let the theme also have a crack at adjusting the style.
1000     if (style.hasAppearance())
1001         RenderTheme::defaultTheme()->adjustStyle(*this, style, element, m_state.hasUAAppearance(), m_state.borderData(), m_state.backgroundData(), m_state.backgroundColor());
1002
1003     // If we have first-letter pseudo style, do not share this style.
1004     if (style.hasPseudoStyle(FIRST_LETTER))
1005         style.setUnique();
1006
1007     // FIXME: when dropping the -webkit prefix on transform-style, we should also have opacity < 1 cause flattening.
1008     if (style.preserves3D() && (style.overflowX() != OVISIBLE
1009         || style.overflowY() != OVISIBLE
1010         || style.hasClip()
1011         || style.clipPath()
1012         || style.hasFilter()
1013 #if ENABLE(FILTERS_LEVEL_2)
1014         || style.hasBackdropFilter()
1015 #endif
1016         || style.hasBlendMode()))
1017         style.setTransformStyle3D(TransformStyle3DFlat);
1018
1019     if (is<SVGElement>(element)) {
1020         // Only the root <svg> element in an SVG document fragment tree honors css position
1021         if (!(element->hasTagName(SVGNames::svgTag) && element->parentNode() && !element->parentNode()->isSVGElement()))
1022             style.setPosition(RenderStyle::initialPosition());
1023
1024         // RenderSVGRoot handles zooming for the whole SVG subtree, so foreignObject content should
1025         // not be scaled again.
1026         if (element->hasTagName(SVGNames::foreignObjectTag))
1027             style.setEffectiveZoom(RenderStyle::initialZoom());
1028
1029         // SVG text layout code expects us to be a block-level style element.
1030         if ((element->hasTagName(SVGNames::foreignObjectTag) || element->hasTagName(SVGNames::textTag)) && style.isDisplayInlineType())
1031             style.setDisplay(BLOCK);
1032     }
1033     
1034     adjustStyleForAlignment(style, parentStyle);
1035 }
1036     
1037 void StyleResolver::adjustStyleForAlignment(RenderStyle& style, const RenderStyle& parentStyle)
1038 {
1039     // To avoid needing to copy the StyleRareNonInheritedData, we repurpose the 'auto'
1040     // flag to not just mean 'auto' prior to running adjustRenderStyle but also
1041     // mean 'normal' after running it.
1042     
1043     // If the inherited value of justify-items includes the 'legacy' keyword,
1044     // 'auto' computes to the the inherited value. Otherwise, 'auto' computes to
1045     // 'normal'.
1046     if (style.justifyItems().position() == ItemPositionAuto) {
1047         if (parentStyle.justifyItems().positionType() == LegacyPosition)
1048             style.setJustifyItems(parentStyle.justifyItems());
1049     }
1050     
1051     // The 'auto' keyword computes the computed value of justify-items on the
1052     // parent (minus any legacy keywords), or 'normal' if the box has no parent.
1053     if (style.justifySelf().position() == ItemPositionAuto) {
1054         if (parentStyle.justifyItems().positionType() == LegacyPosition)
1055             style.setJustifySelfPosition(parentStyle.justifyItems().position());
1056         else if (parentStyle.justifyItems().position() != ItemPositionAuto)
1057             style.setJustifySelf(parentStyle.justifyItems());
1058     }
1059     
1060     // The 'auto' keyword computes the computed value of align-items on the parent
1061     // or 'normal' if the box has no parent.
1062     if (style.alignSelf().position() == ItemPositionAuto && parentStyle.alignItems().position() != RenderStyle::initialDefaultAlignment().position())
1063         style.setAlignSelf(parentStyle.alignItems());
1064 }
1065
1066 bool StyleResolver::checkRegionStyle(const Element* regionElement)
1067 {
1068     unsigned rulesSize = m_ruleSets.authorStyle().regionSelectorsAndRuleSets().size();
1069     for (unsigned i = 0; i < rulesSize; ++i) {
1070         ASSERT(m_ruleSets.authorStyle().regionSelectorsAndRuleSets().at(i).ruleSet.get());
1071         if (checkRegionSelector(m_ruleSets.authorStyle().regionSelectorsAndRuleSets().at(i).selector, regionElement))
1072             return true;
1073     }
1074
1075     if (m_ruleSets.userStyle()) {
1076         rulesSize = m_ruleSets.userStyle()->regionSelectorsAndRuleSets().size();
1077         for (unsigned i = 0; i < rulesSize; ++i) {
1078             ASSERT(m_ruleSets.userStyle()->regionSelectorsAndRuleSets().at(i).ruleSet.get());
1079             if (checkRegionSelector(m_ruleSets.userStyle()->regionSelectorsAndRuleSets().at(i).selector, regionElement))
1080                 return true;
1081         }
1082     }
1083
1084     return false;
1085 }
1086
1087 static void checkForOrientationChange(RenderStyle* style)
1088 {
1089     FontOrientation fontOrientation;
1090     NonCJKGlyphOrientation glyphOrientation;
1091     std::tie(fontOrientation, glyphOrientation) = style->fontAndGlyphOrientation();
1092
1093     const auto& fontDescription = style->fontDescription();
1094     if (fontDescription.orientation() == fontOrientation && fontDescription.nonCJKGlyphOrientation() == glyphOrientation)
1095         return;
1096
1097     auto newFontDescription = fontDescription;
1098     newFontDescription.setNonCJKGlyphOrientation(glyphOrientation);
1099     newFontDescription.setOrientation(fontOrientation);
1100     style->setFontDescription(newFontDescription);
1101 }
1102
1103 void StyleResolver::updateFont()
1104 {
1105     if (!m_state.fontDirty())
1106         return;
1107
1108     RenderStyle* style = m_state.style();
1109 #if ENABLE(TEXT_AUTOSIZING)
1110     checkForTextSizeAdjust(style);
1111 #endif
1112     checkForGenericFamilyChange(style, m_state.parentStyle());
1113     checkForZoomChange(style, m_state.parentStyle());
1114     checkForOrientationChange(style);
1115     style->fontCascade().update(&document().fontSelector());
1116     if (m_state.fontSizeHasViewportUnits())
1117         style->setHasViewportUnits(true);
1118     m_state.setFontDirty(false);
1119 }
1120
1121 Vector<RefPtr<StyleRule>> StyleResolver::styleRulesForElement(const Element* element, unsigned rulesToInclude)
1122 {
1123     return pseudoStyleRulesForElement(element, NOPSEUDO, rulesToInclude);
1124 }
1125
1126 Vector<RefPtr<StyleRule>> StyleResolver::pseudoStyleRulesForElement(const Element* element, PseudoId pseudoId, unsigned rulesToInclude)
1127 {
1128     if (!element)
1129         return { };
1130
1131     m_state = State(*element, nullptr);
1132
1133     ElementRuleCollector collector(*element, m_ruleSets, m_state.selectorFilter());
1134     collector.setMode(SelectorChecker::Mode::CollectingRules);
1135     collector.setPseudoStyleRequest(PseudoStyleRequest(pseudoId));
1136     collector.setMedium(&m_mediaQueryEvaluator);
1137
1138     if (rulesToInclude & UAAndUserCSSRules) {
1139         // First we match rules from the user agent sheet.
1140         collector.matchUARules();
1141         
1142         // Now we check user sheet rules.
1143         if (m_matchAuthorAndUserStyles)
1144             collector.matchUserRules(rulesToInclude & EmptyCSSRules);
1145     }
1146
1147     if (m_matchAuthorAndUserStyles && (rulesToInclude & AuthorCSSRules)) {
1148         collector.setSameOriginOnly(!(rulesToInclude & CrossOriginCSSRules));
1149
1150         // Check the rules in author sheets.
1151         collector.matchAuthorRules(rulesToInclude & EmptyCSSRules);
1152     }
1153
1154     return collector.matchedRuleList();
1155 }
1156
1157 static bool shouldApplyPropertyInParseOrder(CSSPropertyID propertyID)
1158 {
1159     switch (propertyID) {
1160     case CSSPropertyWebkitBackgroundClip:
1161     case CSSPropertyBackgroundClip:
1162     case CSSPropertyWebkitBackgroundOrigin:
1163     case CSSPropertyBackgroundOrigin:
1164     case CSSPropertyWebkitBackgroundSize:
1165     case CSSPropertyBackgroundSize:
1166     case CSSPropertyWebkitBorderImage:
1167     case CSSPropertyBorderImage:
1168     case CSSPropertyBorderImageSlice:
1169     case CSSPropertyBorderImageSource:
1170     case CSSPropertyBorderImageOutset:
1171     case CSSPropertyBorderImageRepeat:
1172     case CSSPropertyBorderImageWidth:
1173     case CSSPropertyWebkitBoxShadow:
1174     case CSSPropertyBoxShadow:
1175     case CSSPropertyWebkitTextDecoration:
1176     case CSSPropertyWebkitTextDecorationLine:
1177     case CSSPropertyWebkitTextDecorationStyle:
1178     case CSSPropertyWebkitTextDecorationColor:
1179     case CSSPropertyWebkitTextDecorationSkip:
1180     case CSSPropertyWebkitTextUnderlinePosition:
1181     case CSSPropertyTextDecoration:
1182         return true;
1183     default:
1184         return false;
1185     }
1186 }
1187
1188 static bool elementTypeHasAppearanceFromUAStyle(const Element& element)
1189 {
1190     // NOTE: This is just a hard-coded list of elements that have some -webkit-appearance value in html.css
1191     const auto& localName = element.localName();
1192     return localName == HTMLNames::inputTag
1193         || localName == HTMLNames::textareaTag
1194         || localName == HTMLNames::buttonTag
1195         || localName == HTMLNames::progressTag
1196         || localName == HTMLNames::selectTag
1197         || localName == HTMLNames::meterTag;
1198 }
1199
1200 unsigned StyleResolver::computeMatchedPropertiesHash(const MatchedProperties* properties, unsigned size)
1201 {
1202     return StringHasher::hashMemory(properties, sizeof(MatchedProperties) * size);
1203 }
1204
1205 bool operator==(const StyleResolver::MatchRanges& a, const StyleResolver::MatchRanges& b)
1206 {
1207     return a.firstUARule == b.firstUARule
1208         && a.lastUARule == b.lastUARule
1209         && a.firstAuthorRule == b.firstAuthorRule
1210         && a.lastAuthorRule == b.lastAuthorRule
1211         && a.firstUserRule == b.firstUserRule
1212         && a.lastUserRule == b.lastUserRule;
1213 }
1214
1215 bool operator!=(const StyleResolver::MatchRanges& a, const StyleResolver::MatchRanges& b)
1216 {
1217     return !(a == b);
1218 }
1219
1220 bool operator==(const StyleResolver::MatchedProperties& a, const StyleResolver::MatchedProperties& b)
1221 {
1222     return a.properties == b.properties && a.linkMatchType == b.linkMatchType;
1223 }
1224
1225 bool operator!=(const StyleResolver::MatchedProperties& a, const StyleResolver::MatchedProperties& b)
1226 {
1227     return !(a == b);
1228 }
1229
1230 const StyleResolver::MatchedPropertiesCacheItem* StyleResolver::findFromMatchedPropertiesCache(unsigned hash, const MatchResult& matchResult)
1231 {
1232     ASSERT(hash);
1233
1234     MatchedPropertiesCache::iterator it = m_matchedPropertiesCache.find(hash);
1235     if (it == m_matchedPropertiesCache.end())
1236         return nullptr;
1237     MatchedPropertiesCacheItem& cacheItem = it->value;
1238
1239     size_t size = matchResult.matchedProperties().size();
1240     if (size != cacheItem.matchedProperties.size())
1241         return nullptr;
1242     for (size_t i = 0; i < size; ++i) {
1243         if (matchResult.matchedProperties()[i] != cacheItem.matchedProperties[i])
1244             return nullptr;
1245     }
1246     if (cacheItem.ranges != matchResult.ranges)
1247         return nullptr;
1248     return &cacheItem;
1249 }
1250
1251 void StyleResolver::addToMatchedPropertiesCache(const RenderStyle* style, const RenderStyle* parentStyle, unsigned hash, const MatchResult& matchResult)
1252 {
1253     static const unsigned matchedDeclarationCacheAdditionsBetweenSweeps = 100;
1254     if (++m_matchedPropertiesCacheAdditionsSinceLastSweep >= matchedDeclarationCacheAdditionsBetweenSweeps
1255         && !m_matchedPropertiesCacheSweepTimer.isActive()) {
1256         static const Seconds matchedDeclarationCacheSweepTime { 1_min };
1257         m_matchedPropertiesCacheSweepTimer.startOneShot(matchedDeclarationCacheSweepTime);
1258     }
1259
1260     ASSERT(hash);
1261     MatchedPropertiesCacheItem cacheItem;
1262     cacheItem.matchedProperties.appendVector(matchResult.matchedProperties());
1263     cacheItem.ranges = matchResult.ranges;
1264     // Note that we don't cache the original RenderStyle instance. It may be further modified.
1265     // The RenderStyle in the cache is really just a holder for the substructures and never used as-is.
1266     cacheItem.renderStyle = RenderStyle::clonePtr(*style);
1267     cacheItem.parentRenderStyle = RenderStyle::clonePtr(*parentStyle);
1268     m_matchedPropertiesCache.add(hash, WTFMove(cacheItem));
1269 }
1270
1271 void StyleResolver::invalidateMatchedPropertiesCache()
1272 {
1273     m_matchedPropertiesCache.clear();
1274 }
1275
1276 void StyleResolver::clearCachedPropertiesAffectedByViewportUnits()
1277 {
1278     Vector<unsigned, 16> toRemove;
1279     for (auto& cacheKeyValue : m_matchedPropertiesCache) {
1280         if (cacheKeyValue.value.renderStyle->hasViewportUnits())
1281             toRemove.append(cacheKeyValue.key);
1282     }
1283     for (auto key : toRemove)
1284         m_matchedPropertiesCache.remove(key);
1285 }
1286
1287 static bool isCacheableInMatchedPropertiesCache(const Element& element, const RenderStyle* style, const RenderStyle* parentStyle)
1288 {
1289     // FIXME: Writing mode and direction properties modify state when applying to document element by calling
1290     // Document::setWritingMode/DirectionSetOnDocumentElement. We can't skip the applying by caching.
1291     if (&element == element.document().documentElement())
1292         return false;
1293     // content:attr() value depends on the element it is being applied to.
1294     if (style->hasAttrContent() || (style->styleType() != NOPSEUDO && parentStyle->hasAttrContent()))
1295         return false;
1296     if (style->hasAppearance())
1297         return false;
1298     if (style->zoom() != RenderStyle::initialZoom())
1299         return false;
1300     if (style->writingMode() != RenderStyle::initialWritingMode() || style->direction() != RenderStyle::initialDirection())
1301         return false;
1302     // The cache assumes static knowledge about which properties are inherited.
1303     if (style->hasExplicitlyInheritedProperties())
1304         return false;
1305     return true;
1306 }
1307
1308 void extractDirectionAndWritingMode(const RenderStyle& style, const StyleResolver::MatchResult& matchResult, TextDirection& direction, WritingMode& writingMode)
1309 {
1310     direction = style.direction();
1311     writingMode = style.writingMode();
1312
1313     bool hadImportantWritingMode = false;
1314     bool hadImportantDirection = false;
1315
1316     for (const auto& matchedProperties : matchResult.matchedProperties()) {
1317         for (unsigned i = 0, count = matchedProperties.properties->propertyCount(); i < count; ++i) {
1318             auto property = matchedProperties.properties->propertyAt(i);
1319             if (!property.value()->isPrimitiveValue())
1320                 continue;
1321             switch (property.id()) {
1322             case CSSPropertyWritingMode:
1323                 if (!hadImportantWritingMode || property.isImportant()) {
1324                     writingMode = downcast<CSSPrimitiveValue>(*property.value());
1325                     hadImportantWritingMode = property.isImportant();
1326                 }
1327                 break;
1328             case CSSPropertyDirection:
1329                 if (!hadImportantDirection || property.isImportant()) {
1330                     direction = downcast<CSSPrimitiveValue>(*property.value());
1331                     hadImportantDirection = property.isImportant();
1332                 }
1333                 break;
1334             default:
1335                 break;
1336             }
1337         }
1338     }
1339 }
1340
1341 void StyleResolver::applyMatchedProperties(const MatchResult& matchResult, const Element& element, ShouldUseMatchedPropertiesCache shouldUseMatchedPropertiesCache)
1342 {
1343     State& state = m_state;
1344     unsigned cacheHash = shouldUseMatchedPropertiesCache && matchResult.isCacheable ? computeMatchedPropertiesHash(matchResult.matchedProperties().data(), matchResult.matchedProperties().size()) : 0;
1345     bool applyInheritedOnly = false;
1346     const MatchedPropertiesCacheItem* cacheItem = nullptr;
1347     if (cacheHash && (cacheItem = findFromMatchedPropertiesCache(cacheHash, matchResult))
1348         && isCacheableInMatchedPropertiesCache(element, state.style(), state.parentStyle())) {
1349         // We can build up the style by copying non-inherited properties from an earlier style object built using the same exact
1350         // style declarations. We then only need to apply the inherited properties, if any, as their values can depend on the 
1351         // element context. This is fast and saves memory by reusing the style data structures.
1352         state.style()->copyNonInheritedFrom(*cacheItem->renderStyle);
1353         if (state.parentStyle()->inheritedDataShared(cacheItem->parentRenderStyle.get()) && !isAtShadowBoundary(element)) {
1354             EInsideLink linkStatus = state.style()->insideLink();
1355             // If the cache item parent style has identical inherited properties to the current parent style then the
1356             // resulting style will be identical too. We copy the inherited properties over from the cache and are done.
1357             state.style()->inheritFrom(*cacheItem->renderStyle);
1358
1359             // Unfortunately the link status is treated like an inherited property. We need to explicitly restore it.
1360             state.style()->setInsideLink(linkStatus);
1361             return;
1362         }
1363         applyInheritedOnly = true; 
1364     }
1365
1366     // Directional properties (*-before/after) are aliases that depend on the TextDirection and WritingMode.
1367     // These must be resolved before we can begin the property cascade.
1368     TextDirection direction;
1369     WritingMode writingMode;
1370     extractDirectionAndWritingMode(*state.style(), matchResult, direction, writingMode);
1371
1372     if (elementTypeHasAppearanceFromUAStyle(*state.element())) {
1373         // FIXME: This is such a hack.
1374         // Find out if there's a -webkit-appearance property in effect from the UA sheet.
1375         // If so, we cache the border and background styles so that RenderTheme::adjustStyle()
1376         // can look at them later to figure out if this is a styled form control or not.
1377         CascadedProperties cascade(direction, writingMode);
1378         cascade.addNormalMatches(matchResult, matchResult.ranges.firstUARule, matchResult.ranges.lastUARule, applyInheritedOnly);
1379         cascade.addImportantMatches(matchResult, matchResult.ranges.firstUARule, matchResult.ranges.lastUARule, applyInheritedOnly);
1380
1381         applyCascadedProperties(cascade, CSSPropertyWebkitRubyPosition, CSSPropertyWebkitRubyPosition, &matchResult);
1382         adjustStyleForInterCharacterRuby();
1383     
1384         // Resolve custom variables first.
1385         applyCascadedProperties(cascade, CSSPropertyCustom, CSSPropertyCustom, &matchResult);
1386
1387         // Start by applying properties that other properties may depend on.
1388         applyCascadedProperties(cascade, firstCSSProperty, lastHighPriorityProperty, &matchResult);
1389     
1390         updateFont();
1391         applyCascadedProperties(cascade, firstLowPriorityProperty, lastCSSProperty, &matchResult);
1392
1393         state.cacheBorderAndBackground();
1394     }
1395
1396     CascadedProperties cascade(direction, writingMode);
1397     cascade.addNormalMatches(matchResult, 0, matchResult.matchedProperties().size() - 1, applyInheritedOnly);
1398     cascade.addImportantMatches(matchResult, matchResult.ranges.firstAuthorRule, matchResult.ranges.lastAuthorRule, applyInheritedOnly);
1399     cascade.addImportantMatches(matchResult, matchResult.ranges.firstUserRule, matchResult.ranges.lastUserRule, applyInheritedOnly);
1400     cascade.addImportantMatches(matchResult, matchResult.ranges.firstUARule, matchResult.ranges.lastUARule, applyInheritedOnly);
1401     
1402     // Resolve custom properties first.
1403     applyCascadedProperties(cascade, CSSPropertyCustom, CSSPropertyCustom, &matchResult);
1404
1405     applyCascadedProperties(cascade, CSSPropertyWebkitRubyPosition, CSSPropertyWebkitRubyPosition, &matchResult);
1406     
1407     // Adjust the font size to be smaller if ruby-position is inter-character.
1408     adjustStyleForInterCharacterRuby();
1409
1410     // Start by applying properties that other properties may depend on.
1411     applyCascadedProperties(cascade, firstCSSProperty, lastHighPriorityProperty, &matchResult);
1412
1413     // If the effective zoom value changes, we can't use the matched properties cache. Start over.
1414     if (cacheItem && cacheItem->renderStyle->effectiveZoom() != state.style()->effectiveZoom())
1415         return applyMatchedProperties(matchResult, element, DoNotUseMatchedPropertiesCache);
1416
1417     // If our font got dirtied, update it now.
1418     updateFont();
1419
1420     // If the font changed, we can't use the matched properties cache. Start over.
1421     if (cacheItem && cacheItem->renderStyle->fontDescription() != state.style()->fontDescription())
1422         return applyMatchedProperties(matchResult, element, DoNotUseMatchedPropertiesCache);
1423
1424     // Apply properties that no other properties depend on.
1425     applyCascadedProperties(cascade, firstLowPriorityProperty, lastCSSProperty, &matchResult);
1426
1427     // Finally, some properties must be applied in the order they were parsed.
1428     // There are some CSS properties that affect the same RenderStyle values,
1429     // so to preserve behavior, we queue them up during cascade and flush here.
1430     cascade.applyDeferredProperties(*this, &matchResult);
1431
1432     ASSERT(!state.fontDirty());
1433     
1434     if (cacheItem || !cacheHash)
1435         return;
1436     if (!isCacheableInMatchedPropertiesCache(*state.element(), state.style(), state.parentStyle()))
1437         return;
1438     addToMatchedPropertiesCache(state.style(), state.parentStyle(), cacheHash, matchResult);
1439 }
1440
1441 void StyleResolver::applyPropertyToStyle(CSSPropertyID id, CSSValue* value, std::unique_ptr<RenderStyle> style)
1442 {
1443     m_state = State();
1444     m_state.setParentStyle(RenderStyle::clonePtr(*style));
1445     m_state.setStyle(WTFMove(style));
1446     applyPropertyToCurrentStyle(id, value);
1447 }
1448
1449 void StyleResolver::applyPropertyToCurrentStyle(CSSPropertyID id, CSSValue* value)
1450 {
1451     if (value)
1452         applyProperty(id, value);
1453 }
1454
1455 inline bool isValidVisitedLinkProperty(CSSPropertyID id)
1456 {
1457     switch (id) {
1458     case CSSPropertyBackgroundColor:
1459     case CSSPropertyBorderLeftColor:
1460     case CSSPropertyBorderRightColor:
1461     case CSSPropertyBorderTopColor:
1462     case CSSPropertyBorderBottomColor:
1463     case CSSPropertyColor:
1464     case CSSPropertyOutlineColor:
1465     case CSSPropertyColumnRuleColor:
1466     case CSSPropertyWebkitTextDecorationColor:
1467     case CSSPropertyWebkitTextEmphasisColor:
1468     case CSSPropertyWebkitTextFillColor:
1469     case CSSPropertyWebkitTextStrokeColor:
1470     case CSSPropertyFill:
1471     case CSSPropertyStroke:
1472     case CSSPropertyStrokeColor:
1473         return true;
1474     default:
1475         break;
1476     }
1477
1478     return false;
1479 }
1480
1481 // http://dev.w3.org/csswg/css3-regions/#the-at-region-style-rule
1482 // FIXME: add incremental support for other region styling properties.
1483 inline bool StyleResolver::isValidRegionStyleProperty(CSSPropertyID id)
1484 {
1485     switch (id) {
1486     case CSSPropertyBackgroundColor:
1487     case CSSPropertyColor:
1488         return true;
1489     default:
1490         break;
1491     }
1492
1493     return false;
1494 }
1495
1496 #if ENABLE(VIDEO_TRACK)
1497 inline bool StyleResolver::isValidCueStyleProperty(CSSPropertyID id)
1498 {
1499     switch (id) {
1500     case CSSPropertyBackground:
1501     case CSSPropertyBackgroundAttachment:
1502     case CSSPropertyBackgroundClip:
1503     case CSSPropertyBackgroundColor:
1504     case CSSPropertyBackgroundImage:
1505     case CSSPropertyBackgroundOrigin:
1506     case CSSPropertyBackgroundPosition:
1507     case CSSPropertyBackgroundPositionX:
1508     case CSSPropertyBackgroundPositionY:
1509     case CSSPropertyBackgroundRepeat:
1510     case CSSPropertyBackgroundSize:
1511     case CSSPropertyColor:
1512     case CSSPropertyFont:
1513     case CSSPropertyFontFamily:
1514     case CSSPropertyFontSize:
1515     case CSSPropertyFontStyle:
1516     case CSSPropertyFontVariantCaps:
1517     case CSSPropertyFontWeight:
1518     case CSSPropertyLineHeight:
1519     case CSSPropertyOpacity:
1520     case CSSPropertyOutline:
1521     case CSSPropertyOutlineColor:
1522     case CSSPropertyOutlineOffset:
1523     case CSSPropertyOutlineStyle:
1524     case CSSPropertyOutlineWidth:
1525     case CSSPropertyVisibility:
1526     case CSSPropertyWhiteSpace:
1527     case CSSPropertyTextDecoration:
1528     case CSSPropertyTextShadow:
1529     case CSSPropertyBorderStyle:
1530     case CSSPropertyPaintOrder:
1531     case CSSPropertyStrokeLinejoin:
1532     case CSSPropertyStrokeLinecap:
1533     case CSSPropertyWebkitTextStrokeColor:
1534     case CSSPropertyWebkitTextStrokeWidth:
1535         return true;
1536     default:
1537         break;
1538     }
1539     return false;
1540 }
1541 #endif
1542 // SVG handles zooming in a different way compared to CSS. The whole document is scaled instead
1543 // of each individual length value in the render style / tree. CSSPrimitiveValue::computeLength*()
1544 // multiplies each resolved length with the zoom multiplier - so for SVG we need to disable that.
1545 // Though all CSS values that can be applied to outermost <svg> elements (width/height/border/padding...)
1546 // need to respect the scaling. RenderBox (the parent class of RenderSVGRoot) grabs values like
1547 // width/height/border/padding/... from the RenderStyle -> for SVG these values would never scale,
1548 // if we'd pass a 1.0 zoom factor everyhwere. So we only pass a zoom factor of 1.0 for specific
1549 // properties that are NOT allowed to scale within a zoomed SVG document (letter/word-spacing/font-size).
1550 bool StyleResolver::useSVGZoomRules()
1551 {
1552     return m_state.element() && m_state.element()->isSVGElement();
1553 }
1554
1555 // Scale with/height properties on inline SVG root.
1556 bool StyleResolver::useSVGZoomRulesForLength()
1557 {
1558     return is<SVGElement>(m_state.element()) && !(is<SVGSVGElement>(*m_state.element()) && m_state.element()->parentNode());
1559 }
1560
1561 StyleResolver::CascadedProperties* StyleResolver::cascadedPropertiesForRollback(const MatchResult& matchResult)
1562 {
1563     ASSERT(cascadeLevel() != UserAgentLevel);
1564     
1565     TextDirection direction;
1566     WritingMode writingMode;
1567     extractDirectionAndWritingMode(*state().style(), matchResult, direction, writingMode);
1568
1569     if (cascadeLevel() == AuthorLevel) {
1570         CascadedProperties* authorRollback = state().authorRollback();
1571         if (authorRollback)
1572             return authorRollback;
1573         
1574         auto newAuthorRollback(std::make_unique<CascadedProperties>(direction, writingMode));
1575         
1576         // This special rollback cascade contains UA rules and user rules but no author rules.
1577         newAuthorRollback->addNormalMatches(matchResult, matchResult.ranges.firstUARule, matchResult.ranges.lastUARule, false);
1578         newAuthorRollback->addNormalMatches(matchResult, matchResult.ranges.firstUserRule, matchResult.ranges.lastUserRule, false);
1579         newAuthorRollback->addImportantMatches(matchResult, matchResult.ranges.firstUserRule, matchResult.ranges.lastUserRule, false);
1580         newAuthorRollback->addImportantMatches(matchResult, matchResult.ranges.firstUARule, matchResult.ranges.lastUARule, false);
1581     
1582         state().setAuthorRollback(newAuthorRollback);
1583         return state().authorRollback();
1584     }
1585     
1586     if (cascadeLevel() == UserLevel) {
1587         CascadedProperties* userRollback = state().userRollback();
1588         if (userRollback)
1589             return userRollback;
1590         
1591         auto newUserRollback(std::make_unique<CascadedProperties>(direction, writingMode));
1592         
1593         // This special rollback cascade contains only UA rules.
1594         newUserRollback->addNormalMatches(matchResult, matchResult.ranges.firstUARule, matchResult.ranges.lastUARule, false);
1595         newUserRollback->addImportantMatches(matchResult, matchResult.ranges.firstUARule, matchResult.ranges.lastUARule, false);
1596     
1597         state().setUserRollback(newUserRollback);
1598         return state().userRollback();
1599     }
1600     
1601     return nullptr;
1602 }
1603
1604 void StyleResolver::applyProperty(CSSPropertyID id, CSSValue* value, SelectorChecker::LinkMatchMask linkMatchMask, const MatchResult* matchResult)
1605 {
1606     ASSERT_WITH_MESSAGE(!isShorthandCSSProperty(id), "Shorthand property id = %d wasn't expanded at parsing time", id);
1607
1608     State& state = m_state;
1609     
1610     RefPtr<CSSValue> valueToApply = value;
1611     if (value->hasVariableReferences()) {
1612         valueToApply = resolvedVariableValue(id, *value);
1613         if (!valueToApply) {
1614             if (CSSProperty::isInheritedProperty(id))
1615                 valueToApply = CSSValuePool::singleton().createInheritedValue();
1616             else
1617                 valueToApply = CSSValuePool::singleton().createExplicitInitialValue();
1618         }
1619     }
1620
1621     if (CSSProperty::isDirectionAwareProperty(id)) {
1622         CSSPropertyID newId = CSSProperty::resolveDirectionAwareProperty(id, state.style()->direction(), state.style()->writingMode());
1623         ASSERT(newId != id);
1624         return applyProperty(newId, valueToApply.get(), linkMatchMask, matchResult);
1625     }
1626     
1627     CSSValue* valueToCheckForInheritInitial = valueToApply.get();
1628     CSSCustomPropertyValue* customPropertyValue = nullptr;
1629     CSSValueID customPropertyValueID = CSSValueInvalid;
1630     
1631     if (id == CSSPropertyCustom) {
1632         customPropertyValue = &downcast<CSSCustomPropertyValue>(*valueToApply);
1633         customPropertyValueID = customPropertyValue->valueID();
1634     }
1635
1636     bool isInherit = state.parentStyle() ? valueToCheckForInheritInitial->isInheritedValue() || customPropertyValueID == CSSValueInherit : false;
1637     bool isInitial = valueToCheckForInheritInitial->isInitialValue() || customPropertyValueID == CSSValueInitial || (!state.parentStyle() && (valueToCheckForInheritInitial->isInheritedValue() || customPropertyValueID == CSSValueInherit));
1638     
1639     bool isUnset = valueToCheckForInheritInitial->isUnsetValue() || customPropertyValueID == CSSValueUnset;
1640     bool isRevert = valueToCheckForInheritInitial->isRevertValue() || customPropertyValueID == CSSValueRevert;
1641
1642     if (isRevert) {
1643         if (cascadeLevel() == UserAgentLevel || !matchResult)
1644             isUnset = true;
1645         else {
1646             // Fetch the correct rollback object from the state, building it if necessary.
1647             // This requires having the original MatchResult available.
1648             auto* rollback = cascadedPropertiesForRollback(*matchResult);
1649             ASSERT(rollback);
1650
1651             // With the cascade built, we need to obtain the property and apply it. If the property is
1652             // not present, then we behave like "unset." Otherwise we apply the property instead of
1653             // our own.
1654             if (customPropertyValue) {
1655                 if (rollback->hasCustomProperty(customPropertyValue->name())) {
1656                     auto property = rollback->customProperty(customPropertyValue->name());
1657                     if (property.cssValue[linkMatchMask])
1658                         applyProperty(property.id, property.cssValue[linkMatchMask], linkMatchMask, matchResult);
1659                     return;
1660                 }
1661             } else if (rollback->hasProperty(id)) {
1662                 auto& property = rollback->property(id);
1663                 if (property.cssValue[linkMatchMask])
1664                     applyProperty(property.id, property.cssValue[linkMatchMask], linkMatchMask, matchResult);
1665                 return;
1666             }
1667         
1668             isUnset = true;
1669         }
1670     }
1671     
1672     if (isUnset) {
1673         if (CSSProperty::isInheritedProperty(id))
1674             isInherit = true;
1675         else
1676             isInitial = true;
1677     }
1678
1679     ASSERT(!isInherit || !isInitial); // isInherit -> !isInitial && isInitial -> !isInherit
1680
1681     if (!state.applyPropertyToRegularStyle() && (!state.applyPropertyToVisitedLinkStyle() || !isValidVisitedLinkProperty(id))) {
1682         // Limit the properties that can be applied to only the ones honored by :visited.
1683         return;
1684     }
1685
1686     if (isInherit && !CSSProperty::isInheritedProperty(id))
1687         state.style()->setHasExplicitlyInheritedProperties();
1688     
1689     if (customPropertyValue) {
1690         auto& name = customPropertyValue->name();
1691         auto* value = isInitial ? nullptr : isInherit ? state.parentStyle()->customProperties().get(name) : customPropertyValue;
1692         state.style()->setCustomPropertyValue(name, value ? makeRef(*value) : CSSCustomPropertyValue::createInvalid());
1693         return;
1694     }
1695
1696     // Use the generated StyleBuilder.
1697     StyleBuilder::applyProperty(id, *this, *valueToApply, isInitial, isInherit);
1698 }
1699
1700 RefPtr<CSSValue> StyleResolver::resolvedVariableValue(CSSPropertyID propID, const CSSValue& value)
1701 {
1702     CSSParser parser(m_state.document());
1703     return parser.parseValueWithVariableReferences(propID, value, m_state.style()->customProperties(), m_state.style()->direction(), m_state.style()->writingMode());
1704 }
1705
1706 RefPtr<StyleImage> StyleResolver::styleImage(CSSValue& value)
1707 {
1708     if (is<CSSImageGeneratorValue>(value)) {
1709         if (is<CSSGradientValue>(value))
1710             return StyleGeneratedImage::create(downcast<CSSGradientValue>(value).gradientWithStylesResolved(*this));
1711
1712         if (is<CSSFilterImageValue>(value)) {
1713             // FilterImage needs to calculate FilterOperations.
1714             downcast<CSSFilterImageValue>(value).createFilterOperations(this);
1715         }
1716         return StyleGeneratedImage::create(downcast<CSSImageGeneratorValue>(value));
1717     }
1718
1719     if (is<CSSImageValue>(value) || is<CSSImageSetValue>(value) || is<CSSCursorImageValue>(value))
1720         return StyleCachedImage::create(value);
1721
1722     return nullptr;
1723 }
1724
1725 #if ENABLE(TEXT_AUTOSIZING)
1726 void StyleResolver::checkForTextSizeAdjust(RenderStyle* style)
1727 {
1728     if (style->textSizeAdjust().isAuto())
1729         return;
1730
1731     auto newFontDescription = style->fontDescription();
1732     if (!style->textSizeAdjust().isNone())
1733         newFontDescription.setComputedSize(newFontDescription.specifiedSize() * style->textSizeAdjust().multiplier());
1734     else
1735         newFontDescription.setComputedSize(newFontDescription.specifiedSize());
1736     style->setFontDescription(newFontDescription);
1737 }
1738 #endif
1739
1740 void StyleResolver::checkForZoomChange(RenderStyle* style, const RenderStyle* parentStyle)
1741 {
1742     if (!parentStyle)
1743         return;
1744     
1745     if (style->effectiveZoom() == parentStyle->effectiveZoom() && style->textZoom() == parentStyle->textZoom())
1746         return;
1747
1748     const auto& childFont = style->fontDescription();
1749     auto newFontDescription = childFont;
1750     setFontSize(newFontDescription, childFont.specifiedSize());
1751     style->setFontDescription(newFontDescription);
1752 }
1753
1754 void StyleResolver::checkForGenericFamilyChange(RenderStyle* style, const RenderStyle* parentStyle)
1755 {
1756     const auto& childFont = style->fontDescription();
1757
1758     if (childFont.isAbsoluteSize() || !parentStyle)
1759         return;
1760
1761     const auto& parentFont = parentStyle->fontDescription();
1762     if (childFont.useFixedDefaultSize() == parentFont.useFixedDefaultSize())
1763         return;
1764     // We know the parent is monospace or the child is monospace, and that font
1765     // size was unspecified. We want to scale our font size as appropriate.
1766     // If the font uses a keyword size, then we refetch from the table rather than
1767     // multiplying by our scale factor.
1768     float size;
1769     if (CSSValueID sizeIdentifier = childFont.keywordSizeAsIdentifier())
1770         size = Style::fontSizeForKeyword(sizeIdentifier, childFont.useFixedDefaultSize(), document());
1771     else {
1772         float fixedScaleFactor = (settings().defaultFixedFontSize() && settings().defaultFontSize())
1773             ? static_cast<float>(settings().defaultFixedFontSize()) / settings().defaultFontSize()
1774             : 1;
1775         size = parentFont.useFixedDefaultSize() ?
1776                 childFont.specifiedSize() / fixedScaleFactor :
1777                 childFont.specifiedSize() * fixedScaleFactor;
1778     }
1779
1780     auto newFontDescription = childFont;
1781     setFontSize(newFontDescription, size);
1782     style->setFontDescription(newFontDescription);
1783 }
1784
1785 void StyleResolver::initializeFontStyle()
1786 {
1787     FontCascadeDescription fontDescription;
1788     fontDescription.setRenderingMode(settings().fontRenderingMode());
1789     fontDescription.setOneFamily(standardFamily);
1790     fontDescription.setKeywordSizeFromIdentifier(CSSValueMedium);
1791     setFontSize(fontDescription, Style::fontSizeForKeyword(CSSValueMedium, false, document()));
1792     setFontDescription(fontDescription);
1793 }
1794
1795 void StyleResolver::setFontSize(FontCascadeDescription& fontDescription, float size)
1796 {
1797     fontDescription.setSpecifiedSize(size);
1798     fontDescription.setComputedSize(Style::computedFontSizeFromSpecifiedSize(size, fontDescription.isAbsoluteSize(), useSVGZoomRules(), m_state.style(), document()));
1799 }
1800
1801 bool StyleResolver::colorFromPrimitiveValueIsDerivedFromElement(const CSSPrimitiveValue& value)
1802 {
1803     int ident = value.valueID();
1804     switch (ident) {
1805     case CSSValueWebkitText:
1806     case CSSValueWebkitLink:
1807     case CSSValueWebkitActivelink:
1808     case CSSValueCurrentcolor:
1809         return true;
1810     default:
1811         return false;
1812     }
1813 }
1814
1815 Color StyleResolver::colorFromPrimitiveValue(const CSSPrimitiveValue& value, bool forVisitedLink) const
1816 {
1817     if (value.isRGBColor())
1818         return value.color();
1819
1820     const State& state = m_state;
1821     CSSValueID ident = value.valueID();
1822     switch (ident) {
1823     case 0:
1824         return Color();
1825     case CSSValueWebkitText:
1826         return state.document().textColor();
1827     case CSSValueWebkitLink:
1828         return (state.element()->isLink() && forVisitedLink) ? state.document().visitedLinkColor() : state.document().linkColor();
1829     case CSSValueWebkitActivelink:
1830         return state.document().activeLinkColor();
1831     case CSSValueWebkitFocusRingColor:
1832         return RenderTheme::focusRingColor();
1833     case CSSValueCurrentcolor:
1834         // Color is an inherited property so depending on it effectively makes the property inherited.
1835         state.style()->setHasExplicitlyInheritedProperties();
1836         return state.style()->color();
1837     default: {
1838         return StyleColor::colorFromKeyword(ident);
1839     }
1840     }
1841 }
1842
1843 void StyleResolver::addViewportDependentMediaQueryResult(const MediaQueryExpression& expression, bool result)
1844 {
1845     m_viewportDependentMediaQueryResults.append(MediaQueryResult { expression, result });
1846 }
1847
1848 bool StyleResolver::hasMediaQueriesAffectedByViewportChange() const
1849 {
1850     for (auto& result : m_viewportDependentMediaQueryResults) {
1851         if (m_mediaQueryEvaluator.evaluate(result.expression) != result.result)
1852             return true;
1853     }
1854     return false;
1855 }
1856
1857 void StyleResolver::addAccessibilitySettingsDependentMediaQueryResult(const MediaQueryExpression& expression, bool result)
1858 {
1859     m_accessibilitySettingsDependentMediaQueryResults.append(MediaQueryResult { expression, result });
1860 }
1861
1862 bool StyleResolver::hasMediaQueriesAffectedByAccessibilitySettingsChange() const
1863 {
1864     for (auto& result : m_accessibilitySettingsDependentMediaQueryResults) {
1865         if (m_mediaQueryEvaluator.evaluate(result.expression) != result.result)
1866             return true;
1867     }
1868     return false;
1869 }
1870
1871 static FilterOperation::OperationType filterOperationForType(CSSValueID type)
1872 {
1873     switch (type) {
1874     case CSSValueUrl:
1875         return FilterOperation::REFERENCE;
1876     case CSSValueGrayscale:
1877         return FilterOperation::GRAYSCALE;
1878     case CSSValueSepia:
1879         return FilterOperation::SEPIA;
1880     case CSSValueSaturate:
1881         return FilterOperation::SATURATE;
1882     case CSSValueHueRotate:
1883         return FilterOperation::HUE_ROTATE;
1884     case CSSValueInvert:
1885         return FilterOperation::INVERT;
1886     case CSSValueOpacity:
1887         return FilterOperation::OPACITY;
1888     case CSSValueBrightness:
1889         return FilterOperation::BRIGHTNESS;
1890     case CSSValueContrast:
1891         return FilterOperation::CONTRAST;
1892     case CSSValueBlur:
1893         return FilterOperation::BLUR;
1894     case CSSValueDropShadow:
1895         return FilterOperation::DROP_SHADOW;
1896     default:
1897         break;
1898     }
1899     ASSERT_NOT_REACHED();
1900     return FilterOperation::NONE;
1901 }
1902
1903 bool StyleResolver::createFilterOperations(const CSSValue& inValue, FilterOperations& outOperations)
1904 {
1905     State& state = m_state;
1906     ASSERT(outOperations.isEmpty());
1907     
1908     if (is<CSSPrimitiveValue>(inValue)) {
1909         auto& primitiveValue = downcast<CSSPrimitiveValue>(inValue);
1910         if (primitiveValue.valueID() == CSSValueNone)
1911             return true;
1912     }
1913     
1914     if (!is<CSSValueList>(inValue))
1915         return false;
1916
1917     FilterOperations operations;
1918     for (auto& currentValue : downcast<CSSValueList>(inValue)) {
1919
1920         if (is<CSSPrimitiveValue>(currentValue.get())) {
1921             auto& primitiveValue = downcast<CSSPrimitiveValue>(currentValue.get());
1922             if (!primitiveValue.isURI())
1923                 continue;
1924
1925             String cssUrl = primitiveValue.stringValue();
1926             URL url = m_state.document().completeURL(cssUrl);
1927
1928             RefPtr<ReferenceFilterOperation> operation = ReferenceFilterOperation::create(cssUrl, url.fragmentIdentifier());
1929             operations.operations().append(operation);
1930             continue;
1931         }
1932
1933         if (!is<CSSFunctionValue>(currentValue.get()))
1934             continue;
1935
1936         auto& filterValue = downcast<CSSFunctionValue>(currentValue.get());
1937         FilterOperation::OperationType operationType = filterOperationForType(filterValue.name());
1938
1939         // Check that all parameters are primitive values, with the
1940         // exception of drop shadow which has a CSSShadowValue parameter.
1941         const CSSPrimitiveValue* firstValue = nullptr;
1942         if (operationType != FilterOperation::DROP_SHADOW) {
1943             bool haveNonPrimitiveValue = false;
1944             for (unsigned j = 0; j < filterValue.length(); ++j) {
1945                 if (!is<CSSPrimitiveValue>(*filterValue.itemWithoutBoundsCheck(j))) {
1946                     haveNonPrimitiveValue = true;
1947                     break;
1948                 }
1949             }
1950             if (haveNonPrimitiveValue)
1951                 continue;
1952             if (filterValue.length())
1953                 firstValue = downcast<CSSPrimitiveValue>(filterValue.itemWithoutBoundsCheck(0));
1954         }
1955
1956         switch (operationType) {
1957         case FilterOperation::GRAYSCALE:
1958         case FilterOperation::SEPIA:
1959         case FilterOperation::SATURATE: {
1960             double amount = 1;
1961             if (filterValue.length() == 1) {
1962                 amount = firstValue->doubleValue();
1963                 if (firstValue->isPercentage())
1964                     amount /= 100;
1965             }
1966
1967             operations.operations().append(BasicColorMatrixFilterOperation::create(amount, operationType));
1968             break;
1969         }
1970         case FilterOperation::HUE_ROTATE: {
1971             double angle = 0;
1972             if (filterValue.length() == 1)
1973                 angle = firstValue->computeDegrees();
1974
1975             operations.operations().append(BasicColorMatrixFilterOperation::create(angle, operationType));
1976             break;
1977         }
1978         case FilterOperation::INVERT:
1979         case FilterOperation::BRIGHTNESS:
1980         case FilterOperation::CONTRAST:
1981         case FilterOperation::OPACITY: {
1982             double amount = (operationType == FilterOperation::BRIGHTNESS) ? 0 : 1;
1983             if (filterValue.length() == 1) {
1984                 amount = firstValue->doubleValue();
1985                 if (firstValue->isPercentage())
1986                     amount /= 100;
1987             }
1988
1989             operations.operations().append(BasicComponentTransferFilterOperation::create(amount, operationType));
1990             break;
1991         }
1992         case FilterOperation::BLUR: {
1993             Length stdDeviation = Length(0, Fixed);
1994             if (filterValue.length() >= 1)
1995                 stdDeviation = convertToFloatLength(firstValue, state.cssToLengthConversionData());
1996             if (stdDeviation.isUndefined())
1997                 return false;
1998
1999             operations.operations().append(BlurFilterOperation::create(stdDeviation));
2000             break;
2001         }
2002         case FilterOperation::DROP_SHADOW: {
2003             if (filterValue.length() != 1)
2004                 return false;
2005
2006             const auto* cssValue = filterValue.itemWithoutBoundsCheck(0);
2007             if (!is<CSSShadowValue>(cssValue))
2008                 continue;
2009
2010             const auto& item = downcast<CSSShadowValue>(*cssValue);
2011             int x = item.x->computeLength<int>(state.cssToLengthConversionData());
2012             int y = item.y->computeLength<int>(state.cssToLengthConversionData());
2013             IntPoint location(x, y);
2014             int blur = item.blur ? item.blur->computeLength<int>(state.cssToLengthConversionData()) : 0;
2015             Color color;
2016             if (item.color)
2017                 color = colorFromPrimitiveValue(*item.color);
2018
2019             operations.operations().append(DropShadowFilterOperation::create(location, blur, color.isValid() ? color : Color::transparent));
2020             break;
2021         }
2022         default:
2023             ASSERT_NOT_REACHED();
2024             break;
2025         }
2026     }
2027
2028     outOperations = operations;
2029     return true;
2030 }
2031
2032 inline StyleResolver::MatchedProperties::MatchedProperties()
2033 {
2034 }
2035
2036 StyleResolver::MatchedProperties::~MatchedProperties()
2037 {
2038 }
2039
2040 StyleResolver::CascadedProperties::CascadedProperties(TextDirection direction, WritingMode writingMode)
2041     : m_direction(direction)
2042     , m_writingMode(writingMode)
2043 {
2044 }
2045
2046 inline bool StyleResolver::CascadedProperties::hasProperty(CSSPropertyID id) const
2047 {
2048     ASSERT(id < m_propertyIsPresent.size());
2049     return m_propertyIsPresent[id];
2050 }
2051
2052 inline StyleResolver::CascadedProperties::Property& StyleResolver::CascadedProperties::property(CSSPropertyID id)
2053 {
2054     return m_properties[id];
2055 }
2056
2057 inline bool StyleResolver::CascadedProperties::hasCustomProperty(const String& name) const
2058 {
2059     return m_customProperties.contains(name);
2060 }
2061
2062 inline StyleResolver::CascadedProperties::Property StyleResolver::CascadedProperties::customProperty(const String& name) const
2063 {
2064     return m_customProperties.get(name);
2065 }
2066
2067 void StyleResolver::CascadedProperties::setPropertyInternal(Property& property, CSSPropertyID id, CSSValue& cssValue, unsigned linkMatchType, CascadeLevel cascadeLevel, Style::ScopeOrdinal styleScopeOrdinal)
2068 {
2069     ASSERT(linkMatchType <= SelectorChecker::MatchAll);
2070     property.id = id;
2071     property.level = cascadeLevel;
2072     property.styleScopeOrdinal = styleScopeOrdinal;
2073     if (linkMatchType == SelectorChecker::MatchAll) {
2074         property.cssValue[0] = &cssValue;
2075         property.cssValue[SelectorChecker::MatchLink] = &cssValue;
2076         property.cssValue[SelectorChecker::MatchVisited] = &cssValue;
2077     } else
2078         property.cssValue[linkMatchType] = &cssValue;
2079 }
2080
2081 void StyleResolver::CascadedProperties::set(CSSPropertyID id, CSSValue& cssValue, unsigned linkMatchType, CascadeLevel cascadeLevel, Style::ScopeOrdinal styleScopeOrdinal)
2082 {
2083     if (CSSProperty::isDirectionAwareProperty(id))
2084         id = CSSProperty::resolveDirectionAwareProperty(id, m_direction, m_writingMode);
2085
2086     ASSERT(!shouldApplyPropertyInParseOrder(id));
2087
2088     auto& property = m_properties[id];
2089     ASSERT(id < m_propertyIsPresent.size());
2090     if (id == CSSPropertyCustom) {
2091         m_propertyIsPresent.set(id);
2092         const auto& customValue = downcast<CSSCustomPropertyValue>(cssValue);
2093         bool hasValue = customProperties().contains(customValue.name());
2094         if (!hasValue) {
2095             Property property;
2096             property.id = id;
2097             memset(property.cssValue, 0, sizeof(property.cssValue));
2098             setPropertyInternal(property, id, cssValue, linkMatchType, cascadeLevel, styleScopeOrdinal);
2099             customProperties().set(customValue.name(), property);
2100         } else {
2101             Property property = customProperties().get(customValue.name());
2102             setPropertyInternal(property, id, cssValue, linkMatchType, cascadeLevel, styleScopeOrdinal);
2103             customProperties().set(customValue.name(), property);
2104         }
2105         return;
2106     }
2107     
2108     if (!m_propertyIsPresent[id])
2109         memset(property.cssValue, 0, sizeof(property.cssValue));
2110     m_propertyIsPresent.set(id);
2111     setPropertyInternal(property, id, cssValue, linkMatchType, cascadeLevel, styleScopeOrdinal);
2112 }
2113
2114 void StyleResolver::CascadedProperties::setDeferred(CSSPropertyID id, CSSValue& cssValue, unsigned linkMatchType, CascadeLevel cascadeLevel, Style::ScopeOrdinal styleScopeOrdinal)
2115 {
2116     ASSERT(!CSSProperty::isDirectionAwareProperty(id));
2117     ASSERT(shouldApplyPropertyInParseOrder(id));
2118
2119     Property property;
2120     memset(property.cssValue, 0, sizeof(property.cssValue));
2121     setPropertyInternal(property, id, cssValue, linkMatchType, cascadeLevel, styleScopeOrdinal);
2122     m_deferredProperties.append(property);
2123 }
2124
2125 static CascadeLevel cascadeLevelForIndex(const StyleResolver::MatchResult& matchResult, int index)
2126 {
2127     if (index >= matchResult.ranges.firstUARule && index <= matchResult.ranges.lastUARule)
2128         return UserAgentLevel;
2129     if (index >= matchResult.ranges.firstUserRule && index <= matchResult.ranges.lastUserRule)
2130         return UserLevel;
2131     return AuthorLevel;
2132 }
2133
2134 void StyleResolver::CascadedProperties::addMatch(const MatchResult& matchResult, unsigned index, bool isImportant, bool inheritedOnly)
2135 {
2136     auto& matchedProperties = matchResult.matchedProperties()[index];
2137     auto& styleProperties = *matchedProperties.properties;
2138
2139     auto propertyWhitelistType = static_cast<PropertyWhitelistType>(matchedProperties.whitelistType);
2140     auto cascadeLevel = cascadeLevelForIndex(matchResult, index);
2141
2142     for (unsigned i = 0, count = styleProperties.propertyCount(); i < count; ++i) {
2143         auto current = styleProperties.propertyAt(i);
2144         if (isImportant != current.isImportant())
2145             continue;
2146         if (inheritedOnly && !current.isInherited()) {
2147             // We apply the inherited properties only when using the property cache.
2148             // A match with a value that is explicitely inherited should never have been cached.
2149             ASSERT(!current.value()->isInheritedValue());
2150             continue;
2151         }
2152         CSSPropertyID propertyID = current.id();
2153
2154         if (propertyWhitelistType == PropertyWhitelistRegion && !StyleResolver::isValidRegionStyleProperty(propertyID))
2155             continue;
2156 #if ENABLE(VIDEO_TRACK)
2157         if (propertyWhitelistType == PropertyWhitelistCue && !StyleResolver::isValidCueStyleProperty(propertyID))
2158             continue;
2159 #endif
2160
2161         if (shouldApplyPropertyInParseOrder(propertyID))
2162             setDeferred(propertyID, *current.value(), matchedProperties.linkMatchType, cascadeLevel, matchedProperties.styleScopeOrdinal);
2163         else
2164             set(propertyID, *current.value(), matchedProperties.linkMatchType, cascadeLevel, matchedProperties.styleScopeOrdinal);
2165     }
2166 }
2167
2168 void StyleResolver::CascadedProperties::addNormalMatches(const MatchResult& matchResult, int startIndex, int endIndex, bool inheritedOnly)
2169 {
2170     if (startIndex == -1)
2171         return;
2172
2173     for (int i = startIndex; i <= endIndex; ++i)
2174         addMatch(matchResult, i, false, inheritedOnly);
2175 }
2176
2177 static bool hasImportantProperties(const StyleProperties& properties)
2178 {
2179     for (unsigned i = 0, count = properties.propertyCount(); i < count; ++i) {
2180         if (properties.propertyAt(i).isImportant())
2181             return true;
2182     }
2183     return false;
2184 }
2185
2186 void StyleResolver::CascadedProperties::addImportantMatches(const MatchResult& matchResult, int startIndex, int endIndex, bool inheritedOnly)
2187 {
2188     if (startIndex == -1)
2189         return;
2190
2191     struct IndexAndOrdinal {
2192         int index;
2193         Style::ScopeOrdinal ordinal;
2194     };
2195     Vector<IndexAndOrdinal> shadowTreeMatches;
2196
2197     for (int i = startIndex; i <= endIndex; ++i) {
2198         const MatchedProperties& matchedProperties = matchResult.matchedProperties()[i];
2199
2200         if (!hasImportantProperties(*matchedProperties.properties))
2201             continue;
2202
2203         if (matchedProperties.styleScopeOrdinal != Style::ScopeOrdinal::Element) {
2204             shadowTreeMatches.append({ i, matchedProperties.styleScopeOrdinal });
2205             continue;
2206         }
2207
2208         addMatch(matchResult, i, true, inheritedOnly);
2209     }
2210
2211     if (shadowTreeMatches.isEmpty())
2212         return;
2213
2214     // For !important properties a later shadow tree wins.
2215     // Match results are sorted in reverse tree context order so this is not needed for normal properties.
2216     std::stable_sort(shadowTreeMatches.begin(), shadowTreeMatches.end(), [] (const IndexAndOrdinal& a, const IndexAndOrdinal& b) {
2217         return a.ordinal < b.ordinal;
2218     });
2219
2220     for (auto& match : shadowTreeMatches)
2221         addMatch(matchResult, match.index, true, inheritedOnly);
2222 }
2223
2224 void StyleResolver::CascadedProperties::applyDeferredProperties(StyleResolver& resolver, const MatchResult* matchResult)
2225 {
2226     for (auto& property : m_deferredProperties)
2227         property.apply(resolver, matchResult);
2228 }
2229
2230 void StyleResolver::CascadedProperties::Property::apply(StyleResolver& resolver, const MatchResult* matchResult)
2231 {
2232     State& state = resolver.state();
2233     state.setCascadeLevel(level);
2234     state.setStyleScopeOrdinal(styleScopeOrdinal);
2235
2236     if (cssValue[SelectorChecker::MatchDefault]) {
2237         state.setApplyPropertyToRegularStyle(true);
2238         state.setApplyPropertyToVisitedLinkStyle(false);
2239         resolver.applyProperty(id, cssValue[SelectorChecker::MatchDefault], SelectorChecker::MatchDefault, matchResult);
2240     }
2241
2242     if (state.style()->insideLink() == NotInsideLink)
2243         return;
2244
2245     if (cssValue[SelectorChecker::MatchLink]) {
2246         state.setApplyPropertyToRegularStyle(true);
2247         state.setApplyPropertyToVisitedLinkStyle(false);
2248         resolver.applyProperty(id, cssValue[SelectorChecker::MatchLink], SelectorChecker::MatchLink, matchResult);
2249     }
2250
2251     if (cssValue[SelectorChecker::MatchVisited]) {
2252         state.setApplyPropertyToRegularStyle(false);
2253         state.setApplyPropertyToVisitedLinkStyle(true);
2254         resolver.applyProperty(id, cssValue[SelectorChecker::MatchVisited], SelectorChecker::MatchVisited, matchResult);
2255     }
2256
2257     state.setApplyPropertyToRegularStyle(true);
2258     state.setApplyPropertyToVisitedLinkStyle(false);
2259 }
2260
2261 void StyleResolver::applyCascadedProperties(CascadedProperties& cascade, int firstProperty, int lastProperty, const MatchResult* matchResult)
2262 {
2263     for (int id = firstProperty; id <= lastProperty; ++id) {
2264         CSSPropertyID propertyID = static_cast<CSSPropertyID>(id);
2265         if (!cascade.hasProperty(propertyID))
2266             continue;
2267         if (propertyID == CSSPropertyCustom) {
2268             HashMap<AtomicString, CascadedProperties::Property>::iterator end = cascade.customProperties().end();
2269             for (HashMap<AtomicString, CascadedProperties::Property>::iterator it = cascade.customProperties().begin(); it != end; ++it)
2270                 it->value.apply(*this, matchResult);
2271             continue;
2272         }
2273         auto& property = cascade.property(propertyID);
2274         ASSERT(!shouldApplyPropertyInParseOrder(propertyID));
2275         property.apply(*this, matchResult);
2276     }
2277     
2278     if (firstProperty == CSSPropertyCustom)
2279         m_state.style()->checkVariablesInCustomProperties();
2280 }
2281
2282 } // namespace WebCore