import * as boolbase from "boolbase"; import { SelectorType } from "css-what"; import { compileGeneralSelector } from "./general.js"; import { getElementParent } from "./helpers/querying.js"; import { getQuality, includesScopePseudo, isTraversal, sortRules, } from "./helpers/selectors.js"; import { PLACEHOLDER_ELEMENT } from "./pseudo-selectors/subselects.js"; const DESCENDANT_TOKEN = { type: SelectorType.Descendant }; const FLEXIBLE_DESCENDANT_TOKEN = { type: "_flexibleDescendant", }; const SCOPE_TOKEN = { type: SelectorType.Pseudo, name: "scope", data: null, }; /* * CSS 4 Spec (Draft): 3.4.1. Absolutizing a Relative Selector * http://www.w3.org/TR/selectors4/#absolutizing */ function absolutize(token, { adapter }, context) { // TODO Use better check if the context is a document const hasContext = !!context?.every((e) => e === PLACEHOLDER_ELEMENT || (adapter.isTag(e) && getElementParent(e, adapter) !== null)); for (const t of token) { if (t.length > 0 && isTraversal(t[0]) && t[0].type !== SelectorType.Descendant) { // Don't continue in else branch } else if (hasContext && !t.some(includesScopePseudo)) { t.unshift(DESCENDANT_TOKEN); } else { continue; } t.unshift(SCOPE_TOKEN); } } export function compileToken(token, options, ctx) { token.forEach(sortRules); const { context = ctx, rootFunc = boolbase.trueFunc } = options; const isArrayContext = Array.isArray(context); const finalContext = context && (Array.isArray(context) ? context : [context]); // Check if the selector is relative if (options.relativeSelector !== false) { absolutize(token, options, finalContext); } else if (token.some((t) => t.length > 0 && isTraversal(t[0]))) { throw new Error("Relative selectors are not allowed when the `relativeSelector` option is disabled"); } let shouldTestNextSiblings = false; let query = boolbase.falseFunc; combineLoop: for (const rules of token) { if (rules.length >= 2) { const [first, second] = rules; if (first.type !== SelectorType.Pseudo || first.name !== "scope") { // Ignore } else if (isArrayContext && second.type === SelectorType.Descendant) { rules[1] = FLEXIBLE_DESCENDANT_TOKEN; } else if (second.type === SelectorType.Adjacent || second.type === SelectorType.Sibling) { shouldTestNextSiblings = true; } } let next = rootFunc; let hasExpensiveSubselector = false; for (const rule of rules) { next = compileGeneralSelector(next, rule, options, finalContext, compileToken, hasExpensiveSubselector); const quality = getQuality(rule); if (quality === 0) { hasExpensiveSubselector = true; } // If the sub-selector won't match any elements, skip it. if (next === boolbase.falseFunc) { continue combineLoop; } } // If we have a function that always returns true, we can stop here. if (next === rootFunc) { return rootFunc; } query = query === boolbase.falseFunc ? next : or(query, next); } query.shouldTestNextSiblings = shouldTestNextSiblings; return query; } function or(a, b) { return (elem) => a(elem) || b(elem); } //# sourceMappingURL=compile.js.map