Function constructor

packages/core/ui/styling/css-selector.ts:396–432

(cssPseudoClass: string, dataType: CSSWhatDataType)

	protected selectorListType?: PseudoClassSelectorList;

	constructor(cssPseudoClass: string, dataType: CSSWhatDataType) {
		super(cssPseudoClass);

		const selectors: Array<SimpleSelector | SimpleSelectorSequence | ComplexSelector> = [];
		const needsHighestSpecificity: boolean = this.specificity === Specificity.SelectorListHighest;

		let specificity: number = 0;

		if (Array.isArray(dataType)) {
			for (const asts of dataType) {
				const selector: SimpleSelector | SimpleSelectorSequence | ComplexSelector = createSelectorFromAst(asts);

				if (selector instanceof InvalidSelector) {
					// Only forgiving selector list can ignore invalid selectors
					if (this.selectorListType !== PseudoClassSelectorList.Forgiving) {
						selectors.splice(0);
						specificity = 0;
						break;
					}

					continue;
				}

				// The specificity of some pseudo-classes is replaced by the specificity of the most specific selector in its comma-separated argument of selectors
				if (needsHighestSpecificity && selector.specificity > specificity) {
					specificity = selector.specificity;
				}

				selectors.push(selector);
			}
		}

		this.selectors = selectors;
		this.specificity = specificity;
		// Functional pseudo-classes become dynamic based on selectors in selector list
		this.dynamic = this.selectors.some((sel) => sel.dynamic);
	}
	public toString(): string {
		return `:${this.cssPseudoClass}(${this.selectors.join(', ')})${wrap(this.combinator)}`;
	}