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