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