☰

套壳油猴的广告拦截脚本

将 ABP 中的元素隐藏规则转换为 CSS 使用

目前为 2023-07-03 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name               AdBlock Script for WebView
  3. // @name:zh-CN         套壳油猴的广告拦截脚本
  4. // @author             Lemon399
  5. // @version            2.6.1
  6. // @description        Parse ABP Cosmetic rules to CSS and apply it.
  7. // @description:zh-CN  将 ABP 中的元素隐藏规则转换为 CSS 使用
  8. // @resource           jiekouAD https://raw.fastgit.ixmu.net/damengzhu/banad/main/jiekouAD.txt
  9. // @resource           CSSRule https://raw.fastgit.ixmu.net/damengzhu/abpmerge/main/CSSRule.txt
  10. // @match              *://*/*
  11. // @run-at             document-start
  12. // @grant              unsafeWindow
  13. // @grant              GM_registerMenuCommand
  14. // @grant              GM.registerMenuCommand
  15. // @grant              GM_unregisterMenuCommand
  16. // @grant              GM.unregisterMenuCommand
  17. // @grant              GM_getValue
  18. // @grant              GM.getValue
  19. // @grant              GM_deleteValue
  20. // @grant              GM.deleteValue
  21. // @grant              GM_setValue
  22. // @grant              GM.setValue
  23. // @grant              GM_addStyle
  24. // @grant              GM.addStyle
  25. // @grant              GM_xmlhttpRequest
  26. // @grant              GM.xmlHttpRequest
  27. // @grant              GM_getResourceText
  28. // @grant              GM.getResourceText
  29. // @grant              GM_download
  30. // @grant              GM.download
  31. // @grant              GM_listValues
  32. // @grant              GM.listValues
  33. // @namespace          https://lemon399-bitbucket-io.vercel.app/
  34. // @source             https://gitee.com/lemon399/tampermonkey-cli/tree/master/projects/abp_parse
  35. // @source             https://bitbucket.org/lemon399/tampermonkey-cli/src/master/projects/abp_parse/
  36. // @connect            raw.fastgit.ixmu.net
  37. // @copyright          GPL-3.0
  38. // @license            GPL-3.0
  39. // ==/UserScript==
  40.  
  41. (function () {
  42.   "use strict";
  43.  
  44.   const $presets = {
  45.     defaultRules: `
  46.   ! 不支持的规则和开头为 ! 的行会忽略
  47.   !
  48.   ! 由于语法限制，此处规则中
  49.   ! 一个反斜杠需要改成两个，像这样 \\
  50.   
  51.   `,
  52.     userConfig: {
  53.       css: `{
  54.       display: none !important;
  55.       width: 0 !important;
  56.       height: 0 !important;
  57.     }`,
  58.       timeout: 10000,
  59.       headTimeout: 2000,
  60.       tryCount: 5,
  61.       tryTimeout: 500,
  62.     },
  63.     onlineRules: [
  64.       {
  65.         标识: `jiekouAD`,
  66.         地址: `https://raw.fastgit.ixmu.net/damengzhu/banad/main/jiekouAD.txt`,
  67.         在线更新: true,
  68.         筛选后存储: true,
  69.       },
  70.       {
  71.         标识: `CSSRule`,
  72.         地址: `https://raw.fastgit.ixmu.net/damengzhu/abpmerge/main/CSSRule.txt`,
  73.         在线更新: true,
  74.         筛选后存储: false,
  75.       },
  76.     ],
  77.   };
  78.  
  79.   /* ==UserConfig==
  80. 配置:
  81.   css:
  82.     title: 隐藏 CSS 规则
  83.     description: 隐藏广告使用的 CSS 规则
  84.     type: textarea
  85.     rows: 7
  86.     default: |-
  87.       {
  88.         display: none !important;
  89.         width: 0 !important;
  90.         height: 0 !important;
  91.       }
  92.   timeout:
  93.     title: 规则下载超时
  94.     description: 更新规则时，规则下载超时时间
  95.     type: number
  96.     default: 10000
  97.     min: 0
  98.     unit: 毫秒
  99.   headTimeout:
  100.     title: 获取规则信息超时
  101.     description: 更新规则时，获取规则信息 (HEAD 请求) 超时时间
  102.     type: number
  103.     default: 2000
  104.     min: 0
  105.     unit: 毫秒
  106.   tryCount:
  107.     title: CSS 注入尝试次数
  108.     description: 某些框架会重建页面，需要多次注入，只有检测到 CSS 不存在时才会尝试再次注入
  109.     type: number
  110.     default: 5
  111.     min: 0
  112.     unit: 次
  113.   tryTimeout:
  114.     title: CSS 注入尝试间隔
  115.     description: 两次注入尝试的间隔时间
  116.     type: number
  117.     default: 500
  118.     min: 100
  119.     unit: 毫秒
  120. ==/UserConfig== */
  121.  
  122.   /* eslint-disable no-redeclare, no-unused-vars, require-yield */
  123.   /* global  GM_info, GM, unsafeWindow, GM_registerMenuCommand, GM_unregisterMenuCommand, GM_getValue, GM_deleteValue, GM_setValue, GM_addStyle, GM_xmlhttpRequest, GM_getResourceText, GM_download, GM_listValues */
  124.   let $listeners = [],
  125.     $hasStorEvListener = false;
  126.  
  127.   const $polyfills = {
  128.     // 以下 polyfills 修改自 NullMonkey，使用 MPL-2.0 发布
  129.     /* This Source Code Form is subject to the terms of the
  130.      * Mozilla Public License, v. 2.0. If a copy of the MPL
  131.      * was not distributed with this file, You can obtain
  132.      * one at https://mozilla.org/MPL/2.0/. */
  133.     GM_info:
  134.       typeof GM_info == "object"
  135.         ? GM_info
  136.         : {
  137.             script: {
  138.               author: "Lemon399",
  139.               copyright: "GPL-3.0",
  140.               description: "Parse ABP Cosmetic rules to CSS and apply it.",
  141.               downloadURL: null,
  142.               excludes: [],
  143.               excludeMatches: [],
  144.               grant: [
  145.                 "unsafeWindow",
  146.                 "GM_registerMenuCommand",
  147.                 "GM.registerMenuCommand",
  148.                 "GM_unregisterMenuCommand",
  149.                 "GM.unregisterMenuCommand",
  150.                 "GM_getValue",
  151.                 "GM.getValue",
  152.                 "GM_deleteValue",
  153.                 "GM.deleteValue",
  154.                 "GM_setValue",
  155.                 "GM.setValue",
  156.                 "GM_addStyle",
  157.                 "GM.addStyle",
  158.                 "GM_xmlhttpRequest",
  159.                 "GM.xmlHttpRequest",
  160.                 "GM_getResourceText",
  161.                 "GM.getResourceText",
  162.                 "GM_download",
  163.                 "GM.download",
  164.                 "GM_listValues",
  165.                 "GM.listValues",
  166.               ],
  167.               homepage: null,
  168.               icon: null,
  169.               icon64: null,
  170.               includes: [],
  171.               matches: ["*://*/*"],
  172.               name: "AdBlock Script for WebView",
  173.               namespace: "https://lemon399-bitbucket-io.vercel.app/",
  174.               noframes: false,
  175.               "run-at": "document-start",
  176.               resources: [
  177.                 {
  178.                   name: "jiekouAD",
  179.                   url: "https://raw.fastgit.ixmu.net/damengzhu/banad/main/jiekouAD.txt",
  180.                 },
  181.                 {
  182.                   name: "CSSRule",
  183.                   url: "https://raw.fastgit.ixmu.net/damengzhu/abpmerge/main/CSSRule.txt",
  184.                 },
  185.               ],
  186.               supportURL: null,
  187.               unwrap: false,
  188.               updateURL: null,
  189.               version: "2.6.1",
  190.               webRequest: null,
  191.             },
  192.             scriptWillUpdate: false,
  193.           },
  194.     parseValue: function parseValue(stored) {
  195.       const value =
  196.         typeof stored == "string" &&
  197.         stored.startsWith("[") &&
  198.         stored.endsWith("]")
  199.           ? JSON.parse(stored)[0]
  200.           : void 0;
  201.       return value === "__$NaN"
  202.         ? NaN
  203.         : value === "__$UdF"
  204.         ? undefined
  205.         : value === "__$FnT"
  206.         ? Infinity
  207.         : value === "__$XnT"
  208.         ? -Infinity
  209.         : value;
  210.     },
  211.     unsafeWindow: typeof unsafeWindow == "object" ? unsafeWindow : window,
  212.     GM_registerMenuCommand:
  213.       typeof GM_registerMenuCommand == "function"
  214.         ? GM_registerMenuCommand
  215.         : void 0,
  216.     GM_unregisterMenuCommand:
  217.       typeof GM_unregisterMenuCommand == "function"
  218.         ? GM_unregisterMenuCommand
  219.         : void 0,
  220.     GM_getValue:
  221.       typeof GM_getValue == "function"
  222.         ? GM_getValue
  223.         : function DM_getValue(key, defaultValue) {
  224.             const stor = window.localStorage.getItem(
  225.               "$DMValue$AdBlock Script for WebView$" + key
  226.             );
  227.             return typeof stor == "string" &&
  228.               stor.startsWith("[") &&
  229.               stor.endsWith("]")
  230.               ? $polyfills.parseValue(stor)
  231.               : defaultValue;
  232.           },
  233.     GM_deleteValue:
  234.       typeof GM_deleteValue == "function"
  235.         ? GM_deleteValue
  236.         : function DM_deleteValue(k) {
  237.             window.localStorage.removeItem(
  238.               "$DMValue$AdBlock Script for WebView$" + k
  239.             );
  240.           },
  241.     GM_setValue:
  242.       typeof GM_setValue == "function"
  243.         ? GM_setValue
  244.         : function DM_setValue(key, value) {
  245.             const packed = JSON.stringify([
  246.               typeof value == "function"
  247.                 ? value.toString()
  248.                 : typeof value == "number" && isNaN(value)
  249.                 ? "__$NaN"
  250.                 : typeof value == "number" && !isFinite(value)
  251.                 ? value > 0
  252.                   ? "__$FnT"
  253.                   : "__$XnT"
  254.                 : typeof value == "undefined"
  255.                 ? "__$UdF"
  256.                 : typeof value == "bigint"
  257.                 ? value.toString()
  258.                 : value,
  259.             ]);
  260.             $listeners.forEach((listenerArray, id) => {
  261.               if (listenerArray[0] === key) {
  262.                 const oldValue = $polyfills.GM_getValue(key);
  263.                 listenerArray[1].call(
  264.                   {
  265.                     id,
  266.                     key,
  267.                     cb: listenerArray[1],
  268.                   },
  269.                   key,
  270.                   oldValue,
  271.                   value,
  272.                   false
  273.                 );
  274.               }
  275.             });
  276.             window.localStorage.setItem(
  277.               "$DMValue$AdBlock Script for WebView$" + key,
  278.               packed
  279.             );
  280.           },
  281.     GM_addStyle:
  282.       typeof GM_addStyle == "function"
  283.         ? GM_addStyle
  284.         : function DM_addStyle(css) {
  285.             const styleEl = document.createElement("style");
  286.             styleEl.innerText = css;
  287.             (
  288.               document.head ||
  289.               document.body ||
  290.               document.documentElement
  291.             ).appendChild(styleEl);
  292.             return styleEl;
  293.           },
  294.     GM_xmlhttpRequest:
  295.       typeof GM_xmlhttpRequest == "function" ? GM_xmlhttpRequest : void 0,
  296.     GM_getResourceText:
  297.       typeof GM_getResourceText == "function" ? GM_getResourceText : void 0,
  298.     GM_download:
  299.       // 以下浏览器的 GM_download 不支持 blob: 需要使用 Polyfill
  300.       typeof GM_download == "function" &&
  301.       // X 浏览器
  302.       !GM_download.toString().includes("mbrowser.GM_download") &&
  303.       // Via 浏览器
  304.       !GM_download.toString().includes("via_gm.download") &&
  305.       // MDM 浏览器
  306.       !(
  307.         typeof window.moe == "object" &&
  308.         typeof window.moe.download == "function"
  309.       ) &&
  310.       // 海阔世界 / 嗅觉
  311.       !GM_download.toString().includes("window.open") &&
  312.       // Rains 浏览器
  313.       !Array.isArray(GM_download.toString().match(/load\(\) {};$/))
  314.         ? GM_download
  315.         : function DM_download(objOrURL, filename) {
  316.             var _a;
  317.             const linkEl = document.createElement("a");
  318.             if (typeof objOrURL == "object") {
  319.               linkEl.href = objOrURL.url;
  320.               linkEl.download = objOrURL.name;
  321.               linkEl.onclick =
  322.                 (_a = objOrURL.onload) !== null && _a !== void 0 ? _a : null;
  323.             } else {
  324.               linkEl.href = objOrURL;
  325.               linkEl.download =
  326.                 filename !== null && filename !== void 0 ? filename : "";
  327.             }
  328.             linkEl.style.cssText = "position:absolute;top:-100%";
  329.             document.body.appendChild(linkEl);
  330.             setTimeout(() => {
  331.               linkEl.click();
  332.               linkEl.remove();
  333.             }, 0);
  334.             return {
  335.               abort: () => void 0,
  336.             };
  337.           },
  338.     GM_listValues:
  339.       typeof GM_listValues == "function"
  340.         ? GM_listValues
  341.         : function DM_listValues() {
  342.             const keysArray = [];
  343.             for (let i = 0; i < window.localStorage.length; i++) {
  344.               const key = window.localStorage.key(i);
  345.               if (
  346.                 key === null || key === void 0
  347.                   ? void 0
  348.                   : key.startsWith("$DMValue$AdBlock Script for WebView$")
  349.               )
  350.                 keysArray.push(
  351.                   key.replace("$DMValue$AdBlock Script for WebView$", "")
  352.                 );
  353.             }
  354.             return keysArray;
  355.           },
  356.     GM:
  357.       typeof GM == "object"
  358.         ? GM
  359.         : {
  360.             getValue: function DM_getValue4(...args) {
  361.               return Promise.resolve($polyfills.GM_getValue(...args));
  362.             },
  363.             deleteValue: function DM_deleteValue4(...args) {
  364.               return Promise.resolve($polyfills.GM_deleteValue(...args));
  365.             },
  366.             setValue: function DM_setValue4(...args) {
  367.               return Promise.resolve($polyfills.GM_setValue(...args));
  368.             },
  369.             addStyle: function DM_addStyle4(...args) {
  370.               return Promise.resolve($polyfills.GM_addStyle(...args));
  371.             },
  372.             download: function DM_download4(...args) {
  373.               return Promise.resolve($polyfills.GM_download(...args));
  374.             },
  375.             listValues: function DM_listValues4(...args) {
  376.               return Promise.resolve($polyfills.GM_listValues(...args));
  377.             },
  378.           },
  379.     // polyfills 结束
  380.   };
  381.  
  382.   (function (preset, tm) {
  383.     "use strict";
  384.  
  385.     /******************************************************************************
  386.   Copyright (c) Microsoft Corporation.
  387.   Permission to use, copy, modify, and/or distribute this software for any
  388.   purpose with or without fee is hereby granted.
  389.   THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
  390.   REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
  391.   AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
  392.   INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
  393.   LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
  394.   OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
  395.   PERFORMANCE OF THIS SOFTWARE.
  396.   ***************************************************************************** */
  397.     /* global Reflect, Promise, SuppressedError, Symbol */
  398.     function __awaiter(thisArg, _arguments, P, generator) {
  399.       function adopt(value) {
  400.         return value instanceof P
  401.           ? value
  402.           : new P(function (resolve) {
  403.               resolve(value);
  404.             });
  405.       }
  406.       return new (P || (P = Promise))(function (resolve, reject) {
  407.         function fulfilled(value) {
  408.           try {
  409.             step(generator.next(value));
  410.           } catch (e) {
  411.             reject(e);
  412.           }
  413.         }
  414.         function rejected(value) {
  415.           try {
  416.             step(generator["throw"](value));
  417.           } catch (e) {
  418.             reject(e);
  419.           }
  420.         }
  421.         function step(result) {
  422.           result.done
  423.             ? resolve(result.value)
  424.             : adopt(result.value).then(fulfilled, rejected);
  425.         }
  426.         step((generator = generator.apply(thisArg, _arguments || [])).next());
  427.       });
  428.     }
  429.     typeof SuppressedError === "function"
  430.       ? SuppressedError
  431.       : function (error, suppressed, message) {
  432.           var e = new Error(message);
  433.           return (
  434.             (e.name = "SuppressedError"),
  435.             (e.error = error),
  436.             (e.suppressed = suppressed),
  437.             e
  438.           );
  439.         };
  440.     var _a, _b, _c;
  441.     function makeRuleBox() {
  442.       return {
  443.         black: [],
  444.         white: [],
  445.       };
  446.     }
  447.     const data = {
  448.       isFrame: tm.unsafeWindow.self !== tm.unsafeWindow.top,
  449.       isClean: false,
  450.       disabled: false,
  451.       saved: false,
  452.       update: true,
  453.       updating: false,
  454.       alertLog: false,
  455.       receivedRules: "",
  456.       customRules:
  457.         preset.defaultRules +
  458.         ("\n" +
  459.           ((_c =
  460.             (_b =
  461.               (_a = tm.GM_info.script) === null || _a === void 0
  462.                 ? void 0
  463.                 : _a.options) === null || _b === void 0
  464.               ? void 0
  465.               : _b.comment) !== null && _c !== void 0
  466.             ? _c
  467.             : "")),
  468.       allRules: "",
  469.       genHideCss: "",
  470.       genExtraCss: "",
  471.       spcHideCss: "",
  472.       spcExtraCss: "",
  473.       selectors: makeRuleBox(),
  474.       extSelectors: makeRuleBox(),
  475.       styles: makeRuleBox(),
  476.       extStyles: makeRuleBox(),
  477.       bRules: [],
  478.       appliedLevel: 0,
  479.       appliedCount: 0,
  480.       mutex: "__lemon__abp__parser__$__",
  481.       preset: preset.userConfig.css,
  482.       timeout: preset.userConfig.timeout,
  483.       headTimeout: preset.userConfig.headTimeout,
  484.       tryCount: preset.userConfig.tryCount,
  485.       tryTimeout: preset.userConfig.tryTimeout,
  486.     };
  487.     const defaultValues = {
  488.       get black() {
  489.         return "";
  490.       },
  491.       get rules() {
  492.         return {};
  493.       },
  494.       get css() {
  495.         return {
  496.           needUpdate: true,
  497.           genHideCss: "",
  498.           genExtraCss: "",
  499.           spcHideCss: "",
  500.           spcExtraCss: "",
  501.         };
  502.       },
  503.       get time() {
  504.         return "0/0/0 0:0:0";
  505.       },
  506.       get etags() {
  507.         return {};
  508.       },
  509.       get brules() {
  510.         return [];
  511.       },
  512.       get hash() {
  513.         return "";
  514.       },
  515.     };
  516.     const values = {
  517.         black(value) {
  518.           var _a;
  519.           return __awaiter(this, void 0, void 0, function* () {
  520.             if (typeof value == "undefined") {
  521.               const arrStr = yield gmValue(
  522.                 "get",
  523.                 false,
  524.                 "ajs_disabled_domains",
  525.                 defaultValues.black
  526.               );
  527.               return typeof arrStr == "string" && arrStr.length > 0
  528.                 ? arrStr.split(",")
  529.                 : [];
  530.             } else {
  531.               return yield gmValue(
  532.                 "set",
  533.                 false,
  534.                 "ajs_disabled_domains",
  535.                 (_a =
  536.                   value === null || value === void 0
  537.                     ? void 0
  538.                     : value.join()) !== null && _a !== void 0
  539.                   ? _a
  540.                   : defaultValues.black
  541.               );
  542.             }
  543.           });
  544.         },
  545.         rules(value) {
  546.           return __awaiter(this, void 0, void 0, function* () {
  547.             return typeof value == "undefined"
  548.               ? yield gmValue(
  549.                   "get",
  550.                   true,
  551.                   "ajs_saved_abprules",
  552.                   defaultValues.rules
  553.                 )
  554.               : yield gmValue(
  555.                   "set",
  556.                   true,
  557.                   "ajs_saved_abprules",
  558.                   value !== null && value !== void 0
  559.                     ? value
  560.                     : defaultValues.rules
  561.                 );
  562.           });
  563.         },
  564.         css(value, host = location.hostname) {
  565.           return __awaiter(this, void 0, void 0, function* () {
  566.             return typeof value == "undefined"
  567.               ? yield gmValue(
  568.                   "get",
  569.                   true,
  570.                   `ajs_saved_styles_${host}`,
  571.                   defaultValues.css
  572.                 )
  573.               : yield gmValue(
  574.                   "set",
  575.                   true,
  576.                   `ajs_saved_styles_${host}`,
  577.                   value !== null && value !== void 0 ? value : defaultValues.css
  578.                 );
  579.           });
  580.         },
  581.         time(value) {
  582.           return __awaiter(this, void 0, void 0, function* () {
  583.             return typeof value == "undefined"
  584.               ? yield gmValue("get", false, "ajs_rules_ver", defaultValues.time)
  585.               : yield gmValue(
  586.                   "set",
  587.                   false,
  588.                   "ajs_rules_ver",
  589.                   value !== null && value !== void 0
  590.                     ? value
  591.                     : defaultValues.time
  592.                 );
  593.           });
  594.         },
  595.         etags(value) {
  596.           return __awaiter(this, void 0, void 0, function* () {
  597.             return typeof value == "undefined"
  598.               ? yield gmValue(
  599.                   "get",
  600.                   true,
  601.                   "ajs_rules_etags",
  602.                   defaultValues.etags
  603.                 )
  604.               : yield gmValue(
  605.                   "set",
  606.                   true,
  607.                   "ajs_rules_etags",
  608.                   value !== null && value !== void 0
  609.                     ? value
  610.                     : defaultValues.etags
  611.                 );
  612.           });
  613.         },
  614.         brules(value) {
  615.           return __awaiter(this, void 0, void 0, function* () {
  616.             return typeof value == "undefined"
  617.               ? yield gmValue(
  618.                   "get",
  619.                   true,
  620.                   "ajs_modifier_rules",
  621.                   defaultValues.brules
  622.                 )
  623.               : yield gmValue(
  624.                   "set",
  625.                   true,
  626.                   "ajs_modifier_rules",
  627.                   value !== null && value !== void 0
  628.                     ? value
  629.                     : defaultValues.brules
  630.                 );
  631.           });
  632.         },
  633.         hash(value) {
  634.           return __awaiter(this, void 0, void 0, function* () {
  635.             return typeof value == "undefined"
  636.               ? yield gmValue(
  637.                   "get",
  638.                   false,
  639.                   "ajs_custom_hash",
  640.                   defaultValues.hash
  641.                 )
  642.               : yield gmValue(
  643.                   "set",
  644.                   false,
  645.                   "ajs_custom_hash",
  646.                   value !== null && value !== void 0
  647.                     ? value
  648.                     : defaultValues.hash
  649.                 );
  650.           });
  651.         },
  652.       },
  653.       menus = {
  654.         disable: {
  655.           id: undefined,
  656.           text() {
  657.             return __awaiter(this, void 0, void 0, function* () {
  658.               return `在此域名${data.disabled ? "启用" : "禁用"}拦截`;
  659.             });
  660.           },
  661.         },
  662.         update: {
  663.           id: undefined,
  664.           text() {
  665.             return __awaiter(this, void 0, void 0, function* () {
  666.               const time = yield values.time();
  667.               return data.updating
  668.                 ? "正在更新..."
  669.                 : `点击更新 ${
  670.                     (time === null || time === void 0
  671.                       ? void 0
  672.                       : time.slice(0, 1)) === "0"
  673.                       ? "未知时间"
  674.                       : time
  675.                   }`;
  676.             });
  677.           },
  678.         },
  679.         count: {
  680.           id: undefined,
  681.           text() {
  682.             var _a, _b;
  683.             return __awaiter(this, void 0, void 0, function* () {
  684.               let cssCount = "";
  685.               if (!data.disabled) {
  686.                 if ((data.appliedLevel & 1) == 0)
  687.                   cssCount += data.genHideCss + data.genExtraCss;
  688.                 if ((data.appliedLevel & 2) == 0)
  689.                   cssCount += data.spcHideCss + data.spcExtraCss;
  690.               }
  691.               return data.isClean
  692.                 ? `已清空，点击刷新${data.disabled ? "网页" : "重新加载规则"}`
  693.                 : data.disabled
  694.                 ? "点击清空存储规则"
  695.                 : `点击清空 ${
  696.                     data.saved
  697.                       ? (_b =
  698.                           "CSS " +
  699.                           ((_a = cssCount.match(/{/g)) === null || _a === void 0
  700.                             ? void 0
  701.                             : _a.length)) !== null && _b !== void 0
  702.                         ? _b
  703.                         : "未知"
  704.                       : "规则 " +
  705.                         data.appliedCount +
  706.                         "/" +
  707.                         data.allRules.split("\n").length
  708.                   }`;
  709.             });
  710.           },
  711.         },
  712.         export: {
  713.           id: undefined,
  714.           text() {
  715.             return __awaiter(this, void 0, void 0, function* () {
  716.               return "下载统计报告";
  717.             });
  718.           },
  719.         },
  720.       };
  721.     function gmChooser(gm1, gm4) {
  722.       const gm1dm =
  723.         gm1 === null || gm1 === void 0 ? void 0 : gm1.name.startsWith("DM_");
  724.       const gm4dm =
  725.         gm4 === null || gm4 === void 0 ? void 0 : gm4.name.startsWith("DM_");
  726.       if (gm1dm !== gm4dm) {
  727.         return gm1dm ? gm4 : gm1;
  728.       } else {
  729.         return gm1;
  730.       }
  731.     }
  732.     function gmMenu(name, cb) {
  733.       var _a;
  734.       return __awaiter(this, void 0, void 0, function* () {
  735.         const id =
  736.           (_a = menus[name].id) !== null && _a !== void 0 ? _a : undefined;
  737.         const gmr = gmChooser(
  738.           tm.GM_registerMenuCommand,
  739.           tm.GM === null || tm.GM === void 0
  740.             ? void 0
  741.             : tm.GM.registerMenuCommand
  742.         );
  743.         const gmu = gmChooser(
  744.           tm.GM_unregisterMenuCommand,
  745.           tm.GM === null || tm.GM === void 0
  746.             ? void 0
  747.             : tm.GM.unregisterMenuCommand
  748.         );
  749.         if (typeof gmr != "function" || data.isFrame) return;
  750.         if (typeof id != "undefined" && typeof gmu == "function") {
  751.           menus[name].id = undefined;
  752.           yield gmu(id);
  753.         }
  754.         if (typeof cb == "function") {
  755.           menus[name].id = yield gmr(yield menus[name].text(), cb);
  756.         }
  757.       });
  758.     }
  759.     function gmValue(action, json, key, value) {
  760.       var _a, _b, _c, _d;
  761.       return __awaiter(this, void 0, void 0, function* () {
  762.         switch (action) {
  763.           case "get":
  764.             try {
  765.               let v =
  766.                 (_a = gmChooser(
  767.                   tm.GM_getValue,
  768.                   tm.GM === null || tm.GM === void 0 ? void 0 : tm.GM.getValue
  769.                 )) === null || _a === void 0
  770.                   ? void 0
  771.                   : _a(key, json ? JSON.stringify(value) : value);
  772.               v = v instanceof Promise ? yield v : v;
  773.               return Promise.resolve(
  774.                 json && typeof v == "string" ? JSON.parse(v) : v
  775.               );
  776.             } catch (error) {
  777.               return Promise.resolve(value);
  778.             }
  779.           case "set":
  780.             try {
  781.               return value === null || value === undefined
  782.                 ? Promise.resolve(
  783.                     (_b = gmChooser(
  784.                       tm.GM_deleteValue,
  785.                       tm.GM === null || tm.GM === void 0
  786.                         ? void 0
  787.                         : tm.GM.deleteValue
  788.                     )) === null || _b === void 0
  789.                       ? void 0
  790.                       : _b(key)
  791.                   )
  792.                 : Promise.resolve(
  793.                     (_c = gmChooser(
  794.                       tm.GM_setValue,
  795.                       tm.GM === null || tm.GM === void 0
  796.                         ? void 0
  797.                         : tm.GM.setValue
  798.                     )) === null || _c === void 0
  799.                       ? void 0
  800.                       : _c(key, json ? JSON.stringify(value) : value)
  801.                   );
  802.             } catch (error) {
  803.               Promise.reject(
  804.                 (_d = gmChooser(
  805.                   tm.GM_deleteValue,
  806.                   tm.GM === null || tm.GM === void 0
  807.                     ? void 0
  808.                     : tm.GM.deleteValue
  809.                 )) === null || _d === void 0
  810.                   ? void 0
  811.                   : _d(key)
  812.               );
  813.             }
  814.             break;
  815.         }
  816.       });
  817.     }
  818.     function getUserConfig(prop) {
  819.       var _a;
  820.       return __awaiter(this, void 0, void 0, function* () {
  821.         {
  822.           return (_a = yield gmValue("get", false, `配置.${prop}`)) !== null &&
  823.             _a !== void 0
  824.             ? _a
  825.             : preset.userConfig[prop];
  826.         }
  827.       });
  828.     }
  829.     function addStyle(css, pass = 0) {
  830.       var _a;
  831.       return __awaiter(this, void 0, void 0, function* () {
  832.         if (pass >= data.tryCount) return;
  833.         const el = yield (_a = gmChooser(
  834.           tm.GM_addStyle,
  835.           tm.GM === null || tm.GM === void 0 ? void 0 : tm.GM.addStyle
  836.         )) === null || _a === void 0
  837.           ? void 0
  838.           : _a(css);
  839.         if (!el || !document.documentElement.contains(el)) {
  840.           setTimeout(() => {
  841.             addStyle(css, pass + 1);
  842.           }, data.tryTimeout);
  843.         }
  844.       });
  845.     }
  846.     function promiseXhr(details) {
  847.       return __awaiter(this, void 0, void 0, function* () {
  848.         let loaded = false;
  849.         const gmXhr = gmChooser(
  850.           tm.GM_xmlhttpRequest,
  851.           tm.GM === null || tm.GM === void 0 ? void 0 : tm.GM.xmlHttpRequest
  852.         );
  853.         if (typeof gmXhr != "function")
  854.           return Promise.reject({
  855.             error: "noxhr",
  856.           });
  857.         return yield new Promise((resolve, reject) => {
  858.           gmXhr(
  859.             Object.assign(
  860.               {
  861.                 onload(e) {
  862.                   loaded = true;
  863.                   resolve(e);
  864.                 },
  865.                 onabort(e) {
  866.                   loaded = true;
  867.                   reject({
  868.                     error: "abort",
  869.                     resp: e,
  870.                   });
  871.                 },
  872.                 onerror(e) {
  873.                   loaded = true;
  874.                   reject({
  875.                     error: "error",
  876.                     resp: e,
  877.                   });
  878.                 },
  879.                 ontimeout(e) {
  880.                   loaded = true;
  881.                   reject({
  882.                     error: "timeout",
  883.                     resp: e,
  884.                   });
  885.                 },
  886.                 onreadystatechange(e) {
  887.                   // Via 浏览器超时中断，不给成功状态...
  888.                   if (
  889.                     (e === null || e === void 0 ? void 0 : e.readyState) === 3
  890.                   ) {
  891.                     setTimeout(
  892.                       () => {
  893.                         if (!loaded)
  894.                           reject({
  895.                             error: "Via timeout",
  896.                             resp: e,
  897.                           });
  898.                       },
  899.                       details.method === "HEAD"
  900.                         ? data.headTimeout
  901.                         : data.timeout
  902.                     );
  903.                   }
  904.                 },
  905.                 timeout:
  906.                   details.method === "HEAD" ? data.headTimeout : data.timeout,
  907.               },
  908.               details
  909.             )
  910.           );
  911.         });
  912.       });
  913.     }
  914.     function getRuleFromResource(key) {
  915.       var _a;
  916.       return __awaiter(this, void 0, void 0, function* () {
  917.         try {
  918.           return yield (_a = gmChooser(
  919.             tm.GM_getResourceText,
  920.             tm.GM === null || tm.GM === void 0 ? void 0 : tm.GM.getResourceText
  921.           )) === null || _a === void 0
  922.             ? void 0
  923.             : _a(key);
  924.         } catch (error) {
  925.           return null;
  926.         }
  927.       });
  928.     }
  929.     function runOnce(key, func) {
  930.       if (key in tm.unsafeWindow) return Promise.reject();
  931.       tm.unsafeWindow[key] = true;
  932.       return func();
  933.     }
  934.     const downUrl = tm.GM_download;
  935.     function getSavedHosts(host) {
  936.       var _a, _b;
  937.       return __awaiter(this, void 0, void 0, function* () {
  938.         const keys =
  939.           (_b = yield (_a = gmChooser(
  940.             tm.GM_listValues,
  941.             tm.GM === null || tm.GM === void 0 ? void 0 : tm.GM.listValues
  942.           )) === null || _a === void 0
  943.             ? void 0
  944.             : _a()) !== null && _b !== void 0
  945.             ? _b
  946.             : [];
  947.         const domains = (
  948.           Array.isArray(keys)
  949.             ? keys
  950.             : // Rains
  951.               Object.keys(keys)
  952.         )
  953.           .filter((key) => key.startsWith("ajs_saved_styles_"))
  954.           .map((key) => key.replace("ajs_saved_styles_", ""));
  955.         return host ? domains.includes(host) : domains;
  956.       });
  957.     }
  958.     const CRRE =
  959.         /^(\[\$domain=)?(~?[\w-]+(?:\.[\w-]+)*(?:\.[\w-]+|\.\*)(?:(?:,|\|)~?[\w-]+(?:\.[\w-]+)*(?:\.[\w-]+|\.\*))*)?(?:])?(#@?\$?\??#)([^\s^+].*)/,
  960.       BRRE =
  961.         /^(?:@@?)(?:\/(.*[^\\])\/|(\|\|?)?(https?:\/\/)?([^\s"<>`]+?[|^]?))?\$((?:(?:~?[\w-]+(?:=[^$]+)?|_+)(?:[^\\],|$))+)/,
  962.       CCRE =
  963.         /^\/\*\s(\d)(\|)?(.+?)\s\*\/\s((.+?)\s*(?:\{\s*[a-zA-Z-]+\s*:\s*.+\}|,))\s*$/,
  964.       BROpts = [
  965.         "elemhide",
  966.         "ehide",
  967.         "specifichide",
  968.         "shide",
  969.         "generichide",
  970.         "ghide",
  971.       ],
  972.       CRFlags = ["##", "#@#", "#?#", "#@?#", "#$#", "#@$#", "#$?#", "#@$?#"],
  973.       styleBoxes = ["genHideCss", "genExtraCss", "spcHideCss", "spcExtraCss"],
  974.       dataBoxes = ["selectors", "extSelectors", "styles", "extStyles"];
  975.     function bRuleSpliter(rule) {
  976.       const group = rule.match(BRRE);
  977.       if (!group) return null;
  978.       const [, regex, pipe, proto, body, option] = group,
  979.         options = option.split(","),
  980.         sepChar = "[^\\w\\.%-]",
  981.         anyChar = '(?:[^\\s"<>`]*)',
  982.         eh = hasSome(options, ["elemhide", "ehide"]),
  983.         sh = hasSome(options, ["specifichide", "shide"]),
  984.         gh = hasSome(options, ["generichide", "ghide"]);
  985.       let domains = [];
  986.       options.forEach((opt) => {
  987.         if (opt.startsWith("domain=")) {
  988.           domains = opt.split("=")[1].split("|");
  989.         }
  990.       });
  991.       let match = "";
  992.       if (regex) {
  993.         match = regex;
  994.       } else if (body) {
  995.         match += pipe
  996.           ? proto
  997.             ? `^${proto}`
  998.             : `^https?://(?:[\\w-]+\\.)*?`
  999.           : `^${anyChar}`;
  1000.         match += body
  1001.           .replace(/[-\\$+.()[\]{}]/g, "\\$&")
  1002.           .replace(/\^/g, "$^")
  1003.           .replace(/\|$/, "$")
  1004.           .replace(/\|/g, "\\|")
  1005.           .replace(/\*$/g, "")
  1006.           .replace(/\*/g, anyChar)
  1007.           .replace(/\$\^$/, `(?:${sepChar}.*|$)`)
  1008.           .replace(/\$\^/g, sepChar);
  1009.       } else if (domains.length > 0) {
  1010.         match = domains;
  1011.       }
  1012.       return {
  1013.         rule,
  1014.         match,
  1015.         level: eh || (gh && sh) ? 3 : sh ? 2 : gh ? 1 : 0,
  1016.       };
  1017.     }
  1018.     function isBasicRule(rule) {
  1019.       return BRRE.test(rule) && hasSome(rule, BROpts);
  1020.     }
  1021.     function bRuleParser(rule, url = location.href) {
  1022.       return rule
  1023.         ? (Array.isArray(rule.match) && domainChecker(rule.match)[0]) ||
  1024.           (!Array.isArray(rule.match) && new RegExp(rule.match).test(url))
  1025.           ? rule.level
  1026.           : 0
  1027.         : 0;
  1028.     }
  1029.     function getEtag(header) {
  1030.       var _a;
  1031.       let result = null;
  1032.       if (!header) return null;
  1033.       [
  1034.         /[e|E][t|T]ag:\s(?:W\/)?"(\w+)"/,
  1035.         // WebMonkey 系
  1036.         /[e|E][t|T]ag:\s\[(?:W\/)?"(\w+)"\]/,
  1037.         // 书签地球
  1038.         /[e|E][t|T]ag=(?:W\/)?"(\w+)"/,
  1039.         // 海阔世界
  1040.         /^(?:W\/)?"(\w+)"/,
  1041.       ].forEach((re) => {
  1042.         result !== null && result !== void 0
  1043.           ? result
  1044.           : (result = header.match(re));
  1045.       });
  1046.       return (_a =
  1047.         result === null || result === void 0 ? void 0 : result[1]) !== null &&
  1048.         _a !== void 0
  1049.         ? _a
  1050.         : null;
  1051.     }
  1052.     function domainChecker(domains) {
  1053.       const results = [],
  1054.         invResults = [],
  1055.         currDomain = location.hostname,
  1056.         urlSuffix = /\.+?[\w-]+$/.exec(currDomain);
  1057.       let totalResult = [0, false],
  1058.         black = false,
  1059.         white = false,
  1060.         match = false;
  1061.       domains.forEach((domain) => {
  1062.         const invert = domain[0] === "~";
  1063.         if (invert) domain = domain.slice(1);
  1064.         if (domain.endsWith(".*") && Array.isArray(urlSuffix)) {
  1065.           domain = domain.replace(".*", urlSuffix[0]);
  1066.         }
  1067.         const result = currDomain.endsWith(domain);
  1068.         if (invert) {
  1069.           if (result) white = true;
  1070.           invResults.push([domain.length, !result]);
  1071.         } else {
  1072.           if (result) black = true;
  1073.           results.push([domain.length, result]);
  1074.         }
  1075.       });
  1076.       if (results.length > 0 && !black) {
  1077.         match = false;
  1078.       } else if (invResults.length > 0 && !white) {
  1079.         match = true;
  1080.       } else {
  1081.         results.forEach((r) => {
  1082.           if (r[0] >= totalResult[0] && r[1]) {
  1083.             totalResult = r;
  1084.           }
  1085.         });
  1086.         invResults.forEach((r) => {
  1087.           if (r[0] >= totalResult[0] && !r[1]) {
  1088.             totalResult = r;
  1089.           }
  1090.         });
  1091.         match = totalResult[1];
  1092.       }
  1093.       return [match, results.length === 0];
  1094.     }
  1095.     function hasSome(str, arr) {
  1096.       return arr.some((word) => str.includes(word));
  1097.     }
  1098.     function ruleSpliter(rule) {
  1099.       const group = rule.match(CRRE);
  1100.       if (group) {
  1101.         const [, isDomain, place = "*", flag, sel] = group,
  1102.           type = CRFlags.indexOf(flag),
  1103.           matchResult =
  1104.             place === "*"
  1105.               ? [true, true]
  1106.               : domainChecker(place.split(isDomain ? "|" : ","));
  1107.         if (sel && matchResult[0]) {
  1108.           return {
  1109.             black: type % 2 ? "white" : "black",
  1110.             type: Math.floor(type / 2),
  1111.             place: (isDomain ? "|" : "") + place,
  1112.             generic: matchResult[1],
  1113.             sel,
  1114.           };
  1115.         }
  1116.       }
  1117.     }
  1118.     function ruleLoader(rule) {
  1119.       if (
  1120.         hasSome(rule, [
  1121.           ":matches-path(",
  1122.           ":min-text-length(",
  1123.           ":watch-attr(",
  1124.           ":-abp-properties(",
  1125.           ":matches-property(",
  1126.         ])
  1127.       )
  1128.         return;
  1129.       // 去掉开头末尾空格
  1130.       rule = rule.trim();
  1131.       // 如果 #$# 不包含 {} 就排除
  1132.       // 可以尽量排除 Snippet Filters
  1133.       if (
  1134.         /(?:\w|\*|]|^)#\$#/.test(rule) &&
  1135.         !/{\s*[a-zA-Z-]+\s*:\s*.+}\s*$/.test(rule)
  1136.       )
  1137.         return;
  1138.       // ## -> #?#
  1139.       if (
  1140.         /(?:\w|\*|]|^)#@?\$?#/.test(rule) &&
  1141.         hasSome(rule, [
  1142.           ":has(",
  1143.           ":-abp-has(",
  1144.           "[-ext-has=",
  1145.           ":has-text(",
  1146.           ":contains(",
  1147.           ":-abp-contains(",
  1148.           "[-ext-contains=",
  1149.           ":matches-css(",
  1150.           "[-ext-matches-css=",
  1151.           ":matches-css-before(",
  1152.           "[-ext-matches-css-before=",
  1153.           ":matches-css-after(",
  1154.           "[-ext-matches-css-after=",
  1155.           ":matches-attr(",
  1156.           ":nth-ancestor(",
  1157.           ":upward(",
  1158.           ":xpath(",
  1159.           ":remove()",
  1160.           ":not(",
  1161.         ])
  1162.       ) {
  1163.         rule = rule.replace(/(\w|\*|]|^)#(@?\$?)#/, "$1#$2?#");
  1164.       }
  1165.       // :style(...) 转换
  1166.       // example.com#?##id:style(color: red)
  1167.       // example.com#$?##id { color: red }
  1168.       if (rule.includes(":style(")) {
  1169.         rule = rule
  1170.           .replace(/(\w|\*|]|^)#(@?)(\??)#/, "$1#$2$$$3#")
  1171.           .replace(/:style\(\s*/, " { ")
  1172.           .replace(/\s*\)$/, " }");
  1173.       }
  1174.       return ruleSpliter(rule);
  1175.     }
  1176.     function ruleToCss(rule, preset, full) {
  1177.       var _a, _b;
  1178.       const isStyle = /}\s*$/.test(rule.sel);
  1179.       return [
  1180.         `/* ${rule.type}${rule.place} */ ${
  1181.           rule.sel +
  1182.           (!isStyle
  1183.             ? full
  1184.               ? " " + preset.replace(/\s{2,}/g, " ").replace(/\n/g, "")
  1185.               : ","
  1186.             : "")
  1187.         } \n`,
  1188.         isStyle
  1189.           ? (_b =
  1190.               (_a = rule.sel.match(/^(.+?)\s*{\s*[a-zA-Z-]+\s*:\s*.+}\s*$/)) ===
  1191.                 null || _a === void 0
  1192.                 ? void 0
  1193.                 : _a[1]) !== null && _b !== void 0
  1194.             ? _b
  1195.             : rule.sel
  1196.           : rule.sel,
  1197.         isStyle,
  1198.       ];
  1199.     }
  1200.     function cssToAbp(css) {
  1201.       var _a;
  1202.       const flags = ["##", "#?#", "#$#", "#$?#"];
  1203.       const [, typeStr, isDomain, place, style, sel] =
  1204.         (_a = css.match(CCRE)) !== null && _a !== void 0 ? _a : [];
  1205.       if (typeStr === undefined) return null;
  1206.       const type = parseInt(typeStr);
  1207.       return [
  1208.         `${place === "*" ? "" : isDomain ? `[$domain=${place}]` : place}${
  1209.           flags[type]
  1210.         }${type >= 2 ? style : sel}`,
  1211.         type,
  1212.         sel,
  1213.       ];
  1214.     }
  1215.     // https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest#bypassing_the_cache
  1216.     function addTimeParam(url) {
  1217.       return url + (url.includes("?") ? "&" : "?") + new Date().getTime();
  1218.     }
  1219.     function saveCss() {
  1220.       return __awaiter(this, void 0, void 0, function* () {
  1221.         const styles = {
  1222.           needUpdate: false,
  1223.           genHideCss: data.genHideCss,
  1224.           genExtraCss: data.genExtraCss,
  1225.           spcHideCss: data.spcHideCss,
  1226.           spcExtraCss: data.spcExtraCss,
  1227.         };
  1228.         yield values.css(styles);
  1229.       });
  1230.     }
  1231.     function readCss() {
  1232.       var _a;
  1233.       return __awaiter(this, void 0, void 0, function* () {
  1234.         const styles =
  1235.           (_a = yield values.css()) !== null && _a !== void 0
  1236.             ? _a
  1237.             : defaultValues.css;
  1238.         if (!hasSome(Object.keys(styles), styleBoxes)) {
  1239.           yield values.css(defaultValues.css);
  1240.           return;
  1241.         }
  1242.         styleBoxes.forEach((sname) => {
  1243.           var _a;
  1244.           if (styles[sname].length > 0) {
  1245.             data.saved = true;
  1246.             data.update =
  1247.               (_a = styles.needUpdate) !== null && _a !== void 0 ? _a : true;
  1248.             data[sname] = styles[sname];
  1249.           }
  1250.         });
  1251.       });
  1252.     }
  1253.  
  1254.     /**
  1255.      * @adguard/extended-css - v2.0.52 - Fri Apr 14 2023
  1256.      * https://github.com/AdguardTeam/ExtendedCss#homepage
  1257.      * Copyright (c) 2023 AdGuard. Licensed GPL-3.0
  1258.      */
  1259.     function _defineProperty(obj, key, value) {
  1260.       if (key in obj) {
  1261.         Object.defineProperty(obj, key, {
  1262.           value: value,
  1263.           enumerable: true,
  1264.           configurable: true,
  1265.           writable: true,
  1266.         });
  1267.       } else {
  1268.         obj[key] = value;
  1269.       }
  1270.       return obj;
  1271.     }
  1272.     /**
  1273.      * Possible ast node types.
  1274.      *
  1275.      * IMPORTANT: it is used as 'const' instead of 'enum' to avoid side effects
  1276.      * during ExtendedCss import into other libraries.
  1277.      */
  1278.     const NODE = {
  1279.       SELECTOR_LIST: "SelectorList",
  1280.       SELECTOR: "Selector",
  1281.       REGULAR_SELECTOR: "RegularSelector",
  1282.       EXTENDED_SELECTOR: "ExtendedSelector",
  1283.       ABSOLUTE_PSEUDO_CLASS: "AbsolutePseudoClass",
  1284.       RELATIVE_PSEUDO_CLASS: "RelativePseudoClass",
  1285.     };
  1286.     /**
  1287.      * Class needed for creating ast nodes while selector parsing.
  1288.      * Used for SelectorList, Selector, ExtendedSelector.
  1289.      */
  1290.     class AnySelectorNode {
  1291.       /**
  1292.        * Creates new ast node.
  1293.        *
  1294.        * @param type Ast node type.
  1295.        */
  1296.       constructor(type) {
  1297.         _defineProperty(this, "children", []);
  1298.         this.type = type;
  1299.       }
  1300.       /**
  1301.        * Adds child node to children array.
  1302.        *
  1303.        * @param child Ast node.
  1304.        */
  1305.       addChild(child) {
  1306.         this.children.push(child);
  1307.       }
  1308.     }
  1309.     /**
  1310.      * Class needed for creating RegularSelector ast node while selector parsing.
  1311.      */
  1312.     class RegularSelectorNode extends AnySelectorNode {
  1313.       /**
  1314.        * Creates RegularSelector ast node.
  1315.        *
  1316.        * @param value Value of RegularSelector node.
  1317.        */
  1318.       constructor(value) {
  1319.         super(NODE.REGULAR_SELECTOR);
  1320.         this.value = value;
  1321.       }
  1322.     }
  1323.     /**
  1324.      * Class needed for creating RelativePseudoClass ast node while selector parsing.
  1325.      */
  1326.     class RelativePseudoClassNode extends AnySelectorNode {
  1327.       /**
  1328.        * Creates RegularSelector ast node.
  1329.        *
  1330.        * @param name Name of RelativePseudoClass node.
  1331.        */
  1332.       constructor(name) {
  1333.         super(NODE.RELATIVE_PSEUDO_CLASS);
  1334.         this.name = name;
  1335.       }
  1336.     }
  1337.     /**
  1338.      * Class needed for creating AbsolutePseudoClass ast node while selector parsing.
  1339.      */
  1340.     class AbsolutePseudoClassNode extends AnySelectorNode {
  1341.       /**
  1342.        * Creates AbsolutePseudoClass ast node.
  1343.        *
  1344.        * @param name Name of AbsolutePseudoClass node.
  1345.        */
  1346.       constructor(name) {
  1347.         super(NODE.ABSOLUTE_PSEUDO_CLASS);
  1348.         _defineProperty(this, "value", "");
  1349.         this.name = name;
  1350.       }
  1351.     }
  1352.     /* eslint-disable jsdoc/require-description-complete-sentence */
  1353.     /**
  1354.      * Root node.
  1355.      *
  1356.      * SelectorList
  1357.      *   : Selector
  1358.      *     ...
  1359.      *   ;
  1360.      */
  1361.     /**
  1362.      * Selector node.
  1363.      *
  1364.      * Selector
  1365.      *   : RegularSelector
  1366.      *   | ExtendedSelector
  1367.      *     ...
  1368.      *   ;
  1369.      */
  1370.     /**
  1371.      * Regular selector node.
  1372.      * It can be selected by querySelectorAll().
  1373.      *
  1374.      * RegularSelector
  1375.      *   : type
  1376.      *   : value
  1377.      *   ;
  1378.      */
  1379.     /**
  1380.      * Extended selector node.
  1381.      *
  1382.      * ExtendedSelector
  1383.      *   : AbsolutePseudoClass
  1384.      *   | RelativePseudoClass
  1385.      *   ;
  1386.      */
  1387.     /**
  1388.      * Absolute extended pseudo-class node,
  1389.      * i.e. none-selector args.
  1390.      *
  1391.      * AbsolutePseudoClass
  1392.      *   : type
  1393.      *   : name
  1394.      *   : value
  1395.      *   ;
  1396.      */
  1397.     /**
  1398.      * Relative extended pseudo-class node
  1399.      * i.e. selector as arg.
  1400.      *
  1401.      * RelativePseudoClass
  1402.      *   : type
  1403.      *   : name
  1404.      *   : SelectorList
  1405.      *   ;
  1406.      */
  1407.     //
  1408.     //  ast example
  1409.     //
  1410.     //  div.banner > div:has(span, p), a img.ad
  1411.     //
  1412.     //  SelectorList - div.banner > div:has(span, p), a img.ad
  1413.     //      Selector - div.banner > div:has(span, p)
  1414.     //          RegularSelector - div.banner > div
  1415.     //          ExtendedSelector - :has(span, p)
  1416.     //              PseudoClassSelector - :has
  1417.     //              SelectorList - span, p
  1418.     //                  Selector - span
  1419.     //                      RegularSelector - span
  1420.     //                  Selector - p
  1421.     //                      RegularSelector - p
  1422.     //      Selector - a img.ad
  1423.     //          RegularSelector - a img.ad
  1424.     //
  1425.     const LEFT_SQUARE_BRACKET = "[";
  1426.     const RIGHT_SQUARE_BRACKET = "]";
  1427.     const LEFT_PARENTHESIS = "(";
  1428.     const RIGHT_PARENTHESIS = ")";
  1429.     const LEFT_CURLY_BRACKET = "{";
  1430.     const RIGHT_CURLY_BRACKET = "}";
  1431.     const BRACKET = {
  1432.       SQUARE: {
  1433.         LEFT: LEFT_SQUARE_BRACKET,
  1434.         RIGHT: RIGHT_SQUARE_BRACKET,
  1435.       },
  1436.       PARENTHESES: {
  1437.         LEFT: LEFT_PARENTHESIS,
  1438.         RIGHT: RIGHT_PARENTHESIS,
  1439.       },
  1440.       CURLY: {
  1441.         LEFT: LEFT_CURLY_BRACKET,
  1442.         RIGHT: RIGHT_CURLY_BRACKET,
  1443.       },
  1444.     };
  1445.     const SLASH = "/";
  1446.     const BACKSLASH = "\\";
  1447.     const SPACE = " ";
  1448.     const COMMA = ",";
  1449.     const DOT = ".";
  1450.     const SEMICOLON = ";";
  1451.     const COLON = ":";
  1452.     const SINGLE_QUOTE = "'";
  1453.     const DOUBLE_QUOTE = '"'; // do not consider hyphen `-` as separated mark
  1454.     // to avoid pseudo-class names splitting
  1455.     // e.g. 'matches-css' or 'if-not'
  1456.     const CARET = "^";
  1457.     const DOLLAR_SIGN = "$";
  1458.     const EQUAL_SIGN = "=";
  1459.     const TAB = "\t";
  1460.     const CARRIAGE_RETURN = "\r";
  1461.     const LINE_FEED = "\n";
  1462.     const FORM_FEED = "\f";
  1463.     const WHITE_SPACE_CHARACTERS = [
  1464.       SPACE,
  1465.       TAB,
  1466.       CARRIAGE_RETURN,
  1467.       LINE_FEED,
  1468.       FORM_FEED,
  1469.     ]; // for universal selector and attributes
  1470.     const ASTERISK = "*";
  1471.     const ID_MARKER = "#";
  1472.     const CLASS_MARKER = DOT;
  1473.     const DESCENDANT_COMBINATOR = SPACE;
  1474.     const CHILD_COMBINATOR = ">";
  1475.     const NEXT_SIBLING_COMBINATOR = "+";
  1476.     const SUBSEQUENT_SIBLING_COMBINATOR = "~";
  1477.     const COMBINATORS = [
  1478.       DESCENDANT_COMBINATOR,
  1479.       CHILD_COMBINATOR,
  1480.       NEXT_SIBLING_COMBINATOR,
  1481.       SUBSEQUENT_SIBLING_COMBINATOR,
  1482.     ];
  1483.     const SUPPORTED_SELECTOR_MARKS = [
  1484.       LEFT_SQUARE_BRACKET,
  1485.       RIGHT_SQUARE_BRACKET,
  1486.       LEFT_PARENTHESIS,
  1487.       RIGHT_PARENTHESIS,
  1488.       LEFT_CURLY_BRACKET,
  1489.       RIGHT_CURLY_BRACKET,
  1490.       SLASH,
  1491.       BACKSLASH,
  1492.       SEMICOLON,
  1493.       COLON,
  1494.       COMMA,
  1495.       SINGLE_QUOTE,
  1496.       DOUBLE_QUOTE,
  1497.       CARET,
  1498.       DOLLAR_SIGN,
  1499.       ASTERISK,
  1500.       ID_MARKER,
  1501.       CLASS_MARKER,
  1502.       DESCENDANT_COMBINATOR,
  1503.       CHILD_COMBINATOR,
  1504.       NEXT_SIBLING_COMBINATOR,
  1505.       SUBSEQUENT_SIBLING_COMBINATOR,
  1506.       TAB,
  1507.       CARRIAGE_RETURN,
  1508.       LINE_FEED,
  1509.       FORM_FEED,
  1510.     ];
  1511.     const SUPPORTED_STYLE_DECLARATION_MARKS = [
  1512.       // divider between property and value in declaration
  1513.       COLON,
  1514.       // divider between declarations
  1515.       SEMICOLON,
  1516.       // sometimes is needed for value wrapping
  1517.       // e.g. 'content: "-"'
  1518.       SINGLE_QUOTE,
  1519.       DOUBLE_QUOTE,
  1520.       // needed for quote escaping inside the same-type quotes
  1521.       BACKSLASH,
  1522.       // whitespaces
  1523.       SPACE,
  1524.       TAB,
  1525.       CARRIAGE_RETURN,
  1526.       LINE_FEED,
  1527.       FORM_FEED,
  1528.     ]; // absolute:
  1529.     const CONTAINS_PSEUDO = "contains";
  1530.     const HAS_TEXT_PSEUDO = "has-text";
  1531.     const ABP_CONTAINS_PSEUDO = "-abp-contains";
  1532.     const MATCHES_CSS_PSEUDO = "matches-css";
  1533.     const MATCHES_CSS_BEFORE_PSEUDO = "matches-css-before";
  1534.     const MATCHES_CSS_AFTER_PSEUDO = "matches-css-after";
  1535.     const MATCHES_ATTR_PSEUDO_CLASS_MARKER = "matches-attr";
  1536.     const MATCHES_PROPERTY_PSEUDO_CLASS_MARKER = "matches-property";
  1537.     const XPATH_PSEUDO_CLASS_MARKER = "xpath";
  1538.     const NTH_ANCESTOR_PSEUDO_CLASS_MARKER = "nth-ancestor";
  1539.     const CONTAINS_PSEUDO_NAMES = [
  1540.       CONTAINS_PSEUDO,
  1541.       HAS_TEXT_PSEUDO,
  1542.       ABP_CONTAINS_PSEUDO,
  1543.     ];
  1544.     /**
  1545.      * Pseudo-class :upward() can get number or selector arg
  1546.      * and if the arg is selector it should be standard, not extended
  1547.      * so :upward pseudo-class is always absolute.
  1548.      */
  1549.     const UPWARD_PSEUDO_CLASS_MARKER = "upward";
  1550.     /**
  1551.      * Pseudo-class `:remove()` and pseudo-property `remove`
  1552.      * are used for element actions, not for element selecting.
  1553.      *
  1554.      * Selector text should not contain the pseudo-class
  1555.      * so selector parser should consider it as invalid
  1556.      * and both are handled by stylesheet parser.
  1557.      */
  1558.     const REMOVE_PSEUDO_MARKER = "remove"; // relative:
  1559.     const HAS_PSEUDO_CLASS_MARKER = "has";
  1560.     const ABP_HAS_PSEUDO_CLASS_MARKER = "-abp-has";
  1561.     const HAS_PSEUDO_CLASS_MARKERS = [
  1562.       HAS_PSEUDO_CLASS_MARKER,
  1563.       ABP_HAS_PSEUDO_CLASS_MARKER,
  1564.     ];
  1565.     const IS_PSEUDO_CLASS_MARKER = "is";
  1566.     const NOT_PSEUDO_CLASS_MARKER = "not";
  1567.     const ABSOLUTE_PSEUDO_CLASSES = [
  1568.       CONTAINS_PSEUDO,
  1569.       HAS_TEXT_PSEUDO,
  1570.       ABP_CONTAINS_PSEUDO,
  1571.       MATCHES_CSS_PSEUDO,
  1572.       MATCHES_CSS_BEFORE_PSEUDO,
  1573.       MATCHES_CSS_AFTER_PSEUDO,
  1574.       MATCHES_ATTR_PSEUDO_CLASS_MARKER,
  1575.       MATCHES_PROPERTY_PSEUDO_CLASS_MARKER,
  1576.       XPATH_PSEUDO_CLASS_MARKER,
  1577.       NTH_ANCESTOR_PSEUDO_CLASS_MARKER,
  1578.       UPWARD_PSEUDO_CLASS_MARKER,
  1579.     ];
  1580.     const RELATIVE_PSEUDO_CLASSES = [
  1581.       ...HAS_PSEUDO_CLASS_MARKERS,
  1582.       IS_PSEUDO_CLASS_MARKER,
  1583.       NOT_PSEUDO_CLASS_MARKER,
  1584.     ];
  1585.     const SUPPORTED_PSEUDO_CLASSES = [
  1586.       ...ABSOLUTE_PSEUDO_CLASSES,
  1587.       ...RELATIVE_PSEUDO_CLASSES,
  1588.     ]; // these pseudo-classes should be part of RegularSelector value
  1589.     // if its arg does not contain extended selectors.
  1590.     // the ast will be checked after the selector is completely parsed
  1591.     const OPTIMIZATION_PSEUDO_CLASSES = [
  1592.       NOT_PSEUDO_CLASS_MARKER,
  1593.       IS_PSEUDO_CLASS_MARKER,
  1594.     ];
  1595.     /**
  1596.      * ':scope' is used for extended pseudo-class :has(), if-not(), :is() and :not().
  1597.      */
  1598.     const SCOPE_CSS_PSEUDO_CLASS = ":scope";
  1599.     /**
  1600.      * ':after' and ':before' are needed for :matches-css() pseudo-class
  1601.      * all other are needed for :has() limitation after regular pseudo-elements.
  1602.      *
  1603.      * @see {@link https://bugs.chromium.org/p/chromium/issues/detail?id=669058#c54} [case 3]
  1604.      */
  1605.     const REGULAR_PSEUDO_ELEMENTS = {
  1606.       AFTER: "after",
  1607.       BACKDROP: "backdrop",
  1608.       BEFORE: "before",
  1609.       CUE: "cue",
  1610.       CUE_REGION: "cue-region",
  1611.       FIRST_LETTER: "first-letter",
  1612.       FIRST_LINE: "first-line",
  1613.       FILE_SELECTION_BUTTON: "file-selector-button",
  1614.       GRAMMAR_ERROR: "grammar-error",
  1615.       MARKER: "marker",
  1616.       PART: "part",
  1617.       PLACEHOLDER: "placeholder",
  1618.       SELECTION: "selection",
  1619.       SLOTTED: "slotted",
  1620.       SPELLING_ERROR: "spelling-error",
  1621.       TARGET_TEXT: "target-text",
  1622.     }; // ExtendedCss does not support at-rules
  1623.     // https://developer.mozilla.org/en-US/docs/Web/CSS/At-rule
  1624.     const AT_RULE_MARKER = "@";
  1625.     const CONTENT_CSS_PROPERTY = "content";
  1626.     const PSEUDO_PROPERTY_POSITIVE_VALUE = "true";
  1627.     const DEBUG_PSEUDO_PROPERTY_GLOBAL_VALUE = "global";
  1628.     const NO_SELECTOR_ERROR_PREFIX = "Selector should be defined";
  1629.     const STYLE_ERROR_PREFIX = {
  1630.       NO_STYLE: "No style declaration found",
  1631.       NO_SELECTOR: `${NO_SELECTOR_ERROR_PREFIX} before style declaration in stylesheet`,
  1632.       INVALID_STYLE: "Invalid style declaration",
  1633.       UNCLOSED_STYLE: "Unclosed style declaration",
  1634.       NO_PROPERTY: "Missing style property in declaration",
  1635.       NO_VALUE: "Missing style value in declaration",
  1636.       NO_STYLE_OR_REMOVE:
  1637.         "Style should be declared or :remove() pseudo-class should used",
  1638.       NO_COMMENT: "Comments are not supported",
  1639.     };
  1640.     const NO_AT_RULE_ERROR_PREFIX = "At-rules are not supported";
  1641.     const REMOVE_ERROR_PREFIX = {
  1642.       INVALID_REMOVE: "Invalid :remove() pseudo-class in selector",
  1643.       NO_TARGET_SELECTOR: `${NO_SELECTOR_ERROR_PREFIX} before :remove() pseudo-class`,
  1644.       MULTIPLE_USAGE:
  1645.         "Pseudo-class :remove() appears more than once in selector",
  1646.       INVALID_POSITION:
  1647.         "Pseudo-class :remove() should be at the end of selector",
  1648.     };
  1649.     const MATCHING_ELEMENT_ERROR_PREFIX = "Error while matching element";
  1650.     const MAX_STYLE_PROTECTION_COUNT = 50;
  1651.     /**
  1652.      * Regexp that matches backward compatible syntaxes.
  1653.      */
  1654.     const REGEXP_VALID_OLD_SYNTAX =
  1655.       /\[-(?:ext)-([a-z-_]+)=(["'])((?:(?=(\\?))\4.)*?)\2\]/g;
  1656.     /**
  1657.      * Marker for checking invalid selector after old-syntax normalizing by selector converter.
  1658.      */
  1659.     const INVALID_OLD_SYNTAX_MARKER = "[-ext-";
  1660.     /**
  1661.      * Complex replacement function.
  1662.      * Undo quote escaping inside of an extended selector.
  1663.      *
  1664.      * @param match     Whole matched string.
  1665.      * @param name      Group 1.
  1666.      * @param quoteChar Group 2.
  1667.      * @param rawValue  Group 3.
  1668.      *
  1669.      * @returns Converted string.
  1670.      */
  1671.     const evaluateMatch = (match, name, quoteChar, rawValue) => {
  1672.       // Unescape quotes
  1673.       const re = new RegExp(`([^\\\\]|^)\\\\${quoteChar}`, "g");
  1674.       const value = rawValue.replace(re, `$1${quoteChar}`);
  1675.       return `:${name}(${value})`;
  1676.     }; // ':scope' pseudo may be at start of :has() argument
  1677.     // but ExtCssDocument.querySelectorAll() already use it for selecting exact element descendants
  1678.     const SCOPE_MARKER_REGEXP = /\(:scope >/g;
  1679.     const SCOPE_REPLACER = "(>";
  1680.     const MATCHES_CSS_PSEUDO_ELEMENT_REGEXP =
  1681.       /(:matches-css)-(before|after)\(/g;
  1682.     const convertMatchesCss = (
  1683.       match,
  1684.       extendedPseudoClass,
  1685.       regularPseudoElement
  1686.     ) => {
  1687.       // ':matches-css-before('  -->  ':matches-css(before, '
  1688.       // ':matches-css-after('   -->  ':matches-css(after, '
  1689.       return `${extendedPseudoClass}${BRACKET.PARENTHESES.LEFT}${regularPseudoElement}${COMMA}`;
  1690.     };
  1691.     /**
  1692.      * Handles old syntax and :scope inside :has().
  1693.      *
  1694.      * @param selector Trimmed selector to normalize.
  1695.      *
  1696.      * @returns Normalized selector.
  1697.      * @throws An error on invalid old extended syntax selector.
  1698.      */
  1699.     const normalize = (selector) => {
  1700.       const normalizedSelector = selector
  1701.         .replace(REGEXP_VALID_OLD_SYNTAX, evaluateMatch)
  1702.         .replace(SCOPE_MARKER_REGEXP, SCOPE_REPLACER)
  1703.         .replace(MATCHES_CSS_PSEUDO_ELEMENT_REGEXP, convertMatchesCss); // validate old syntax after normalizing
  1704.       // e.g. '[-ext-matches-css-before=\'content:  /^[A-Z][a-z]'
  1705.       if (normalizedSelector.includes(INVALID_OLD_SYNTAX_MARKER)) {
  1706.         throw new Error(
  1707.           `Invalid extended-css old syntax selector: '${selector}'`
  1708.         );
  1709.       }
  1710.       return normalizedSelector;
  1711.     };
  1712.     /**
  1713.      * Prepares the rawSelector before tokenization:
  1714.      * 1. Trims it.
  1715.      * 2. Converts old syntax `[-ext-pseudo-class="..."]` to new one `:pseudo-class(...)`.
  1716.      * 3. Handles :scope pseudo inside :has() pseudo-class arg.
  1717.      *
  1718.      * @param rawSelector Selector with no style declaration.
  1719.      * @returns Prepared selector with no style declaration.
  1720.      */
  1721.     const convert = (rawSelector) => {
  1722.       const trimmedSelector = rawSelector.trim();
  1723.       return normalize(trimmedSelector);
  1724.     };
  1725.     /**
  1726.      * Possible token types.
  1727.      *
  1728.      * IMPORTANT: it is used as 'const' instead of 'enum' to avoid side effects
  1729.      * during ExtendedCss import into other libraries.
  1730.      */
  1731.     const TOKEN_TYPE = {
  1732.       MARK: "mark",
  1733.       WORD: "word",
  1734.     };
  1735.     /**
  1736.      * Splits `input` string into tokens.
  1737.      *
  1738.      * @param input Input string to tokenize.
  1739.      * @param supportedMarks Array of supported marks to considered as `TOKEN_TYPE.MARK`;
  1740.      * all other will be considered as `TOKEN_TYPE.WORD`.
  1741.      *
  1742.      * @returns Array of tokens.
  1743.      */
  1744.     const tokenize = (input, supportedMarks) => {
  1745.       // buffer is needed for words collecting while iterating
  1746.       let wordBuffer = ""; // result collection
  1747.       const tokens = [];
  1748.       const selectorSymbols = input.split(""); // iterate through selector chars and collect tokens
  1749.       selectorSymbols.forEach((symbol) => {
  1750.         if (supportedMarks.includes(symbol)) {
  1751.           // if anything was collected to the buffer before
  1752.           if (wordBuffer.length > 0) {
  1753.             // now it is time to stop buffer collecting and save is as "word"
  1754.             tokens.push({
  1755.               type: TOKEN_TYPE.WORD,
  1756.               value: wordBuffer,
  1757.             }); // reset the buffer
  1758.             wordBuffer = "";
  1759.           } // save current symbol as "mark"
  1760.           tokens.push({
  1761.             type: TOKEN_TYPE.MARK,
  1762.             value: symbol,
  1763.           });
  1764.           return;
  1765.         } // otherwise collect symbol to the buffer
  1766.         wordBuffer += symbol;
  1767.       }); // save the last collected word
  1768.       if (wordBuffer.length > 0) {
  1769.         tokens.push({
  1770.           type: TOKEN_TYPE.WORD,
  1771.           value: wordBuffer,
  1772.         });
  1773.       }
  1774.       return tokens;
  1775.     };
  1776.     /**
  1777.      * Prepares `rawSelector` and splits it into tokens.
  1778.      *
  1779.      * @param rawSelector Raw css selector.
  1780.      *
  1781.      * @returns Array of tokens supported for selector.
  1782.      */
  1783.     const tokenizeSelector = (rawSelector) => {
  1784.       const selector = convert(rawSelector);
  1785.       return tokenize(selector, SUPPORTED_SELECTOR_MARKS);
  1786.     };
  1787.     /**
  1788.      * Splits `attribute` into tokens.
  1789.      *
  1790.      * @param attribute Input attribute.
  1791.      *
  1792.      * @returns Array of tokens supported for attribute.
  1793.      */
  1794.     const tokenizeAttribute = (attribute) => {
  1795.       // equal sigh `=` in attribute is considered as `TOKEN_TYPE.MARK`
  1796.       return tokenize(attribute, [...SUPPORTED_SELECTOR_MARKS, EQUAL_SIGN]);
  1797.     };
  1798.     /**
  1799.      * Some browsers do not support Array.prototype.flat()
  1800.      * e.g. Opera 42 which is used for browserstack tests.
  1801.      *
  1802.      * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/flat}
  1803.      *
  1804.      * @param input Array needed to be flatten.
  1805.      *
  1806.      * @returns Flatten array.
  1807.      * @throws An error if array cannot be flatten.
  1808.      */
  1809.     const flatten = (input) => {
  1810.       const stack = [];
  1811.       input.forEach((el) => stack.push(el));
  1812.       const res = [];
  1813.       while (stack.length) {
  1814.         // pop value from stack
  1815.         const next = stack.pop();
  1816.         if (!next) {
  1817.           throw new Error("Unable to make array flat");
  1818.         }
  1819.         if (Array.isArray(next)) {
  1820.           // push back array items, won't modify the original input
  1821.           next.forEach((el) => stack.push(el));
  1822.         } else {
  1823.           res.push(next);
  1824.         }
  1825.       } // reverse to restore input order
  1826.       return res.reverse();
  1827.     };
  1828.     /**
  1829.      * Returns first item from `array`.
  1830.      *
  1831.      * @param array Input array.
  1832.      *
  1833.      * @returns First array item, or `undefined` if there is no such item.
  1834.      */
  1835.     const getFirst = (array) => {
  1836.       return array[0];
  1837.     };
  1838.     /**
  1839.      * Returns last item from array.
  1840.      *
  1841.      * @param array Input array.
  1842.      *
  1843.      * @returns Last array item, or `undefined` if there is no such item.
  1844.      */
  1845.     const getLast = (array) => {
  1846.       return array[array.length - 1];
  1847.     };
  1848.     /**
  1849.      * Returns array item which is previous to the last one
  1850.      * e.g. for `[5, 6, 7, 8]` returns `7`.
  1851.      *
  1852.      * @param array Input array.
  1853.      *
  1854.      * @returns Previous to last array item, or `undefined` if there is no such item.
  1855.      */
  1856.     const getPrevToLast = (array) => {
  1857.       return array[array.length - 2];
  1858.     };
  1859.     /**
  1860.      * Takes array of ast node `children` and returns the child by the `index`.
  1861.      *
  1862.      * @param array Array of ast node children.
  1863.      * @param index Index of needed child in the array.
  1864.      * @param errorMessage Optional error message to throw.
  1865.      *
  1866.      * @returns Array item at `index` position.
  1867.      * @throws An error if there is no child with specified `index` in array.
  1868.      */
  1869.     const getItemByIndex = (array, index, errorMessage) => {
  1870.       const indexChild = array[index];
  1871.       if (!indexChild) {
  1872.         throw new Error(
  1873.           errorMessage || `No array item found by index ${index}`
  1874.         );
  1875.       }
  1876.       return indexChild;
  1877.     };
  1878.     const NO_REGULAR_SELECTOR_ERROR =
  1879.       "At least one of Selector node children should be RegularSelector";
  1880.     /**
  1881.      * Checks whether the type of `astNode` is SelectorList.
  1882.      *
  1883.      * @param astNode Ast node.
  1884.      *
  1885.      * @returns True if astNode.type === SelectorList.
  1886.      */
  1887.     const isSelectorListNode = (astNode) => {
  1888.       return (
  1889.         (astNode === null || astNode === void 0 ? void 0 : astNode.type) ===
  1890.         NODE.SELECTOR_LIST
  1891.       );
  1892.     };
  1893.     /**
  1894.      * Checks whether the type of `astNode` is Selector.
  1895.      *
  1896.      * @param astNode Ast node.
  1897.      *
  1898.      * @returns True if astNode.type === Selector.
  1899.      */
  1900.     const isSelectorNode = (astNode) => {
  1901.       return (
  1902.         (astNode === null || astNode === void 0 ? void 0 : astNode.type) ===
  1903.         NODE.SELECTOR
  1904.       );
  1905.     };
  1906.     /**
  1907.      * Checks whether the type of `astNode` is RegularSelector.
  1908.      *
  1909.      * @param astNode Ast node.
  1910.      *
  1911.      * @returns True if astNode.type === RegularSelector.
  1912.      */
  1913.     const isRegularSelectorNode = (astNode) => {
  1914.       return (
  1915.         (astNode === null || astNode === void 0 ? void 0 : astNode.type) ===
  1916.         NODE.REGULAR_SELECTOR
  1917.       );
  1918.     };
  1919.     /**
  1920.      * Checks whether the type of `astNode` is ExtendedSelector.
  1921.      *
  1922.      * @param astNode Ast node.
  1923.      *
  1924.      * @returns True if astNode.type === ExtendedSelector.
  1925.      */
  1926.     const isExtendedSelectorNode = (astNode) => {
  1927.       return astNode.type === NODE.EXTENDED_SELECTOR;
  1928.     };
  1929.     /**
  1930.      * Checks whether the type of `astNode` is AbsolutePseudoClass.
  1931.      *
  1932.      * @param astNode Ast node.
  1933.      *
  1934.      * @returns True if astNode.type === AbsolutePseudoClass.
  1935.      */
  1936.     const isAbsolutePseudoClassNode = (astNode) => {
  1937.       return (
  1938.         (astNode === null || astNode === void 0 ? void 0 : astNode.type) ===
  1939.         NODE.ABSOLUTE_PSEUDO_CLASS
  1940.       );
  1941.     };
  1942.     /**
  1943.      * Checks whether the type of `astNode` is RelativePseudoClass.
  1944.      *
  1945.      * @param astNode Ast node.
  1946.      *
  1947.      * @returns True if astNode.type === RelativePseudoClass.
  1948.      */
  1949.     const isRelativePseudoClassNode = (astNode) => {
  1950.       return (
  1951.         (astNode === null || astNode === void 0 ? void 0 : astNode.type) ===
  1952.         NODE.RELATIVE_PSEUDO_CLASS
  1953.       );
  1954.     };
  1955.     /**
  1956.      * Returns name of `astNode`.
  1957.      *
  1958.      * @param astNode AbsolutePseudoClass or RelativePseudoClass node.
  1959.      *
  1960.      * @returns Name of `astNode`.
  1961.      * @throws An error on unsupported ast node or no name found.
  1962.      */
  1963.     const getNodeName = (astNode) => {
  1964.       if (astNode === null) {
  1965.         throw new Error("Ast node should be defined");
  1966.       }
  1967.       if (
  1968.         !isAbsolutePseudoClassNode(astNode) &&
  1969.         !isRelativePseudoClassNode(astNode)
  1970.       ) {
  1971.         throw new Error(
  1972.           "Only AbsolutePseudoClass or RelativePseudoClass ast node can have a name"
  1973.         );
  1974.       }
  1975.       if (!astNode.name) {
  1976.         throw new Error("Extended pseudo-class should have a name");
  1977.       }
  1978.       return astNode.name;
  1979.     };
  1980.     /**
  1981.      * Returns value of `astNode`.
  1982.      *
  1983.      * @param astNode RegularSelector or AbsolutePseudoClass node.
  1984.      * @param errorMessage Optional error message if no value found.
  1985.      *
  1986.      * @returns Value of `astNode`.
  1987.      * @throws An error on unsupported ast node or no value found.
  1988.      */
  1989.     const getNodeValue = (astNode, errorMessage) => {
  1990.       if (astNode === null) {
  1991.         throw new Error("Ast node should be defined");
  1992.       }
  1993.       if (
  1994.         !isRegularSelectorNode(astNode) &&
  1995.         !isAbsolutePseudoClassNode(astNode)
  1996.       ) {
  1997.         throw new Error(
  1998.           "Only RegularSelector ot AbsolutePseudoClass ast node can have a value"
  1999.         );
  2000.       }
  2001.       if (!astNode.value) {
  2002.         throw new Error(
  2003.           errorMessage ||
  2004.             "Ast RegularSelector ot AbsolutePseudoClass node should have a value"
  2005.         );
  2006.       }
  2007.       return astNode.value;
  2008.     };
  2009.     /**
  2010.      * Returns only RegularSelector nodes from `children`.
  2011.      *
  2012.      * @param children Array of ast node children.
  2013.      *
  2014.      * @returns Array of RegularSelector nodes.
  2015.      */
  2016.     const getRegularSelectorNodes = (children) => {
  2017.       return children.filter(isRegularSelectorNode);
  2018.     };
  2019.     /**
  2020.      * Returns the first RegularSelector node from `children`.
  2021.      *
  2022.      * @param children Array of ast node children.
  2023.      * @param errorMessage Optional error message if no value found.
  2024.      *
  2025.      * @returns Ast RegularSelector node.
  2026.      * @throws An error if no RegularSelector node found.
  2027.      */
  2028.     const getFirstRegularChild = (children, errorMessage) => {
  2029.       const regularSelectorNodes = getRegularSelectorNodes(children);
  2030.       const firstRegularSelectorNode = getFirst(regularSelectorNodes);
  2031.       if (!firstRegularSelectorNode) {
  2032.         throw new Error(errorMessage || NO_REGULAR_SELECTOR_ERROR);
  2033.       }
  2034.       return firstRegularSelectorNode;
  2035.     };
  2036.     /**
  2037.      * Returns the last RegularSelector node from `children`.
  2038.      *
  2039.      * @param children Array of ast node children.
  2040.      *
  2041.      * @returns Ast RegularSelector node.
  2042.      * @throws An error if no RegularSelector node found.
  2043.      */
  2044.     const getLastRegularChild = (children) => {
  2045.       const regularSelectorNodes = getRegularSelectorNodes(children);
  2046.       const lastRegularSelectorNode = getLast(regularSelectorNodes);
  2047.       if (!lastRegularSelectorNode) {
  2048.         throw new Error(NO_REGULAR_SELECTOR_ERROR);
  2049.       }
  2050.       return lastRegularSelectorNode;
  2051.     };
  2052.     /**
  2053.      * Returns the only child of `node`.
  2054.      *
  2055.      * @param node Ast node.
  2056.      * @param errorMessage Error message.
  2057.      *
  2058.      * @returns The only child of ast node.
  2059.      * @throws An error if none or more than one child found.
  2060.      */
  2061.     const getNodeOnlyChild = (node, errorMessage) => {
  2062.       if (node.children.length !== 1) {
  2063.         throw new Error(errorMessage);
  2064.       }
  2065.       const onlyChild = getFirst(node.children);
  2066.       if (!onlyChild) {
  2067.         throw new Error(errorMessage);
  2068.       }
  2069.       return onlyChild;
  2070.     };
  2071.     /**
  2072.      * Takes ExtendedSelector node and returns its only child.
  2073.      *
  2074.      * @param extendedSelectorNode ExtendedSelector ast node.
  2075.      *
  2076.      * @returns AbsolutePseudoClass or RelativePseudoClass.
  2077.      * @throws An error if there is no specific pseudo-class ast node.
  2078.      */
  2079.     const getPseudoClassNode = (extendedSelectorNode) => {
  2080.       return getNodeOnlyChild(
  2081.         extendedSelectorNode,
  2082.         "Extended selector should be specified"
  2083.       );
  2084.     };
  2085.     /**
  2086.      * Takes RelativePseudoClass node and returns its only child
  2087.      * which is relative SelectorList node.
  2088.      *
  2089.      * @param pseudoClassNode RelativePseudoClass.
  2090.      *
  2091.      * @returns Relative SelectorList node.
  2092.      * @throws An error if no selector list found.
  2093.      */
  2094.     const getRelativeSelectorListNode = (pseudoClassNode) => {
  2095.       if (!isRelativePseudoClassNode(pseudoClassNode)) {
  2096.         throw new Error(
  2097.           "Only RelativePseudoClass node can have relative SelectorList node as child"
  2098.         );
  2099.       }
  2100.       return getNodeOnlyChild(
  2101.         pseudoClassNode,
  2102.         `Missing arg for :${getNodeName(pseudoClassNode)}() pseudo-class`
  2103.       );
  2104.     };
  2105.     const ATTRIBUTE_CASE_INSENSITIVE_FLAG = "i";
  2106.     /**
  2107.      * Limited list of available symbols before slash `/`
  2108.      * to check whether it is valid regexp pattern opening.
  2109.      */
  2110.     const POSSIBLE_MARKS_BEFORE_REGEXP = {
  2111.       COMMON: [
  2112.         // e.g. ':matches-attr(/data-/)'
  2113.         BRACKET.PARENTHESES.LEFT,
  2114.         // e.g. `:matches-attr('/data-/')`
  2115.         SINGLE_QUOTE,
  2116.         // e.g. ':matches-attr("/data-/")'
  2117.         DOUBLE_QUOTE,
  2118.         // e.g. ':matches-attr(check=/data-v-/)'
  2119.         EQUAL_SIGN,
  2120.         // e.g. ':matches-property(inner./_test/=null)'
  2121.         DOT,
  2122.         // e.g. ':matches-css(height:/20px/)'
  2123.         COLON,
  2124.         // ':matches-css-after( content  :   /(\\d+\\s)*me/  )'
  2125.         SPACE,
  2126.       ],
  2127.       CONTAINS: [
  2128.         // e.g. ':contains(/text/)'
  2129.         BRACKET.PARENTHESES.LEFT,
  2130.         // e.g. `:contains('/text/')`
  2131.         SINGLE_QUOTE,
  2132.         // e.g. ':contains("/text/")'
  2133.         DOUBLE_QUOTE,
  2134.       ],
  2135.     };
  2136.     /**
  2137.      * Checks whether the passed token is supported extended pseudo-class.
  2138.      *
  2139.      * @param tokenValue Token value to check.
  2140.      *
  2141.      * @returns True if `tokenValue` is one of supported extended pseudo-class names.
  2142.      */
  2143.     const isSupportedPseudoClass = (tokenValue) => {
  2144.       return SUPPORTED_PSEUDO_CLASSES.includes(tokenValue);
  2145.     };
  2146.     /**
  2147.      * Checks whether the passed pseudo-class `name` should be optimized,
  2148.      * i.e. :not() and :is().
  2149.      *
  2150.      * @param name Pseudo-class name.
  2151.      *
  2152.      * @returns True if `name` is one if pseudo-class which should be optimized.
  2153.      */
  2154.     const isOptimizationPseudoClass = (name) => {
  2155.       return OPTIMIZATION_PSEUDO_CLASSES.includes(name);
  2156.     };
  2157.     /**
  2158.      * Checks whether next to "space" token is a continuation of regular selector being processed.
  2159.      *
  2160.      * @param nextTokenType Type of token next to current one.
  2161.      * @param nextTokenValue Value of token next to current one.
  2162.      *
  2163.      * @returns True if next token seems to be a part of current regular selector.
  2164.      */
  2165.     const doesRegularContinueAfterSpace = (nextTokenType, nextTokenValue) => {
  2166.       // regular selector does not continues after the current token
  2167.       if (!nextTokenType || !nextTokenValue) {
  2168.         return false;
  2169.       }
  2170.       return (
  2171.         COMBINATORS.includes(nextTokenValue) ||
  2172.         nextTokenType === TOKEN_TYPE.WORD || // e.g. '#main *:has(> .ad)'
  2173.         nextTokenValue === ASTERISK ||
  2174.         nextTokenValue === ID_MARKER ||
  2175.         nextTokenValue === CLASS_MARKER || // e.g. 'div :where(.content)'
  2176.         nextTokenValue === COLON || // e.g. "div[class*=' ']"
  2177.         nextTokenValue === SINGLE_QUOTE || // e.g. 'div[class*=" "]'
  2178.         nextTokenValue === DOUBLE_QUOTE ||
  2179.         nextTokenValue === BRACKET.SQUARE.LEFT
  2180.       );
  2181.     };
  2182.     /**
  2183.      * Checks whether the regexp pattern for pseudo-class arg starts.
  2184.      * Needed for `context.isRegexpOpen` flag.
  2185.      *
  2186.      * @param context Selector parser context.
  2187.      * @param prevTokenValue Value of previous token.
  2188.      * @param bufferNodeValue Value of bufferNode.
  2189.      *
  2190.      * @returns True if current token seems to be a start of regexp pseudo-class arg pattern.
  2191.      * @throws An error on invalid regexp pattern.
  2192.      */
  2193.     const isRegexpOpening = (context, prevTokenValue, bufferNodeValue) => {
  2194.       const lastExtendedPseudoClassName = getLast(
  2195.         context.extendedPseudoNamesStack
  2196.       );
  2197.       if (!lastExtendedPseudoClassName) {
  2198.         throw new Error(
  2199.           "Regexp pattern allowed only in arg of extended pseudo-class"
  2200.         );
  2201.       } // for regexp pattens the slash should not be escaped
  2202.       // const isRegexpPatternSlash = prevTokenValue !== BACKSLASH;
  2203.       // regexp pattern can be set as arg of pseudo-class
  2204.       // which means limited list of available symbols before slash `/`;
  2205.       // for :contains() pseudo-class regexp pattern should be at the beginning of arg
  2206.       if (CONTAINS_PSEUDO_NAMES.includes(lastExtendedPseudoClassName)) {
  2207.         return POSSIBLE_MARKS_BEFORE_REGEXP.CONTAINS.includes(prevTokenValue);
  2208.       }
  2209.       if (
  2210.         prevTokenValue === SLASH &&
  2211.         lastExtendedPseudoClassName !== XPATH_PSEUDO_CLASS_MARKER
  2212.       ) {
  2213.         const rawArgDesc = bufferNodeValue
  2214.           ? `in arg part: '${bufferNodeValue}'`
  2215.           : "arg";
  2216.         throw new Error(
  2217.           `Invalid regexp pattern for :${lastExtendedPseudoClassName}() pseudo-class ${rawArgDesc}`
  2218.         );
  2219.       } // for other pseudo-classes regexp pattern can be either the whole arg or its part
  2220.       return POSSIBLE_MARKS_BEFORE_REGEXP.COMMON.includes(prevTokenValue);
  2221.     };
  2222.     /**
  2223.      * Checks whether the attribute starts.
  2224.      *
  2225.      * @param tokenValue Value of current token.
  2226.      * @param prevTokenValue Previous token value.
  2227.      *
  2228.      * @returns True if combination of current and previous token seems to be **a start** of attribute.
  2229.      */
  2230.     const isAttributeOpening = (tokenValue, prevTokenValue) => {
  2231.       return tokenValue === BRACKET.SQUARE.LEFT && prevTokenValue !== BACKSLASH;
  2232.     };
  2233.     /**
  2234.      * Checks whether the attribute ends.
  2235.      *
  2236.      * @param context Selector parser context.
  2237.      *
  2238.      * @returns True if combination of current and previous token seems to be **an end** of attribute.
  2239.      * @throws An error on invalid attribute.
  2240.      */
  2241.     const isAttributeClosing = (context) => {
  2242.       var _getPrevToLast;
  2243.       if (!context.isAttributeBracketsOpen) {
  2244.         return false;
  2245.       } // valid attributes may have extra spaces inside.
  2246.       // we get rid of them just to simplify the checking and they are skipped only here:
  2247.       //   - spaces will be collected to the ast with spaces as they were declared is selector
  2248.       //   - extra spaces in attribute are not relevant to attribute syntax validity
  2249.       //     e.g. 'a[ title ]' is the same as 'a[title]'
  2250.       //          'div[style *= "MARGIN" i]' is the same as 'div[style*="MARGIN"i]'
  2251.       const noSpaceAttr = context.attributeBuffer.split(SPACE).join(""); // tokenize the prepared attribute string
  2252.       const attrTokens = tokenizeAttribute(noSpaceAttr);
  2253.       const firstAttrToken = getFirst(attrTokens);
  2254.       const firstAttrTokenType =
  2255.         firstAttrToken === null || firstAttrToken === void 0
  2256.           ? void 0
  2257.           : firstAttrToken.type;
  2258.       const firstAttrTokenValue =
  2259.         firstAttrToken === null || firstAttrToken === void 0
  2260.           ? void 0
  2261.           : firstAttrToken.value; // signal an error on any mark-type token except backslash
  2262.       // e.g. '[="margin"]'
  2263.       if (
  2264.         firstAttrTokenType === TOKEN_TYPE.MARK && // backslash is allowed at start of attribute
  2265.         // e.g. '[\\:data-service-slot]'
  2266.         firstAttrTokenValue !== BACKSLASH
  2267.       ) {
  2268.         // eslint-disable-next-line max-len
  2269.         throw new Error(
  2270.           `'[${context.attributeBuffer}]' is not a valid attribute due to '${firstAttrTokenValue}' at start of it`
  2271.         );
  2272.       }
  2273.       const lastAttrToken = getLast(attrTokens);
  2274.       const lastAttrTokenType =
  2275.         lastAttrToken === null || lastAttrToken === void 0
  2276.           ? void 0
  2277.           : lastAttrToken.type;
  2278.       const lastAttrTokenValue =
  2279.         lastAttrToken === null || lastAttrToken === void 0
  2280.           ? void 0
  2281.           : lastAttrToken.value;
  2282.       if (lastAttrTokenValue === EQUAL_SIGN) {
  2283.         // e.g. '[style=]'
  2284.         throw new Error(
  2285.           `'[${context.attributeBuffer}]' is not a valid attribute due to '${EQUAL_SIGN}'`
  2286.         );
  2287.       }
  2288.       const equalSignIndex = attrTokens.findIndex((token) => {
  2289.         return token.type === TOKEN_TYPE.MARK && token.value === EQUAL_SIGN;
  2290.       });
  2291.       const prevToLastAttrTokenValue =
  2292.         (_getPrevToLast = getPrevToLast(attrTokens)) === null ||
  2293.         _getPrevToLast === void 0
  2294.           ? void 0
  2295.           : _getPrevToLast.value;
  2296.       if (equalSignIndex === -1) {
  2297.         // if there is no '=' inside attribute,
  2298.         // it must be just attribute name which means the word-type token before closing bracket
  2299.         // e.g. 'div[style]'
  2300.         if (lastAttrTokenType === TOKEN_TYPE.WORD) {
  2301.           return true;
  2302.         }
  2303.         return (
  2304.           prevToLastAttrTokenValue === BACKSLASH && // some weird attribute are valid too
  2305.           // e.g. '[class\\"ads-article\\"]'
  2306.           (lastAttrTokenValue === DOUBLE_QUOTE || // e.g. "[class\\'ads-article\\']"
  2307.             lastAttrTokenValue === SINGLE_QUOTE)
  2308.         );
  2309.       } // get the value of token next to `=`
  2310.       const nextToEqualSignToken = getItemByIndex(
  2311.         attrTokens,
  2312.         equalSignIndex + 1
  2313.       );
  2314.       const nextToEqualSignTokenValue = nextToEqualSignToken.value; // check whether the attribute value wrapper in quotes
  2315.       const isAttrValueQuote =
  2316.         nextToEqualSignTokenValue === SINGLE_QUOTE ||
  2317.         nextToEqualSignTokenValue === DOUBLE_QUOTE; // for no quotes after `=` the last token before `]` should be a word-type one
  2318.       // e.g. 'div[style*=margin]'
  2319.       //      'div[style*=MARGIN i]'
  2320.       if (!isAttrValueQuote) {
  2321.         if (lastAttrTokenType === TOKEN_TYPE.WORD) {
  2322.           return true;
  2323.         } // otherwise signal an error
  2324.         // e.g. 'table[style*=border: 0px"]'
  2325.         throw new Error(
  2326.           `'[${context.attributeBuffer}]' is not a valid attribute`
  2327.         );
  2328.       } // otherwise if quotes for value are present
  2329.       // the last token before `]` can still be word-type token
  2330.       // e.g. 'div[style*="MARGIN" i]'
  2331.       if (
  2332.         lastAttrTokenType === TOKEN_TYPE.WORD &&
  2333.         (lastAttrTokenValue === null || lastAttrTokenValue === void 0
  2334.           ? void 0
  2335.           : lastAttrTokenValue.toLocaleLowerCase()) ===
  2336.           ATTRIBUTE_CASE_INSENSITIVE_FLAG
  2337.       ) {
  2338.         return prevToLastAttrTokenValue === nextToEqualSignTokenValue;
  2339.       } // eventually if there is quotes for attribute value and last token is not a word,
  2340.       // the closing mark should be the same quote as opening one
  2341.       return lastAttrTokenValue === nextToEqualSignTokenValue;
  2342.     };
  2343.     /**
  2344.      * Checks whether the `tokenValue` is a whitespace character.
  2345.      *
  2346.      * @param tokenValue Token value.
  2347.      *
  2348.      * @returns True if `tokenValue` is a whitespace character.
  2349.      */
  2350.     const isWhiteSpaceChar = (tokenValue) => {
  2351.       if (!tokenValue) {
  2352.         return false;
  2353.       }
  2354.       return WHITE_SPACE_CHARACTERS.includes(tokenValue);
  2355.     };
  2356.     /**
  2357.      * Checks whether the passed `str` is a name of supported absolute extended pseudo-class,
  2358.      * e.g. :contains(), :matches-css() etc.
  2359.      *
  2360.      * @param str Token value to check.
  2361.      *
  2362.      * @returns True if `str` is one of absolute extended pseudo-class names.
  2363.      */
  2364.     const isAbsolutePseudoClass = (str) => {
  2365.       return ABSOLUTE_PSEUDO_CLASSES.includes(str);
  2366.     };
  2367.     /**
  2368.      * Checks whether the passed `str` is a name of supported relative extended pseudo-class,
  2369.      * e.g. :has(), :not() etc.
  2370.      *
  2371.      * @param str Token value to check.
  2372.      *
  2373.      * @returns True if `str` is one of relative extended pseudo-class names.
  2374.      */
  2375.     const isRelativePseudoClass = (str) => {
  2376.       return RELATIVE_PSEUDO_CLASSES.includes(str);
  2377.     };
  2378.     /**
  2379.      * Returns the node which is being collected
  2380.      * or null if there is no such one.
  2381.      *
  2382.      * @param context Selector parser context.
  2383.      *
  2384.      * @returns Buffer node or null.
  2385.      */
  2386.     const getBufferNode = (context) => {
  2387.       if (context.pathToBufferNode.length === 0) {
  2388.         return null;
  2389.       } // buffer node is always the last in the pathToBufferNode stack
  2390.       return getLast(context.pathToBufferNode) || null;
  2391.     };
  2392.     /**
  2393.      * Returns the parent node to the 'buffer node' — which is the one being collected —
  2394.      * or null if there is no such one.
  2395.      *
  2396.      * @param context Selector parser context.
  2397.      *
  2398.      * @returns Parent node of buffer node or null.
  2399.      */
  2400.     const getBufferNodeParent = (context) => {
  2401.       // at least two nodes should exist — the buffer node and its parent
  2402.       // otherwise return null
  2403.       if (context.pathToBufferNode.length < 2) {
  2404.         return null;
  2405.       } // since the buffer node is always the last in the pathToBufferNode stack
  2406.       // its parent is previous to it in the stack
  2407.       return getPrevToLast(context.pathToBufferNode) || null;
  2408.     };
  2409.     /**
  2410.      * Returns last RegularSelector ast node.
  2411.      * Needed for parsing of the complex selector with extended pseudo-class inside it.
  2412.      *
  2413.      * @param context Selector parser context.
  2414.      *
  2415.      * @returns Ast RegularSelector node.
  2416.      * @throws An error if:
  2417.      * - bufferNode is absent;
  2418.      * - type of bufferNode is unsupported;
  2419.      * - no RegularSelector in bufferNode.
  2420.      */
  2421.     const getContextLastRegularSelectorNode = (context) => {
  2422.       const bufferNode = getBufferNode(context);
  2423.       if (!bufferNode) {
  2424.         throw new Error("No bufferNode found");
  2425.       }
  2426.       if (!isSelectorNode(bufferNode)) {
  2427.         throw new Error("Unsupported bufferNode type");
  2428.       }
  2429.       const lastRegularSelectorNode = getLastRegularChild(bufferNode.children);
  2430.       context.pathToBufferNode.push(lastRegularSelectorNode);
  2431.       return lastRegularSelectorNode;
  2432.     };
  2433.     /**
  2434.      * Updates needed buffer node value while tokens iterating.
  2435.      * For RegularSelector also collects token values to context.attributeBuffer
  2436.      * for proper attribute parsing.
  2437.      *
  2438.      * @param context Selector parser context.
  2439.      * @param tokenValue Value of current token.
  2440.      *
  2441.      * @throws An error if:
  2442.      * - no bufferNode;
  2443.      * - bufferNode.type is not RegularSelector or AbsolutePseudoClass.
  2444.      */
  2445.     const updateBufferNode = (context, tokenValue) => {
  2446.       const bufferNode = getBufferNode(context);
  2447.       if (bufferNode === null) {
  2448.         throw new Error("No bufferNode to update");
  2449.       }
  2450.       if (isAbsolutePseudoClassNode(bufferNode)) {
  2451.         bufferNode.value += tokenValue;
  2452.       } else if (isRegularSelectorNode(bufferNode)) {
  2453.         bufferNode.value += tokenValue;
  2454.         if (context.isAttributeBracketsOpen) {
  2455.           context.attributeBuffer += tokenValue;
  2456.         }
  2457.       } else {
  2458.         // eslint-disable-next-line max-len
  2459.         throw new Error(
  2460.           `${bufferNode.type} node cannot be updated. Only RegularSelector and AbsolutePseudoClass are supported`
  2461.         );
  2462.       }
  2463.     };
  2464.     /**
  2465.      * Adds SelectorList node to context.ast at the start of ast collecting.
  2466.      *
  2467.      * @param context Selector parser context.
  2468.      */
  2469.     const addSelectorListNode = (context) => {
  2470.       const selectorListNode = new AnySelectorNode(NODE.SELECTOR_LIST);
  2471.       context.ast = selectorListNode;
  2472.       context.pathToBufferNode.push(selectorListNode);
  2473.     };
  2474.     /**
  2475.      * Adds new node to buffer node children.
  2476.      * New added node will be considered as buffer node after it.
  2477.      *
  2478.      * @param context Selector parser context.
  2479.      * @param type Type of node to add.
  2480.      * @param tokenValue Optional, defaults to `''`, value of processing token.
  2481.      *
  2482.      * @throws An error if no bufferNode.
  2483.      */
  2484.     const addAstNodeByType = function (context, type) {
  2485.       let tokenValue =
  2486.         arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
  2487.       const bufferNode = getBufferNode(context);
  2488.       if (bufferNode === null) {
  2489.         throw new Error("No buffer node");
  2490.       }
  2491.       let node;
  2492.       if (type === NODE.REGULAR_SELECTOR) {
  2493.         node = new RegularSelectorNode(tokenValue);
  2494.       } else if (type === NODE.ABSOLUTE_PSEUDO_CLASS) {
  2495.         node = new AbsolutePseudoClassNode(tokenValue);
  2496.       } else if (type === NODE.RELATIVE_PSEUDO_CLASS) {
  2497.         node = new RelativePseudoClassNode(tokenValue);
  2498.       } else {
  2499.         // SelectorList || Selector || ExtendedSelector
  2500.         node = new AnySelectorNode(type);
  2501.       }
  2502.       bufferNode.addChild(node);
  2503.       context.pathToBufferNode.push(node);
  2504.     };
  2505.     /**
  2506.      * The very beginning of ast collecting.
  2507.      *
  2508.      * @param context Selector parser context.
  2509.      * @param tokenValue Value of regular selector.
  2510.      */
  2511.     const initAst = (context, tokenValue) => {
  2512.       addSelectorListNode(context);
  2513.       addAstNodeByType(context, NODE.SELECTOR); // RegularSelector node is always the first child of Selector node
  2514.       addAstNodeByType(context, NODE.REGULAR_SELECTOR, tokenValue);
  2515.     };
  2516.     /**
  2517.      * Inits selector list subtree for relative extended pseudo-classes, e.g. :has(), :not().
  2518.      *
  2519.      * @param context Selector parser context.
  2520.      * @param tokenValue Optional, defaults to `''`, value of inner regular selector.
  2521.      */
  2522.     const initRelativeSubtree = function (context) {
  2523.       let tokenValue =
  2524.         arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
  2525.       addAstNodeByType(context, NODE.SELECTOR_LIST);
  2526.       addAstNodeByType(context, NODE.SELECTOR);
  2527.       addAstNodeByType(context, NODE.REGULAR_SELECTOR, tokenValue);
  2528.     };
  2529.     /**
  2530.      * Goes to closest parent specified by type.
  2531.      * Actually updates path to buffer node for proper ast collecting of selectors while parsing.
  2532.      *
  2533.      * @param context Selector parser context.
  2534.      * @param parentType Type of needed parent node in ast.
  2535.      */
  2536.     const upToClosest = (context, parentType) => {
  2537.       for (let i = context.pathToBufferNode.length - 1; i >= 0; i -= 1) {
  2538.         var _context$pathToBuffer;
  2539.         if (
  2540.           ((_context$pathToBuffer = context.pathToBufferNode[i]) === null ||
  2541.           _context$pathToBuffer === void 0
  2542.             ? void 0
  2543.             : _context$pathToBuffer.type) === parentType
  2544.         ) {
  2545.           context.pathToBufferNode = context.pathToBufferNode.slice(0, i + 1);
  2546.           break;
  2547.         }
  2548.       }
  2549.     };
  2550.     /**
  2551.      * Returns needed buffer node updated due to complex selector parsing.
  2552.      *
  2553.      * @param context Selector parser context.
  2554.      *
  2555.      * @returns Ast node for following selector parsing.
  2556.      * @throws An error if there is no upper SelectorNode is ast.
  2557.      */
  2558.     const getUpdatedBufferNode = (context) => {
  2559.       // it may happen during the parsing of selector list
  2560.       // which is an argument of relative pseudo-class
  2561.       // e.g. '.banner:has(~span, ~p)'
  2562.       // parser position is here  ↑
  2563.       // so if after the comma the buffer node type is SelectorList and parent type is RelativePseudoClass
  2564.       // we should simply return the current buffer node
  2565.       const bufferNode = getBufferNode(context);
  2566.       if (
  2567.         bufferNode &&
  2568.         isSelectorListNode(bufferNode) &&
  2569.         isRelativePseudoClassNode(getBufferNodeParent(context))
  2570.       ) {
  2571.         return bufferNode;
  2572.       }
  2573.       upToClosest(context, NODE.SELECTOR);
  2574.       const selectorNode = getBufferNode(context);
  2575.       if (!selectorNode) {
  2576.         throw new Error(
  2577.           "No SelectorNode, impossible to continue selector parsing by ExtendedCss"
  2578.         );
  2579.       }
  2580.       const lastSelectorNodeChild = getLast(selectorNode.children);
  2581.       const hasExtended =
  2582.         lastSelectorNodeChild &&
  2583.         isExtendedSelectorNode(lastSelectorNodeChild) && // parser position might be inside standard pseudo-class brackets which has space
  2584.         // e.g. 'div:contains(/а/):nth-child(100n + 2)'
  2585.         context.standardPseudoBracketsStack.length === 0;
  2586.       const supposedPseudoClassNode =
  2587.         hasExtended && getFirst(lastSelectorNodeChild.children);
  2588.       let newNeededBufferNode = selectorNode;
  2589.       if (supposedPseudoClassNode) {
  2590.         // name of pseudo-class for last extended-node child for Selector node
  2591.         const lastExtendedPseudoName =
  2592.           hasExtended && supposedPseudoClassNode.name;
  2593.         const isLastExtendedNameRelative =
  2594.           lastExtendedPseudoName &&
  2595.           isRelativePseudoClass(lastExtendedPseudoName);
  2596.         const isLastExtendedNameAbsolute =
  2597.           lastExtendedPseudoName &&
  2598.           isAbsolutePseudoClass(lastExtendedPseudoName);
  2599.         const hasRelativeExtended =
  2600.           isLastExtendedNameRelative &&
  2601.           context.extendedPseudoBracketsStack.length > 0 &&
  2602.           context.extendedPseudoBracketsStack.length ===
  2603.             context.extendedPseudoNamesStack.length;
  2604.         const hasAbsoluteExtended =
  2605.           isLastExtendedNameAbsolute &&
  2606.           lastExtendedPseudoName === getLast(context.extendedPseudoNamesStack);
  2607.         if (hasRelativeExtended) {
  2608.           // return relative selector node to update later
  2609.           context.pathToBufferNode.push(lastSelectorNodeChild);
  2610.           newNeededBufferNode = supposedPseudoClassNode;
  2611.         } else if (hasAbsoluteExtended) {
  2612.           // return absolute selector node to update later
  2613.           context.pathToBufferNode.push(lastSelectorNodeChild);
  2614.           newNeededBufferNode = supposedPseudoClassNode;
  2615.         }
  2616.       } else if (hasExtended) {
  2617.         // return selector node to add new regular selector node later
  2618.         newNeededBufferNode = selectorNode;
  2619.       } else {
  2620.         // otherwise return last regular selector node to update later
  2621.         newNeededBufferNode = getContextLastRegularSelectorNode(context);
  2622.       } // update the path to buffer node properly
  2623.       context.pathToBufferNode.push(newNeededBufferNode);
  2624.       return newNeededBufferNode;
  2625.     };
  2626.     /**
  2627.      * Checks values of few next tokens on colon token `:` and:
  2628.      *  - updates buffer node for following standard pseudo-class;
  2629.      *  - adds extended selector ast node for following extended pseudo-class;
  2630.      *  - validates some cases of `:remove()` and `:has()` usage.
  2631.      *
  2632.      * @param context Selector parser context.
  2633.      * @param selector Selector.
  2634.      * @param tokenValue Value of current token.
  2635.      * @param nextTokenValue Value of token next to current one.
  2636.      * @param nextToNextTokenValue Value of token next to next to current one.
  2637.      *
  2638.      * @throws An error on :remove() pseudo-class in selector
  2639.      * or :has() inside regular pseudo limitation.
  2640.      */
  2641.     const handleNextTokenOnColon = (
  2642.       context,
  2643.       selector,
  2644.       tokenValue,
  2645.       nextTokenValue,
  2646.       nextToNextTokenValue
  2647.     ) => {
  2648.       if (!nextTokenValue) {
  2649.         throw new Error(
  2650.           `Invalid colon ':' at the end of selector: '${selector}'`
  2651.         );
  2652.       }
  2653.       if (!isSupportedPseudoClass(nextTokenValue.toLowerCase())) {
  2654.         if (nextTokenValue.toLowerCase() === REMOVE_PSEUDO_MARKER) {
  2655.           // :remove() pseudo-class should be handled before
  2656.           // as it is not about element selecting but actions with elements
  2657.           // e.g. 'body > div:empty:remove()'
  2658.           throw new Error(
  2659.             `${REMOVE_ERROR_PREFIX.INVALID_REMOVE}: '${selector}'`
  2660.           );
  2661.         } // if following token is not an extended pseudo
  2662.         // the colon should be collected to value of RegularSelector
  2663.         // e.g. '.entry_text:nth-child(2)'
  2664.         updateBufferNode(context, tokenValue); // check the token after the pseudo and do balance parentheses later
  2665.         // only if it is functional pseudo-class (standard with brackets, e.g. ':lang()').
  2666.         // no brackets balance needed for such case,
  2667.         // parser position is on first colon after the 'div':
  2668.         // e.g. 'div:last-child:has(button.privacy-policy__btn)'
  2669.         if (
  2670.           nextToNextTokenValue &&
  2671.           nextToNextTokenValue === BRACKET.PARENTHESES.LEFT && // no brackets balance needed for parentheses inside attribute value
  2672.           // e.g. 'a[href="javascript:void(0)"]'   <-- parser position is on colon `:`
  2673.           // before `void`           ↑
  2674.           !context.isAttributeBracketsOpen
  2675.         ) {
  2676.           context.standardPseudoNamesStack.push(nextTokenValue);
  2677.         }
  2678.       } else {
  2679.         // it is supported extended pseudo-class.
  2680.         // Disallow :has() inside the pseudos accepting only compound selectors
  2681.         // https://bugs.chromium.org/p/chromium/issues/detail?id=669058#c54 [2]
  2682.         if (
  2683.           HAS_PSEUDO_CLASS_MARKERS.includes(nextTokenValue) &&
  2684.           context.standardPseudoNamesStack.length > 0
  2685.         ) {
  2686.           // eslint-disable-next-line max-len
  2687.           throw new Error(
  2688.             `Usage of :${nextTokenValue}() pseudo-class is not allowed inside regular pseudo: '${getLast(
  2689.               context.standardPseudoNamesStack
  2690.             )}'`
  2691.           );
  2692.         } else {
  2693.           // stop RegularSelector value collecting
  2694.           upToClosest(context, NODE.SELECTOR); // add ExtendedSelector to Selector children
  2695.           addAstNodeByType(context, NODE.EXTENDED_SELECTOR);
  2696.         }
  2697.       }
  2698.     };
  2699.     // e.g. ':is(.page, .main) > .banner' or '*:not(span):not(p)'
  2700.     const IS_OR_NOT_PSEUDO_SELECTING_ROOT = `html ${ASTERISK}`;
  2701.     /**
  2702.      * Checks if there are any ExtendedSelector node in selector list.
  2703.      *
  2704.      * @param selectorList Ast SelectorList node.
  2705.      *
  2706.      * @returns True if `selectorList` has any inner ExtendedSelector node.
  2707.      */
  2708.     const hasExtendedSelector = (selectorList) => {
  2709.       return selectorList.children.some((selectorNode) => {
  2710.         return selectorNode.children.some((selectorNodeChild) => {
  2711.           return isExtendedSelectorNode(selectorNodeChild);
  2712.         });
  2713.       });
  2714.     };
  2715.     /**
  2716.      * Converts selector list of RegularSelector nodes to string.
  2717.      *
  2718.      * @param selectorList Ast SelectorList node.
  2719.      *
  2720.      * @returns String representation for selector list of regular selectors.
  2721.      */
  2722.     const selectorListOfRegularsToString = (selectorList) => {
  2723.       // if there is no ExtendedSelector in relative SelectorList
  2724.       // it means that each Selector node has single child — RegularSelector node
  2725.       // and their values should be combined to string
  2726.       const standardCssSelectors = selectorList.children.map((selectorNode) => {
  2727.         const selectorOnlyChild = getNodeOnlyChild(
  2728.           selectorNode,
  2729.           "Ast Selector node should have RegularSelector node"
  2730.         );
  2731.         return getNodeValue(selectorOnlyChild);
  2732.       });
  2733.       return standardCssSelectors.join(`${COMMA}${SPACE}`);
  2734.     };
  2735.     /**
  2736.      * Updates children of `node` replacing them with `newChildren`.
  2737.      * Important: modifies input `node` which is passed by reference.
  2738.      *
  2739.      * @param node Ast node to update.
  2740.      * @param newChildren Array of new children for ast node.
  2741.      *
  2742.      * @returns Updated ast node.
  2743.      */
  2744.     const updateNodeChildren = (node, newChildren) => {
  2745.       node.children = newChildren;
  2746.       return node;
  2747.     };
  2748.     /**
  2749.      * Recursively checks whether the ExtendedSelector node should be optimized.
  2750.      * It has to be recursive because RelativePseudoClass has inner SelectorList node.
  2751.      *
  2752.      * @param currExtendedSelectorNode Ast ExtendedSelector node.
  2753.      *
  2754.      * @returns True is ExtendedSelector should be optimized.
  2755.      */
  2756.     const shouldOptimizeExtendedSelector = (currExtendedSelectorNode) => {
  2757.       if (currExtendedSelectorNode === null) {
  2758.         return false;
  2759.       }
  2760.       const extendedPseudoClassNode = getPseudoClassNode(
  2761.         currExtendedSelectorNode
  2762.       );
  2763.       const pseudoName = getNodeName(extendedPseudoClassNode);
  2764.       if (isAbsolutePseudoClass(pseudoName)) {
  2765.         return false;
  2766.       }
  2767.       const relativeSelectorList = getRelativeSelectorListNode(
  2768.         extendedPseudoClassNode
  2769.       );
  2770.       const innerSelectorNodes = relativeSelectorList.children; // simple checking for standard selectors in arg of :not() or :is() pseudo-class
  2771.       // e.g. 'div > *:is(div, a, span)'
  2772.       if (isOptimizationPseudoClass(pseudoName)) {
  2773.         const areAllSelectorNodeChildrenRegular = innerSelectorNodes.every(
  2774.           (selectorNode) => {
  2775.             try {
  2776.               const selectorOnlyChild = getNodeOnlyChild(
  2777.                 selectorNode,
  2778.                 "Selector node should have RegularSelector"
  2779.               ); // it means that the only child is RegularSelector and it can be optimized
  2780.               return isRegularSelectorNode(selectorOnlyChild);
  2781.             } catch (e) {
  2782.               return false;
  2783.             }
  2784.           }
  2785.         );
  2786.         if (areAllSelectorNodeChildrenRegular) {
  2787.           return true;
  2788.         }
  2789.       } // for other extended pseudo-classes than :not() and :is()
  2790.       return innerSelectorNodes.some((selectorNode) => {
  2791.         return selectorNode.children.some((selectorNodeChild) => {
  2792.           if (!isExtendedSelectorNode(selectorNodeChild)) {
  2793.             return false;
  2794.           } // check inner ExtendedSelector recursively
  2795.           // e.g. 'div:has(*:not(.header))'
  2796.           return shouldOptimizeExtendedSelector(selectorNodeChild);
  2797.         });
  2798.       });
  2799.     };
  2800.     /**
  2801.      * Returns optimized ExtendedSelector node if it can be optimized
  2802.      * or null if ExtendedSelector is fully optimized while function execution
  2803.      * which means that value of `prevRegularSelectorNode` is updated.
  2804.      *
  2805.      * @param currExtendedSelectorNode Current ExtendedSelector node to optimize.
  2806.      * @param prevRegularSelectorNode Previous RegularSelector node.
  2807.      *
  2808.      * @returns Ast node or null.
  2809.      */
  2810.     const getOptimizedExtendedSelector = (
  2811.       currExtendedSelectorNode,
  2812.       prevRegularSelectorNode
  2813.     ) => {
  2814.       if (!currExtendedSelectorNode) {
  2815.         return null;
  2816.       }
  2817.       const extendedPseudoClassNode = getPseudoClassNode(
  2818.         currExtendedSelectorNode
  2819.       );
  2820.       const relativeSelectorList = getRelativeSelectorListNode(
  2821.         extendedPseudoClassNode
  2822.       );
  2823.       const hasInnerExtendedSelector =
  2824.         hasExtendedSelector(relativeSelectorList);
  2825.       if (!hasInnerExtendedSelector) {
  2826.         // if there is no extended selectors for :not() or :is()
  2827.         // e.g. 'div:not(.content, .main)'
  2828.         const relativeSelectorListStr =
  2829.           selectorListOfRegularsToString(relativeSelectorList);
  2830.         const pseudoName = getNodeName(extendedPseudoClassNode); // eslint-disable-next-line max-len
  2831.         const optimizedExtendedStr = `${COLON}${pseudoName}${BRACKET.PARENTHESES.LEFT}${relativeSelectorListStr}${BRACKET.PARENTHESES.RIGHT}`;
  2832.         prevRegularSelectorNode.value = `${getNodeValue(
  2833.           prevRegularSelectorNode
  2834.         )}${optimizedExtendedStr}`;
  2835.         return null;
  2836.       } // eslint-disable-next-line @typescript-eslint/no-use-before-define
  2837.       const optimizedRelativeSelectorList =
  2838.         optimizeSelectorListNode(relativeSelectorList);
  2839.       const optimizedExtendedPseudoClassNode = updateNodeChildren(
  2840.         extendedPseudoClassNode,
  2841.         [optimizedRelativeSelectorList]
  2842.       );
  2843.       return updateNodeChildren(currExtendedSelectorNode, [
  2844.         optimizedExtendedPseudoClassNode,
  2845.       ]);
  2846.     };
  2847.     /**
  2848.      * Combines values of `previous` and `current` RegularSelector nodes.
  2849.      * It may happen during the optimization when ExtendedSelector between RegularSelector node was optimized.
  2850.      *
  2851.      * @param current Current RegularSelector node.
  2852.      * @param previous Previous RegularSelector node.
  2853.      */
  2854.     const optimizeCurrentRegularSelector = (current, previous) => {
  2855.       previous.value = `${getNodeValue(previous)}${SPACE}${getNodeValue(
  2856.         current
  2857.       )}`;
  2858.     };
  2859.     /**
  2860.      * Optimizes ast Selector node.
  2861.      *
  2862.      * @param selectorNode Ast Selector node.
  2863.      *
  2864.      * @returns Optimized ast node.
  2865.      * @throws An error while collecting optimized nodes.
  2866.      */
  2867.     const optimizeSelectorNode = (selectorNode) => {
  2868.       // non-optimized list of SelectorNode children
  2869.       const rawSelectorNodeChildren = selectorNode.children; // for collecting optimized children list
  2870.       const optimizedChildrenList = [];
  2871.       let currentIndex = 0; // iterate through all children in non-optimized ast Selector node
  2872.       while (currentIndex < rawSelectorNodeChildren.length) {
  2873.         const currentChild = getItemByIndex(
  2874.           rawSelectorNodeChildren,
  2875.           currentIndex,
  2876.           "currentChild should be specified"
  2877.         ); // no need to optimize the very first child which is always RegularSelector node
  2878.         if (currentIndex === 0) {
  2879.           optimizedChildrenList.push(currentChild);
  2880.         } else {
  2881.           const prevRegularChild = getLastRegularChild(optimizedChildrenList);
  2882.           if (isExtendedSelectorNode(currentChild)) {
  2883.             // start checking with point is null
  2884.             let optimizedExtendedSelector = null; // check whether the optimization is needed
  2885.             let isOptimizationNeeded =
  2886.               shouldOptimizeExtendedSelector(currentChild); // update optimizedExtendedSelector so it can be optimized recursively
  2887.             // i.e. `getOptimizedExtendedSelector(optimizedExtendedSelector)` below
  2888.             optimizedExtendedSelector = currentChild;
  2889.             while (isOptimizationNeeded) {
  2890.               // recursively optimize ExtendedSelector until no optimization needed
  2891.               // e.g. div > *:is(.banner:not(.block))
  2892.               optimizedExtendedSelector = getOptimizedExtendedSelector(
  2893.                 optimizedExtendedSelector,
  2894.                 prevRegularChild
  2895.               );
  2896.               isOptimizationNeeded = shouldOptimizeExtendedSelector(
  2897.                 optimizedExtendedSelector
  2898.               );
  2899.             } // if it was simple :not() of :is() with standard selector arg
  2900.             // e.g. 'div:not([class][id])'
  2901.             // or   '.main > *:is([data-loaded], .banner)'
  2902.             // after the optimization the ExtendedSelector node become part of RegularSelector
  2903.             // so nothing to save eventually
  2904.             // otherwise the optimized ExtendedSelector should be saved
  2905.             // e.g. 'div:has(:not([class]))'
  2906.             if (optimizedExtendedSelector !== null) {
  2907.               optimizedChildrenList.push(optimizedExtendedSelector); // if optimization is not needed
  2908.               const optimizedPseudoClass = getPseudoClassNode(
  2909.                 optimizedExtendedSelector
  2910.               );
  2911.               const optimizedPseudoName = getNodeName(optimizedPseudoClass); // parent element checking is used to apply :is() and :not() pseudo-classes as extended.
  2912.               // as there is no parentNode for root element (html)
  2913.               // so element selection should be limited to it's children
  2914.               // e.g. '*:is(:has(.page))' -> 'html *:is(has(.page))'
  2915.               // or   '*:not(:has(span))' -> 'html *:not(:has(span))'
  2916.               if (
  2917.                 getNodeValue(prevRegularChild) === ASTERISK &&
  2918.                 isOptimizationPseudoClass(optimizedPseudoName)
  2919.               ) {
  2920.                 prevRegularChild.value = IS_OR_NOT_PSEUDO_SELECTING_ROOT;
  2921.               }
  2922.             }
  2923.           } else if (isRegularSelectorNode(currentChild)) {
  2924.             // in non-optimized ast, RegularSelector node may follow ExtendedSelector which should be optimized
  2925.             // for example, for 'div:not(.content) > .banner' schematically it looks like
  2926.             // non-optimized ast: [
  2927.             //   1. RegularSelector: 'div'
  2928.             //   2. ExtendedSelector: 'not(.content)'
  2929.             //   3. RegularSelector: '> .banner'
  2930.             // ]
  2931.             // which after the ExtendedSelector looks like
  2932.             // partly optimized ast: [
  2933.             //   1. RegularSelector: 'div:not(.content)'
  2934.             //   2. RegularSelector: '> .banner'
  2935.             // ]
  2936.             // so second RegularSelector value should be combined with first one
  2937.             // optimized ast: [
  2938.             //   1. RegularSelector: 'div:not(.content) > .banner'
  2939.             // ]
  2940.             // here we check **children of selectorNode** after previous optimization if it was
  2941.             const lastOptimizedChild = getLast(optimizedChildrenList) || null;
  2942.             if (isRegularSelectorNode(lastOptimizedChild)) {
  2943.               optimizeCurrentRegularSelector(currentChild, prevRegularChild);
  2944.             }
  2945.           }
  2946.         }
  2947.         currentIndex += 1;
  2948.       }
  2949.       return updateNodeChildren(selectorNode, optimizedChildrenList);
  2950.     };
  2951.     /**
  2952.      * Optimizes ast SelectorList node.
  2953.      *
  2954.      * @param selectorListNode SelectorList node.
  2955.      *
  2956.      * @returns Optimized ast node.
  2957.      */
  2958.     const optimizeSelectorListNode = (selectorListNode) => {
  2959.       return updateNodeChildren(
  2960.         selectorListNode,
  2961.         selectorListNode.children.map((s) => optimizeSelectorNode(s))
  2962.       );
  2963.     };
  2964.     /**
  2965.      * Optimizes ast:
  2966.      * If arg of :not() and :is() pseudo-classes does not contain extended selectors,
  2967.      * native Document.querySelectorAll() can be used to query elements.
  2968.      * It means that ExtendedSelector ast nodes can be removed
  2969.      * and value of relevant RegularSelector node should be updated accordingly.
  2970.      *
  2971.      * @param ast Non-optimized ast.
  2972.      *
  2973.      * @returns Optimized ast.
  2974.      */
  2975.     const optimizeAst = (ast) => {
  2976.       // ast is basically the selector list of selectors
  2977.       return optimizeSelectorListNode(ast);
  2978.     };
  2979.     // https://github.com/AdguardTeam/ExtendedCss/issues/115
  2980.     const XPATH_PSEUDO_SELECTING_ROOT = "body";
  2981.     const NO_WHITESPACE_ERROR_PREFIX =
  2982.       "No white space is allowed before or after extended pseudo-class name in selector";
  2983.     /**
  2984.      * Parses selector into ast for following element selection.
  2985.      *
  2986.      * @param selector Selector to parse.
  2987.      *
  2988.      * @returns Parsed ast.
  2989.      * @throws An error on invalid selector.
  2990.      */
  2991.     const parse = (selector) => {
  2992.       const tokens = tokenizeSelector(selector);
  2993.       const context = {
  2994.         ast: null,
  2995.         pathToBufferNode: [],
  2996.         extendedPseudoNamesStack: [],
  2997.         extendedPseudoBracketsStack: [],
  2998.         standardPseudoNamesStack: [],
  2999.         standardPseudoBracketsStack: [],
  3000.         isAttributeBracketsOpen: false,
  3001.         attributeBuffer: "",
  3002.         isRegexpOpen: false,
  3003.         shouldOptimize: false,
  3004.       };
  3005.       let i = 0;
  3006.       while (i < tokens.length) {
  3007.         const token = tokens[i];
  3008.         if (!token) {
  3009.           break;
  3010.         } // Token to process
  3011.         const { type: tokenType, value: tokenValue } = token; // needed for SPACE and COLON tokens checking
  3012.         const nextToken = tokens[i + 1];
  3013.         const nextTokenType =
  3014.           nextToken === null || nextToken === void 0 ? void 0 : nextToken.type;
  3015.         const nextTokenValue =
  3016.           nextToken === null || nextToken === void 0 ? void 0 : nextToken.value; // needed for limitations
  3017.         // - :not() and :is() root element
  3018.         // - :has() usage
  3019.         // - white space before and after pseudo-class name
  3020.         const nextToNextToken = tokens[i + 2];
  3021.         const nextToNextTokenValue =
  3022.           nextToNextToken === null || nextToNextToken === void 0
  3023.             ? void 0
  3024.             : nextToNextToken.value; // needed for COLON token checking for none-specified regular selector before extended one
  3025.         // e.g. 'p, :hover'
  3026.         // or   '.banner, :contains(ads)'
  3027.         const previousToken = tokens[i - 1];
  3028.         const prevTokenType =
  3029.           previousToken === null || previousToken === void 0
  3030.             ? void 0
  3031.             : previousToken.type;
  3032.         const prevTokenValue =
  3033.           previousToken === null || previousToken === void 0
  3034.             ? void 0
  3035.             : previousToken.value; // needed for proper parsing of regexp pattern arg
  3036.         // e.g. ':matches-css(background-image: /^url\(https:\/\/example\.org\//)'
  3037.         const previousToPreviousToken = tokens[i - 2];
  3038.         const prevToPrevTokenValue =
  3039.           previousToPreviousToken === null || previousToPreviousToken === void 0
  3040.             ? void 0
  3041.             : previousToPreviousToken.value;
  3042.         let bufferNode = getBufferNode(context);
  3043.         switch (tokenType) {
  3044.           case TOKEN_TYPE.WORD:
  3045.             if (bufferNode === null) {
  3046.               // there is no buffer node only in one case — no ast collecting has been started
  3047.               initAst(context, tokenValue);
  3048.             } else if (isSelectorListNode(bufferNode)) {
  3049.               // add new selector to selector list
  3050.               addAstNodeByType(context, NODE.SELECTOR);
  3051.               addAstNodeByType(context, NODE.REGULAR_SELECTOR, tokenValue);
  3052.             } else if (isRegularSelectorNode(bufferNode)) {
  3053.               updateBufferNode(context, tokenValue);
  3054.             } else if (isExtendedSelectorNode(bufferNode)) {
  3055.               // No white space is allowed between the name of extended pseudo-class
  3056.               // and its opening parenthesis
  3057.               // https://www.w3.org/TR/selectors-4/#pseudo-classes
  3058.               // e.g. 'span:contains (text)'
  3059.               if (
  3060.                 isWhiteSpaceChar(nextTokenValue) &&
  3061.                 nextToNextTokenValue === BRACKET.PARENTHESES.LEFT
  3062.               ) {
  3063.                 throw new Error(`${NO_WHITESPACE_ERROR_PREFIX}: '${selector}'`);
  3064.               }
  3065.               const lowerCaseTokenValue = tokenValue.toLowerCase(); // save pseudo-class name for brackets balance checking
  3066.               context.extendedPseudoNamesStack.push(lowerCaseTokenValue); // extended pseudo-class name are parsed in lower case
  3067.               // as they should be case-insensitive
  3068.               // https://www.w3.org/TR/selectors-4/#pseudo-classes
  3069.               if (isAbsolutePseudoClass(lowerCaseTokenValue)) {
  3070.                 addAstNodeByType(
  3071.                   context,
  3072.                   NODE.ABSOLUTE_PSEUDO_CLASS,
  3073.                   lowerCaseTokenValue
  3074.                 );
  3075.               } else {
  3076.                 // if it is not absolute pseudo-class, it must be relative one
  3077.                 // add RelativePseudoClass with tokenValue as pseudo-class name to ExtendedSelector children
  3078.                 addAstNodeByType(
  3079.                   context,
  3080.                   NODE.RELATIVE_PSEUDO_CLASS,
  3081.                   lowerCaseTokenValue
  3082.                 ); // for :not() and :is() pseudo-classes parsed ast should be optimized later
  3083.                 if (isOptimizationPseudoClass(lowerCaseTokenValue)) {
  3084.                   context.shouldOptimize = true;
  3085.                 }
  3086.               }
  3087.             } else if (isAbsolutePseudoClassNode(bufferNode)) {
  3088.               // collect absolute pseudo-class arg
  3089.               updateBufferNode(context, tokenValue);
  3090.             } else if (isRelativePseudoClassNode(bufferNode)) {
  3091.               initRelativeSubtree(context, tokenValue);
  3092.             }
  3093.             break;
  3094.           case TOKEN_TYPE.MARK:
  3095.             switch (tokenValue) {
  3096.               case COMMA:
  3097.                 if (
  3098.                   !bufferNode ||
  3099.                   (typeof bufferNode !== "undefined" && !nextTokenValue)
  3100.                 ) {
  3101.                   // consider the selector is invalid if there is no bufferNode yet (e.g. ', a')
  3102.                   // or there is nothing after the comma while bufferNode is defined (e.g. 'div, ')
  3103.                   throw new Error(`'${selector}' is not a valid selector`);
  3104.                 } else if (isRegularSelectorNode(bufferNode)) {
  3105.                   if (context.isAttributeBracketsOpen) {
  3106.                     // the comma might be inside element attribute value
  3107.                     // e.g. 'div[data-comma="0,1"]'
  3108.                     updateBufferNode(context, tokenValue);
  3109.                   } else {
  3110.                     // new Selector should be collected to upper SelectorList
  3111.                     upToClosest(context, NODE.SELECTOR_LIST);
  3112.                   }
  3113.                 } else if (isAbsolutePseudoClassNode(bufferNode)) {
  3114.                   // the comma inside arg of absolute extended pseudo
  3115.                   // e.g. 'div:xpath(//h3[contains(text(),"Share it!")]/..)'
  3116.                   updateBufferNode(context, tokenValue);
  3117.                 } else if (isSelectorNode(bufferNode)) {
  3118.                   // new Selector should be collected to upper SelectorList
  3119.                   // if parser position is on Selector node
  3120.                   upToClosest(context, NODE.SELECTOR_LIST);
  3121.                 }
  3122.                 break;
  3123.               case SPACE:
  3124.                 // it might be complex selector with extended pseudo-class inside it
  3125.                 // and the space is between that complex selector and following regular selector
  3126.                 // parser position is on ` ` before `span` now:
  3127.                 // e.g. 'div:has(img).banner span'
  3128.                 // so we need to check whether the new ast node should be added (example above)
  3129.                 // or previous regular selector node should be updated
  3130.                 if (
  3131.                   isRegularSelectorNode(bufferNode) && // no need to update the buffer node if attribute value is being parsed
  3132.                   // e.g. 'div:not([id])[style="position: absolute; z-index: 10000;"]'
  3133.                   // parser position inside attribute    ↑
  3134.                   !context.isAttributeBracketsOpen
  3135.                 ) {
  3136.                   bufferNode = getUpdatedBufferNode(context);
  3137.                 }
  3138.                 if (isRegularSelectorNode(bufferNode)) {
  3139.                   // standard selectors with white space between colon and name of pseudo
  3140.                   // are invalid for native document.querySelectorAll() anyway,
  3141.                   // so throwing the error here is better
  3142.                   // than proper parsing of invalid selector and passing it further.
  3143.                   // first of all do not check attributes
  3144.                   // e.g. div[style="text-align: center"]
  3145.                   if (
  3146.                     !context.isAttributeBracketsOpen && // check the space after the colon and before the pseudo
  3147.                     // e.g. '.block: nth-child(2)
  3148.                     ((prevTokenValue === COLON &&
  3149.                       nextTokenType === TOKEN_TYPE.WORD) || // or after the pseudo and before the opening parenthesis
  3150.                       // e.g. '.block:nth-child (2)
  3151.                       (prevTokenType === TOKEN_TYPE.WORD &&
  3152.                         nextTokenValue === BRACKET.PARENTHESES.LEFT))
  3153.                   ) {
  3154.                     throw new Error(`'${selector}' is not a valid selector`);
  3155.                   } // collect current tokenValue to value of RegularSelector
  3156.                   // if it is the last token or standard selector continues after the space.
  3157.                   // otherwise it will be skipped
  3158.                   if (
  3159.                     !nextTokenValue ||
  3160.                     doesRegularContinueAfterSpace(
  3161.                       nextTokenType,
  3162.                       nextTokenValue
  3163.                     ) || // we also should collect space inside attribute value
  3164.                     // e.g. `[onclick^="window.open ('https://example.com/share?url="]`
  3165.                     // parser position             ↑
  3166.                     context.isAttributeBracketsOpen
  3167.                   ) {
  3168.                     updateBufferNode(context, tokenValue);
  3169.                   }
  3170.                 }
  3171.                 if (isAbsolutePseudoClassNode(bufferNode)) {
  3172.                   // space inside extended pseudo-class arg
  3173.                   // e.g. 'span:contains(some text)'
  3174.                   updateBufferNode(context, tokenValue);
  3175.                 }
  3176.                 if (isRelativePseudoClassNode(bufferNode)) {
  3177.                   // init with empty value RegularSelector
  3178.                   // as the space is not needed for selector value
  3179.                   // e.g. 'p:not( .content )'
  3180.                   initRelativeSubtree(context);
  3181.                 }
  3182.                 if (isSelectorNode(bufferNode)) {
  3183.                   // do NOT add RegularSelector if parser position on space BEFORE the comma in selector list
  3184.                   // e.g. '.block:has(> img) , .banner)'
  3185.                   if (
  3186.                     doesRegularContinueAfterSpace(nextTokenType, nextTokenValue)
  3187.                   ) {
  3188.                     // regular selector might be after the extended one.
  3189.                     // extra space before combinator or selector should not be collected
  3190.                     // e.g. '.banner:upward(2) .block'
  3191.                     //      '.banner:upward(2) > .block'
  3192.                     // so no tokenValue passed to addAnySelectorNode()
  3193.                     addAstNodeByType(context, NODE.REGULAR_SELECTOR);
  3194.                   }
  3195.                 }
  3196.                 break;
  3197.               case DESCENDANT_COMBINATOR:
  3198.               case CHILD_COMBINATOR:
  3199.               case NEXT_SIBLING_COMBINATOR:
  3200.               case SUBSEQUENT_SIBLING_COMBINATOR:
  3201.               case SEMICOLON:
  3202.               case SLASH:
  3203.               case BACKSLASH:
  3204.               case SINGLE_QUOTE:
  3205.               case DOUBLE_QUOTE:
  3206.               case CARET:
  3207.               case DOLLAR_SIGN:
  3208.               case BRACKET.CURLY.LEFT:
  3209.               case BRACKET.CURLY.RIGHT:
  3210.               case ASTERISK:
  3211.               case ID_MARKER:
  3212.               case CLASS_MARKER:
  3213.               case BRACKET.SQUARE.LEFT:
  3214.                 // it might be complex selector with extended pseudo-class inside it
  3215.                 // and the space is between that complex selector and following regular selector
  3216.                 // e.g. 'div:has(img).banner'   // parser position is on `.` before `banner` now
  3217.                 //      'div:has(img)[attr]'    // parser position is on `[` before `attr` now
  3218.                 // so we need to check whether the new ast node should be added (example above)
  3219.                 // or previous regular selector node should be updated
  3220.                 if (COMBINATORS.includes(tokenValue)) {
  3221.                   if (bufferNode === null) {
  3222.                     // cases where combinator at very beginning of a selector
  3223.                     // e.g. '> div'
  3224.                     // or   '~ .banner'
  3225.                     // or even '+js(overlay-buster)' which not a selector at all
  3226.                     // but may be validated by FilterCompiler so error message should be appropriate
  3227.                     throw new Error(`'${selector}' is not a valid selector`);
  3228.                   }
  3229.                   bufferNode = getUpdatedBufferNode(context);
  3230.                 }
  3231.                 if (bufferNode === null) {
  3232.                   // no ast collecting has been started
  3233.                   // e.g. '.banner > p'
  3234.                   // or   '#top > div.ad'
  3235.                   // or   '[class][style][attr]'
  3236.                   // or   '*:not(span)'
  3237.                   initAst(context, tokenValue);
  3238.                   if (isAttributeOpening(tokenValue, prevTokenValue)) {
  3239.                     // e.g. '[class^="banner-"]'
  3240.                     context.isAttributeBracketsOpen = true;
  3241.                   }
  3242.                 } else if (isRegularSelectorNode(bufferNode)) {
  3243.                   if (
  3244.                     tokenValue === BRACKET.CURLY.LEFT &&
  3245.                     !(context.isAttributeBracketsOpen || context.isRegexpOpen)
  3246.                   ) {
  3247.                     // e.g. 'div { content: "'
  3248.                     throw new Error(`'${selector}' is not a valid selector`);
  3249.                   } // collect the mark to the value of RegularSelector node
  3250.                   updateBufferNode(context, tokenValue);
  3251.                   if (isAttributeOpening(tokenValue, prevTokenValue)) {
  3252.                     // needed for proper handling element attribute value with comma
  3253.                     // e.g. 'div[data-comma="0,1"]'
  3254.                     context.isAttributeBracketsOpen = true;
  3255.                   }
  3256.                 } else if (isAbsolutePseudoClassNode(bufferNode)) {
  3257.                   // collect the mark to the arg of AbsolutePseudoClass node
  3258.                   updateBufferNode(context, tokenValue); // 'isRegexpOpen' flag is needed for brackets balancing inside extended pseudo-class arg
  3259.                   if (
  3260.                     tokenValue === SLASH &&
  3261.                     context.extendedPseudoNamesStack.length > 0
  3262.                   ) {
  3263.                     if (
  3264.                       prevTokenValue === SLASH &&
  3265.                       prevToPrevTokenValue === BACKSLASH
  3266.                     ) {
  3267.                       // it may be specific url regexp pattern in arg of pseudo-class
  3268.                       // e.g. ':matches-css(background-image: /^url\(https:\/\/example\.org\//)'
  3269.                       // parser position is on final slash before `)`                        ↑
  3270.                       context.isRegexpOpen = false;
  3271.                     } else if (prevTokenValue && prevTokenValue !== BACKSLASH) {
  3272.                       if (
  3273.                         isRegexpOpening(
  3274.                           context,
  3275.                           prevTokenValue,
  3276.                           getNodeValue(bufferNode)
  3277.                         )
  3278.                       ) {
  3279.                         context.isRegexpOpen = !context.isRegexpOpen;
  3280.                       } else {
  3281.                         // otherwise force `isRegexpOpen` flag to `false`
  3282.                         context.isRegexpOpen = false;
  3283.                       }
  3284.                     }
  3285.                   }
  3286.                 } else if (isRelativePseudoClassNode(bufferNode)) {
  3287.                   // add SelectorList to children of RelativePseudoClass node
  3288.                   initRelativeSubtree(context, tokenValue);
  3289.                   if (isAttributeOpening(tokenValue, prevTokenValue)) {
  3290.                     // besides of creating the relative subtree
  3291.                     // opening square bracket means start of attribute
  3292.                     // e.g. 'div:not([class="content"])'
  3293.                     //      'div:not([href*="window.print()"])'
  3294.                     context.isAttributeBracketsOpen = true;
  3295.                   }
  3296.                 } else if (isSelectorNode(bufferNode)) {
  3297.                   // after the extended pseudo closing parentheses
  3298.                   // parser position is on Selector node
  3299.                   // and regular selector can be after the extended one
  3300.                   // e.g. '.banner:upward(2)> .block'
  3301.                   // or   '.inner:nth-ancestor(1)~ .banner'
  3302.                   if (COMBINATORS.includes(tokenValue)) {
  3303.                     addAstNodeByType(
  3304.                       context,
  3305.                       NODE.REGULAR_SELECTOR,
  3306.                       tokenValue
  3307.                     );
  3308.                   } else if (!context.isRegexpOpen) {
  3309.                     // it might be complex selector with extended pseudo-class inside it.
  3310.                     // parser position is on `.` now:
  3311.                     // e.g. 'div:has(img).banner'
  3312.                     // so we need to get last regular selector node and update its value
  3313.                     bufferNode = getContextLastRegularSelectorNode(context);
  3314.                     updateBufferNode(context, tokenValue);
  3315.                     if (isAttributeOpening(tokenValue, prevTokenValue)) {
  3316.                       // handle attribute in compound selector after extended pseudo-class
  3317.                       // e.g. 'div:not(.top)[style="z-index: 10000;"]'
  3318.                       // parser position    ↑
  3319.                       context.isAttributeBracketsOpen = true;
  3320.                     }
  3321.                   }
  3322.                 } else if (isSelectorListNode(bufferNode)) {
  3323.                   // add Selector to SelectorList
  3324.                   addAstNodeByType(context, NODE.SELECTOR); // and RegularSelector as it is always the first child of Selector
  3325.                   addAstNodeByType(context, NODE.REGULAR_SELECTOR, tokenValue);
  3326.                   if (isAttributeOpening(tokenValue, prevTokenValue)) {
  3327.                     // handle simple attribute selector in selector list
  3328.                     // e.g. '.banner, [class^="ad-"]'
  3329.                     context.isAttributeBracketsOpen = true;
  3330.                   }
  3331.                 }
  3332.                 break;
  3333.               case BRACKET.SQUARE.RIGHT:
  3334.                 if (isRegularSelectorNode(bufferNode)) {
  3335.                   // unescaped `]` in regular selector allowed only inside attribute value
  3336.                   if (
  3337.                     !context.isAttributeBracketsOpen &&
  3338.                     prevTokenValue !== BACKSLASH
  3339.                   ) {
  3340.                     // e.g. 'div]'
  3341.                     // eslint-disable-next-line max-len
  3342.                     throw new Error(
  3343.                       `'${selector}' is not a valid selector due to '${tokenValue}' after '${getNodeValue(
  3344.                         bufferNode
  3345.                       )}'`
  3346.                     );
  3347.                   } // needed for proper parsing regular selectors after the attributes with comma
  3348.                   // e.g. 'div[data-comma="0,1"] > img'
  3349.                   if (isAttributeClosing(context)) {
  3350.                     context.isAttributeBracketsOpen = false; // reset attribute buffer on closing `]`
  3351.                     context.attributeBuffer = "";
  3352.                   } // collect the bracket to the value of RegularSelector node
  3353.                   updateBufferNode(context, tokenValue);
  3354.                 }
  3355.                 if (isAbsolutePseudoClassNode(bufferNode)) {
  3356.                   // :xpath() expended pseudo-class arg might contain square bracket
  3357.                   // so it should be collected
  3358.                   // e.g. 'div:xpath(//h3[contains(text(),"Share it!")]/..)'
  3359.                   updateBufferNode(context, tokenValue);
  3360.                 }
  3361.                 break;
  3362.               case COLON:
  3363.                 // No white space is allowed between the colon and the following name of the pseudo-class
  3364.                 // https://www.w3.org/TR/selectors-4/#pseudo-classes
  3365.                 // e.g. 'span: contains(text)'
  3366.                 if (
  3367.                   isWhiteSpaceChar(nextTokenValue) &&
  3368.                   nextToNextTokenValue &&
  3369.                   SUPPORTED_PSEUDO_CLASSES.includes(nextToNextTokenValue)
  3370.                 ) {
  3371.                   throw new Error(
  3372.                     `${NO_WHITESPACE_ERROR_PREFIX}: '${selector}'`
  3373.                   );
  3374.                 }
  3375.                 if (bufferNode === null) {
  3376.                   // no ast collecting has been started
  3377.                   if (nextTokenValue === XPATH_PSEUDO_CLASS_MARKER) {
  3378.                     // limit applying of "naked" :xpath pseudo-class
  3379.                     // https://github.com/AdguardTeam/ExtendedCss/issues/115
  3380.                     initAst(context, XPATH_PSEUDO_SELECTING_ROOT);
  3381.                   } else if (
  3382.                     nextTokenValue === UPWARD_PSEUDO_CLASS_MARKER ||
  3383.                     nextTokenValue === NTH_ANCESTOR_PSEUDO_CLASS_MARKER
  3384.                   ) {
  3385.                     // selector should be specified before :nth-ancestor() or :upward()
  3386.                     // e.g. ':nth-ancestor(3)'
  3387.                     // or   ':upward(span)'
  3388.                     throw new Error(
  3389.                       `${NO_SELECTOR_ERROR_PREFIX} before :${nextTokenValue}() pseudo-class`
  3390.                     );
  3391.                   } else {
  3392.                     // make it more obvious if selector starts with pseudo with no tag specified
  3393.                     // e.g. ':has(a)' -> '*:has(a)'
  3394.                     // or   ':empty'  -> '*:empty'
  3395.                     initAst(context, ASTERISK);
  3396.                   } // bufferNode should be updated for following checking
  3397.                   bufferNode = getBufferNode(context);
  3398.                 }
  3399.                 if (isSelectorListNode(bufferNode)) {
  3400.                   // bufferNode is SelectorList after comma has been parsed.
  3401.                   // parser position is on colon now:
  3402.                   // e.g. 'img,:not(.content)'
  3403.                   addAstNodeByType(context, NODE.SELECTOR); // add empty value RegularSelector anyway as any selector should start with it
  3404.                   // and check previous token on the next step
  3405.                   addAstNodeByType(context, NODE.REGULAR_SELECTOR); // bufferNode should be updated for following checking
  3406.                   bufferNode = getBufferNode(context);
  3407.                 }
  3408.                 if (isRegularSelectorNode(bufferNode)) {
  3409.                   // it can be extended or standard pseudo
  3410.                   // e.g. '#share, :contains(share it)'
  3411.                   // or   'div,:hover'
  3412.                   // of   'div:has(+:contains(text))'  // position is after '+'
  3413.                   if (
  3414.                     (prevTokenValue && COMBINATORS.includes(prevTokenValue)) ||
  3415.                     prevTokenValue === COMMA
  3416.                   ) {
  3417.                     // case with colon at the start of string - e.g. ':contains(text)'
  3418.                     // is covered by 'bufferNode === null' above at start of COLON checking
  3419.                     updateBufferNode(context, ASTERISK);
  3420.                   }
  3421.                   handleNextTokenOnColon(
  3422.                     context,
  3423.                     selector,
  3424.                     tokenValue,
  3425.                     nextTokenValue,
  3426.                     nextToNextTokenValue
  3427.                   );
  3428.                 }
  3429.                 if (isSelectorNode(bufferNode)) {
  3430.                   // e.g. 'div:contains(text):'
  3431.                   if (!nextTokenValue) {
  3432.                     throw new Error(
  3433.                       `Invalid colon ':' at the end of selector: '${selector}'`
  3434.                     );
  3435.                   } // after the extended pseudo closing parentheses
  3436.                   // parser position is on Selector node
  3437.                   // and there is might be another extended selector.
  3438.                   // parser position is on colon before 'upward':
  3439.                   // e.g. 'p:contains(PR):upward(2)'
  3440.                   if (isSupportedPseudoClass(nextTokenValue.toLowerCase())) {
  3441.                     // if supported extended pseudo-class is next to colon
  3442.                     // add ExtendedSelector to Selector children
  3443.                     addAstNodeByType(context, NODE.EXTENDED_SELECTOR);
  3444.                   } else if (
  3445.                     nextTokenValue.toLowerCase() === REMOVE_PSEUDO_MARKER
  3446.                   ) {
  3447.                     // :remove() pseudo-class should be handled before
  3448.                     // as it is not about element selecting but actions with elements
  3449.                     // e.g. '#banner:upward(2):remove()'
  3450.                     throw new Error(
  3451.                       `${REMOVE_ERROR_PREFIX.INVALID_REMOVE}: '${selector}'`
  3452.                     );
  3453.                   } else {
  3454.                     // otherwise it is standard pseudo after extended pseudo-class in complex selector
  3455.                     // and colon should be collected to value of previous RegularSelector
  3456.                     // e.g. 'body *:not(input)::selection'
  3457.                     //      'input:matches-css(padding: 10):checked'
  3458.                     bufferNode = getContextLastRegularSelectorNode(context);
  3459.                     handleNextTokenOnColon(
  3460.                       context,
  3461.                       selector,
  3462.                       tokenValue,
  3463.                       nextTokenType,
  3464.                       nextToNextTokenValue
  3465.                     );
  3466.                   }
  3467.                 }
  3468.                 if (isAbsolutePseudoClassNode(bufferNode)) {
  3469.                   // :xpath() pseudo-class should be the last of extended pseudo-classes
  3470.                   if (
  3471.                     getNodeName(bufferNode) === XPATH_PSEUDO_CLASS_MARKER &&
  3472.                     nextTokenValue &&
  3473.                     SUPPORTED_PSEUDO_CLASSES.includes(nextTokenValue) &&
  3474.                     nextToNextTokenValue === BRACKET.PARENTHESES.LEFT
  3475.                   ) {
  3476.                     throw new Error(
  3477.                       `:xpath() pseudo-class should be the last in selector: '${selector}'`
  3478.                     );
  3479.                   } // collecting arg for absolute pseudo-class
  3480.                   // e.g. 'div:matches-css(width:400px)'
  3481.                   updateBufferNode(context, tokenValue);
  3482.                 }
  3483.                 if (isRelativePseudoClassNode(bufferNode)) {
  3484.                   if (!nextTokenValue) {
  3485.                     // e.g. 'div:has(:'
  3486.                     throw new Error(
  3487.                       `Invalid pseudo-class arg at the end of selector: '${selector}'`
  3488.                     );
  3489.                   } // make it more obvious if selector starts with pseudo with no tag specified
  3490.                   // parser position is on colon inside :has() arg
  3491.                   // e.g. 'div:has(:contains(text))'
  3492.                   // or   'div:not(:empty)'
  3493.                   initRelativeSubtree(context, ASTERISK);
  3494.                   if (!isSupportedPseudoClass(nextTokenValue.toLowerCase())) {
  3495.                     // collect the colon to value of RegularSelector
  3496.                     // e.g. 'div:not(:empty)'
  3497.                     updateBufferNode(context, tokenValue); // parentheses should be balanced only for functional pseudo-classes
  3498.                     // e.g. '.yellow:not(:nth-child(3))'
  3499.                     if (nextToNextTokenValue === BRACKET.PARENTHESES.LEFT) {
  3500.                       context.standardPseudoNamesStack.push(nextTokenValue);
  3501.                     }
  3502.                   } else {
  3503.                     // add ExtendedSelector to Selector children
  3504.                     // e.g. 'div:has(:contains(text))'
  3505.                     upToClosest(context, NODE.SELECTOR);
  3506.                     addAstNodeByType(context, NODE.EXTENDED_SELECTOR);
  3507.                   }
  3508.                 }
  3509.                 break;
  3510.               case BRACKET.PARENTHESES.LEFT:
  3511.                 // start of pseudo-class arg
  3512.                 if (isAbsolutePseudoClassNode(bufferNode)) {
  3513.                   // no brackets balancing needed inside
  3514.                   // 1. :xpath() extended pseudo-class arg
  3515.                   // 2. regexp arg for other extended pseudo-classes
  3516.                   if (
  3517.                     getNodeName(bufferNode) !== XPATH_PSEUDO_CLASS_MARKER &&
  3518.                     context.isRegexpOpen
  3519.                   ) {
  3520.                     // if the parentheses is escaped it should be part of regexp
  3521.                     // collect it to arg of AbsolutePseudoClass
  3522.                     // e.g. 'div:matches-css(background-image: /^url\\("data:image\\/gif;base64.+/)'
  3523.                     updateBufferNode(context, tokenValue);
  3524.                   } else {
  3525.                     // otherwise brackets should be balanced
  3526.                     // e.g. 'div:xpath(//h3[contains(text(),"Share it!")]/..)'
  3527.                     context.extendedPseudoBracketsStack.push(tokenValue); // eslint-disable-next-line max-len
  3528.                     if (
  3529.                       context.extendedPseudoBracketsStack.length >
  3530.                       context.extendedPseudoNamesStack.length
  3531.                     ) {
  3532.                       updateBufferNode(context, tokenValue);
  3533.                     }
  3534.                   }
  3535.                 }
  3536.                 if (isRegularSelectorNode(bufferNode)) {
  3537.                   // continue RegularSelector value collecting for standard pseudo-classes
  3538.                   // e.g. '.banner:where(div)'
  3539.                   if (context.standardPseudoNamesStack.length > 0) {
  3540.                     updateBufferNode(context, tokenValue);
  3541.                     context.standardPseudoBracketsStack.push(tokenValue);
  3542.                   } // parentheses inside attribute value should be part of RegularSelector value
  3543.                   // e.g. 'div:not([href*="window.print()"])'   <-- parser position
  3544.                   // is on the `(` after `print`       ↑
  3545.                   if (context.isAttributeBracketsOpen) {
  3546.                     updateBufferNode(context, tokenValue);
  3547.                   }
  3548.                 }
  3549.                 if (isRelativePseudoClassNode(bufferNode)) {
  3550.                   // save opening bracket for balancing
  3551.                   // e.g. 'div:not()'  // position is on `(`
  3552.                   context.extendedPseudoBracketsStack.push(tokenValue);
  3553.                 }
  3554.                 break;
  3555.               case BRACKET.PARENTHESES.RIGHT:
  3556.                 if (isAbsolutePseudoClassNode(bufferNode)) {
  3557.                   // no brackets balancing needed inside
  3558.                   // 1. :xpath() extended pseudo-class arg
  3559.                   // 2. regexp arg for other extended pseudo-classes
  3560.                   if (
  3561.                     getNodeName(bufferNode) !== XPATH_PSEUDO_CLASS_MARKER &&
  3562.                     context.isRegexpOpen
  3563.                   ) {
  3564.                     // if closing bracket is part of regexp
  3565.                     // simply save it to pseudo-class arg
  3566.                     updateBufferNode(context, tokenValue);
  3567.                   } else {
  3568.                     // remove stacked open parentheses for brackets balance
  3569.                     // e.g. 'h3:contains((Ads))'
  3570.                     // or   'div:xpath(//h3[contains(text(),"Share it!")]/..)'
  3571.                     context.extendedPseudoBracketsStack.pop();
  3572.                     if (getNodeName(bufferNode) !== XPATH_PSEUDO_CLASS_MARKER) {
  3573.                       // for all other absolute pseudo-classes except :xpath()
  3574.                       // remove stacked name of extended pseudo-class
  3575.                       context.extendedPseudoNamesStack.pop(); // eslint-disable-next-line max-len
  3576.                       if (
  3577.                         context.extendedPseudoBracketsStack.length >
  3578.                         context.extendedPseudoNamesStack.length
  3579.                       ) {
  3580.                         // if brackets stack is not empty yet,
  3581.                         // save tokenValue to arg of AbsolutePseudoClass
  3582.                         // parser position on first closing bracket after 'Ads':
  3583.                         // e.g. 'h3:contains((Ads))'
  3584.                         updateBufferNode(context, tokenValue);
  3585.                       } else if (
  3586.                         context.extendedPseudoBracketsStack.length >= 0 &&
  3587.                         context.extendedPseudoNamesStack.length >= 0
  3588.                       ) {
  3589.                         // assume it is combined extended pseudo-classes
  3590.                         // parser position on first closing bracket after 'advert':
  3591.                         // e.g. 'div:has(.banner, :contains(advert))'
  3592.                         upToClosest(context, NODE.SELECTOR);
  3593.                       }
  3594.                     } else {
  3595.                       // for :xpath()
  3596.                       // eslint-disable-next-line max-len
  3597.                       if (
  3598.                         context.extendedPseudoBracketsStack.length <
  3599.                         context.extendedPseudoNamesStack.length
  3600.                       ) {
  3601.                         // remove stacked name of extended pseudo-class
  3602.                         // if there are less brackets than pseudo-class names
  3603.                         // with means last removes bracket was closing for pseudo-class
  3604.                         context.extendedPseudoNamesStack.pop();
  3605.                       } else {
  3606.                         // otherwise the bracket is part of arg
  3607.                         updateBufferNode(context, tokenValue);
  3608.                       }
  3609.                     }
  3610.                   }
  3611.                 }
  3612.                 if (isRegularSelectorNode(bufferNode)) {
  3613.                   if (context.isAttributeBracketsOpen) {
  3614.                     // parentheses inside attribute value should be part of RegularSelector value
  3615.                     // e.g. 'div:not([href*="window.print()"])'   <-- parser position
  3616.                     // is on the `)` after `print(`       ↑
  3617.                     updateBufferNode(context, tokenValue);
  3618.                   } else if (
  3619.                     context.standardPseudoNamesStack.length > 0 &&
  3620.                     context.standardPseudoBracketsStack.length > 0
  3621.                   ) {
  3622.                     // standard pseudo-class was processing.
  3623.                     // collect the closing bracket to value of RegularSelector
  3624.                     // parser position is on bracket after 'class' now:
  3625.                     // e.g. 'div:where(.class)'
  3626.                     updateBufferNode(context, tokenValue); // remove bracket and pseudo name from stacks
  3627.                     context.standardPseudoBracketsStack.pop();
  3628.                     const lastStandardPseudo =
  3629.                       context.standardPseudoNamesStack.pop();
  3630.                     if (!lastStandardPseudo) {
  3631.                       // standard pseudo should be in standardPseudoNamesStack
  3632.                       // as related to standardPseudoBracketsStack
  3633.                       throw new Error(
  3634.                         `Parsing error. Invalid selector: ${selector}`
  3635.                       );
  3636.                     } // Disallow :has() after regular pseudo-elements
  3637.                     // https://bugs.chromium.org/p/chromium/issues/detail?id=669058#c54 [3]
  3638.                     if (
  3639.                       Object.values(REGULAR_PSEUDO_ELEMENTS).includes(
  3640.                         lastStandardPseudo
  3641.                       ) && // check token which is next to closing parentheses and token after it
  3642.                       // parser position is on bracket after 'foo' now:
  3643.                       // e.g. '::part(foo):has(.a)'
  3644.                       nextTokenValue === COLON &&
  3645.                       nextToNextTokenValue &&
  3646.                       HAS_PSEUDO_CLASS_MARKERS.includes(nextToNextTokenValue)
  3647.                     ) {
  3648.                       // eslint-disable-next-line max-len
  3649.                       throw new Error(
  3650.                         `Usage of :${nextToNextTokenValue}() pseudo-class is not allowed after any regular pseudo-element: '${lastStandardPseudo}'`
  3651.                       );
  3652.                     }
  3653.                   } else {
  3654.                     // extended pseudo-class was processing.
  3655.                     // e.g. 'div:has(h3)'
  3656.                     // remove bracket and pseudo name from stacks
  3657.                     context.extendedPseudoBracketsStack.pop();
  3658.                     context.extendedPseudoNamesStack.pop();
  3659.                     upToClosest(context, NODE.EXTENDED_SELECTOR); // go to upper selector for possible selector continuation after extended pseudo-class
  3660.                     // e.g. 'div:has(h3) > img'
  3661.                     upToClosest(context, NODE.SELECTOR);
  3662.                   }
  3663.                 }
  3664.                 if (isSelectorNode(bufferNode)) {
  3665.                   // after inner extended pseudo-class bufferNode is Selector.
  3666.                   // parser position is on last bracket now:
  3667.                   // e.g. 'div:has(.banner, :contains(ads))'
  3668.                   context.extendedPseudoBracketsStack.pop();
  3669.                   context.extendedPseudoNamesStack.pop();
  3670.                   upToClosest(context, NODE.EXTENDED_SELECTOR);
  3671.                   upToClosest(context, NODE.SELECTOR);
  3672.                 }
  3673.                 if (isRelativePseudoClassNode(bufferNode)) {
  3674.                   // save opening bracket for balancing
  3675.                   // e.g. 'div:not()'  // position is on `)`
  3676.                   // context.extendedPseudoBracketsStack.push(tokenValue);
  3677.                   if (
  3678.                     context.extendedPseudoNamesStack.length > 0 &&
  3679.                     context.extendedPseudoBracketsStack.length > 0
  3680.                   ) {
  3681.                     context.extendedPseudoBracketsStack.pop();
  3682.                     context.extendedPseudoNamesStack.pop();
  3683.                   }
  3684.                 }
  3685.                 break;
  3686.               case LINE_FEED:
  3687.               case FORM_FEED:
  3688.               case CARRIAGE_RETURN:
  3689.                 // such characters at start and end of selector should be trimmed
  3690.                 // so is there is one them among tokens, it is not valid selector
  3691.                 throw new Error(`'${selector}' is not a valid selector`);
  3692.               case TAB:
  3693.                 // allow tab only inside attribute value
  3694.                 // as there are such valid rules in filter lists
  3695.                 // e.g. 'div[style^="margin-right: auto;	text-align: left;',
  3696.                 // parser position                      ↑
  3697.                 if (
  3698.                   isRegularSelectorNode(bufferNode) &&
  3699.                   context.isAttributeBracketsOpen
  3700.                 ) {
  3701.                   updateBufferNode(context, tokenValue);
  3702.                 } else {
  3703.                   // otherwise not valid
  3704.                   throw new Error(`'${selector}' is not a valid selector`);
  3705.                 }
  3706.             }
  3707.             break;
  3708.           // no default statement for Marks as they are limited to SUPPORTED_SELECTOR_MARKS
  3709.           // and all other symbol combinations are tokenized as Word
  3710.           // so error for invalid Word will be thrown later while element selecting by parsed ast
  3711.           default:
  3712.             throw new Error(`Unknown type of token: '${tokenValue}'`);
  3713.         }
  3714.         i += 1;
  3715.       }
  3716.       if (context.ast === null) {
  3717.         throw new Error(`'${selector}' is not a valid selector`);
  3718.       }
  3719.       if (
  3720.         context.extendedPseudoNamesStack.length > 0 ||
  3721.         context.extendedPseudoBracketsStack.length > 0
  3722.       ) {
  3723.         // eslint-disable-next-line max-len
  3724.         throw new Error(
  3725.           `Unbalanced brackets for extended pseudo-class: '${getLast(
  3726.             context.extendedPseudoNamesStack
  3727.           )}'`
  3728.         );
  3729.       }
  3730.       if (context.isAttributeBracketsOpen) {
  3731.         throw new Error(
  3732.           `Unbalanced attribute brackets in selector: '${selector}'`
  3733.         );
  3734.       }
  3735.       return context.shouldOptimize ? optimizeAst(context.ast) : context.ast;
  3736.     };
  3737.     const natives = {
  3738.       MutationObserver:
  3739.         window.MutationObserver || window.WebKitMutationObserver,
  3740.     };
  3741.     /**
  3742.      * Class NativeTextContent is needed to intercept and save the native Node textContent getter
  3743.      * for proper work of :contains() pseudo-class as it may be mocked.
  3744.      *
  3745.      * @see {@link https://github.com/AdguardTeam/ExtendedCss/issues/127}
  3746.      */
  3747.     class NativeTextContent {
  3748.       /**
  3749.        * Native Node.
  3750.        */
  3751.       /**
  3752.        * Native Node textContent getter.
  3753.        */
  3754.       /**
  3755.        * Stores native node.
  3756.        */
  3757.       constructor() {
  3758.         this.nativeNode = window.Node || Node;
  3759.       }
  3760.       /**
  3761.        * Sets native Node textContext getter to `getter` class field.
  3762.        */
  3763.       setGetter() {
  3764.         var _Object$getOwnPropert;
  3765.         this.getter =
  3766.           (_Object$getOwnPropert = Object.getOwnPropertyDescriptor(
  3767.             this.nativeNode.prototype,
  3768.             "textContent"
  3769.           )) === null || _Object$getOwnPropert === void 0
  3770.             ? void 0
  3771.             : _Object$getOwnPropert.get;
  3772.       }
  3773.     }
  3774.     const nativeTextContent = new NativeTextContent();
  3775.     /**
  3776.      * Returns textContent of passed domElement.
  3777.      *
  3778.      * @param domElement DOM element.
  3779.      *
  3780.      * @returns DOM element textContent.
  3781.      */
  3782.     const getNodeTextContent = (domElement) => {
  3783.       if (nativeTextContent.getter) {
  3784.         return nativeTextContent.getter.apply(domElement);
  3785.       } // if ExtendedCss.init() has not been executed and there is no nodeTextContentGetter,
  3786.       // use simple approach, especially when init() is not really needed, e.g. local tests
  3787.       return domElement.textContent || "";
  3788.     };
  3789.     /**
  3790.      * Returns element selector text based on it's tagName and attributes.
  3791.      *
  3792.      * @param element DOM element.
  3793.      *
  3794.      * @returns String representation of `element`.
  3795.      */
  3796.     const getElementSelectorDesc = (element) => {
  3797.       let selectorText = element.tagName.toLowerCase();
  3798.       selectorText += Array.from(element.attributes)
  3799.         .map((attr) => {
  3800.           return `[${attr.name}="${element.getAttribute(attr.name)}"]`;
  3801.         })
  3802.         .join("");
  3803.       return selectorText;
  3804.     };
  3805.     /**
  3806.      * Returns path to a DOM element as a selector string.
  3807.      *
  3808.      * @param inputEl Input element.
  3809.      *
  3810.      * @returns String path to a DOM element.
  3811.      * @throws An error if `inputEl` in not instance of `Element`.
  3812.      */
  3813.     const getElementSelectorPath = (inputEl) => {
  3814.       if (!(inputEl instanceof Element)) {
  3815.         throw new Error("Function received argument with wrong type");
  3816.       }
  3817.       let el;
  3818.       el = inputEl;
  3819.       const path = []; // we need to check '!!el' first because it is possible
  3820.       // that some ancestor of the inputEl was removed before it
  3821.       while (!!el && el.nodeType === Node.ELEMENT_NODE) {
  3822.         let selector = el.nodeName.toLowerCase();
  3823.         if (el.id && typeof el.id === "string") {
  3824.           selector += `#${el.id}`;
  3825.           path.unshift(selector);
  3826.           break;
  3827.         }
  3828.         let sibling = el;
  3829.         let nth = 1;
  3830.         while (sibling.previousElementSibling) {
  3831.           sibling = sibling.previousElementSibling;
  3832.           if (
  3833.             sibling.nodeType === Node.ELEMENT_NODE &&
  3834.             sibling.nodeName.toLowerCase() === selector
  3835.           ) {
  3836.             nth += 1;
  3837.           }
  3838.         }
  3839.         if (nth !== 1) {
  3840.           selector += `:nth-of-type(${nth})`;
  3841.         }
  3842.         path.unshift(selector);
  3843.         el = el.parentElement;
  3844.       }
  3845.       return path.join(" > ");
  3846.     };
  3847.     /**
  3848.      * Checks whether the element is instance of HTMLElement.
  3849.      *
  3850.      * @param element Element to check.
  3851.      *
  3852.      * @returns True if `element` is HTMLElement.
  3853.      */
  3854.     const isHtmlElement = (element) => {
  3855.       return element instanceof HTMLElement;
  3856.     };
  3857.     /**
  3858.      * Takes `element` and returns its parent element.
  3859.      *
  3860.      * @param element Element.
  3861.      * @param errorMessage Optional error message to throw.
  3862.      *
  3863.      * @returns Parent of `element`.
  3864.      * @throws An error if element has no parent element.
  3865.      */
  3866.     const getParent = (element, errorMessage) => {
  3867.       const { parentElement } = element;
  3868.       if (!parentElement) {
  3869.         throw new Error(errorMessage || "Element does no have parent element");
  3870.       }
  3871.       return parentElement;
  3872.     };
  3873.     /**
  3874.      * Checks whether the `error` has `message` property which type is string.
  3875.      *
  3876.      * @param error Error object.
  3877.      *
  3878.      * @returns True if `error` has message.
  3879.      */
  3880.     const isErrorWithMessage = (error) => {
  3881.       return (
  3882.         typeof error === "object" &&
  3883.         error !== null &&
  3884.         "message" in error &&
  3885.         typeof error.message === "string"
  3886.       );
  3887.     };
  3888.     /**
  3889.      * Converts `maybeError` to error object with message.
  3890.      *
  3891.      * @param maybeError Possible error.
  3892.      *
  3893.      * @returns Error object with defined `message` property.
  3894.      */
  3895.     const toErrorWithMessage = (maybeError) => {
  3896.       if (isErrorWithMessage(maybeError)) {
  3897.         return maybeError;
  3898.       }
  3899.       try {
  3900.         return new Error(JSON.stringify(maybeError));
  3901.       } catch {
  3902.         // fallback in case if there is an error happened during the maybeError stringifying
  3903.         // like with circular references for example
  3904.         return new Error(String(maybeError));
  3905.       }
  3906.     };
  3907.     /**
  3908.      * Returns error message from `error`.
  3909.      * May be helpful to handle caught errors.
  3910.      *
  3911.      * @param error Error object.
  3912.      *
  3913.      * @returns Message of `error`.
  3914.      */
  3915.     const getErrorMessage = (error) => {
  3916.       return toErrorWithMessage(error).message;
  3917.     };
  3918.     const logger = {
  3919.       /**
  3920.        * Safe console.error version.
  3921.        */
  3922.       error:
  3923.         typeof console !== "undefined" && console.error && console.error.bind
  3924.           ? console.error.bind(window.console)
  3925.           : console.error,
  3926.       /**
  3927.        * Safe console.info version.
  3928.        */
  3929.       info:
  3930.         typeof console !== "undefined" && console.info && console.info.bind
  3931.           ? console.info.bind(window.console)
  3932.           : console.info,
  3933.     };
  3934.     /**
  3935.      * Returns string without suffix.
  3936.      *
  3937.      * @param str Input string.
  3938.      * @param suffix Needed to remove.
  3939.      *
  3940.      * @returns String without suffix.
  3941.      */
  3942.     const removeSuffix = (str, suffix) => {
  3943.       const index = str.indexOf(suffix, str.length - suffix.length);
  3944.       if (index >= 0) {
  3945.         return str.substring(0, index);
  3946.       }
  3947.       return str;
  3948.     };
  3949.     /**
  3950.      * Replaces all `pattern`s with `replacement` in `input` string.
  3951.      * String.replaceAll() polyfill because it is not supported by old browsers, e.g. Chrome 55.
  3952.      *
  3953.      * @see {@link https://caniuse.com/?search=String.replaceAll}
  3954.      *
  3955.      * @param input Input string to process.
  3956.      * @param pattern Find in the input string.
  3957.      * @param replacement Replace the pattern with.
  3958.      *
  3959.      * @returns Modified string.
  3960.      */
  3961.     const replaceAll = (input, pattern, replacement) => {
  3962.       if (!input) {
  3963.         return input;
  3964.       }
  3965.       return input.split(pattern).join(replacement);
  3966.     };
  3967.     /**
  3968.      * Converts string pattern to regular expression.
  3969.      *
  3970.      * @param str String to convert.
  3971.      *
  3972.      * @returns Regular expression converted from pattern `str`.
  3973.      */
  3974.     const toRegExp = (str) => {
  3975.       if (str.startsWith(SLASH) && str.endsWith(SLASH)) {
  3976.         return new RegExp(str.slice(1, -1));
  3977.       }
  3978.       const escaped = str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
  3979.       return new RegExp(escaped);
  3980.     };
  3981.     /**
  3982.      * Converts any simple type value to string type,
  3983.      * e.g. `undefined` -> `'undefined'`.
  3984.      *
  3985.      * @param value Any type value.
  3986.      *
  3987.      * @returns String representation of `value`.
  3988.      */
  3989.     const convertTypeIntoString = (value) => {
  3990.       let output;
  3991.       switch (value) {
  3992.         case undefined:
  3993.           output = "undefined";
  3994.           break;
  3995.         case null:
  3996.           output = "null";
  3997.           break;
  3998.         default:
  3999.           output = value.toString();
  4000.       }
  4001.       return output;
  4002.     };
  4003.     /**
  4004.      * Converts instance of string value into other simple types,
  4005.      * e.g. `'null'` -> `null`, `'true'` -> `true`.
  4006.      *
  4007.      * @param value String-type value.
  4008.      *
  4009.      * @returns Its own type representation of string-type `value`.
  4010.      */
  4011.     const convertTypeFromString = (value) => {
  4012.       const numValue = Number(value);
  4013.       let output;
  4014.       if (!Number.isNaN(numValue)) {
  4015.         output = numValue;
  4016.       } else {
  4017.         switch (value) {
  4018.           case "undefined":
  4019.             output = undefined;
  4020.             break;
  4021.           case "null":
  4022.             output = null;
  4023.             break;
  4024.           case "true":
  4025.             output = true;
  4026.             break;
  4027.           case "false":
  4028.             output = false;
  4029.             break;
  4030.           default:
  4031.             output = value;
  4032.         }
  4033.       }
  4034.       return output;
  4035.     };
  4036.     const SAFARI_USER_AGENT_REGEXP =
  4037.       /\sVersion\/(\d{2}\.\d)(.+\s|\s)(Safari)\//;
  4038.     const isSafariBrowser = SAFARI_USER_AGENT_REGEXP.test(navigator.userAgent);
  4039.     /**
  4040.      * Checks whether the browser userAgent is supported.
  4041.      *
  4042.      * @param userAgent User agent of browser.
  4043.      *
  4044.      * @returns False only for Internet Explorer.
  4045.      */
  4046.     const isUserAgentSupported = (userAgent) => {
  4047.       // do not support Internet Explorer
  4048.       if (userAgent.includes("MSIE") || userAgent.includes("Trident/")) {
  4049.         return false;
  4050.       }
  4051.       return true;
  4052.     };
  4053.     /**
  4054.      * Checks whether the current browser is supported.
  4055.      *
  4056.      * @returns False for Internet Explorer, otherwise true.
  4057.      */
  4058.     const isBrowserSupported = () => {
  4059.       return isUserAgentSupported(navigator.userAgent);
  4060.     };
  4061.     /**
  4062.      * CSS_PROPERTY is needed for style values normalization.
  4063.      *
  4064.      * IMPORTANT: it is used as 'const' instead of 'enum' to avoid side effects
  4065.      * during ExtendedCss import into other libraries.
  4066.      */
  4067.     const CSS_PROPERTY = {
  4068.       BACKGROUND: "background",
  4069.       BACKGROUND_IMAGE: "background-image",
  4070.       CONTENT: "content",
  4071.       OPACITY: "opacity",
  4072.     };
  4073.     const REGEXP_ANY_SYMBOL = ".*";
  4074.     const REGEXP_WITH_FLAGS_REGEXP = /^\s*\/.*\/[gmisuy]*\s*$/;
  4075.     /**
  4076.      * Removes quotes for specified content value.
  4077.      *
  4078.      * For example, content style declaration with `::before` can be set as '-' (e.g. unordered list)
  4079.      * which displayed as simple dash `-` with no quotes.
  4080.      * But CSSStyleDeclaration.getPropertyValue('content') will return value
  4081.      * wrapped into quotes, e.g. '"-"', which should be removed
  4082.      * because filters maintainers does not use any quotes in real rules.
  4083.      *
  4084.      * @param str Input string.
  4085.      *
  4086.      * @returns String with no quotes for content value.
  4087.      */
  4088.     const removeContentQuotes = (str) => {
  4089.       return str.replace(/^(["'])([\s\S]*)\1$/, "$2");
  4090.     };
  4091.     /**
  4092.      * Adds quotes for specified background url value.
  4093.      *
  4094.      * If background-image is specified **without** quotes:
  4095.      * e.g. 'background: url(data:image/gif;base64,R0lGODlhAQA7)'.
  4096.      *
  4097.      * CSSStyleDeclaration.getPropertyValue('background-image') may return value **with** quotes:
  4098.      * e.g. 'background: url("data:image/gif;base64,R0lGODlhAQA7")'.
  4099.      *
  4100.      * So we add quotes for compatibility since filters maintainers might use quotes in real rules.
  4101.      *
  4102.      * @param str Input string.
  4103.      *
  4104.      * @returns String with unified quotes for background url value.
  4105.      */
  4106.     const addUrlPropertyQuotes = (str) => {
  4107.       if (!str.includes('url("')) {
  4108.         const re = /url\((.*?)\)/g;
  4109.         return str.replace(re, 'url("$1")');
  4110.       }
  4111.       return str;
  4112.     };
  4113.     /**
  4114.      * Adds quotes to url arg for consistent property value matching.
  4115.      */
  4116.     const addUrlQuotesTo = {
  4117.       regexpArg: (str) => {
  4118.         // e.g. /^url\\([a-z]{4}:[a-z]{5}/
  4119.         // or /^url\\(data\\:\\image\\/gif;base64.+/
  4120.         const re = /(\^)?url(\\)?\\\((\w|\[\w)/g;
  4121.         return str.replace(re, '$1url$2\\(\\"?$3');
  4122.       },
  4123.       noneRegexpArg: addUrlPropertyQuotes,
  4124.     };
  4125.     /**
  4126.      * Escapes regular expression string.
  4127.      *
  4128.      * @see {@link https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/regexp}
  4129.      *
  4130.      * @param str Input string.
  4131.      *
  4132.      * @returns Escaped regular expression string.
  4133.      */
  4134.     const escapeRegExp = (str) => {
  4135.       // should be escaped . * + ? ^ $ { } ( ) | [ ] / \
  4136.       // except of * | ^
  4137.       const specials = [
  4138.         ".",
  4139.         "+",
  4140.         "?",
  4141.         "$",
  4142.         "{",
  4143.         "}",
  4144.         "(",
  4145.         ")",
  4146.         "[",
  4147.         "]",
  4148.         "\\",
  4149.         "/",
  4150.       ];
  4151.       const specialsRegex = new RegExp(`[${specials.join("\\")}]`, "g");
  4152.       return str.replace(specialsRegex, "\\$&");
  4153.     };
  4154.     /**
  4155.      * Converts :matches-css() arg property value match to regexp.
  4156.      *
  4157.      * @param rawValue Style match value pattern.
  4158.      *
  4159.      * @returns Arg of :matches-css() converted to regular expression.
  4160.      */
  4161.     const convertStyleMatchValueToRegexp = (rawValue) => {
  4162.       let value;
  4163.       if (rawValue.startsWith(SLASH) && rawValue.endsWith(SLASH)) {
  4164.         // For regex patterns double quotes `"` and backslashes `\` should be escaped
  4165.         value = addUrlQuotesTo.regexpArg(rawValue);
  4166.         value = value.slice(1, -1);
  4167.       } else {
  4168.         // For non-regex patterns parentheses `(` `)` and square brackets `[` `]`
  4169.         // should be unescaped, because their escaping in filter rules is required
  4170.         value = addUrlQuotesTo.noneRegexpArg(rawValue);
  4171.         value = value.replace(/\\([\\()[\]"])/g, "$1");
  4172.         value = escapeRegExp(value); // e.g. div:matches-css(background-image: url(data:*))
  4173.         value = replaceAll(value, ASTERISK, REGEXP_ANY_SYMBOL);
  4174.       }
  4175.       return new RegExp(value, "i");
  4176.     };
  4177.     /**
  4178.      * Makes some properties values compatible.
  4179.      *
  4180.      * @param propertyName Name of style property.
  4181.      * @param propertyValue Value of style property.
  4182.      *
  4183.      * @returns Normalized values for some CSS properties.
  4184.      */
  4185.     const normalizePropertyValue = (propertyName, propertyValue) => {
  4186.       let normalized = "";
  4187.       switch (propertyName) {
  4188.         case CSS_PROPERTY.BACKGROUND:
  4189.         case CSS_PROPERTY.BACKGROUND_IMAGE:
  4190.           // sometimes url property does not have quotes
  4191.           // so we add them for consistent matching
  4192.           normalized = addUrlPropertyQuotes(propertyValue);
  4193.           break;
  4194.         case CSS_PROPERTY.CONTENT:
  4195.           normalized = removeContentQuotes(propertyValue);
  4196.           break;
  4197.         case CSS_PROPERTY.OPACITY:
  4198.           // https://bugs.webkit.org/show_bug.cgi?id=93445
  4199.           normalized = isSafariBrowser
  4200.             ? (Math.round(parseFloat(propertyValue) * 100) / 100).toString()
  4201.             : propertyValue;
  4202.           break;
  4203.         default:
  4204.           normalized = propertyValue;
  4205.       }
  4206.       return normalized;
  4207.     };
  4208.     /**
  4209.      * Returns domElement style property value
  4210.      * by css property name and standard pseudo-element.
  4211.      *
  4212.      * @param domElement DOM element.
  4213.      * @param propertyName CSS property name.
  4214.      * @param regularPseudoElement Standard pseudo-element — '::before', '::after' etc.
  4215.      *
  4216.      * @returns String containing the value of a specified CSS property.
  4217.      */
  4218.     const getComputedStylePropertyValue = (
  4219.       domElement,
  4220.       propertyName,
  4221.       regularPseudoElement
  4222.     ) => {
  4223.       const style = window.getComputedStyle(domElement, regularPseudoElement);
  4224.       const propertyValue = style.getPropertyValue(propertyName);
  4225.       return normalizePropertyValue(propertyName, propertyValue);
  4226.     };
  4227.     /**
  4228.      * Parses arg of absolute pseudo-class into 'name' and 'value' if set.
  4229.      *
  4230.      * Used for :matches-css() - with COLON as separator,
  4231.      * for :matches-attr() and :matches-property() - with EQUAL_SIGN as separator.
  4232.      *
  4233.      * @param pseudoArg Arg of pseudo-class.
  4234.      * @param separator Divider symbol.
  4235.      *
  4236.      * @returns Parsed 'matches' pseudo-class arg data.
  4237.      */
  4238.     const getPseudoArgData = (pseudoArg, separator) => {
  4239.       const index = pseudoArg.indexOf(separator);
  4240.       let name;
  4241.       let value;
  4242.       if (index > -1) {
  4243.         name = pseudoArg.substring(0, index).trim();
  4244.         value = pseudoArg.substring(index + 1).trim();
  4245.       } else {
  4246.         name = pseudoArg;
  4247.       }
  4248.       return {
  4249.         name,
  4250.         value,
  4251.       };
  4252.     };
  4253.     /**
  4254.      * Parses :matches-css() pseudo-class arg
  4255.      * where regular pseudo-element can be a part of arg
  4256.      * e.g. 'div:matches-css(before, color: rgb(255, 255, 255))'    <-- obsolete `:matches-css-before()`.
  4257.      *
  4258.      * @param pseudoName Pseudo-class name.
  4259.      * @param rawArg Pseudo-class arg.
  4260.      *
  4261.      * @returns Parsed :matches-css() pseudo-class arg data.
  4262.      * @throws An error on invalid `rawArg`.
  4263.      */
  4264.     const parseStyleMatchArg = (pseudoName, rawArg) => {
  4265.       const { name, value } = getPseudoArgData(rawArg, COMMA);
  4266.       let regularPseudoElement = name;
  4267.       let styleMatchArg = value; // check whether the string part before the separator is valid regular pseudo-element,
  4268.       // otherwise `regularPseudoElement` is null, and `styleMatchArg` is rawArg
  4269.       if (!Object.values(REGULAR_PSEUDO_ELEMENTS).includes(name)) {
  4270.         regularPseudoElement = null;
  4271.         styleMatchArg = rawArg;
  4272.       }
  4273.       if (!styleMatchArg) {
  4274.         throw new Error(
  4275.           `Required style property argument part is missing in :${pseudoName}() arg: '${rawArg}'`
  4276.         );
  4277.       } // if regularPseudoElement is not `null`
  4278.       if (regularPseudoElement) {
  4279.         // pseudo-element should have two colon marks for Window.getComputedStyle() due to the syntax:
  4280.         // https://www.w3.org/TR/selectors-4/#pseudo-element-syntax
  4281.         // ':matches-css(before, content: ads)' ->> '::before'
  4282.         regularPseudoElement = `${COLON}${COLON}${regularPseudoElement}`;
  4283.       }
  4284.       return {
  4285.         regularPseudoElement,
  4286.         styleMatchArg,
  4287.       };
  4288.     };
  4289.     /**
  4290.    * Checks whether the domElement is matched by :matches-css() arg.
  4291.    *
  4292.    * @param argsData Pseudo-class name, arg, and dom element to check.
  4293.    *
  4294.    @returns True if DOM element is matched.
  4295.    * @throws An error on invalid pseudo-class arg.
  4296.    */
  4297.     const isStyleMatched = (argsData) => {
  4298.       const { pseudoName, pseudoArg, domElement } = argsData;
  4299.       const { regularPseudoElement, styleMatchArg } = parseStyleMatchArg(
  4300.         pseudoName,
  4301.         pseudoArg
  4302.       );
  4303.       const { name: matchName, value: matchValue } = getPseudoArgData(
  4304.         styleMatchArg,
  4305.         COLON
  4306.       );
  4307.       if (!matchName || !matchValue) {
  4308.         throw new Error(
  4309.           `Required property name or value is missing in :${pseudoName}() arg: '${styleMatchArg}'`
  4310.         );
  4311.       }
  4312.       let valueRegexp;
  4313.       try {
  4314.         valueRegexp = convertStyleMatchValueToRegexp(matchValue);
  4315.       } catch (e) {
  4316.         logger.error(getErrorMessage(e));
  4317.         throw new Error(
  4318.           `Invalid argument of :${pseudoName}() pseudo-class: '${styleMatchArg}'`
  4319.         );
  4320.       }
  4321.       const value = getComputedStylePropertyValue(
  4322.         domElement,
  4323.         matchName,
  4324.         regularPseudoElement
  4325.       );
  4326.       return valueRegexp && valueRegexp.test(value);
  4327.     };
  4328.     /**
  4329.      * Validates string arg for :matches-attr() and :matches-property().
  4330.      *
  4331.      * @param arg Pseudo-class arg.
  4332.      *
  4333.      * @returns True if 'matches' pseudo-class string arg is valid.
  4334.      */
  4335.     const validateStrMatcherArg = (arg) => {
  4336.       if (arg.includes(SLASH)) {
  4337.         return false;
  4338.       }
  4339.       if (!/^[\w-]+$/.test(arg)) {
  4340.         return false;
  4341.       }
  4342.       return true;
  4343.     };
  4344.     /**
  4345.      * Returns valid arg for :matches-attr() and :matcher-property().
  4346.      *
  4347.      * @param rawArg Arg pattern.
  4348.      * @param [isWildcardAllowed=false] Flag for wildcard (`*`) using as pseudo-class arg.
  4349.      *
  4350.      * @returns Valid arg for :matches-attr() and :matcher-property().
  4351.      * @throws An error on invalid `rawArg`.
  4352.      */
  4353.     const getValidMatcherArg = function (rawArg) {
  4354.       let isWildcardAllowed =
  4355.         arguments.length > 1 && arguments[1] !== undefined
  4356.           ? arguments[1]
  4357.           : false;
  4358.       // if rawArg is missing for pseudo-class
  4359.       // e.g. :matches-attr()
  4360.       // error will be thrown before getValidMatcherArg() is called:
  4361.       // name or arg is missing in AbsolutePseudoClass
  4362.       let arg;
  4363.       if (
  4364.         rawArg.length > 1 &&
  4365.         rawArg.startsWith(DOUBLE_QUOTE) &&
  4366.         rawArg.endsWith(DOUBLE_QUOTE)
  4367.       ) {
  4368.         rawArg = rawArg.slice(1, -1);
  4369.       }
  4370.       if (rawArg === "") {
  4371.         // e.g. :matches-property("")
  4372.         throw new Error("Argument should be specified. Empty arg is invalid.");
  4373.       }
  4374.       if (rawArg.startsWith(SLASH) && rawArg.endsWith(SLASH)) {
  4375.         // e.g. :matches-property("//")
  4376.         if (rawArg.length > 2) {
  4377.           arg = toRegExp(rawArg);
  4378.         } else {
  4379.           throw new Error(`Invalid regexp: '${rawArg}'`);
  4380.         }
  4381.       } else if (rawArg.includes(ASTERISK)) {
  4382.         if (rawArg === ASTERISK && !isWildcardAllowed) {
  4383.           // e.g. :matches-attr(*)
  4384.           throw new Error(`Argument should be more specific than ${rawArg}`);
  4385.         }
  4386.         arg = replaceAll(rawArg, ASTERISK, REGEXP_ANY_SYMBOL);
  4387.         arg = new RegExp(arg);
  4388.       } else {
  4389.         if (!validateStrMatcherArg(rawArg)) {
  4390.           throw new Error(`Invalid argument: '${rawArg}'`);
  4391.         }
  4392.         arg = rawArg;
  4393.       }
  4394.       return arg;
  4395.     };
  4396.     /**
  4397.      * Parses pseudo-class argument and returns parsed data.
  4398.      *
  4399.      * @param pseudoName Extended pseudo-class name.
  4400.      * @param pseudoArg Extended pseudo-class argument.
  4401.      *
  4402.      * @returns Parsed pseudo-class argument data.
  4403.      * @throws An error if attribute name is missing in pseudo-class arg.
  4404.      */
  4405.     const getRawMatchingData = (pseudoName, pseudoArg) => {
  4406.       const { name: rawName, value: rawValue } = getPseudoArgData(
  4407.         pseudoArg,
  4408.         EQUAL_SIGN
  4409.       );
  4410.       if (!rawName) {
  4411.         throw new Error(
  4412.           `Required attribute name is missing in :${pseudoName} arg: ${pseudoArg}`
  4413.         );
  4414.       }
  4415.       return {
  4416.         rawName,
  4417.         rawValue,
  4418.       };
  4419.     };
  4420.     /**
  4421.    * Checks whether the domElement is matched by :matches-attr() arg.
  4422.    *
  4423.    * @param argsData Pseudo-class name, arg, and dom element to check.
  4424.    *
  4425.    @returns True if DOM element is matched.
  4426.    * @throws An error on invalid arg of pseudo-class.
  4427.    */
  4428.     const isAttributeMatched = (argsData) => {
  4429.       const { pseudoName, pseudoArg, domElement } = argsData;
  4430.       const elementAttributes = domElement.attributes; // no match if dom element has no attributes
  4431.       if (elementAttributes.length === 0) {
  4432.         return false;
  4433.       }
  4434.       const { rawName: rawAttrName, rawValue: rawAttrValue } =
  4435.         getRawMatchingData(pseudoName, pseudoArg);
  4436.       let attrNameMatch;
  4437.       try {
  4438.         attrNameMatch = getValidMatcherArg(rawAttrName);
  4439.       } catch (e) {
  4440.         const errorMessage = getErrorMessage(e);
  4441.         logger.error(errorMessage);
  4442.         throw new SyntaxError(errorMessage);
  4443.       }
  4444.       let isMatched = false;
  4445.       let i = 0;
  4446.       while (i < elementAttributes.length && !isMatched) {
  4447.         const attr = elementAttributes[i];
  4448.         if (!attr) {
  4449.           break;
  4450.         }
  4451.         const isNameMatched =
  4452.           attrNameMatch instanceof RegExp
  4453.             ? attrNameMatch.test(attr.name)
  4454.             : attrNameMatch === attr.name;
  4455.         if (!rawAttrValue) {
  4456.           // for rules with no attribute value specified
  4457.           // e.g. :matches-attr("/regex/") or :matches-attr("attr-name")
  4458.           isMatched = isNameMatched;
  4459.         } else {
  4460.           let attrValueMatch;
  4461.           try {
  4462.             attrValueMatch = getValidMatcherArg(rawAttrValue);
  4463.           } catch (e) {
  4464.             const errorMessage = getErrorMessage(e);
  4465.             logger.error(errorMessage);
  4466.             throw new SyntaxError(errorMessage);
  4467.           }
  4468.           const isValueMatched =
  4469.             attrValueMatch instanceof RegExp
  4470.               ? attrValueMatch.test(attr.value)
  4471.               : attrValueMatch === attr.value;
  4472.           isMatched = isNameMatched && isValueMatched;
  4473.         }
  4474.         i += 1;
  4475.       }
  4476.       return isMatched;
  4477.     };
  4478.     /**
  4479.      * Parses raw :matches-property() arg which may be chain of properties.
  4480.      *
  4481.      * @param input Argument of :matches-property().
  4482.      *
  4483.      * @returns Arg of :matches-property() as array of strings or regular expressions.
  4484.      * @throws An error on invalid chain.
  4485.      */
  4486.     const parseRawPropChain = (input) => {
  4487.       if (
  4488.         input.length > 1 &&
  4489.         input.startsWith(DOUBLE_QUOTE) &&
  4490.         input.endsWith(DOUBLE_QUOTE)
  4491.       ) {
  4492.         input = input.slice(1, -1);
  4493.       }
  4494.       const chainChunks = input.split(DOT);
  4495.       const chainPatterns = [];
  4496.       let patternBuffer = "";
  4497.       let isRegexpPattern = false;
  4498.       let i = 0;
  4499.       while (i < chainChunks.length) {
  4500.         const chunk = getItemByIndex(
  4501.           chainChunks,
  4502.           i,
  4503.           `Invalid pseudo-class arg: '${input}'`
  4504.         );
  4505.         if (
  4506.           chunk.startsWith(SLASH) &&
  4507.           chunk.endsWith(SLASH) &&
  4508.           chunk.length > 2
  4509.         ) {
  4510.           // regexp pattern with no dot in it, e.g. /propName/
  4511.           chainPatterns.push(chunk);
  4512.         } else if (chunk.startsWith(SLASH)) {
  4513.           // if chunk is a start of regexp pattern
  4514.           isRegexpPattern = true;
  4515.           patternBuffer += chunk;
  4516.         } else if (chunk.endsWith(SLASH)) {
  4517.           isRegexpPattern = false; // restore dot removed while splitting
  4518.           // e.g. testProp./.{1,5}/
  4519.           patternBuffer += `.${chunk}`;
  4520.           chainPatterns.push(patternBuffer);
  4521.           patternBuffer = "";
  4522.         } else {
  4523.           // if there are few dots in regexp pattern
  4524.           // so chunk might be in the middle of it
  4525.           if (isRegexpPattern) {
  4526.             patternBuffer += chunk;
  4527.           } else {
  4528.             // otherwise it is string pattern
  4529.             chainPatterns.push(chunk);
  4530.           }
  4531.         }
  4532.         i += 1;
  4533.       }
  4534.       if (patternBuffer.length > 0) {
  4535.         throw new Error(`Invalid regexp property pattern '${input}'`);
  4536.       }
  4537.       const chainMatchPatterns = chainPatterns.map((pattern) => {
  4538.         if (pattern.length === 0) {
  4539.           // e.g. '.prop.id' or 'nested..test'
  4540.           throw new Error(
  4541.             `Empty pattern '${pattern}' is invalid in chain '${input}'`
  4542.           );
  4543.         }
  4544.         let validPattern;
  4545.         try {
  4546.           validPattern = getValidMatcherArg(pattern, true);
  4547.         } catch (e) {
  4548.           logger.error(getErrorMessage(e));
  4549.           throw new Error(
  4550.             `Invalid property pattern '${pattern}' in property chain '${input}'`
  4551.           );
  4552.         }
  4553.         return validPattern;
  4554.       });
  4555.       return chainMatchPatterns;
  4556.     };
  4557.     /**
  4558.      * Checks if the property exists in the base object (recursively).
  4559.      *
  4560.      * @param base Element to check.
  4561.      * @param chain Array of objects - parsed string property chain.
  4562.      * @param [output=[]] Result acc.
  4563.      *
  4564.      * @returns Array of parsed data — representation of `base`-related `chain`.
  4565.      */
  4566.     const filterRootsByRegexpChain = function (base, chain) {
  4567.       let output =
  4568.         arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
  4569.       const tempProp = getFirst(chain);
  4570.       if (chain.length === 1) {
  4571.         let key;
  4572.         for (key in base) {
  4573.           if (tempProp instanceof RegExp) {
  4574.             if (tempProp.test(key)) {
  4575.               output.push({
  4576.                 base,
  4577.                 prop: key,
  4578.                 value: base[key],
  4579.               });
  4580.             }
  4581.           } else if (tempProp === key) {
  4582.             output.push({
  4583.               base,
  4584.               prop: tempProp,
  4585.               value: base[key],
  4586.             });
  4587.           }
  4588.         }
  4589.         return output;
  4590.       } // if there is a regexp prop in input chain
  4591.       // e.g. 'unit./^ad.+/.src' for 'unit.ad-1gf2.src unit.ad-fgd34.src'),
  4592.       // every base keys should be tested by regexp and it can be more that one results
  4593.       if (tempProp instanceof RegExp) {
  4594.         const nextProp = chain.slice(1);
  4595.         const baseKeys = [];
  4596.         for (const key in base) {
  4597.           if (tempProp.test(key)) {
  4598.             baseKeys.push(key);
  4599.           }
  4600.         }
  4601.         baseKeys.forEach((key) => {
  4602.           var _Object$getOwnPropert;
  4603.           const item =
  4604.             (_Object$getOwnPropert = Object.getOwnPropertyDescriptor(
  4605.               base,
  4606.               key
  4607.             )) === null || _Object$getOwnPropert === void 0
  4608.               ? void 0
  4609.               : _Object$getOwnPropert.value;
  4610.           filterRootsByRegexpChain(item, nextProp, output);
  4611.         });
  4612.       }
  4613.       if (base && typeof tempProp === "string") {
  4614.         var _Object$getOwnPropert2;
  4615.         const nextBase =
  4616.           (_Object$getOwnPropert2 = Object.getOwnPropertyDescriptor(
  4617.             base,
  4618.             tempProp
  4619.           )) === null || _Object$getOwnPropert2 === void 0
  4620.             ? void 0
  4621.             : _Object$getOwnPropert2.value;
  4622.         chain = chain.slice(1);
  4623.         if (nextBase !== undefined) {
  4624.           filterRootsByRegexpChain(nextBase, chain, output);
  4625.         }
  4626.       }
  4627.       return output;
  4628.     };
  4629.     /**
  4630.    * Checks whether the domElement is matched by :matches-property() arg.
  4631.    *
  4632.    * @param argsData Pseudo-class name, arg, and dom element to check.
  4633.    *
  4634.    @returns True if DOM element is matched.
  4635.    * @throws An error on invalid prop in chain.
  4636.    */
  4637.     const isPropertyMatched = (argsData) => {
  4638.       const { pseudoName, pseudoArg, domElement } = argsData;
  4639.       const { rawName: rawPropertyName, rawValue: rawPropertyValue } =
  4640.         getRawMatchingData(pseudoName, pseudoArg); // chained property name cannot include '/' or '.'
  4641.       // so regex prop names with such escaped characters are invalid
  4642.       if (rawPropertyName.includes("\\/") || rawPropertyName.includes("\\.")) {
  4643.         throw new Error(
  4644.           `Invalid :${pseudoName} name pattern: ${rawPropertyName}`
  4645.         );
  4646.       }
  4647.       let propChainMatches;
  4648.       try {
  4649.         propChainMatches = parseRawPropChain(rawPropertyName);
  4650.       } catch (e) {
  4651.         const errorMessage = getErrorMessage(e);
  4652.         logger.error(errorMessage);
  4653.         throw new SyntaxError(errorMessage);
  4654.       }
  4655.       const ownerObjArr = filterRootsByRegexpChain(
  4656.         domElement,
  4657.         propChainMatches
  4658.       );
  4659.       if (ownerObjArr.length === 0) {
  4660.         return false;
  4661.       }
  4662.       let isMatched = true;
  4663.       if (rawPropertyValue) {
  4664.         let propValueMatch;
  4665.         try {
  4666.           propValueMatch = getValidMatcherArg(rawPropertyValue);
  4667.         } catch (e) {
  4668.           const errorMessage = getErrorMessage(e);
  4669.           logger.error(errorMessage);
  4670.           throw new SyntaxError(errorMessage);
  4671.         }
  4672.         if (propValueMatch) {
  4673.           for (let i = 0; i < ownerObjArr.length; i += 1) {
  4674.             var _ownerObjArr$i;
  4675.             const realValue =
  4676.               (_ownerObjArr$i = ownerObjArr[i]) === null ||
  4677.               _ownerObjArr$i === void 0
  4678.                 ? void 0
  4679.                 : _ownerObjArr$i.value;
  4680.             if (propValueMatch instanceof RegExp) {
  4681.               isMatched = propValueMatch.test(convertTypeIntoString(realValue));
  4682.             } else {
  4683.               // handle 'null' and 'undefined' property values set as string
  4684.               if (realValue === "null" || realValue === "undefined") {
  4685.                 isMatched = propValueMatch === realValue;
  4686.                 break;
  4687.               }
  4688.               isMatched = convertTypeFromString(propValueMatch) === realValue;
  4689.             }
  4690.             if (isMatched) {
  4691.               break;
  4692.             }
  4693.           }
  4694.         }
  4695.       }
  4696.       return isMatched;
  4697.     };
  4698.     /**
  4699.    * Checks whether the textContent is matched by :contains arg.
  4700.    *
  4701.    * @param argsData Pseudo-class name, arg, and dom element to check.
  4702.    *
  4703.    @returns True if DOM element is matched.
  4704.    * @throws An error on invalid arg of pseudo-class.
  4705.    */
  4706.     const isTextMatched = (argsData) => {
  4707.       const { pseudoName, pseudoArg, domElement } = argsData;
  4708.       const textContent = getNodeTextContent(domElement);
  4709.       let isTextContentMatched;
  4710.       let pseudoArgToMatch = pseudoArg;
  4711.       if (
  4712.         pseudoArgToMatch.startsWith(SLASH) &&
  4713.         REGEXP_WITH_FLAGS_REGEXP.test(pseudoArgToMatch)
  4714.       ) {
  4715.         // regexp arg
  4716.         const flagsIndex = pseudoArgToMatch.lastIndexOf("/");
  4717.         const flagsStr = pseudoArgToMatch.substring(flagsIndex + 1);
  4718.         pseudoArgToMatch = pseudoArgToMatch
  4719.           .substring(0, flagsIndex + 1)
  4720.           .slice(1, -1)
  4721.           .replace(/\\([\\"])/g, "$1");
  4722.         let regex;
  4723.         try {
  4724.           regex = new RegExp(pseudoArgToMatch, flagsStr);
  4725.         } catch (e) {
  4726.           throw new Error(
  4727.             `Invalid argument of :${pseudoName}() pseudo-class: ${pseudoArg}`
  4728.           );
  4729.         }
  4730.         isTextContentMatched = regex.test(textContent);
  4731.       } else {
  4732.         // none-regexp arg
  4733.         pseudoArgToMatch = pseudoArgToMatch.replace(/\\([\\()[\]"])/g, "$1");
  4734.         isTextContentMatched = textContent.includes(pseudoArgToMatch);
  4735.       }
  4736.       return isTextContentMatched;
  4737.     };
  4738.     /**
  4739.      * Validates number arg for :nth-ancestor() and :upward() pseudo-classes.
  4740.      *
  4741.      * @param rawArg Raw arg of pseudo-class.
  4742.      * @param pseudoName Pseudo-class name.
  4743.      *
  4744.      * @returns Valid number arg for :nth-ancestor() and :upward().
  4745.      * @throws An error on invalid `rawArg`.
  4746.      */
  4747.     const getValidNumberAncestorArg = (rawArg, pseudoName) => {
  4748.       const deep = Number(rawArg);
  4749.       if (Number.isNaN(deep) || deep < 1 || deep >= 256) {
  4750.         throw new Error(
  4751.           `Invalid argument of :${pseudoName} pseudo-class: '${rawArg}'`
  4752.         );
  4753.       }
  4754.       return deep;
  4755.     };
  4756.     /**
  4757.      * Returns nth ancestor by 'deep' number arg OR undefined if ancestor range limit exceeded.
  4758.      *
  4759.      * @param domElement DOM element to find ancestor for.
  4760.      * @param nth Depth up to needed ancestor.
  4761.      * @param pseudoName Pseudo-class name.
  4762.      *
  4763.      * @returns Ancestor element found in DOM, or null if not found.
  4764.      * @throws An error on invalid `nth` arg.
  4765.      */
  4766.     const getNthAncestor = (domElement, nth, pseudoName) => {
  4767.       let ancestor = null;
  4768.       let i = 0;
  4769.       while (i < nth) {
  4770.         ancestor = domElement.parentElement;
  4771.         if (!ancestor) {
  4772.           throw new Error(
  4773.             `Out of DOM: Argument of :${pseudoName}() pseudo-class is too big — '${nth}'.`
  4774.           );
  4775.         }
  4776.         domElement = ancestor;
  4777.         i += 1;
  4778.       }
  4779.       return ancestor;
  4780.     };
  4781.     /**
  4782.      * Validates standard CSS selector.
  4783.      *
  4784.      * @param selector Standard selector.
  4785.      *
  4786.      * @returns True if standard CSS selector is valid.
  4787.      */
  4788.     const validateStandardSelector = (selector) => {
  4789.       let isValid;
  4790.       try {
  4791.         document.querySelectorAll(selector);
  4792.         isValid = true;
  4793.       } catch (e) {
  4794.         isValid = false;
  4795.       }
  4796.       return isValid;
  4797.     };
  4798.     /**
  4799.      * Wrapper to run matcher `callback` with `args`
  4800.      * and throw error with `errorMessage` if `callback` run fails.
  4801.      *
  4802.      * @param callback Matcher callback.
  4803.      * @param argsData Args needed for matcher callback.
  4804.      * @param errorMessage Error message.
  4805.      *
  4806.      * @returns True if `callback` returns true.
  4807.      * @throws An error if `callback` fails.
  4808.      */
  4809.     const matcherWrapper = (callback, argsData, errorMessage) => {
  4810.       let isMatched;
  4811.       try {
  4812.         isMatched = callback(argsData);
  4813.       } catch (e) {
  4814.         logger.error(getErrorMessage(e));
  4815.         throw new Error(errorMessage);
  4816.       }
  4817.       return isMatched;
  4818.     };
  4819.     /**
  4820.      * Generates common error message to throw while matching element `propDesc`.
  4821.      *
  4822.      * @param propDesc Text to describe what element 'prop' pseudo-class is trying to match.
  4823.      * @param pseudoName Pseudo-class name.
  4824.      * @param pseudoArg Pseudo-class arg.
  4825.      *
  4826.      * @returns Generated error message string.
  4827.      */
  4828.     const getAbsolutePseudoError = (propDesc, pseudoName, pseudoArg) => {
  4829.       // eslint-disable-next-line max-len
  4830.       return `${MATCHING_ELEMENT_ERROR_PREFIX} ${propDesc}, may be invalid :${pseudoName}() pseudo-class arg: '${pseudoArg}'`;
  4831.     };
  4832.     /**
  4833.      * Checks whether the domElement is matched by absolute extended pseudo-class argument.
  4834.      *
  4835.      * @param domElement Page element.
  4836.      * @param pseudoName Pseudo-class name.
  4837.      * @param pseudoArg Pseudo-class arg.
  4838.      *
  4839.      * @returns True if `domElement` is matched by absolute pseudo-class.
  4840.      * @throws An error on unknown absolute pseudo-class.
  4841.      */
  4842.     const isMatchedByAbsolutePseudo = (domElement, pseudoName, pseudoArg) => {
  4843.       let argsData;
  4844.       let errorMessage;
  4845.       let callback;
  4846.       switch (pseudoName) {
  4847.         case CONTAINS_PSEUDO:
  4848.         case HAS_TEXT_PSEUDO:
  4849.         case ABP_CONTAINS_PSEUDO:
  4850.           callback = isTextMatched;
  4851.           argsData = {
  4852.             pseudoName,
  4853.             pseudoArg,
  4854.             domElement,
  4855.           };
  4856.           errorMessage = getAbsolutePseudoError(
  4857.             "text content",
  4858.             pseudoName,
  4859.             pseudoArg
  4860.           );
  4861.           break;
  4862.         case MATCHES_CSS_PSEUDO:
  4863.         case MATCHES_CSS_AFTER_PSEUDO:
  4864.         case MATCHES_CSS_BEFORE_PSEUDO:
  4865.           callback = isStyleMatched;
  4866.           argsData = {
  4867.             pseudoName,
  4868.             pseudoArg,
  4869.             domElement,
  4870.           };
  4871.           errorMessage = getAbsolutePseudoError("style", pseudoName, pseudoArg);
  4872.           break;
  4873.         case MATCHES_ATTR_PSEUDO_CLASS_MARKER:
  4874.           callback = isAttributeMatched;
  4875.           argsData = {
  4876.             domElement,
  4877.             pseudoName,
  4878.             pseudoArg,
  4879.           };
  4880.           errorMessage = getAbsolutePseudoError(
  4881.             "attributes",
  4882.             pseudoName,
  4883.             pseudoArg
  4884.           );
  4885.           break;
  4886.         case MATCHES_PROPERTY_PSEUDO_CLASS_MARKER:
  4887.           callback = isPropertyMatched;
  4888.           argsData = {
  4889.             domElement,
  4890.             pseudoName,
  4891.             pseudoArg,
  4892.           };
  4893.           errorMessage = getAbsolutePseudoError(
  4894.             "properties",
  4895.             pseudoName,
  4896.             pseudoArg
  4897.           );
  4898.           break;
  4899.         default:
  4900.           throw new Error(`Unknown absolute pseudo-class :${pseudoName}()`);
  4901.       }
  4902.       return matcherWrapper(callback, argsData, errorMessage);
  4903.     };
  4904.     const findByAbsolutePseudoPseudo = {
  4905.       /**
  4906.        * Returns list of nth ancestors relative to every dom node from domElements list.
  4907.        *
  4908.        * @param domElements DOM elements.
  4909.        * @param rawPseudoArg Number arg of :nth-ancestor() or :upward() pseudo-class.
  4910.        * @param pseudoName Pseudo-class name.
  4911.        *
  4912.        * @returns Array of ancestor DOM elements.
  4913.        */
  4914.       nthAncestor: (domElements, rawPseudoArg, pseudoName) => {
  4915.         const deep = getValidNumberAncestorArg(rawPseudoArg, pseudoName);
  4916.         const ancestors = domElements
  4917.           .map((domElement) => {
  4918.             let ancestor = null;
  4919.             try {
  4920.               ancestor = getNthAncestor(domElement, deep, pseudoName);
  4921.             } catch (e) {
  4922.               logger.error(getErrorMessage(e));
  4923.             }
  4924.             return ancestor;
  4925.           })
  4926.           .filter(isHtmlElement);
  4927.         return ancestors;
  4928.       },
  4929.       /**
  4930.        * Returns list of elements by xpath expression, evaluated on every dom node from domElements list.
  4931.        *
  4932.        * @param domElements DOM elements.
  4933.        * @param rawPseudoArg Arg of :xpath() pseudo-class.
  4934.        *
  4935.        * @returns Array of DOM elements matched by xpath expression.
  4936.        */
  4937.       xpath: (domElements, rawPseudoArg) => {
  4938.         const foundElements = domElements.map((domElement) => {
  4939.           const result = [];
  4940.           let xpathResult;
  4941.           try {
  4942.             xpathResult = document.evaluate(
  4943.               rawPseudoArg,
  4944.               domElement,
  4945.               null,
  4946.               window.XPathResult.UNORDERED_NODE_ITERATOR_TYPE,
  4947.               null
  4948.             );
  4949.           } catch (e) {
  4950.             logger.error(getErrorMessage(e));
  4951.             throw new Error(
  4952.               `Invalid argument of :xpath() pseudo-class: '${rawPseudoArg}'`
  4953.             );
  4954.           }
  4955.           let node = xpathResult.iterateNext();
  4956.           while (node) {
  4957.             if (isHtmlElement(node)) {
  4958.               result.push(node);
  4959.             }
  4960.             node = xpathResult.iterateNext();
  4961.           }
  4962.           return result;
  4963.         });
  4964.         return flatten(foundElements);
  4965.       },
  4966.       /**
  4967.        * Returns list of closest ancestors relative to every dom node from domElements list.
  4968.        *
  4969.        * @param domElements DOM elements.
  4970.        * @param rawPseudoArg Standard selector arg of :upward() pseudo-class.
  4971.        *
  4972.        * @returns Array of closest ancestor DOM elements.
  4973.        * @throws An error if `rawPseudoArg` is not a valid standard selector.
  4974.        */
  4975.       upward: (domElements, rawPseudoArg) => {
  4976.         if (!validateStandardSelector(rawPseudoArg)) {
  4977.           throw new Error(
  4978.             `Invalid argument of :upward pseudo-class: '${rawPseudoArg}'`
  4979.           );
  4980.         }
  4981.         const closestAncestors = domElements
  4982.           .map((domElement) => {
  4983.             // closest to parent element should be found
  4984.             // otherwise `.base:upward(.base)` will return itself too, not only ancestor
  4985.             const parent = domElement.parentElement;
  4986.             if (!parent) {
  4987.               return null;
  4988.             }
  4989.             return parent.closest(rawPseudoArg);
  4990.           })
  4991.           .filter(isHtmlElement);
  4992.         return closestAncestors;
  4993.       },
  4994.     };
  4995.     /**
  4996.      * Calculated selector text which is needed to :has(), :is() and :not() pseudo-classes.
  4997.      * Contains calculated part (depends on the processed element)
  4998.      * and value of RegularSelector which is next to selector by.
  4999.      *
  5000.      * Native Document.querySelectorAll() does not select exact descendant elements
  5001.      * but match all page elements satisfying the selector,
  5002.      * so extra specification is needed for proper descendants selection
  5003.      * e.g. 'div:has(> img)'.
  5004.      *
  5005.      * Its calculation depends on extended selector.
  5006.      */
  5007.     /**
  5008.      * Combined `:scope` pseudo-class and **child** combinator — `:scope>`.
  5009.      */
  5010.     const scopeDirectChildren = `${SCOPE_CSS_PSEUDO_CLASS}${CHILD_COMBINATOR}`;
  5011.     /**
  5012.      * Combined `:scope` pseudo-class and **descendant** combinator — `:scope `.
  5013.      */
  5014.     const scopeAnyChildren = `${SCOPE_CSS_PSEUDO_CLASS}${DESCENDANT_COMBINATOR}`;
  5015.     /**
  5016.      * Type for relative pseudo-class helpers args.
  5017.      */
  5018.     /**
  5019.      * Returns the first of RegularSelector child node for `selectorNode`.
  5020.      *
  5021.      * @param selectorNode Ast Selector node.
  5022.      * @param pseudoName Name of relative pseudo-class.
  5023.      *
  5024.      * @returns Ast RegularSelector node.
  5025.      */
  5026.     const getFirstInnerRegularChild = (selectorNode, pseudoName) => {
  5027.       return getFirstRegularChild(
  5028.         selectorNode.children,
  5029.         `RegularSelector is missing for :${pseudoName}() pseudo-class`
  5030.       );
  5031.     }; // TODO: fix for <forgiving-relative-selector-list>
  5032.     // https://github.com/AdguardTeam/ExtendedCss/issues/154
  5033.     /**
  5034.      * Checks whether the element has all relative elements specified by pseudo-class arg.
  5035.      * Used for :has() pseudo-class.
  5036.      *
  5037.      * @param argsData Relative pseudo-class helpers args data.
  5038.      *
  5039.      * @returns True if **all selectors** from argsData.relativeSelectorList is **matched** for argsData.element.
  5040.      */
  5041.     const hasRelativesBySelectorList = (argsData) => {
  5042.       const { element, relativeSelectorList, pseudoName } = argsData;
  5043.       return relativeSelectorList.children // Array.every() is used here as each Selector node from SelectorList should exist on page
  5044.         .every((selectorNode) => {
  5045.           // selectorList.children always starts with regular selector as any selector generally
  5046.           const relativeRegularSelector = getFirstInnerRegularChild(
  5047.             selectorNode,
  5048.             pseudoName
  5049.           );
  5050.           let specifiedSelector = "";
  5051.           let rootElement = null;
  5052.           const regularSelector = getNodeValue(relativeRegularSelector);
  5053.           if (
  5054.             regularSelector.startsWith(NEXT_SIBLING_COMBINATOR) ||
  5055.             regularSelector.startsWith(SUBSEQUENT_SIBLING_COMBINATOR)
  5056.           ) {
  5057.             /**
  5058.              * For matching the element by "element:has(+ next-sibling)" and "element:has(~ sibling)"
  5059.              * we check whether the element's parentElement has specific direct child combination,
  5060.              * e.g. 'h1:has(+ .share)' -> `h1Node.parentElement.querySelectorAll(':scope > h1 + .share')`.
  5061.              *
  5062.              * @see {@link https://www.w3.org/TR/selectors-4/#relational}
  5063.              */
  5064.             rootElement = element.parentElement;
  5065.             const elementSelectorText = getElementSelectorDesc(element);
  5066.             specifiedSelector = `${scopeDirectChildren}${elementSelectorText}${regularSelector}`;
  5067.           } else if (regularSelector === ASTERISK) {
  5068.             /**
  5069.              * :scope specification is needed for proper descendants selection
  5070.              * as native element.querySelectorAll() does not select exact element descendants
  5071.              * e.g. 'a:has(> img)' -> `aNode.querySelectorAll(':scope > img')`.
  5072.              *
  5073.              * For 'any selector' as arg of relative simplicity should be set for all inner elements
  5074.              * e.g. 'div:has(*)' -> `divNode.querySelectorAll(':scope *')`
  5075.              * which means empty div with no child element.
  5076.              */
  5077.             rootElement = element;
  5078.             specifiedSelector = `${scopeAnyChildren}${ASTERISK}`;
  5079.           } else {
  5080.             /**
  5081.              * As it described above, inner elements should be found using `:scope` pseudo-class
  5082.              * e.g. 'a:has(> img)' -> `aNode.querySelectorAll(':scope > img')`
  5083.              * OR '.block(div > span)' -> `blockClassNode.querySelectorAll(':scope div > span')`.
  5084.              */
  5085.             specifiedSelector = `${scopeAnyChildren}${regularSelector}`;
  5086.             rootElement = element;
  5087.           }
  5088.           if (!rootElement) {
  5089.             throw new Error(
  5090.               `Selection by :${pseudoName}() pseudo-class is not possible`
  5091.             );
  5092.           }
  5093.           let relativeElements;
  5094.           try {
  5095.             // eslint-disable-next-line @typescript-eslint/no-use-before-define
  5096.             relativeElements = getElementsForSelectorNode(
  5097.               selectorNode,
  5098.               rootElement,
  5099.               specifiedSelector
  5100.             );
  5101.           } catch (e) {
  5102.             logger.error(getErrorMessage(e)); // fail for invalid selector
  5103.             throw new Error(
  5104.               `Invalid selector for :${pseudoName}() pseudo-class: '${regularSelector}'`
  5105.             );
  5106.           }
  5107.           return relativeElements.length > 0;
  5108.         });
  5109.     };
  5110.     /**
  5111.      * Checks whether the element is an any element specified by pseudo-class arg.
  5112.      * Used for :is() pseudo-class.
  5113.      *
  5114.      * @param argsData Relative pseudo-class helpers args data.
  5115.      *
  5116.      * @returns True if **any selector** from argsData.relativeSelectorList is **matched** for argsData.element.
  5117.      */
  5118.     const isAnyElementBySelectorList = (argsData) => {
  5119.       const { element, relativeSelectorList, pseudoName } = argsData;
  5120.       return relativeSelectorList.children // Array.some() is used here as any selector from selector list should exist on page
  5121.         .some((selectorNode) => {
  5122.           // selectorList.children always starts with regular selector
  5123.           const relativeRegularSelector = getFirstInnerRegularChild(
  5124.             selectorNode,
  5125.             pseudoName
  5126.           );
  5127.           /**
  5128.            * For checking the element by 'div:is(.banner)'
  5129.            * we check whether the element's parentElement has any specific direct child.
  5130.            */
  5131.           const rootElement = getParent(
  5132.             element,
  5133.             `Selection by :${pseudoName}() pseudo-class is not possible`
  5134.           );
  5135.           /**
  5136.            * So we calculate the element "description" by it's tagname and attributes for targeting
  5137.            * and use it to specify the selection
  5138.            * e.g. `div:is(.banner)` --> `divNode.parentElement.querySelectorAll(':scope > .banner')`.
  5139.            */
  5140.           const specifiedSelector = `${scopeDirectChildren}${getNodeValue(
  5141.             relativeRegularSelector
  5142.           )}`;
  5143.           let anyElements;
  5144.           try {
  5145.             // eslint-disable-next-line @typescript-eslint/no-use-before-define
  5146.             anyElements = getElementsForSelectorNode(
  5147.               selectorNode,
  5148.               rootElement,
  5149.               specifiedSelector
  5150.             );
  5151.           } catch (e) {
  5152.             // do not fail on invalid selectors for :is()
  5153.             return false;
  5154.           } // TODO: figure out how to handle complex selectors with extended pseudo-classes
  5155.           // (check readme - extended-css-is-limitations)
  5156.           // because `element` and `anyElements` may be from different DOM levels
  5157.           return anyElements.includes(element);
  5158.         });
  5159.     };
  5160.     /**
  5161.      * Checks whether the element is not an element specified by pseudo-class arg.
  5162.      * Used for :not() pseudo-class.
  5163.      *
  5164.      * @param argsData Relative pseudo-class helpers args data.
  5165.      *
  5166.      * @returns True if **any selector** from argsData.relativeSelectorList is **not matched** for argsData.element.
  5167.      */
  5168.     const notElementBySelectorList = (argsData) => {
  5169.       const { element, relativeSelectorList, pseudoName } = argsData;
  5170.       return relativeSelectorList.children // Array.every() is used here as element should not be selected by any selector from selector list
  5171.         .every((selectorNode) => {
  5172.           // selectorList.children always starts with regular selector
  5173.           const relativeRegularSelector = getFirstInnerRegularChild(
  5174.             selectorNode,
  5175.             pseudoName
  5176.           );
  5177.           /**
  5178.            * For checking the element by 'div:not([data="content"])
  5179.            * we check whether the element's parentElement has any specific direct child.
  5180.            */
  5181.           const rootElement = getParent(
  5182.             element,
  5183.             `Selection by :${pseudoName}() pseudo-class is not possible`
  5184.           );
  5185.           /**
  5186.            * So we calculate the element "description" by it's tagname and attributes for targeting
  5187.            * and use it to specify the selection
  5188.            * e.g. `div:not(.banner)` --> `divNode.parentElement.querySelectorAll(':scope > .banner')`.
  5189.            */
  5190.           const specifiedSelector = `${scopeDirectChildren}${getNodeValue(
  5191.             relativeRegularSelector
  5192.           )}`;
  5193.           let anyElements;
  5194.           try {
  5195.             // eslint-disable-next-line @typescript-eslint/no-use-before-define
  5196.             anyElements = getElementsForSelectorNode(
  5197.               selectorNode,
  5198.               rootElement,
  5199.               specifiedSelector
  5200.             );
  5201.           } catch (e) {
  5202.             // fail on invalid selectors for :not()
  5203.             logger.error(getErrorMessage(e)); // eslint-disable-next-line max-len
  5204.             throw new Error(
  5205.               `Invalid selector for :${pseudoName}() pseudo-class: '${getNodeValue(
  5206.                 relativeRegularSelector
  5207.               )}'`
  5208.             );
  5209.           } // TODO: figure out how to handle up-looking pseudo-classes inside :not()
  5210.           // (check readme - extended-css-not-limitations)
  5211.           // because `element` and `anyElements` may be from different DOM levels
  5212.           return !anyElements.includes(element);
  5213.         });
  5214.     };
  5215.     /**
  5216.      * Selects dom elements by value of RegularSelector.
  5217.      *
  5218.      * @param regularSelectorNode RegularSelector node.
  5219.      * @param root Root DOM element.
  5220.      * @param specifiedSelector @see {@link SpecifiedSelector}.
  5221.      *
  5222.      * @returns Array of DOM elements.
  5223.      * @throws An error if RegularSelector node value is an invalid selector.
  5224.      */
  5225.     const getByRegularSelector = (
  5226.       regularSelectorNode,
  5227.       root,
  5228.       specifiedSelector
  5229.     ) => {
  5230.       const selectorText = specifiedSelector
  5231.         ? specifiedSelector
  5232.         : getNodeValue(regularSelectorNode);
  5233.       let selectedElements = [];
  5234.       try {
  5235.         selectedElements = Array.from(root.querySelectorAll(selectorText));
  5236.       } catch (e) {
  5237.         throw new Error(
  5238.           `Error: unable to select by '${selectorText}' — ${getErrorMessage(e)}`
  5239.         );
  5240.       }
  5241.       return selectedElements;
  5242.     };
  5243.     /**
  5244.      * Returns list of dom elements filtered or selected by ExtendedSelector node.
  5245.      *
  5246.      * @param domElements Array of DOM elements.
  5247.      * @param extendedSelectorNode ExtendedSelector node.
  5248.      *
  5249.      * @returns Array of DOM elements.
  5250.      * @throws An error on unknown pseudo-class,
  5251.      * absent or invalid arg of extended pseudo-class, etc.
  5252.      */
  5253.     const getByExtendedSelector = (domElements, extendedSelectorNode) => {
  5254.       let foundElements = [];
  5255.       const extendedPseudoClassNode = getPseudoClassNode(extendedSelectorNode);
  5256.       const pseudoName = getNodeName(extendedPseudoClassNode);
  5257.       if (isAbsolutePseudoClass(pseudoName)) {
  5258.         // absolute extended pseudo-classes should have an argument
  5259.         const absolutePseudoArg = getNodeValue(
  5260.           extendedPseudoClassNode,
  5261.           `Missing arg for :${pseudoName}() pseudo-class`
  5262.         );
  5263.         if (pseudoName === NTH_ANCESTOR_PSEUDO_CLASS_MARKER) {
  5264.           // :nth-ancestor()
  5265.           foundElements = findByAbsolutePseudoPseudo.nthAncestor(
  5266.             domElements,
  5267.             absolutePseudoArg,
  5268.             pseudoName
  5269.           );
  5270.         } else if (pseudoName === XPATH_PSEUDO_CLASS_MARKER) {
  5271.           // :xpath()
  5272.           try {
  5273.             document.createExpression(absolutePseudoArg, null);
  5274.           } catch (e) {
  5275.             throw new Error(
  5276.               `Invalid argument of :${pseudoName}() pseudo-class: '${absolutePseudoArg}'`
  5277.             );
  5278.           }
  5279.           foundElements = findByAbsolutePseudoPseudo.xpath(
  5280.             domElements,
  5281.             absolutePseudoArg
  5282.           );
  5283.         } else if (pseudoName === UPWARD_PSEUDO_CLASS_MARKER) {
  5284.           // :upward()
  5285.           if (Number.isNaN(Number(absolutePseudoArg))) {
  5286.             // so arg is selector, not a number
  5287.             foundElements = findByAbsolutePseudoPseudo.upward(
  5288.               domElements,
  5289.               absolutePseudoArg
  5290.             );
  5291.           } else {
  5292.             foundElements = findByAbsolutePseudoPseudo.nthAncestor(
  5293.               domElements,
  5294.               absolutePseudoArg,
  5295.               pseudoName
  5296.             );
  5297.           }
  5298.         } else {
  5299.           // all other absolute extended pseudo-classes
  5300.           // e.g. contains, matches-attr, etc.
  5301.           foundElements = domElements.filter((element) => {
  5302.             return isMatchedByAbsolutePseudo(
  5303.               element,
  5304.               pseudoName,
  5305.               absolutePseudoArg
  5306.             );
  5307.           });
  5308.         }
  5309.       } else if (isRelativePseudoClass(pseudoName)) {
  5310.         const relativeSelectorList = getRelativeSelectorListNode(
  5311.           extendedPseudoClassNode
  5312.         );
  5313.         let relativePredicate;
  5314.         switch (pseudoName) {
  5315.           case HAS_PSEUDO_CLASS_MARKER:
  5316.           case ABP_HAS_PSEUDO_CLASS_MARKER:
  5317.             relativePredicate = (element) =>
  5318.               hasRelativesBySelectorList({
  5319.                 element,
  5320.                 relativeSelectorList,
  5321.                 pseudoName,
  5322.               });
  5323.             break;
  5324.           case IS_PSEUDO_CLASS_MARKER:
  5325.             relativePredicate = (element) =>
  5326.               isAnyElementBySelectorList({
  5327.                 element,
  5328.                 relativeSelectorList,
  5329.                 pseudoName,
  5330.               });
  5331.             break;
  5332.           case NOT_PSEUDO_CLASS_MARKER:
  5333.             relativePredicate = (element) =>
  5334.               notElementBySelectorList({
  5335.                 element,
  5336.                 relativeSelectorList,
  5337.                 pseudoName,
  5338.               });
  5339.             break;
  5340.           default:
  5341.             throw new Error(`Unknown relative pseudo-class: '${pseudoName}'`);
  5342.         }
  5343.         foundElements = domElements.filter(relativePredicate);
  5344.       } else {
  5345.         // extra check is parser missed something
  5346.         throw new Error(`Unknown extended pseudo-class: '${pseudoName}'`);
  5347.       }
  5348.       return foundElements;
  5349.     };
  5350.     /**
  5351.      * Returns list of dom elements which is selected by RegularSelector value.
  5352.      *
  5353.      * @param domElements Array of DOM elements.
  5354.      * @param regularSelectorNode RegularSelector node.
  5355.      *
  5356.      * @returns Array of DOM elements.
  5357.      * @throws An error if RegularSelector has not value.
  5358.      */
  5359.     const getByFollowingRegularSelector = (
  5360.       domElements,
  5361.       regularSelectorNode
  5362.     ) => {
  5363.       // array of arrays because of Array.map() later
  5364.       let foundElements = [];
  5365.       const value = getNodeValue(regularSelectorNode);
  5366.       if (value.startsWith(CHILD_COMBINATOR)) {
  5367.         // e.g. div:has(> img) > .banner
  5368.         foundElements = domElements.map((root) => {
  5369.           const specifiedSelector = `${SCOPE_CSS_PSEUDO_CLASS}${value}`;
  5370.           return getByRegularSelector(
  5371.             regularSelectorNode,
  5372.             root,
  5373.             specifiedSelector
  5374.           );
  5375.         });
  5376.       } else if (
  5377.         value.startsWith(NEXT_SIBLING_COMBINATOR) ||
  5378.         value.startsWith(SUBSEQUENT_SIBLING_COMBINATOR)
  5379.       ) {
  5380.         // e.g. div:has(> img) + .banner
  5381.         // or   div:has(> img) ~ .banner
  5382.         foundElements = domElements.map((element) => {
  5383.           const rootElement = element.parentElement;
  5384.           if (!rootElement) {
  5385.             // do not throw error if there in no parent for element
  5386.             // e.g. '*:contains(text)' selects `html` which has no parentElement
  5387.             return [];
  5388.           }
  5389.           const elementSelectorText = getElementSelectorDesc(element);
  5390.           const specifiedSelector = `${scopeDirectChildren}${elementSelectorText}${value}`;
  5391.           const selected = getByRegularSelector(
  5392.             regularSelectorNode,
  5393.             rootElement,
  5394.             specifiedSelector
  5395.           );
  5396.           return selected;
  5397.         });
  5398.       } else {
  5399.         // space-separated regular selector after extended one
  5400.         // e.g. div:has(> img) .banner
  5401.         foundElements = domElements.map((root) => {
  5402.           const specifiedSelector = `${scopeAnyChildren}${getNodeValue(
  5403.             regularSelectorNode
  5404.           )}`;
  5405.           return getByRegularSelector(
  5406.             regularSelectorNode,
  5407.             root,
  5408.             specifiedSelector
  5409.           );
  5410.         });
  5411.       } // foundElements should be flattened
  5412.       // as getByRegularSelector() returns elements array, and Array.map() collects them to array
  5413.       return flatten(foundElements);
  5414.     };
  5415.     /**
  5416.      * Returns elements nodes for Selector node.
  5417.      * As far as any selector always starts with regular part,
  5418.      * it selects by RegularSelector first and checks found elements later.
  5419.      *
  5420.      * Relative pseudo-classes has it's own subtree so getElementsForSelectorNode is called recursively.
  5421.      *
  5422.      * 'specifiedSelector' is needed for :has(), :is(), and :not() pseudo-classes
  5423.      * as native querySelectorAll() does not select exact element descendants even if it is called on 'div'
  5424.      * e.g. ':scope' specification is needed for proper descendants selection for 'div:has(> img)'.
  5425.      * So we check `divNode.querySelectorAll(':scope > img').length > 0`.
  5426.      *
  5427.      * @param selectorNode Selector node.
  5428.      * @param root Root DOM element.
  5429.      * @param specifiedSelector Needed element specification.
  5430.      *
  5431.      * @returns Array of DOM elements.
  5432.      * @throws An error if there is no selectorNodeChild.
  5433.      */
  5434.     const getElementsForSelectorNode = (
  5435.       selectorNode,
  5436.       root,
  5437.       specifiedSelector
  5438.     ) => {
  5439.       let selectedElements = [];
  5440.       let i = 0;
  5441.       while (i < selectorNode.children.length) {
  5442.         const selectorNodeChild = getItemByIndex(
  5443.           selectorNode.children,
  5444.           i,
  5445.           "selectorNodeChild should be specified"
  5446.         );
  5447.         if (i === 0) {
  5448.           // any selector always starts with regular selector
  5449.           selectedElements = getByRegularSelector(
  5450.             selectorNodeChild,
  5451.             root,
  5452.             specifiedSelector
  5453.           );
  5454.         } else if (isExtendedSelectorNode(selectorNodeChild)) {
  5455.           // filter previously selected elements by next selector nodes
  5456.           selectedElements = getByExtendedSelector(
  5457.             selectedElements,
  5458.             selectorNodeChild
  5459.           );
  5460.         } else if (isRegularSelectorNode(selectorNodeChild)) {
  5461.           selectedElements = getByFollowingRegularSelector(
  5462.             selectedElements,
  5463.             selectorNodeChild
  5464.           );
  5465.         }
  5466.         i += 1;
  5467.       }
  5468.       return selectedElements;
  5469.     };
  5470.     /**
  5471.      * Selects elements by ast.
  5472.      *
  5473.      * @param ast Ast of parsed selector.
  5474.      * @param doc Document.
  5475.      *
  5476.      * @returns Array of DOM elements.
  5477.      */
  5478.     const selectElementsByAst = function (ast) {
  5479.       let doc =
  5480.         arguments.length > 1 && arguments[1] !== undefined
  5481.           ? arguments[1]
  5482.           : document;
  5483.       const selectedElements = []; // ast root is SelectorList node;
  5484.       // it has Selector nodes as children which should be processed separately
  5485.       ast.children.forEach((selectorNode) => {
  5486.         selectedElements.push(...getElementsForSelectorNode(selectorNode, doc));
  5487.       }); // selectedElements should be flattened as it is array of arrays with elements
  5488.       const uniqueElements = [...new Set(flatten(selectedElements))];
  5489.       return uniqueElements;
  5490.     };
  5491.     /**
  5492.      * Class of ExtCssDocument is needed for caching.
  5493.      * For making cache related to each new instance of class, not global.
  5494.      */
  5495.     class ExtCssDocument {
  5496.       /**
  5497.        * Cache with selectors and their AST parsing results.
  5498.        */
  5499.       /**
  5500.        * Creates new ExtCssDocument and inits new `astCache`.
  5501.        */
  5502.       constructor() {
  5503.         this.astCache = new Map();
  5504.       }
  5505.       /**
  5506.        * Saves selector and it's ast to cache.
  5507.        *
  5508.        * @param selector Standard or extended selector.
  5509.        * @param ast Selector ast.
  5510.        */
  5511.       saveAstToCache(selector, ast) {
  5512.         this.astCache.set(selector, ast);
  5513.       }
  5514.       /**
  5515.        * Returns ast from cache for given selector.
  5516.        *
  5517.        * @param selector Standard or extended selector.
  5518.        *
  5519.        * @returns Previously parsed ast found in cache, or null if not found.
  5520.        */
  5521.       getAstFromCache(selector) {
  5522.         const cachedAst = this.astCache.get(selector) || null;
  5523.         return cachedAst;
  5524.       }
  5525.       /**
  5526.        * Returns selector ast:
  5527.        * - if cached ast exists — returns it;
  5528.        * - if no cached ast — saves newly parsed ast to cache and returns it.
  5529.        *
  5530.        * @param selector Standard or extended selector.
  5531.        *
  5532.        * @returns Ast for `selector`.
  5533.        */
  5534.       getSelectorAst(selector) {
  5535.         let ast = this.getAstFromCache(selector);
  5536.         if (!ast) {
  5537.           ast = parse(selector);
  5538.         }
  5539.         this.saveAstToCache(selector, ast);
  5540.         return ast;
  5541.       }
  5542.       /**
  5543.        * Selects elements by selector.
  5544.        *
  5545.        * @param selector Standard or extended selector.
  5546.        *
  5547.        * @returns Array of DOM elements.
  5548.        */
  5549.       querySelectorAll(selector) {
  5550.         const ast = this.getSelectorAst(selector);
  5551.         return selectElementsByAst(ast);
  5552.       }
  5553.     }
  5554.     const extCssDocument = new ExtCssDocument();
  5555.     /**
  5556.      * Converts array of `entries` to object.
  5557.      * Object.fromEntries() polyfill because it is not supported by old browsers, e.g. Chrome 55.
  5558.      * Only first two elements of `entries` array matter, other will be skipped silently.
  5559.      *
  5560.      * @see {@link https://caniuse.com/?search=Object.fromEntries}
  5561.      *
  5562.      * @param entries Array of pairs.
  5563.      *
  5564.      * @returns Object converted from `entries`.
  5565.      */
  5566.     const getObjectFromEntries = (entries) => {
  5567.       const object = {};
  5568.       entries.forEach((el) => {
  5569.         const [key, value] = el;
  5570.         object[key] = value;
  5571.       });
  5572.       return object;
  5573.     };
  5574.     const DEBUG_PSEUDO_PROPERTY_KEY = "debug";
  5575.     /**
  5576.      * Checks the presence of :remove() pseudo-class and validates it while parsing the selector part of css rule.
  5577.      *
  5578.      * @param rawSelector Selector which may contain :remove() pseudo-class.
  5579.      *
  5580.      * @returns Parsed selector data with selector and styles.
  5581.      * @throws An error on invalid :remove() position.
  5582.      */
  5583.     const parseRemoveSelector = (rawSelector) => {
  5584.       /**
  5585.        * No error will be thrown on invalid selector as it will be validated later
  5586.        * so it's better to explicitly specify 'any' selector for :remove() pseudo-class by '*',
  5587.        * e.g. '.banner > *:remove()' instead of '.banner > :remove()'.
  5588.        */
  5589.       // ':remove()'
  5590.       // eslint-disable-next-line max-len
  5591.       const VALID_REMOVE_MARKER = `${COLON}${REMOVE_PSEUDO_MARKER}${BRACKET.PARENTHESES.LEFT}${BRACKET.PARENTHESES.RIGHT}`; // ':remove(' - needed for validation rules like 'div:remove(2)'
  5592.       const INVALID_REMOVE_MARKER = `${COLON}${REMOVE_PSEUDO_MARKER}${BRACKET.PARENTHESES.LEFT}`;
  5593.       let selector;
  5594.       let shouldRemove = false;
  5595.       const firstIndex = rawSelector.indexOf(VALID_REMOVE_MARKER);
  5596.       if (firstIndex === 0) {
  5597.         // e.g. ':remove()'
  5598.         throw new Error(
  5599.           `${REMOVE_ERROR_PREFIX.NO_TARGET_SELECTOR}: '${rawSelector}'`
  5600.         );
  5601.       } else if (firstIndex > 0) {
  5602.         if (firstIndex !== rawSelector.lastIndexOf(VALID_REMOVE_MARKER)) {
  5603.           // rule with more than one :remove() pseudo-class is invalid
  5604.           // e.g. '.block:remove() > .banner:remove()'
  5605.           throw new Error(
  5606.             `${REMOVE_ERROR_PREFIX.MULTIPLE_USAGE}: '${rawSelector}'`
  5607.           );
  5608.         } else if (
  5609.           firstIndex + VALID_REMOVE_MARKER.length <
  5610.           rawSelector.length
  5611.         ) {
  5612.           // remove pseudo-class should be last in the rule
  5613.           // e.g. '.block:remove():upward(2)'
  5614.           throw new Error(
  5615.             `${REMOVE_ERROR_PREFIX.INVALID_POSITION}: '${rawSelector}'`
  5616.           );
  5617.         } else {
  5618.           // valid :remove() pseudo-class position
  5619.           selector = rawSelector.substring(0, firstIndex);
  5620.           shouldRemove = true;
  5621.         }
  5622.       } else if (rawSelector.includes(INVALID_REMOVE_MARKER)) {
  5623.         // it is not valid if ':remove()' is absent in rule but just ':remove(' is present
  5624.         // e.g. 'div:remove(0)'
  5625.         throw new Error(
  5626.           `${REMOVE_ERROR_PREFIX.INVALID_REMOVE}: '${rawSelector}'`
  5627.         );
  5628.       } else {
  5629.         // there is no :remove() pseudo-class in rule
  5630.         selector = rawSelector;
  5631.       }
  5632.       const stylesOfSelector = shouldRemove
  5633.         ? [
  5634.             {
  5635.               property: REMOVE_PSEUDO_MARKER,
  5636.               value: PSEUDO_PROPERTY_POSITIVE_VALUE,
  5637.             },
  5638.           ]
  5639.         : [];
  5640.       return {
  5641.         selector,
  5642.         stylesOfSelector,
  5643.       };
  5644.     };
  5645.     /**
  5646.      * Parses cropped selector part found before `{`.
  5647.      *
  5648.      * @param selectorBuffer Buffered selector to parse.
  5649.      * @param extCssDoc Needed for caching of selector ast.
  5650.      *
  5651.      * @returns Parsed validation data for cropped part of stylesheet which may be a selector.
  5652.      * @throws An error on unsupported CSS features, e.g. at-rules.
  5653.      */
  5654.     const parseSelectorRulePart = (selectorBuffer, extCssDoc) => {
  5655.       let selector = selectorBuffer.trim();
  5656.       if (selector.startsWith(AT_RULE_MARKER)) {
  5657.         throw new Error(`${NO_AT_RULE_ERROR_PREFIX}: '${selector}'.`);
  5658.       }
  5659.       let removeSelectorData;
  5660.       try {
  5661.         removeSelectorData = parseRemoveSelector(selector);
  5662.       } catch (e) {
  5663.         logger.error(getErrorMessage(e));
  5664.         throw new Error(`${REMOVE_ERROR_PREFIX.INVALID_REMOVE}: '${selector}'`);
  5665.       }
  5666.       let stylesOfSelector = [];
  5667.       let success = false;
  5668.       let ast;
  5669.       try {
  5670.         selector = removeSelectorData.selector;
  5671.         stylesOfSelector = removeSelectorData.stylesOfSelector; // validate found selector by parsing it to ast
  5672.         // so if it is invalid error will be thrown
  5673.         ast = extCssDoc.getSelectorAst(selector);
  5674.         success = true;
  5675.       } catch (e) {
  5676.         success = false;
  5677.       }
  5678.       return {
  5679.         success,
  5680.         selector,
  5681.         ast,
  5682.         stylesOfSelector,
  5683.       };
  5684.     };
  5685.     /**
  5686.      * Creates a map for storing raw results of css rules parsing.
  5687.      * Used for merging styles for same selector.
  5688.      *
  5689.      * @returns Map where **key** is `selector`
  5690.      * and **value** is object with `ast` and `styles`.
  5691.      */
  5692.     const createRawResultsMap = () => {
  5693.       return new Map();
  5694.     };
  5695.     /**
  5696.      * Saves rules data for unique selectors.
  5697.      *
  5698.      * @param rawResults Previously collected results of parsing.
  5699.      * @param rawRuleData Parsed rule data.
  5700.      *
  5701.      * @throws An error if there is no rawRuleData.styles or rawRuleData.ast.
  5702.      */
  5703.     const saveToRawResults = (rawResults, rawRuleData) => {
  5704.       const { selector, ast, rawStyles } = rawRuleData;
  5705.       if (!rawStyles) {
  5706.         throw new Error(`No style declaration for selector: '${selector}'`);
  5707.       }
  5708.       if (!ast) {
  5709.         throw new Error(`No ast parsed for selector: '${selector}'`);
  5710.       }
  5711.       const storedRuleData = rawResults.get(selector);
  5712.       if (!storedRuleData) {
  5713.         rawResults.set(selector, {
  5714.           ast,
  5715.           styles: rawStyles,
  5716.         });
  5717.       } else {
  5718.         storedRuleData.styles.push(...rawStyles);
  5719.       }
  5720.     };
  5721.     /**
  5722.      * Checks whether the 'remove' property positively set in styles
  5723.      * with only one positive value - 'true'.
  5724.      *
  5725.      * @param styles Array of styles.
  5726.      *
  5727.      * @returns True if there is 'remove' property with 'true' value in `styles`.
  5728.      */
  5729.     const isRemoveSetInStyles = (styles) => {
  5730.       return styles.some((s) => {
  5731.         return (
  5732.           s.property === REMOVE_PSEUDO_MARKER &&
  5733.           s.value === PSEUDO_PROPERTY_POSITIVE_VALUE
  5734.         );
  5735.       });
  5736.     };
  5737.     /**
  5738.      * Returns 'debug' property value which is set in styles.
  5739.      *
  5740.      * @param styles Array of styles.
  5741.      *
  5742.      * @returns Value of 'debug' property if it is set in `styles`,
  5743.      * or `undefined` if the property is not found.
  5744.      */
  5745.     const getDebugStyleValue = (styles) => {
  5746.       const debugStyle = styles.find((s) => {
  5747.         return s.property === DEBUG_PSEUDO_PROPERTY_KEY;
  5748.       });
  5749.       return debugStyle === null || debugStyle === void 0
  5750.         ? void 0
  5751.         : debugStyle.value;
  5752.     };
  5753.     /**
  5754.      * Prepares final RuleData.
  5755.      * Handles `debug` and `remove` in raw rule data styles.
  5756.      *
  5757.      * @param rawRuleData Raw data of selector css rule parsing.
  5758.      *
  5759.      * @returns Parsed ExtendedCss rule data.
  5760.      * @throws An error if rawRuleData.ast or rawRuleData.rawStyles not defined.
  5761.      */
  5762.     const prepareRuleData = (rawRuleData) => {
  5763.       const { selector, ast, rawStyles } = rawRuleData;
  5764.       if (!ast) {
  5765.         throw new Error(`AST should be parsed for selector: '${selector}'`);
  5766.       }
  5767.       if (!rawStyles) {
  5768.         throw new Error(`Styles should be parsed for selector: '${selector}'`);
  5769.       }
  5770.       const ruleData = {
  5771.         selector,
  5772.         ast,
  5773.       };
  5774.       const debugValue = getDebugStyleValue(rawStyles);
  5775.       const shouldRemove = isRemoveSetInStyles(rawStyles);
  5776.       let styles = rawStyles;
  5777.       if (debugValue) {
  5778.         // get rid of 'debug' from styles
  5779.         styles = rawStyles.filter(
  5780.           (s) => s.property !== DEBUG_PSEUDO_PROPERTY_KEY
  5781.         ); // and set it as separate property only if its value is valid
  5782.         // which is 'true' or 'global'
  5783.         if (
  5784.           debugValue === PSEUDO_PROPERTY_POSITIVE_VALUE ||
  5785.           debugValue === DEBUG_PSEUDO_PROPERTY_GLOBAL_VALUE
  5786.         ) {
  5787.           ruleData.debug = debugValue;
  5788.         }
  5789.       }
  5790.       if (shouldRemove) {
  5791.         // no other styles are needed to apply if 'remove' is set
  5792.         ruleData.style = {
  5793.           [REMOVE_PSEUDO_MARKER]: PSEUDO_PROPERTY_POSITIVE_VALUE,
  5794.         };
  5795.         /**
  5796.          * 'content' property is needed for ExtCssConfiguration.beforeStyleApplied().
  5797.          *
  5798.          * @see {@link BeforeStyleAppliedCallback}
  5799.          */
  5800.         const contentStyle = styles.find(
  5801.           (s) => s.property === CONTENT_CSS_PROPERTY
  5802.         );
  5803.         if (contentStyle) {
  5804.           ruleData.style[CONTENT_CSS_PROPERTY] = contentStyle.value;
  5805.         }
  5806.       } else {
  5807.         // otherwise all styles should be applied.
  5808.         // every style property will be unique because of their converting into object
  5809.         if (styles.length > 0) {
  5810.           const stylesAsEntries = styles.map((style) => {
  5811.             const { property, value } = style;
  5812.             return [property, value];
  5813.           });
  5814.           const preparedStyleData = getObjectFromEntries(stylesAsEntries);
  5815.           ruleData.style = preparedStyleData;
  5816.         }
  5817.       }
  5818.       return ruleData;
  5819.     };
  5820.     /**
  5821.      * Combines previously parsed css rules data objects
  5822.      * into rules which are ready to apply.
  5823.      *
  5824.      * @param rawResults Previously parsed css rules data objects.
  5825.      *
  5826.      * @returns Parsed ExtendedCss rule data.
  5827.      */
  5828.     const combineRulesData = (rawResults) => {
  5829.       const results = [];
  5830.       rawResults.forEach((value, key) => {
  5831.         const selector = key;
  5832.         const { ast, styles: rawStyles } = value;
  5833.         results.push(
  5834.           prepareRuleData({
  5835.             selector,
  5836.             ast,
  5837.             rawStyles,
  5838.           })
  5839.         );
  5840.       });
  5841.       return results;
  5842.     };
  5843.     /**
  5844.      * Trims `rawStyle` and splits it into tokens.
  5845.      *
  5846.      * @param rawStyle Style declaration block content inside curly bracket — `{` and `}` —
  5847.      * can be a single style declaration or a list of declarations.
  5848.      *
  5849.      * @returns Array of tokens supported for style declaration block.
  5850.      */
  5851.     const tokenizeStyleBlock = (rawStyle) => {
  5852.       const styleDeclaration = rawStyle.trim();
  5853.       return tokenize(styleDeclaration, SUPPORTED_STYLE_DECLARATION_MARKS);
  5854.     };
  5855.     /**
  5856.      * Describes possible style declaration parts.
  5857.      *
  5858.      * IMPORTANT: it is used as 'const' instead of 'enum' to avoid side effects
  5859.      * during ExtendedCss import into other libraries.
  5860.      */
  5861.     const DECLARATION_PART = {
  5862.       PROPERTY: "property",
  5863.       VALUE: "value",
  5864.     };
  5865.     /**
  5866.      * Checks whether the quotes has been opened for style value.
  5867.      *
  5868.      * @param context Style block parser context.
  5869.      *
  5870.      * @returns True if style value has already opened quotes.
  5871.      */
  5872.     const isValueQuotesOpen = (context) => {
  5873.       return context.bufferValue !== "" && context.valueQuoteMark !== null;
  5874.     };
  5875.     /**
  5876.      * Saves parsed property and value to collection of parsed styles.
  5877.      * Prunes context buffers for property and value.
  5878.      *
  5879.      * @param context Style block parser context.
  5880.      */
  5881.     const collectStyle = (context) => {
  5882.       context.styles.push({
  5883.         property: context.bufferProperty.trim(),
  5884.         value: context.bufferValue.trim(),
  5885.       }); // reset buffers
  5886.       context.bufferProperty = "";
  5887.       context.bufferValue = "";
  5888.     };
  5889.     /**
  5890.      * Handles token which is supposed to be a part of style **property**.
  5891.      *
  5892.      * @param context Style block parser context.
  5893.      * @param styleBlock Whole style block which is being parsed.
  5894.      * @param token Current token.
  5895.      *
  5896.      * @throws An error on invalid token.
  5897.      */
  5898.     const processPropertyToken = (context, styleBlock, token) => {
  5899.       const { value: tokenValue } = token;
  5900.       switch (token.type) {
  5901.         case TOKEN_TYPE.WORD:
  5902.           if (context.bufferProperty.length > 0) {
  5903.             // e.g. 'padding top: 0;' - current tokenValue is 'top' which is not valid
  5904.             throw new Error(
  5905.               `Invalid style property in style block: '${styleBlock}'`
  5906.             );
  5907.           }
  5908.           context.bufferProperty += tokenValue;
  5909.           break;
  5910.         case TOKEN_TYPE.MARK:
  5911.           // only colon and whitespaces are allowed while style property parsing
  5912.           if (tokenValue === COLON) {
  5913.             if (context.bufferProperty.trim().length === 0) {
  5914.               // e.g. such style block: '{ : none; }'
  5915.               throw new Error(
  5916.                 `Missing style property before ':' in style block: '${styleBlock}'`
  5917.               );
  5918.             } // the property successfully collected
  5919.             context.bufferProperty = context.bufferProperty.trim(); // prepare for value collecting
  5920.             context.processing = DECLARATION_PART.VALUE; // the property buffer shall be reset after the value is successfully collected
  5921.           } else if (WHITE_SPACE_CHARACTERS.includes(tokenValue));
  5922.           else {
  5923.             // if after the property there is anything other than ':' except whitespace, this is a parse error
  5924.             // https://www.w3.org/TR/css-syntax-3/#consume-declaration
  5925.             throw new Error(
  5926.               `Invalid style declaration in style block: '${styleBlock}'`
  5927.             );
  5928.           }
  5929.           break;
  5930.         default:
  5931.           throw new Error(
  5932.             `Unsupported style property character: '${tokenValue}' in style block: '${styleBlock}'`
  5933.           );
  5934.       }
  5935.     };
  5936.     /**
  5937.      * Handles token which is supposed to be a part of style **value**.
  5938.      *
  5939.      * @param context Style block parser context.
  5940.      * @param styleBlock Whole style block which is being parsed.
  5941.      * @param token Current token.
  5942.      *
  5943.      * @throws An error on invalid token.
  5944.      */
  5945.     const processValueToken = (context, styleBlock, token) => {
  5946.       const { value: tokenValue } = token;
  5947.       if (token.type === TOKEN_TYPE.WORD) {
  5948.         // simply collect to buffer
  5949.         context.bufferValue += tokenValue;
  5950.       } else {
  5951.         // otherwise check the mark
  5952.         switch (tokenValue) {
  5953.           case COLON:
  5954.             // the ':' character inside of the value should be inside of quotes
  5955.             // otherwise the value is not valid
  5956.             // e.g. 'content: display: none'
  5957.             // parser is here        ↑
  5958.             if (!isValueQuotesOpen(context)) {
  5959.               // eslint-disable-next-line max-len
  5960.               throw new Error(
  5961.                 `Invalid style value for property '${context.bufferProperty}' in style block: '${styleBlock}'`
  5962.               );
  5963.             } // collect the colon inside quotes
  5964.             // e.g. 'content: "test:123"'
  5965.             // parser is here      ↑
  5966.             context.bufferValue += tokenValue;
  5967.             break;
  5968.           case SEMICOLON:
  5969.             if (isValueQuotesOpen(context)) {
  5970.               // ';' inside quotes is part of style value
  5971.               // e.g. 'content: "test;"'
  5972.               context.bufferValue += tokenValue;
  5973.             } else {
  5974.               // otherwise the value is successfully collected
  5975.               // save parsed style
  5976.               collectStyle(context); // prepare for value collecting
  5977.               context.processing = DECLARATION_PART.PROPERTY;
  5978.             }
  5979.             break;
  5980.           case SINGLE_QUOTE:
  5981.           case DOUBLE_QUOTE:
  5982.             // if quotes are not open
  5983.             if (context.valueQuoteMark === null) {
  5984.               // save the opening quote mark for later comparison
  5985.               context.valueQuoteMark = tokenValue;
  5986.             } else if (
  5987.               !context.bufferValue.endsWith(BACKSLASH) && // otherwise a quote appeared in the value earlier,
  5988.               // and non-escaped quote should be checked whether it is a closing quote
  5989.               context.valueQuoteMark === tokenValue
  5990.             ) {
  5991.               context.valueQuoteMark = null;
  5992.             } // always save the quote to the buffer
  5993.             // but after the context.bufferValue is checked for BACKSLASH above
  5994.             // e.g. 'content: "test:123"'
  5995.             //      'content: "\""'
  5996.             context.bufferValue += tokenValue;
  5997.             break;
  5998.           case BACKSLASH:
  5999.             if (!isValueQuotesOpen(context)) {
  6000.               // eslint-disable-next-line max-len
  6001.               throw new Error(
  6002.                 `Invalid style value for property '${context.bufferProperty}' in style block: '${styleBlock}'`
  6003.               );
  6004.             } // collect the backslash inside quotes
  6005.             // e.g. ' content: "\"" '
  6006.             // parser is here   ↑
  6007.             context.bufferValue += tokenValue;
  6008.             break;
  6009.           case SPACE:
  6010.           case TAB:
  6011.           case CARRIAGE_RETURN:
  6012.           case LINE_FEED:
  6013.           case FORM_FEED:
  6014.             // whitespace should be collected only if the value collecting started
  6015.             // which means inside of the value
  6016.             // e.g. 'width: 100% !important'
  6017.             // parser is here   ↑
  6018.             if (context.bufferValue.length > 0) {
  6019.               context.bufferValue += tokenValue;
  6020.             } // otherwise it can be omitted
  6021.             // e.g. 'width:  100% !important'
  6022.             // here        ↑
  6023.             break;
  6024.           default:
  6025.             throw new Error(`Unknown style declaration token: '${tokenValue}'`);
  6026.         }
  6027.       }
  6028.     };
  6029.     /**
  6030.      * Parses css rule style block.
  6031.      *
  6032.      * @param rawStyleBlock Style block to parse.
  6033.      *
  6034.      * @returns Array of style declarations.
  6035.      * @throws An error on invalid style block.
  6036.      */
  6037.     const parseStyleBlock = (rawStyleBlock) => {
  6038.       const styleBlock = rawStyleBlock.trim();
  6039.       const tokens = tokenizeStyleBlock(styleBlock);
  6040.       const context = {
  6041.         // style declaration parsing always starts with 'property'
  6042.         processing: DECLARATION_PART.PROPERTY,
  6043.         styles: [],
  6044.         bufferProperty: "",
  6045.         bufferValue: "",
  6046.         valueQuoteMark: null,
  6047.       };
  6048.       let i = 0;
  6049.       while (i < tokens.length) {
  6050.         const token = tokens[i];
  6051.         if (!token) {
  6052.           break;
  6053.         }
  6054.         if (context.processing === DECLARATION_PART.PROPERTY) {
  6055.           processPropertyToken(context, styleBlock, token);
  6056.         } else if (context.processing === DECLARATION_PART.VALUE) {
  6057.           processValueToken(context, styleBlock, token);
  6058.         } else {
  6059.           throw new Error("Style declaration parsing failed");
  6060.         }
  6061.         i += 1;
  6062.       } // unbalanced value quotes
  6063.       // e.g. 'content: "test} '
  6064.       if (isValueQuotesOpen(context)) {
  6065.         throw new Error(
  6066.           `Unbalanced style declaration quotes in style block: '${styleBlock}'`
  6067.         );
  6068.       } // collected property and value have not been saved to styles;
  6069.       // it is possible for style block with no semicolon at the end
  6070.       // e.g. such style block: '{ display: none }'
  6071.       if (context.bufferProperty.length > 0) {
  6072.         if (context.bufferValue.length === 0) {
  6073.           // e.g. such style blocks:
  6074.           //   '{ display:  }'
  6075.           //   '{ remove }'
  6076.           // eslint-disable-next-line max-len
  6077.           throw new Error(
  6078.             `Missing style value for property '${context.bufferProperty}' in style block '${styleBlock}'`
  6079.           );
  6080.         }
  6081.         collectStyle(context);
  6082.       } // rule with empty style block
  6083.       // e.g. 'div { }'
  6084.       if (context.styles.length === 0) {
  6085.         throw new Error(STYLE_ERROR_PREFIX.NO_STYLE);
  6086.       }
  6087.       return context.styles;
  6088.     };
  6089.     /**
  6090.      * Returns array of positions of `{` in `cssRule`.
  6091.      *
  6092.      * @param cssRule CSS rule.
  6093.      *
  6094.      * @returns Array of left curly bracket indexes.
  6095.      */
  6096.     const getLeftCurlyBracketIndexes = (cssRule) => {
  6097.       const indexes = [];
  6098.       for (let i = 0; i < cssRule.length; i += 1) {
  6099.         if (cssRule[i] === BRACKET.CURLY.LEFT) {
  6100.           indexes.push(i);
  6101.         }
  6102.       }
  6103.       return indexes;
  6104.     }; // TODO: use `extCssDoc` for caching of style block parser results
  6105.     /**
  6106.      * Parses CSS rule into rules data object:
  6107.      * 1. Find the last `{` mark in the rule
  6108.      *    which supposed to be a divider between selector and style block.
  6109.      * 2. Validates found string part before the `{` via selector parser; and if:
  6110.      *  - parsing failed – get the previous `{` in the rule,
  6111.      *    and validates a new rule part again [2];
  6112.      *  - parsing successful — saves a found rule part as selector and parses the style block.
  6113.      *
  6114.      * @param rawCssRule Single CSS rule to parse.
  6115.      * @param extCssDoc ExtCssDocument which is used for selector ast caching.
  6116.      *
  6117.      * @returns Array of rules data which contains:
  6118.      *   - selector as string;
  6119.      *   - ast to query elements by;
  6120.      *   - map of styles to apply.
  6121.      * @throws An error on invalid css rule syntax:
  6122.      *   - unsupported CSS features – comments and at-rules
  6123.      *   - invalid selector or style block.
  6124.      */
  6125.     const parseRule = (rawCssRule, extCssDoc) => {
  6126.       var _rawRuleData$selector;
  6127.       const cssRule = rawCssRule.trim();
  6128.       if (
  6129.         cssRule.includes(`${SLASH}${ASTERISK}`) &&
  6130.         cssRule.includes(`${ASTERISK}${SLASH}`)
  6131.       ) {
  6132.         throw new Error(STYLE_ERROR_PREFIX.NO_COMMENT);
  6133.       }
  6134.       const leftCurlyBracketIndexes = getLeftCurlyBracketIndexes(cssRule); // rule with style block but no selector
  6135.       // e.g. '{ display: none; }'
  6136.       if (getFirst(leftCurlyBracketIndexes) === 0) {
  6137.         throw new Error(NO_SELECTOR_ERROR_PREFIX);
  6138.       }
  6139.       let selectorData; // if rule has `{` but there is no `}`
  6140.       if (
  6141.         leftCurlyBracketIndexes.length > 0 &&
  6142.         !cssRule.includes(BRACKET.CURLY.RIGHT)
  6143.       ) {
  6144.         throw new Error(
  6145.           `${STYLE_ERROR_PREFIX.NO_STYLE} OR ${STYLE_ERROR_PREFIX.UNCLOSED_STYLE}`
  6146.         );
  6147.       }
  6148.       if (
  6149.         // if rule has no `{`
  6150.         leftCurlyBracketIndexes.length === 0 || // or `}`
  6151.         !cssRule.includes(BRACKET.CURLY.RIGHT)
  6152.       ) {
  6153.         try {
  6154.           // the whole css rule considered as "selector part"
  6155.           // which may contain :remove() pseudo-class
  6156.           selectorData = parseSelectorRulePart(cssRule, extCssDoc);
  6157.           if (selectorData.success) {
  6158.             var _selectorData$stylesO;
  6159.             // rule with no style block has valid :remove() pseudo-class
  6160.             // which is parsed into "styles"
  6161.             // e.g. 'div:remove()'
  6162.             // but also it can be just selector with no styles
  6163.             // e.g. 'div'
  6164.             // which should not be considered as valid css rule
  6165.             if (
  6166.               ((_selectorData$stylesO = selectorData.stylesOfSelector) ===
  6167.                 null || _selectorData$stylesO === void 0
  6168.                 ? void 0
  6169.                 : _selectorData$stylesO.length) === 0
  6170.             ) {
  6171.               throw new Error(STYLE_ERROR_PREFIX.NO_STYLE_OR_REMOVE);
  6172.             }
  6173.             return {
  6174.               selector: selectorData.selector.trim(),
  6175.               ast: selectorData.ast,
  6176.               rawStyles: selectorData.stylesOfSelector,
  6177.             };
  6178.           } else {
  6179.             // not valid selector
  6180.             throw new Error("Invalid selector");
  6181.           }
  6182.         } catch (e) {
  6183.           throw new Error(getErrorMessage(e));
  6184.         }
  6185.       }
  6186.       let selectorBuffer;
  6187.       let styleBlockBuffer;
  6188.       const rawRuleData = {
  6189.         selector: "",
  6190.       }; // css rule should be parsed from its end
  6191.       for (let i = leftCurlyBracketIndexes.length - 1; i > -1; i -= 1) {
  6192.         const index = leftCurlyBracketIndexes[i];
  6193.         if (!index) {
  6194.           throw new Error(
  6195.             `Impossible to continue, no '{' to process for rule: '${cssRule}'`
  6196.           );
  6197.         } // selector is before `{`, style block is after it
  6198.         selectorBuffer = cssRule.slice(0, index); // skip curly brackets
  6199.         styleBlockBuffer = cssRule.slice(index + 1, cssRule.length - 1);
  6200.         selectorData = parseSelectorRulePart(selectorBuffer, extCssDoc);
  6201.         if (selectorData.success) {
  6202.           var _rawRuleData$rawStyle;
  6203.           // selector successfully parsed
  6204.           rawRuleData.selector = selectorData.selector.trim();
  6205.           rawRuleData.ast = selectorData.ast;
  6206.           rawRuleData.rawStyles = selectorData.stylesOfSelector; // style block should be parsed
  6207.           // TODO: add cache for style block parsing
  6208.           const parsedStyles = parseStyleBlock(styleBlockBuffer);
  6209.           (_rawRuleData$rawStyle = rawRuleData.rawStyles) === null ||
  6210.           _rawRuleData$rawStyle === void 0
  6211.             ? void 0
  6212.             : _rawRuleData$rawStyle.push(...parsedStyles); // stop rule parsing
  6213.           break;
  6214.         } else {
  6215.           // if selector was not parsed successfully
  6216.           // continue with next index of `{`
  6217.           continue;
  6218.         }
  6219.       }
  6220.       if (
  6221.         ((_rawRuleData$selector = rawRuleData.selector) === null ||
  6222.         _rawRuleData$selector === void 0
  6223.           ? void 0
  6224.           : _rawRuleData$selector.length) === 0
  6225.       ) {
  6226.         // skip the rule as selector
  6227.         throw new Error("Selector in not valid");
  6228.       }
  6229.       return rawRuleData;
  6230.     };
  6231.     /**
  6232.      * Parses array of CSS rules into array of rules data objects.
  6233.      * Invalid rules are skipped and not applied,
  6234.      * and the errors are logged.
  6235.      *
  6236.      * @param rawCssRules Array of rules to parse.
  6237.      * @param extCssDoc Needed for selector ast caching.
  6238.      *
  6239.      * @returns Array of parsed valid rules data.
  6240.      */
  6241.     const parseRules$1 = (rawCssRules, extCssDoc) => {
  6242.       const rawResults = createRawResultsMap();
  6243.       const warnings = []; // trim all rules and find unique ones
  6244.       const uniqueRules = [...new Set(rawCssRules.map((r) => r.trim()))];
  6245.       uniqueRules.forEach((rule) => {
  6246.         try {
  6247.           saveToRawResults(rawResults, parseRule(rule, extCssDoc));
  6248.         } catch (e) {
  6249.           // skip the invalid rule
  6250.           const errorMessage = getErrorMessage(e);
  6251.           warnings.push(`'${rule}' - error: '${errorMessage}'`);
  6252.         }
  6253.       }); // log info about skipped invalid rules
  6254.       if (warnings.length > 0) {
  6255.         logger.info(`Invalid rules:\n  ${warnings.join("\n  ")}`);
  6256.       }
  6257.       return combineRulesData(rawResults);
  6258.     };
  6259.     const REGEXP_DECLARATION_END = /[;}]/g;
  6260.     const REGEXP_DECLARATION_DIVIDER = /[;:}]/g;
  6261.     const REGEXP_NON_WHITESPACE = /\S/g;
  6262.     /**
  6263.      * Interface for stylesheet parser context.
  6264.      */
  6265.     /**
  6266.      * Resets rule data buffer to init value after rule successfully collected.
  6267.      *
  6268.      * @param context Stylesheet parser context.
  6269.      */
  6270.     const restoreRuleAcc = (context) => {
  6271.       context.rawRuleData = {
  6272.         selector: "",
  6273.       };
  6274.     };
  6275.     /**
  6276.      * Parses cropped selector part found before `{` previously.
  6277.      *
  6278.      * @param context Stylesheet parser context.
  6279.      * @param extCssDoc Needed for caching of selector ast.
  6280.      *
  6281.      * @returns Parsed validation data for cropped part of stylesheet which may be a selector.
  6282.      * @throws An error on unsupported CSS features, e.g. at-rules.
  6283.      */
  6284.     const parseSelectorPart = (context, extCssDoc) => {
  6285.       let selector = context.selectorBuffer.trim();
  6286.       if (selector.startsWith(AT_RULE_MARKER)) {
  6287.         throw new Error(`${NO_AT_RULE_ERROR_PREFIX}: '${selector}'.`);
  6288.       }
  6289.       let removeSelectorData;
  6290.       try {
  6291.         removeSelectorData = parseRemoveSelector(selector);
  6292.       } catch (e) {
  6293.         logger.error(getErrorMessage(e));
  6294.         throw new Error(`${REMOVE_ERROR_PREFIX.INVALID_REMOVE}: '${selector}'`);
  6295.       }
  6296.       if (context.nextIndex === -1) {
  6297.         if (selector === removeSelectorData.selector) {
  6298.           // rule should have style or pseudo-class :remove()
  6299.           throw new Error(
  6300.             `${STYLE_ERROR_PREFIX.NO_STYLE_OR_REMOVE}: '${context.cssToParse}'`
  6301.           );
  6302.         } // stop parsing as there is no style declaration and selector parsed fine
  6303.         context.cssToParse = "";
  6304.       }
  6305.       let stylesOfSelector = [];
  6306.       let success = false;
  6307.       let ast;
  6308.       try {
  6309.         selector = removeSelectorData.selector;
  6310.         stylesOfSelector = removeSelectorData.stylesOfSelector; // validate found selector by parsing it to ast
  6311.         // so if it is invalid error will be thrown
  6312.         ast = extCssDoc.getSelectorAst(selector);
  6313.         success = true;
  6314.       } catch (e) {
  6315.         success = false;
  6316.       }
  6317.       if (context.nextIndex > 0) {
  6318.         // slice found valid selector part off
  6319.         // and parse rest of stylesheet later
  6320.         context.cssToParse = context.cssToParse.slice(context.nextIndex);
  6321.       }
  6322.       return {
  6323.         success,
  6324.         selector,
  6325.         ast,
  6326.         stylesOfSelector,
  6327.       };
  6328.     };
  6329.     /**
  6330.      * Recursively parses style declaration string into `Style`s.
  6331.      *
  6332.      * @param context Stylesheet parser context.
  6333.      * @param styles Array of styles.
  6334.      *
  6335.      * @throws An error on invalid style declaration.
  6336.      * @returns A number index of the next `}` in `this.cssToParse`.
  6337.      */
  6338.     const parseUntilClosingBracket = (context, styles) => {
  6339.       // Expects ":", ";", and "}".
  6340.       REGEXP_DECLARATION_DIVIDER.lastIndex = context.nextIndex;
  6341.       let match = REGEXP_DECLARATION_DIVIDER.exec(context.cssToParse);
  6342.       if (match === null) {
  6343.         throw new Error(
  6344.           `${STYLE_ERROR_PREFIX.INVALID_STYLE}: '${context.cssToParse}'`
  6345.         );
  6346.       }
  6347.       let matchPos = match.index;
  6348.       let matched = match[0];
  6349.       if (matched === BRACKET.CURLY.RIGHT) {
  6350.         const declarationChunk = context.cssToParse.slice(
  6351.           context.nextIndex,
  6352.           matchPos
  6353.         );
  6354.         if (declarationChunk.trim().length === 0) {
  6355.           // empty style declaration
  6356.           // e.g. 'div { }'
  6357.           if (styles.length === 0) {
  6358.             throw new Error(
  6359.               `${STYLE_ERROR_PREFIX.NO_STYLE}: '${context.cssToParse}'`
  6360.             );
  6361.           } // else valid style parsed before it
  6362.           // e.g. '{ display: none; }' -- position is after ';'
  6363.         } else {
  6364.           // closing curly bracket '}' is matched before colon ':'
  6365.           // trimmed declarationChunk is not a space, between ';' and '}',
  6366.           // e.g. 'visible }' in style '{ display: none; visible }' after part before ';' is parsed
  6367.           throw new Error(
  6368.             `${STYLE_ERROR_PREFIX.INVALID_STYLE}: '${context.cssToParse}'`
  6369.           );
  6370.         }
  6371.         return matchPos;
  6372.       }
  6373.       if (matched === COLON) {
  6374.         const colonIndex = matchPos; // Expects ";" and "}".
  6375.         REGEXP_DECLARATION_END.lastIndex = colonIndex;
  6376.         match = REGEXP_DECLARATION_END.exec(context.cssToParse);
  6377.         if (match === null) {
  6378.           throw new Error(
  6379.             `${STYLE_ERROR_PREFIX.UNCLOSED_STYLE}: '${context.cssToParse}'`
  6380.           );
  6381.         }
  6382.         matchPos = match.index;
  6383.         matched = match[0]; // Populates the `styleMap` key-value map.
  6384.         const property = context.cssToParse
  6385.           .slice(context.nextIndex, colonIndex)
  6386.           .trim();
  6387.         if (property.length === 0) {
  6388.           throw new Error(
  6389.             `${STYLE_ERROR_PREFIX.NO_PROPERTY}: '${context.cssToParse}'`
  6390.           );
  6391.         }
  6392.         const value = context.cssToParse.slice(colonIndex + 1, matchPos).trim();
  6393.         if (value.length === 0) {
  6394.           throw new Error(
  6395.             `${STYLE_ERROR_PREFIX.NO_VALUE}: '${context.cssToParse}'`
  6396.           );
  6397.         }
  6398.         styles.push({
  6399.           property,
  6400.           value,
  6401.         }); // finish style parsing if '}' is found
  6402.         // e.g. '{ display: none }' -- no ';' at the end of declaration
  6403.         if (matched === BRACKET.CURLY.RIGHT) {
  6404.           return matchPos;
  6405.         }
  6406.       } // matchPos is the position of the next ';'
  6407.       // crop 'cssToParse' and re-run the loop
  6408.       context.cssToParse = context.cssToParse.slice(matchPos + 1);
  6409.       context.nextIndex = 0;
  6410.       return parseUntilClosingBracket(context, styles); // Should be a subject of tail-call optimization.
  6411.     };
  6412.     /**
  6413.      * Parses next style declaration part in stylesheet.
  6414.      *
  6415.      * @param context Stylesheet parser context.
  6416.      *
  6417.      * @returns Array of style data objects.
  6418.      */
  6419.     const parseNextStyle = (context) => {
  6420.       const styles = [];
  6421.       const styleEndPos = parseUntilClosingBracket(context, styles); // find next rule after the style declaration
  6422.       REGEXP_NON_WHITESPACE.lastIndex = styleEndPos + 1;
  6423.       const match = REGEXP_NON_WHITESPACE.exec(context.cssToParse);
  6424.       if (match === null) {
  6425.         context.cssToParse = "";
  6426.         return styles;
  6427.       }
  6428.       const matchPos = match.index; // cut out matched style declaration for previous selector
  6429.       context.cssToParse = context.cssToParse.slice(matchPos);
  6430.       return styles;
  6431.     };
  6432.     /**
  6433.      * Parses stylesheet of rules into rules data objects (non-recursively):
  6434.      * 1. Iterates through stylesheet string.
  6435.      * 2. Finds first `{` which can be style declaration start or part of selector.
  6436.      * 3. Validates found string part via selector parser; and if:
  6437.      *  - it throws error — saves string part to buffer as part of selector,
  6438.      *    slice next stylesheet part to `{` [2] and validates again [3];
  6439.      *  - no error — saves found string part as selector and starts to parse styles (recursively).
  6440.      *
  6441.      * @param rawStylesheet Raw stylesheet as string.
  6442.      * @param extCssDoc ExtCssDocument which uses cache while selectors parsing.
  6443.      * @throws An error on unsupported CSS features, e.g. comments or invalid stylesheet syntax.
  6444.      * @returns Array of rules data which contains:
  6445.      * - selector as string;
  6446.      * - ast to query elements by;
  6447.      * - map of styles to apply.
  6448.      */
  6449.     const parseStylesheet = (rawStylesheet, extCssDoc) => {
  6450.       const stylesheet = rawStylesheet.trim();
  6451.       if (
  6452.         stylesheet.includes(`${SLASH}${ASTERISK}`) &&
  6453.         stylesheet.includes(`${ASTERISK}${SLASH}`)
  6454.       ) {
  6455.         throw new Error(
  6456.           `${STYLE_ERROR_PREFIX.NO_COMMENT} in stylesheet: '${stylesheet}'`
  6457.         );
  6458.       }
  6459.       const context = {
  6460.         // any stylesheet should start with selector
  6461.         isSelector: true,
  6462.         // init value of parser position
  6463.         nextIndex: 0,
  6464.         // init value of cssToParse
  6465.         cssToParse: stylesheet,
  6466.         // buffer for collecting selector part
  6467.         selectorBuffer: "",
  6468.         // accumulator for rules
  6469.         rawRuleData: {
  6470.           selector: "",
  6471.         },
  6472.       };
  6473.       const rawResults = createRawResultsMap();
  6474.       let selectorData; // context.cssToParse is going to be cropped while its parsing
  6475.       while (context.cssToParse) {
  6476.         if (context.isSelector) {
  6477.           // find index of first opening curly bracket
  6478.           // which may mean start of style part and end of selector one
  6479.           context.nextIndex = context.cssToParse.indexOf(BRACKET.CURLY.LEFT); // rule should not start with style, selector is required
  6480.           // e.g. '{ display: none; }'
  6481.           if (context.selectorBuffer.length === 0 && context.nextIndex === 0) {
  6482.             throw new Error(
  6483.               `${STYLE_ERROR_PREFIX.NO_SELECTOR}: '${context.cssToParse}'`
  6484.             );
  6485.           }
  6486.           if (context.nextIndex === -1) {
  6487.             // no style declaration in rule
  6488.             // but rule still may contain :remove() pseudo-class
  6489.             context.selectorBuffer = context.cssToParse;
  6490.           } else {
  6491.             // collect string parts before opening curly bracket
  6492.             // until valid selector collected
  6493.             context.selectorBuffer += context.cssToParse.slice(
  6494.               0,
  6495.               context.nextIndex
  6496.             );
  6497.           }
  6498.           selectorData = parseSelectorPart(context, extCssDoc);
  6499.           if (selectorData.success) {
  6500.             // selector successfully parsed
  6501.             context.rawRuleData.selector = selectorData.selector.trim();
  6502.             context.rawRuleData.ast = selectorData.ast;
  6503.             context.rawRuleData.rawStyles = selectorData.stylesOfSelector;
  6504.             context.isSelector = false; // save rule data if there is no style declaration
  6505.             if (context.nextIndex === -1) {
  6506.               saveToRawResults(rawResults, context.rawRuleData); // clean up ruleContext
  6507.               restoreRuleAcc(context);
  6508.             } else {
  6509.               // skip the opening curly bracket at the start of style declaration part
  6510.               context.nextIndex = 1;
  6511.               context.selectorBuffer = "";
  6512.             }
  6513.           } else {
  6514.             // if selector was not successfully parsed parseSelectorPart(), continue stylesheet parsing:
  6515.             // save the found bracket to buffer and proceed to next loop iteration
  6516.             context.selectorBuffer += BRACKET.CURLY.LEFT; // delete `{` from cssToParse
  6517.             context.cssToParse = context.cssToParse.slice(1);
  6518.           }
  6519.         } else {
  6520.           var _context$rawRuleData$;
  6521.           // style declaration should be parsed
  6522.           const parsedStyles = parseNextStyle(context); // styles can be parsed from selector part if it has :remove() pseudo-class
  6523.           // e.g. '.banner:remove() { debug: true; }'
  6524.           (_context$rawRuleData$ = context.rawRuleData.rawStyles) === null ||
  6525.           _context$rawRuleData$ === void 0
  6526.             ? void 0
  6527.             : _context$rawRuleData$.push(...parsedStyles); // save rule data to results
  6528.           saveToRawResults(rawResults, context.rawRuleData);
  6529.           context.nextIndex = 0; // clean up ruleContext
  6530.           restoreRuleAcc(context); // parse next rule selector after style successfully parsed
  6531.           context.isSelector = true;
  6532.         }
  6533.       }
  6534.       return combineRulesData(rawResults);
  6535.     };
  6536.     /**
  6537.      * Checks whether passed `arg` is number type.
  6538.      *
  6539.      * @param arg Value to check.
  6540.      *
  6541.      * @returns True if `arg` is number and not NaN.
  6542.      */
  6543.     const isNumber = (arg) => {
  6544.       return typeof arg === "number" && !Number.isNaN(arg);
  6545.     };
  6546.     /**
  6547.      * The purpose of ThrottleWrapper is to throttle calls of the function
  6548.      * that applies ExtendedCss rules. The reasoning here is that the function calls
  6549.      * are triggered by MutationObserver and there may be many mutations in a short period of time.
  6550.      * We do not want to apply rules on every mutation so we use this helper to make sure
  6551.      * that there is only one call in the given amount of time.
  6552.      */
  6553.     class ThrottleWrapper {
  6554.       /**
  6555.        * Creates new ThrottleWrapper.
  6556.        * The {@link callback} should be executed not more often than {@link ThrottleWrapper.THROTTLE_DELAY_MS}.
  6557.        *
  6558.        * @param callback The callback.
  6559.        */
  6560.       constructor(callback) {
  6561.         this.callback = callback;
  6562.         this.executeCallback = this.executeCallback.bind(this);
  6563.       }
  6564.       /**
  6565.        * Calls the {@link callback} function and update bounded throttle wrapper properties.
  6566.        */
  6567.       executeCallback() {
  6568.         this.lastRunTime = performance.now();
  6569.         if (isNumber(this.timerId)) {
  6570.           clearTimeout(this.timerId);
  6571.           delete this.timerId;
  6572.         }
  6573.         this.callback();
  6574.       }
  6575.       /**
  6576.        * Schedules the {@link executeCallback} function execution via setTimeout.
  6577.        * It may triggered by MutationObserver job which may occur too ofter, so we limit the function execution:
  6578.        *
  6579.        * 1. If {@link timerId} is set, ignore the call, because the function is already scheduled to be executed;
  6580.        *
  6581.        * 2. If {@link lastRunTime} is set, we need to check the time elapsed time since the last call. If it is
  6582.        * less than {@link ThrottleWrapper.THROTTLE_DELAY_MS}, we schedule the function execution after the remaining time.
  6583.        *
  6584.        * Otherwise, we execute the function asynchronously to ensure that it is executed
  6585.        * in the correct order with respect to DOM events, by deferring its execution until after
  6586.        * those tasks have completed.
  6587.        */
  6588.       run() {
  6589.         if (isNumber(this.timerId)) {
  6590.           // there is a pending execution scheduled
  6591.           return;
  6592.         }
  6593.         if (isNumber(this.lastRunTime)) {
  6594.           const elapsedTime = performance.now() - this.lastRunTime;
  6595.           if (elapsedTime < ThrottleWrapper.THROTTLE_DELAY_MS) {
  6596.             this.timerId = window.setTimeout(
  6597.               this.executeCallback,
  6598.               ThrottleWrapper.THROTTLE_DELAY_MS - elapsedTime
  6599.             );
  6600.             return;
  6601.           }
  6602.         }
  6603.         /**
  6604.          * We use `setTimeout` instead `requestAnimationFrame`
  6605.          * here because requestAnimationFrame can be delayed for a long time
  6606.          * when the browser saves battery or the engine is heavily loaded.
  6607.          */
  6608.         this.timerId = window.setTimeout(this.executeCallback);
  6609.       }
  6610.     }
  6611.     _defineProperty(ThrottleWrapper, "THROTTLE_DELAY_MS", 150);
  6612.     const LAST_EVENT_TIMEOUT_MS = 10;
  6613.     const IGNORED_EVENTS = [
  6614.       "mouseover",
  6615.       "mouseleave",
  6616.       "mouseenter",
  6617.       "mouseout",
  6618.     ];
  6619.     const SUPPORTED_EVENTS = [
  6620.       // keyboard events
  6621.       "keydown",
  6622.       "keypress",
  6623.       "keyup",
  6624.       // mouse events
  6625.       "auxclick",
  6626.       "click",
  6627.       "contextmenu",
  6628.       "dblclick",
  6629.       "mousedown",
  6630.       "mouseenter",
  6631.       "mouseleave",
  6632.       "mousemove",
  6633.       "mouseover",
  6634.       "mouseout",
  6635.       "mouseup",
  6636.       "pointerlockchange",
  6637.       "pointerlockerror",
  6638.       "select",
  6639.       "wheel",
  6640.     ]; // 'wheel' event makes scrolling in Safari twitchy
  6641.     // https://github.com/AdguardTeam/ExtendedCss/issues/120
  6642.     const SAFARI_PROBLEMATIC_EVENTS = ["wheel"];
  6643.     /**
  6644.      * We use EventTracker to track the event that is likely to cause the mutation.
  6645.      * The problem is that we cannot use `window.event` directly from the mutation observer call
  6646.      * as we're not in the event handler context anymore.
  6647.      */
  6648.     class EventTracker {
  6649.       /**
  6650.        * Creates new EventTracker.
  6651.        */
  6652.       constructor() {
  6653.         _defineProperty(this, "getLastEventType", () => this.lastEventType);
  6654.         _defineProperty(this, "getTimeSinceLastEvent", () => {
  6655.           if (!this.lastEventTime) {
  6656.             return null;
  6657.           }
  6658.           return Date.now() - this.lastEventTime;
  6659.         });
  6660.         this.trackedEvents = isSafariBrowser
  6661.           ? SUPPORTED_EVENTS.filter(
  6662.               (event) => !SAFARI_PROBLEMATIC_EVENTS.includes(event)
  6663.             )
  6664.           : SUPPORTED_EVENTS;
  6665.         this.trackedEvents.forEach((eventName) => {
  6666.           document.documentElement.addEventListener(
  6667.             eventName,
  6668.             this.trackEvent,
  6669.             true
  6670.           );
  6671.         });
  6672.       }
  6673.       /**
  6674.        * Callback for event listener for events tracking.
  6675.        *
  6676.        * @param event Any event.
  6677.        */
  6678.       trackEvent(event) {
  6679.         this.lastEventType = event.type;
  6680.         this.lastEventTime = Date.now();
  6681.       }
  6682.       /**
  6683.        * Checks whether the last caught event should be ignored.
  6684.        *
  6685.        * @returns True if event should be ignored.
  6686.        */
  6687.       isIgnoredEventType() {
  6688.         const lastEventType = this.getLastEventType();
  6689.         const sinceLastEventTime = this.getTimeSinceLastEvent();
  6690.         return (
  6691.           !!lastEventType &&
  6692.           IGNORED_EVENTS.includes(lastEventType) &&
  6693.           !!sinceLastEventTime &&
  6694.           sinceLastEventTime < LAST_EVENT_TIMEOUT_MS
  6695.         );
  6696.       }
  6697.       /**
  6698.        * Stops event tracking by removing event listener.
  6699.        */
  6700.       stopTracking() {
  6701.         this.trackedEvents.forEach((eventName) => {
  6702.           document.documentElement.removeEventListener(
  6703.             eventName,
  6704.             this.trackEvent,
  6705.             true
  6706.           );
  6707.         });
  6708.       }
  6709.     }
  6710.     /**
  6711.      * We are trying to limit the number of callback calls by not calling it on all kind of "hover" events.
  6712.      * The rationale behind this is that "hover" events often cause attributes modification,
  6713.      * but re-applying extCSS rules will be useless as these attribute changes are usually transient.
  6714.      *
  6715.      * @param mutations DOM elements mutation records.
  6716.      * @returns True if all mutations are about attributes changes, otherwise false.
  6717.      */
  6718.     function shouldIgnoreMutations(mutations) {
  6719.       // ignore if all mutations are about attributes changes
  6720.       return !mutations.some((m) => m.type !== "attributes");
  6721.     }
  6722.     /**
  6723.      * Adds new {@link context.domMutationObserver} instance and connect it to document.
  6724.      *
  6725.      * @param context ExtendedCss context.
  6726.      */
  6727.     function observeDocument(context) {
  6728.       if (context.isDomObserved) {
  6729.         return;
  6730.       } // enable dynamically added elements handling
  6731.       context.isDomObserved = true;
  6732.       context.domMutationObserver = new natives.MutationObserver(
  6733.         (mutations) => {
  6734.           if (!mutations || mutations.length === 0) {
  6735.             return;
  6736.           }
  6737.           const eventTracker = new EventTracker();
  6738.           if (
  6739.             eventTracker.isIgnoredEventType() &&
  6740.             shouldIgnoreMutations(mutations)
  6741.           ) {
  6742.             return;
  6743.           } // save instance of EventTracker to context
  6744.           // for removing its event listeners on disconnectDocument() while mainDisconnect()
  6745.           context.eventTracker = eventTracker;
  6746.           context.scheduler.run();
  6747.         }
  6748.       );
  6749.       context.domMutationObserver.observe(document, {
  6750.         childList: true,
  6751.         subtree: true,
  6752.         attributes: true,
  6753.         attributeFilter: ["id", "class"],
  6754.       });
  6755.     }
  6756.     /**
  6757.      * Disconnect from {@link context.domMutationObserver}.
  6758.      *
  6759.      * @param context ExtendedCss context.
  6760.      */
  6761.     function disconnectDocument(context) {
  6762.       if (!context.isDomObserved) {
  6763.         return;
  6764.       } // disable dynamically added elements handling
  6765.       context.isDomObserved = false;
  6766.       if (context.domMutationObserver) {
  6767.         context.domMutationObserver.disconnect();
  6768.       } // clean up event listeners
  6769.       if (context.eventTracker) {
  6770.         context.eventTracker.stopTracking();
  6771.       }
  6772.     }
  6773.     const CONTENT_ATTR_PREFIX_REGEXP = /^("|')adguard.+?/;
  6774.     /**
  6775.      * Removes affectedElement.node from DOM.
  6776.      *
  6777.      * @param context ExtendedCss context.
  6778.      * @param affectedElement Affected element.
  6779.      */
  6780.     const removeElement = (context, affectedElement) => {
  6781.       const { node } = affectedElement;
  6782.       affectedElement.removed = true;
  6783.       const elementSelector = getElementSelectorPath(node); // check if the element has been already removed earlier
  6784.       const elementRemovalsCounter =
  6785.         context.removalsStatistic[elementSelector] || 0; // if removals attempts happened more than specified we do not try to remove node again
  6786.       if (elementRemovalsCounter > MAX_STYLE_PROTECTION_COUNT) {
  6787.         logger.error(
  6788.           `ExtendedCss: infinite loop protection for selector: '${elementSelector}'`
  6789.         );
  6790.         return;
  6791.       }
  6792.       if (node.parentElement) {
  6793.         node.parentElement.removeChild(node);
  6794.         context.removalsStatistic[elementSelector] = elementRemovalsCounter + 1;
  6795.       }
  6796.     };
  6797.     /**
  6798.      * Sets style to the specified DOM node.
  6799.      *
  6800.      * @param node DOM element.
  6801.      * @param style Style to set.
  6802.      */
  6803.     const setStyleToElement = (node, style) => {
  6804.       if (!(node instanceof HTMLElement)) {
  6805.         return;
  6806.       }
  6807.       Object.keys(style).forEach((prop) => {
  6808.         // Apply this style only to existing properties
  6809.         // We cannot use hasOwnProperty here (does not work in FF)
  6810.         if (
  6811.           typeof node.style.getPropertyValue(prop.toString()) !== "undefined"
  6812.         ) {
  6813.           let value = style[prop];
  6814.           if (!value) {
  6815.             return;
  6816.           } // do not apply 'content' style given by tsurlfilter
  6817.           // which is needed only for BeforeStyleAppliedCallback
  6818.           if (
  6819.             prop === CONTENT_CSS_PROPERTY &&
  6820.             value.match(CONTENT_ATTR_PREFIX_REGEXP)
  6821.           ) {
  6822.             return;
  6823.           } // First we should remove !important attribute (or it won't be applied')
  6824.           value = removeSuffix(value.trim(), "!important").trim();
  6825.           node.style.setProperty(prop, value, "important");
  6826.         }
  6827.       });
  6828.     };
  6829.     /**
  6830.      * Checks the required properties of `affectedElement`
  6831.      * **before** `beforeStyleApplied()` execution.
  6832.      *
  6833.      * @param affectedElement Affected element.
  6834.      *
  6835.      * @returns False if there is no `node` or `rules`
  6836.      * or `rules` is not an array.
  6837.      */
  6838.     const isIAffectedElement = (affectedElement) => {
  6839.       return (
  6840.         "node" in affectedElement &&
  6841.         "rules" in affectedElement &&
  6842.         affectedElement.rules instanceof Array
  6843.       );
  6844.     };
  6845.     /**
  6846.      * Checks the required properties of `affectedElement`
  6847.      * **after** `beforeStyleApplied()` execution.
  6848.      * These properties are needed for proper internal usage.
  6849.      *
  6850.      * @param affectedElement Affected element.
  6851.      *
  6852.      * @returns False if there is no `node` or `rules`
  6853.      * or `rules` is not an array.
  6854.      */
  6855.     const isAffectedElement = (affectedElement) => {
  6856.       return (
  6857.         "node" in affectedElement &&
  6858.         "originalStyle" in affectedElement &&
  6859.         "rules" in affectedElement &&
  6860.         affectedElement.rules instanceof Array
  6861.       );
  6862.     };
  6863.     /**
  6864.      * Applies style to the specified DOM node.
  6865.      *
  6866.      * @param context ExtendedCss context.
  6867.      * @param rawAffectedElement Object containing DOM node and rule to be applied.
  6868.      *
  6869.      * @throws An error if affectedElement has no style to apply.
  6870.      */
  6871.     const applyStyle = (context, rawAffectedElement) => {
  6872.       if (rawAffectedElement.protectionObserver) {
  6873.         // style is already applied and protected by the observer
  6874.         return;
  6875.       }
  6876.       let affectedElement;
  6877.       if (context.beforeStyleApplied) {
  6878.         if (!isIAffectedElement(rawAffectedElement)) {
  6879.           throw new Error(
  6880.             "Returned IAffectedElement should have 'node' and 'rules' properties"
  6881.           );
  6882.         }
  6883.         affectedElement = context.beforeStyleApplied(rawAffectedElement);
  6884.         if (!affectedElement) {
  6885.           throw new Error(
  6886.             "Callback 'beforeStyleApplied' should return IAffectedElement"
  6887.           );
  6888.         }
  6889.       } else {
  6890.         affectedElement = rawAffectedElement;
  6891.       }
  6892.       if (!isAffectedElement(affectedElement)) {
  6893.         throw new Error(
  6894.           "Returned IAffectedElement should have 'node' and 'rules' properties"
  6895.         );
  6896.       }
  6897.       const { node, rules } = affectedElement;
  6898.       for (let i = 0; i < rules.length; i += 1) {
  6899.         const rule = rules[i];
  6900.         const selector =
  6901.           rule === null || rule === void 0 ? void 0 : rule.selector;
  6902.         const style = rule === null || rule === void 0 ? void 0 : rule.style;
  6903.         const debug = rule === null || rule === void 0 ? void 0 : rule.debug; // rule may not have style to apply
  6904.         // e.g. 'div:has(> a) { debug: true }' -> means no style to apply, and enable debug mode
  6905.         if (style) {
  6906.           if (style[REMOVE_PSEUDO_MARKER] === PSEUDO_PROPERTY_POSITIVE_VALUE) {
  6907.             removeElement(context, affectedElement);
  6908.             return;
  6909.           }
  6910.           setStyleToElement(node, style);
  6911.         } else if (!debug) {
  6912.           // but rule should not have both style and debug properties
  6913.           throw new Error(
  6914.             `No style declaration in rule for selector: '${selector}'`
  6915.           );
  6916.         }
  6917.       }
  6918.     };
  6919.     /**
  6920.      * Reverts style for the affected object.
  6921.      *
  6922.      * @param affectedElement Affected element.
  6923.      */
  6924.     const revertStyle = (affectedElement) => {
  6925.       if (affectedElement.protectionObserver) {
  6926.         affectedElement.protectionObserver.disconnect();
  6927.       }
  6928.       affectedElement.node.style.cssText = affectedElement.originalStyle;
  6929.     };
  6930.     /**
  6931.      * ExtMutationObserver is a wrapper over regular MutationObserver with one additional function:
  6932.      * it keeps track of the number of times we called the "ProtectionCallback".
  6933.      *
  6934.      * We use an instance of this to monitor styles added by ExtendedCss
  6935.      * and to make sure these styles are recovered if the page script attempts to modify them.
  6936.      *
  6937.      * However, we want to avoid endless loops of modification if the page script repeatedly modifies the styles.
  6938.      * So we keep track of the number of calls and observe() makes a decision
  6939.      * whether to continue recovering the styles or not.
  6940.      */
  6941.     class ExtMutationObserver {
  6942.       /**
  6943.        * Extra property for keeping 'style fix counts'.
  6944.        */
  6945.       /**
  6946.        * Creates new ExtMutationObserver.
  6947.        *
  6948.        * @param protectionCallback Callback which execution should be counted.
  6949.        */
  6950.       constructor(protectionCallback) {
  6951.         this.styleProtectionCount = 0;
  6952.         this.observer = new natives.MutationObserver((mutations) => {
  6953.           if (!mutations.length) {
  6954.             return;
  6955.           }
  6956.           this.styleProtectionCount += 1;
  6957.           protectionCallback(mutations, this);
  6958.         });
  6959.       }
  6960.       /**
  6961.        * Starts to observe target element,
  6962.        * prevents infinite loop of observing due to the limited number of times of callback runs.
  6963.        *
  6964.        * @param target Target to observe.
  6965.        * @param options Mutation observer options.
  6966.        */
  6967.       observe(target, options) {
  6968.         if (this.styleProtectionCount < MAX_STYLE_PROTECTION_COUNT) {
  6969.           this.observer.observe(target, options);
  6970.         } else {
  6971.           logger.error("ExtendedCss: infinite loop protection for style");
  6972.         }
  6973.       }
  6974.       /**
  6975.        * Stops ExtMutationObserver from observing any mutations.
  6976.        * Until the `observe()` is used again, `protectionCallback` will not be invoked.
  6977.        */
  6978.       disconnect() {
  6979.         this.observer.disconnect();
  6980.       }
  6981.     }
  6982.     const PROTECTION_OBSERVER_OPTIONS = {
  6983.       attributes: true,
  6984.       attributeOldValue: true,
  6985.       attributeFilter: ["style"],
  6986.     };
  6987.     /**
  6988.      * Creates MutationObserver protection callback.
  6989.      *
  6990.      * @param styles Styles data object.
  6991.      *
  6992.      * @returns Callback for styles protection.
  6993.      */
  6994.     const createProtectionCallback = (styles) => {
  6995.       const protectionCallback = (mutations, extObserver) => {
  6996.         if (!mutations[0]) {
  6997.           return;
  6998.         }
  6999.         const { target } = mutations[0];
  7000.         extObserver.disconnect();
  7001.         styles.forEach((style) => {
  7002.           setStyleToElement(target, style);
  7003.         });
  7004.         extObserver.observe(target, PROTECTION_OBSERVER_OPTIONS);
  7005.       };
  7006.       return protectionCallback;
  7007.     };
  7008.     /**
  7009.      * Sets up a MutationObserver which protects style attributes from changes.
  7010.      *
  7011.      * @param node DOM node.
  7012.      * @param rules Rule data objects.
  7013.      * @returns Mutation observer used to protect attribute or null if there's nothing to protect.
  7014.      */
  7015.     const protectStyleAttribute = (node, rules) => {
  7016.       if (!natives.MutationObserver) {
  7017.         return null;
  7018.       }
  7019.       const styles = [];
  7020.       rules.forEach((ruleData) => {
  7021.         const { style } = ruleData; // some rules might have only debug property in style declaration
  7022.         // e.g. 'div:has(> a) { debug: true }' -> parsed to boolean `ruleData.debug`
  7023.         // so no style is fine, and here we should collect only valid styles to protect
  7024.         if (style) {
  7025.           styles.push(style);
  7026.         }
  7027.       });
  7028.       const protectionObserver = new ExtMutationObserver(
  7029.         createProtectionCallback(styles)
  7030.       );
  7031.       protectionObserver.observe(node, PROTECTION_OBSERVER_OPTIONS);
  7032.       return protectionObserver;
  7033.     };
  7034.     const STATS_DECIMAL_DIGITS_COUNT = 4;
  7035.     /**
  7036.      * A helper class for applied rule stats.
  7037.      */
  7038.     class TimingStats {
  7039.       /**
  7040.        * Creates new TimingStats.
  7041.        */
  7042.       constructor() {
  7043.         this.appliesTimings = [];
  7044.         this.appliesCount = 0;
  7045.         this.timingsSum = 0;
  7046.         this.meanTiming = 0;
  7047.         this.squaredSum = 0;
  7048.         this.standardDeviation = 0;
  7049.       }
  7050.       /**
  7051.        * Observe target element and mark observer as active.
  7052.        *
  7053.        * @param elapsedTimeMs Time in ms.
  7054.        */
  7055.       push(elapsedTimeMs) {
  7056.         this.appliesTimings.push(elapsedTimeMs);
  7057.         this.appliesCount += 1;
  7058.         this.timingsSum += elapsedTimeMs;
  7059.         this.meanTiming = this.timingsSum / this.appliesCount;
  7060.         this.squaredSum += elapsedTimeMs * elapsedTimeMs;
  7061.         this.standardDeviation = Math.sqrt(
  7062.           this.squaredSum / this.appliesCount - Math.pow(this.meanTiming, 2)
  7063.         );
  7064.       }
  7065.     }
  7066.     /**
  7067.      * Makes the timestamps more readable.
  7068.      *
  7069.      * @param timestamp Raw timestamp.
  7070.      *
  7071.      * @returns Fine-looking timestamps.
  7072.      */
  7073.     const beautifyTimingNumber = (timestamp) => {
  7074.       return Number(timestamp.toFixed(STATS_DECIMAL_DIGITS_COUNT));
  7075.     };
  7076.     /**
  7077.      * Improves timing stats readability.
  7078.      *
  7079.      * @param rawTimings Collected timings with raw timestamp.
  7080.      *
  7081.      * @returns Fine-looking timing stats.
  7082.      */
  7083.     const beautifyTimings = (rawTimings) => {
  7084.       return {
  7085.         appliesTimings: rawTimings.appliesTimings.map((t) =>
  7086.           beautifyTimingNumber(t)
  7087.         ),
  7088.         appliesCount: beautifyTimingNumber(rawTimings.appliesCount),
  7089.         timingsSum: beautifyTimingNumber(rawTimings.timingsSum),
  7090.         meanTiming: beautifyTimingNumber(rawTimings.meanTiming),
  7091.         standardDeviation: beautifyTimingNumber(rawTimings.standardDeviation),
  7092.       };
  7093.     };
  7094.     /**
  7095.      * Prints timing information if debugging mode is enabled.
  7096.      *
  7097.      * @param context ExtendedCss context.
  7098.      */
  7099.     const printTimingInfo = (context) => {
  7100.       if (context.areTimingsPrinted) {
  7101.         return;
  7102.       }
  7103.       context.areTimingsPrinted = true;
  7104.       const timingsLogData = {};
  7105.       context.parsedRules.forEach((ruleData) => {
  7106.         if (ruleData.timingStats) {
  7107.           const { selector, style, debug, matchedElements } = ruleData; // style declaration for some rules is parsed to debug property and no style to apply
  7108.           // e.g. 'div:has(> a) { debug: true }'
  7109.           if (!style && !debug) {
  7110.             throw new Error(
  7111.               `Rule should have style declaration for selector: '${selector}'`
  7112.             );
  7113.           }
  7114.           const selectorData = {
  7115.             selectorParsed: selector,
  7116.             timings: beautifyTimings(ruleData.timingStats),
  7117.           }; // `ruleData.style` may contain `remove` pseudo-property
  7118.           // and make logs look better
  7119.           if (
  7120.             style &&
  7121.             style[REMOVE_PSEUDO_MARKER] === PSEUDO_PROPERTY_POSITIVE_VALUE
  7122.           ) {
  7123.             selectorData.removed = true; // no matchedElements for such case as they are removed after ExtendedCss applied
  7124.           } else {
  7125.             selectorData.styleApplied = style || null;
  7126.             selectorData.matchedElements = matchedElements;
  7127.           }
  7128.           timingsLogData[selector] = selectorData;
  7129.         }
  7130.       });
  7131.       if (Object.keys(timingsLogData).length === 0) {
  7132.         return;
  7133.       } // add location.href to the message to distinguish frames
  7134.       logger.info(
  7135.         "[ExtendedCss] Timings in milliseconds for %o:\n%o",
  7136.         window.location.href,
  7137.         timingsLogData
  7138.       );
  7139.     };
  7140.     /**
  7141.      * Finds affectedElement object for the specified DOM node.
  7142.      *
  7143.      * @param affElements Array of affected elements — context.affectedElements.
  7144.      * @param domNode DOM node.
  7145.      * @returns Found affectedElement or undefined.
  7146.      */
  7147.     const findAffectedElement = (affElements, domNode) => {
  7148.       return affElements.find((affEl) => affEl.node === domNode);
  7149.     };
  7150.     /**
  7151.      * Applies specified rule and returns list of elements affected.
  7152.      *
  7153.      * @param context ExtendedCss context.
  7154.      * @param ruleData Rule to apply.
  7155.      * @returns List of elements affected by the rule.
  7156.      */
  7157.     const applyRule = (context, ruleData) => {
  7158.       // debugging mode can be enabled in two ways:
  7159.       // 1. for separate rules - by `{ debug: true; }`
  7160.       // 2. for all rules simultaneously by:
  7161.       //   - `{ debug: global; }` in any rule
  7162.       //   - positive `debug` property in ExtCssConfiguration
  7163.       const isDebuggingMode = !!ruleData.debug || context.debug;
  7164.       let startTime;
  7165.       if (isDebuggingMode) {
  7166.         startTime = performance.now();
  7167.       }
  7168.       const { ast } = ruleData;
  7169.       const nodes = []; // selector can be successfully parser into ast with no error
  7170.       // but its applying by native Document.querySelectorAll() still may throw an error
  7171.       // e.g. 'div[..banner]'
  7172.       try {
  7173.         nodes.push(...selectElementsByAst(ast));
  7174.       } catch (e) {
  7175.         // log the error only in debug mode
  7176.         if (context.debug) {
  7177.           logger.error(getErrorMessage(e));
  7178.         }
  7179.       }
  7180.       nodes.forEach((node) => {
  7181.         let affectedElement = findAffectedElement(
  7182.           context.affectedElements,
  7183.           node
  7184.         );
  7185.         if (affectedElement) {
  7186.           affectedElement.rules.push(ruleData);
  7187.           applyStyle(context, affectedElement);
  7188.         } else {
  7189.           // Applying style first time
  7190.           const originalStyle = node.style.cssText;
  7191.           affectedElement = {
  7192.             node,
  7193.             // affected DOM node
  7194.             rules: [ruleData],
  7195.             // rule to be applied
  7196.             originalStyle,
  7197.             // original node style
  7198.             protectionObserver: null, // style attribute observer
  7199.           };
  7200.  
  7201.           applyStyle(context, affectedElement);
  7202.           context.affectedElements.push(affectedElement);
  7203.         }
  7204.       });
  7205.       if (isDebuggingMode && startTime) {
  7206.         const elapsedTimeMs = performance.now() - startTime;
  7207.         if (!ruleData.timingStats) {
  7208.           ruleData.timingStats = new TimingStats();
  7209.         }
  7210.         ruleData.timingStats.push(elapsedTimeMs);
  7211.       }
  7212.       return nodes;
  7213.     };
  7214.     /**
  7215.      * Applies filtering rules.
  7216.      *
  7217.      * @param context ExtendedCss context.
  7218.      */
  7219.     const applyRules = (context) => {
  7220.       const newSelectedElements = []; // some rules could make call - selector.querySelectorAll() temporarily to change node id attribute
  7221.       // this caused MutationObserver to call recursively
  7222.       // https://github.com/AdguardTeam/ExtendedCss/issues/81
  7223.       disconnectDocument(context);
  7224.       context.parsedRules.forEach((ruleData) => {
  7225.         const nodes = applyRule(context, ruleData);
  7226.         Array.prototype.push.apply(newSelectedElements, nodes); // save matched elements to ruleData as linked to applied rule
  7227.         // only for debugging purposes
  7228.         if (ruleData.debug) {
  7229.           ruleData.matchedElements = nodes;
  7230.         }
  7231.       }); // Now revert styles for elements which are no more affected
  7232.       let affLength = context.affectedElements.length; // do nothing if there is no elements to process
  7233.       while (affLength) {
  7234.         const affectedElement = context.affectedElements[affLength - 1];
  7235.         if (!affectedElement) {
  7236.           break;
  7237.         }
  7238.         if (!newSelectedElements.includes(affectedElement.node)) {
  7239.           // Time to revert style
  7240.           revertStyle(affectedElement);
  7241.           context.affectedElements.splice(affLength - 1, 1);
  7242.         } else if (!affectedElement.removed) {
  7243.           // Add style protection observer
  7244.           // Protect "style" attribute from changes
  7245.           if (!affectedElement.protectionObserver) {
  7246.             affectedElement.protectionObserver = protectStyleAttribute(
  7247.               affectedElement.node,
  7248.               affectedElement.rules
  7249.             );
  7250.           }
  7251.         }
  7252.         affLength -= 1;
  7253.       } // After styles are applied we can start observe again
  7254.       observeDocument(context);
  7255.       printTimingInfo(context);
  7256.     };
  7257.     /**
  7258.      * Result of selector validation.
  7259.      */
  7260.     /**
  7261.      * Main class of ExtendedCss lib.
  7262.      *
  7263.      * Parses css stylesheet with any selectors (passed to its argument as styleSheet),
  7264.      * and guarantee its applying as mutation observer is used to prevent the restyling of needed elements by other scripts.
  7265.      * This style protection is limited to 50 times to avoid infinite loop (MAX_STYLE_PROTECTION_COUNT).
  7266.      * Our own ThrottleWrapper is used for styles applying to avoid too often lib reactions on page mutations.
  7267.      *
  7268.      * Constructor creates the instance of class which should be run be `apply()` method to apply the rules,
  7269.      * and the applying can be stopped by `dispose()`.
  7270.      *
  7271.      * Can be used to select page elements by selector with `query()` method (similar to `Document.querySelectorAll()`),
  7272.      * which does not require instance creating.
  7273.      */
  7274.     class ExtendedCss {
  7275.       /**
  7276.        * Creates new ExtendedCss.
  7277.        *
  7278.        * @param configuration ExtendedCss configuration.
  7279.        */
  7280.       constructor(configuration) {
  7281.         if (!configuration) {
  7282.           throw new Error("ExtendedCss configuration should be provided.");
  7283.         }
  7284.         this.applyRulesCallbackListener =
  7285.           this.applyRulesCallbackListener.bind(this);
  7286.         this.context = {
  7287.           beforeStyleApplied: configuration.beforeStyleApplied,
  7288.           debug: false,
  7289.           affectedElements: [],
  7290.           isDomObserved: false,
  7291.           removalsStatistic: {},
  7292.           parsedRules: [],
  7293.           scheduler: new ThrottleWrapper(this.applyRulesCallbackListener),
  7294.         }; // TODO: throw an error instead of logging and handle it in related products.
  7295.         if (!isBrowserSupported()) {
  7296.           logger.error("Browser is not supported by ExtendedCss");
  7297.           return;
  7298.         } // at least 'styleSheet' or 'cssRules' should be provided
  7299.         if (!configuration.styleSheet && !configuration.cssRules) {
  7300.           throw new Error(
  7301.             "ExtendedCss configuration should have 'styleSheet' or 'cssRules' defined."
  7302.           );
  7303.         } // 'styleSheet' and 'cssRules' are optional
  7304.         // and both can be provided at the same time
  7305.         // so both should be parsed and applied in such case
  7306.         if (configuration.styleSheet) {
  7307.           // stylesheet parsing can fail on some invalid selectors
  7308.           try {
  7309.             this.context.parsedRules.push(
  7310.               ...parseStylesheet(configuration.styleSheet, extCssDocument)
  7311.             );
  7312.           } catch (e) {
  7313.             // eslint-disable-next-line max-len
  7314.             throw new Error(
  7315.               `Pass the rules as configuration.cssRules since configuration.styleSheet cannot be parsed because of: '${getErrorMessage(
  7316.                 e
  7317.               )}'`
  7318.             );
  7319.           }
  7320.         }
  7321.         if (configuration.cssRules) {
  7322.           this.context.parsedRules.push(
  7323.             ...parseRules$1(configuration.cssRules, extCssDocument)
  7324.           );
  7325.         } // true if set in configuration
  7326.         // or any rule in styleSheet has `debug: global`
  7327.         this.context.debug =
  7328.           configuration.debug ||
  7329.           this.context.parsedRules.some((ruleData) => {
  7330.             return ruleData.debug === DEBUG_PSEUDO_PROPERTY_GLOBAL_VALUE;
  7331.           });
  7332.         if (
  7333.           this.context.beforeStyleApplied &&
  7334.           typeof this.context.beforeStyleApplied !== "function"
  7335.         ) {
  7336.           // eslint-disable-next-line max-len
  7337.           throw new Error(
  7338.             `Invalid configuration. Type of 'beforeStyleApplied' should be a function, received: '${typeof this
  7339.               .context.beforeStyleApplied}'`
  7340.           );
  7341.         }
  7342.       }
  7343.       /**
  7344.        * Invokes {@link applyRules} function with current app context.
  7345.        *
  7346.        * This method is bound to the class instance in the constructor because it is called
  7347.        * in {@link ThrottleWrapper} and on the DOMContentLoaded event.
  7348.        */
  7349.       applyRulesCallbackListener() {
  7350.         applyRules(this.context);
  7351.       }
  7352.       /**
  7353.        * Initializes ExtendedCss.
  7354.        *
  7355.        * Should be executed on page ASAP,
  7356.        * otherwise the :contains() pseudo-class may work incorrectly.
  7357.        */
  7358.       init() {
  7359.         /**
  7360.          * Native Node textContent getter must be intercepted as soon as possible,
  7361.          * and stored as it is needed for proper work of :contains() pseudo-class
  7362.          * because DOM Node prototype 'textContent' property may be mocked.
  7363.          *
  7364.          * @see {@link https://github.com/AdguardTeam/ExtendedCss/issues/127}
  7365.          */
  7366.         nativeTextContent.setGetter();
  7367.       }
  7368.       /**
  7369.        * Applies stylesheet rules on page.
  7370.        */
  7371.       apply() {
  7372.         applyRules(this.context);
  7373.         if (document.readyState !== "complete") {
  7374.           document.addEventListener(
  7375.             "DOMContentLoaded",
  7376.             this.applyRulesCallbackListener,
  7377.             false
  7378.           );
  7379.         }
  7380.       }
  7381.       /**
  7382.        * Disposes ExtendedCss and removes our styles from matched elements.
  7383.        */
  7384.       dispose() {
  7385.         disconnectDocument(this.context);
  7386.         this.context.affectedElements.forEach((el) => {
  7387.           revertStyle(el);
  7388.         });
  7389.         document.removeEventListener(
  7390.           "DOMContentLoaded",
  7391.           this.applyRulesCallbackListener,
  7392.           false
  7393.         );
  7394.       }
  7395.       /**
  7396.        * Exposed for testing purposes only.
  7397.        *
  7398.        * @returns Array of AffectedElement data objects.
  7399.        */
  7400.       getAffectedElements() {
  7401.         return this.context.affectedElements;
  7402.       }
  7403.       /**
  7404.        * Returns a list of the document's elements that match the specified selector.
  7405.        * Uses ExtCssDocument.querySelectorAll().
  7406.        *
  7407.        * @param selector Selector text.
  7408.        * @param [noTiming=true] If true — do not print the timings to the console.
  7409.        *
  7410.        * @throws An error if selector is not valid.
  7411.        * @returns A list of elements that match the selector.
  7412.        */
  7413.       static query(selector) {
  7414.         let noTiming =
  7415.           arguments.length > 1 && arguments[1] !== undefined
  7416.             ? arguments[1]
  7417.             : true;
  7418.         if (typeof selector !== "string") {
  7419.           throw new Error("Selector should be defined as a string.");
  7420.         }
  7421.         const start = performance.now();
  7422.         try {
  7423.           return extCssDocument.querySelectorAll(selector);
  7424.         } finally {
  7425.           const end = performance.now();
  7426.           if (!noTiming) {
  7427.             logger.info(
  7428.               `[ExtendedCss] Elapsed: ${Math.round((end - start) * 1000)} μs.`
  7429.             );
  7430.           }
  7431.         }
  7432.       }
  7433.       /**
  7434.        * Validates selector.
  7435.        *
  7436.        * @param inputSelector Selector text to validate.
  7437.        *
  7438.        * @returns Result of selector validation.
  7439.        */
  7440.       static validate(inputSelector) {
  7441.         try {
  7442.           // ExtendedCss in general supports :remove() in selector
  7443.           // but ExtendedCss.query() does not support it as it should be parsed by stylesheet parser.
  7444.           // so for validation we have to handle selectors with `:remove()` in it
  7445.           const { selector } = parseRemoveSelector(inputSelector);
  7446.           ExtendedCss.query(selector);
  7447.           return {
  7448.             ok: true,
  7449.             error: null,
  7450.           };
  7451.         } catch (e) {
  7452.           // not valid input `selector` should be logged eventually
  7453.           const error = `Error: Invalid selector: '${inputSelector}' -- ${getErrorMessage(
  7454.             e
  7455.           )}`;
  7456.           return {
  7457.             ok: false,
  7458.             error,
  7459.           };
  7460.         }
  7461.       }
  7462.     }
  7463.     function parseBRules() {
  7464.       var _a;
  7465.       return __awaiter(this, void 0, void 0, function* () {
  7466.         data.appliedLevel = 0;
  7467.         const brules =
  7468.           (_a = yield values.brules()) !== null && _a !== void 0
  7469.             ? _a
  7470.             : defaultValues.brules;
  7471.         brules.forEach((br) => {
  7472.           const level = bRuleParser(br);
  7473.           if (level > 0) data.bRules.push(br);
  7474.           if (level > data.appliedLevel) data.appliedLevel = level;
  7475.         });
  7476.       });
  7477.     }
  7478.     function canApplyCss(type) {
  7479.       return (
  7480.         (data.appliedLevel & (type >= 2 ? 2 : 1)) == 0 &&
  7481.         data[styleBoxes[type]].length > 0
  7482.       );
  7483.     }
  7484.     function cleanRules() {
  7485.       if (
  7486.         confirm(`是否清空存储规则 ?
  7487.  
  7488. 如果要卸载脚本，点击 确定 以后不要刷新，也不要打开任何新页面，
  7489. （如果可以）清空脚本存储（全选，删除，填 {}，保存），然后删除脚本`)
  7490.       ) {
  7491.         values.rules(null);
  7492.         values.time(null);
  7493.         values.etags(null);
  7494.         values.brules(null);
  7495.         getSavedHosts().then((saves) =>
  7496.           saves.forEach((host) => values.css(null, host))
  7497.         );
  7498.         data.isClean = true;
  7499.         gmMenu("update");
  7500.         gmMenu("export");
  7501.         gmMenu("count", () => location.reload());
  7502.       }
  7503.     }
  7504.     function reportRecord() {
  7505.       let text = "";
  7506.       function pushRecord(css) {
  7507.         const match = cssToAbp(css);
  7508.         if (match === null) return;
  7509.         const [item, type, sel] = match,
  7510.           count =
  7511.             type % 2 === 1
  7512.               ? ExtendedCss.query(sel).length
  7513.               : document.querySelectorAll(sel).length;
  7514.         if (count > 0) {
  7515.           text += `
  7516. ! 匹配元素数量: ${count}
  7517. ${item}
  7518. `;
  7519.         }
  7520.       }
  7521.       data.bRules.forEach((br) => {
  7522.         if (br.level > 0) {
  7523.           text += `
  7524. ! 禁用${["", "通用", "特定", "所有"][br.level]}元素隐藏
  7525. ${br.rule}
  7526. `;
  7527.         }
  7528.       });
  7529.       styleBoxes.forEach((box, i) => {
  7530.         if (canApplyCss(i)) {
  7531.           data[box]
  7532.             .split("\n")
  7533.             .filter((css, i, csss) => csss.indexOf(css) === i)
  7534.             .forEach((css) => pushRecord(css));
  7535.         }
  7536.       });
  7537.       if (text.length > 0) {
  7538.         downUrl(
  7539.           URL.createObjectURL(
  7540.             new Blob([
  7541.               `[Adblock Plus 2.0]
  7542. ! 应用地址:
  7543. ! ${location.href}
  7544. ${text}`,
  7545.             ])
  7546.           ),
  7547.           `拦截报告_${location.hostname}.txt`
  7548.         );
  7549.       } else {
  7550.         alert("这个页面没有任何规则生效");
  7551.       }
  7552.     }
  7553.     function switchDisabledStat() {
  7554.       values.black().then((disaList) => {
  7555.         const disas = disaList !== null && disaList !== void 0 ? disaList : [];
  7556.         data.disabled = !disas.includes(location.hostname);
  7557.         if (data.disabled) {
  7558.           disas.push(location.hostname);
  7559.         } else {
  7560.           disas.splice(disas.indexOf(location.hostname), 1);
  7561.         }
  7562.         values.black(disas).finally(() => location.reload());
  7563.       });
  7564.     }
  7565.     function getCustomHash(saveHash) {
  7566.       var _a;
  7567.       return __awaiter(this, void 0, void 0, function* () {
  7568.         {
  7569.           if (location.protocol === "https:") {
  7570.             const hash = new Uint32Array(
  7571.               yield window.crypto.subtle.digest(
  7572.                 "SHA-1",
  7573.                 yield new Blob([data.customRules]).arrayBuffer()
  7574.               )
  7575.             ).toString();
  7576.             if (saveHash) yield values.hash(hash);
  7577.             return hash;
  7578.           } else {
  7579.             return (_a = yield values.hash()) !== null && _a !== void 0
  7580.               ? _a
  7581.               : defaultValues.hash;
  7582.           }
  7583.         }
  7584.       });
  7585.     }
  7586.     function initRules(apply) {
  7587.       var _a;
  7588.       return __awaiter(this, void 0, void 0, function* () {
  7589.         let abpRules = {};
  7590.         data.receivedRules = "";
  7591.         abpRules =
  7592.           (_a = yield values.rules()) !== null && _a !== void 0
  7593.             ? _a
  7594.             : defaultValues.rules;
  7595.         {
  7596.           yield Promise.all(
  7597.             preset.onlineRules.map((rule) =>
  7598.               __awaiter(this, void 0, void 0, function* () {
  7599.                 const resRule = yield getRuleFromResource(rule.标识);
  7600.                 if (resRule && !abpRules[rule.标识])
  7601.                   abpRules[rule.标识] = resRule;
  7602.               })
  7603.             )
  7604.           );
  7605.         }
  7606.         Object.keys(abpRules).forEach((name) => {
  7607.           data.receivedRules += "\n" + abpRules[name];
  7608.         });
  7609.         data.allRules = data.customRules + data.receivedRules;
  7610.         if (apply) yield splitRules();
  7611.       });
  7612.     }
  7613.     function styleApplyExec(type) {
  7614.       if (canApplyCss(type)) {
  7615.         const csss = data[styleBoxes[type]];
  7616.         new ExtendedCss({
  7617.           styleSheet: csss
  7618.             .replaceAll(/\/\*\s*\d.+?\s*\*\//g, "")
  7619.             .replaceAll("\n", ""),
  7620.         }).apply();
  7621.         if (!(type % 2 == 1)) addStyle(csss);
  7622.       }
  7623.     }
  7624.     function styleApply() {
  7625.       return __awaiter(this, void 0, void 0, function* () {
  7626.         {
  7627.           yield parseBRules();
  7628.           if (data.appliedLevel == 3) return;
  7629.         }
  7630.         for (let type = 0; type < 4; type++) styleApplyExec(type);
  7631.         gmMenu("export", reportRecord);
  7632.       });
  7633.     }
  7634.     function parseRules() {
  7635.       return __awaiter(this, void 0, void 0, function* () {
  7636.         function addRule(rule, box, last) {
  7637.           const [full, selector, isStyle] = ruleToCss(
  7638.             rule,
  7639.             data.preset,
  7640.             box >= 2 && last
  7641.           );
  7642.           const index = (box % 2) + (rule.generic ? 0 : 2);
  7643.           const checkResult = ExtendedCss.validate(selector);
  7644.           const typeError = isStyle && rule.type < 2;
  7645.           if (checkResult.ok && !typeError) {
  7646.             data[styleBoxes[index]] += full;
  7647.             data.appliedCount++;
  7648.           } else {
  7649.             console.error(
  7650.               "选择器检查错误:",
  7651.               rule,
  7652.               typeError || checkResult.error
  7653.             );
  7654.           }
  7655.         }
  7656.         styleBoxes.forEach((box) => {
  7657.           data[box] = "";
  7658.         });
  7659.         data.appliedCount = 0;
  7660.         [
  7661.           data.styles,
  7662.           data.extStyles,
  7663.           data.selectors,
  7664.           data.extSelectors,
  7665.         ].forEach((r, t) => {
  7666.           const sels = new Set();
  7667.           r.white.forEach((obj) => !sels.has(obj.sel) && sels.add(obj.sel));
  7668.           r.black
  7669.             .filter((obj) => !sels.has(obj.sel) && sels.add(obj.sel))
  7670.             .forEach((s, i, a) => addRule(s, t, i == a.length - 1));
  7671.         });
  7672.         yield gmMenu("count", cleanRules);
  7673.         saveCss();
  7674.         if (!data.saved) styleApply();
  7675.       });
  7676.     }
  7677.     function splitRules() {
  7678.       const bRuleSet = new Set(),
  7679.         sels = new Set();
  7680.       dataBoxes.forEach((box) => {
  7681.         data[box] = makeRuleBox();
  7682.       });
  7683.       data.allRules.split("\n").forEach((rule) => {
  7684.         if (isBasicRule(rule)) {
  7685.           const brule = bRuleSpliter(rule);
  7686.           if (brule) {
  7687.             if (rule.match(/,?badfilter,?/)) {
  7688.               bRuleSet.delete(brule);
  7689.             } else {
  7690.               bRuleSet.add(brule);
  7691.             }
  7692.           }
  7693.         } else {
  7694.           const ruleObj = ruleLoader(rule);
  7695.           if (typeof ruleObj !== "undefined") {
  7696.             if (ruleObj.black === "black" && sels.has(ruleObj.sel)) return;
  7697.             if (ruleObj.black === "white" && !sels.has(ruleObj.sel))
  7698.               sels.add(ruleObj.sel);
  7699.             data[dataBoxes[ruleObj.type]][ruleObj.black].push(ruleObj);
  7700.           }
  7701.         }
  7702.       });
  7703.       {
  7704.         const bRules = [];
  7705.         bRuleSet.forEach((brule) => bRules.push(brule));
  7706.         values.brules(bRules);
  7707.       }
  7708.       return parseRules();
  7709.     }
  7710.     function makeInitMenu() {
  7711.       return __awaiter(this, void 0, void 0, function* () {
  7712.         yield gmMenu("count", cleanRules);
  7713.         {
  7714.           yield gmMenu("update", () => {
  7715.             performUpdate(true).then(() => {
  7716.               location.reload();
  7717.             });
  7718.           });
  7719.         }
  7720.       });
  7721.     }
  7722.     function extrEtag(resp) {
  7723.       var _a, _b, _c;
  7724.       const etag = getEtag(
  7725.         typeof (resp === null || resp === void 0 ? void 0 : resp.headers) ==
  7726.           "object"
  7727.           ? // 海阔世界
  7728.             (_b =
  7729.               (_a =
  7730.                 resp === null || resp === void 0 ? void 0 : resp.headers) ===
  7731.                 null || _a === void 0
  7732.                 ? void 0
  7733.                 : _a.etag) === null || _b === void 0
  7734.             ? void 0
  7735.             : _b[0]
  7736.           : typeof (resp === null || resp === void 0
  7737.               ? void 0
  7738.               : resp.responseHeaders) == "string"
  7739.           ? // Tampermonkey
  7740.             resp === null || resp === void 0
  7741.             ? void 0
  7742.             : resp.responseHeaders
  7743.           : // Appara
  7744.           (_c =
  7745.               resp === null || resp === void 0
  7746.                 ? void 0
  7747.                 : resp.getAllResponseHeaders) === null || _c === void 0
  7748.           ? void 0
  7749.           : _c.call(resp)
  7750.       );
  7751.       return etag;
  7752.     }
  7753.     function storeRule(rule, resp) {
  7754.       var _a, _c;
  7755.       return __awaiter(this, void 0, void 0, function* () {
  7756.         let savedRules = {};
  7757.         savedRules =
  7758.           (_a = yield values.rules()) !== null && _a !== void 0
  7759.             ? _a
  7760.             : defaultValues.rules;
  7761.         if (resp.responseText) {
  7762.           let parsed = resp.responseText;
  7763.           if (rule.筛选后存储) {
  7764.             parsed = resp.responseText
  7765.               .split("\n")
  7766.               .filter((rule) => CRRE.test(rule) || isBasicRule(rule))
  7767.               .join("\n");
  7768.           }
  7769.           savedRules[rule.标识] = parsed;
  7770.           {
  7771.             yield values.rules(savedRules);
  7772.             if (savedRules[rule.标识].length !== 0) {
  7773.               const etag = extrEtag(resp),
  7774.                 savedEtags =
  7775.                   (_c = yield values.etags()) !== null && _c !== void 0
  7776.                     ? _c
  7777.                     : defaultValues.etags;
  7778.               if (etag) {
  7779.                 savedEtags[rule.标识] = etag;
  7780.                 yield values.etags(savedEtags);
  7781.               }
  7782.             }
  7783.           }
  7784.           data.receivedRules += "\n" + savedRules[rule.标识];
  7785.         }
  7786.         return;
  7787.       });
  7788.     }
  7789.     function fetchRuleBody(rule) {
  7790.       var _a;
  7791.       return __awaiter(this, void 0, void 0, function* () {
  7792.         const url = addTimeParam(rule.地址);
  7793.         const getResp = yield promiseXhr({
  7794.           method: "GET",
  7795.           responseType: "text",
  7796.           url,
  7797.         }).catch((error) => {
  7798.           console.error("规则: ", url, " 下载错误: ", error);
  7799.         });
  7800.         if (
  7801.           (_a =
  7802.             getResp === null || getResp === void 0
  7803.               ? void 0
  7804.               : getResp.responseText) === null || _a === void 0
  7805.             ? void 0
  7806.             : _a.length
  7807.         ) {
  7808.           yield storeRule(rule, getResp);
  7809.           return true;
  7810.         } else return false;
  7811.       });
  7812.     }
  7813.     function fetchRuleGet(resp, rule) {
  7814.       var _a;
  7815.       return __awaiter(this, void 0, void 0, function* () {
  7816.         const etag = extrEtag(resp),
  7817.           savedEtags = yield values.etags();
  7818.         if (
  7819.           (_a =
  7820.             resp === null || resp === void 0 ? void 0 : resp.responseText) ===
  7821.             null || _a === void 0
  7822.             ? void 0
  7823.             : _a.length
  7824.         ) {
  7825.           yield storeRule(rule, resp);
  7826.           if (
  7827.             etag !==
  7828.             (savedEtags === null || savedEtags === void 0
  7829.               ? void 0
  7830.               : savedEtags[rule.标识])
  7831.           ) {
  7832.             return;
  7833.           } else {
  7834.             return Promise.reject("ETag 一致");
  7835.           }
  7836.         } else {
  7837.           if (
  7838.             etag !==
  7839.             (savedEtags === null || savedEtags === void 0
  7840.               ? void 0
  7841.               : savedEtags[rule.标识])
  7842.           ) {
  7843.             if (yield fetchRuleBody(rule)) {
  7844.               return;
  7845.             } else {
  7846.               return Promise.reject("GET 失败");
  7847.             }
  7848.           } else return Promise.reject("ETag 一致");
  7849.         }
  7850.       });
  7851.     }
  7852.     function fetchRule(rule) {
  7853.       var _a;
  7854.       return __awaiter(this, void 0, void 0, function* () {
  7855.         let headRespError = {};
  7856.         const url = addTimeParam(rule.地址);
  7857.         const headResp = yield promiseXhr({
  7858.           method: "HEAD",
  7859.           responseType: "text",
  7860.           url,
  7861.         }).catch((error) => {
  7862.           headRespError = error;
  7863.           console.error("规则: ", url, " HEAD 错误: ", error);
  7864.         });
  7865.         if (!headResp) {
  7866.           // Via HEAD 会超时，但可以得到 ETag
  7867.           if (
  7868.             (_a =
  7869.               headRespError === null || headRespError === void 0
  7870.                 ? void 0
  7871.                 : headRespError.resp) === null || _a === void 0
  7872.               ? void 0
  7873.               : _a.responseHeaders
  7874.           ) {
  7875.             return yield fetchRuleGet(headRespError.resp, rule);
  7876.           } else {
  7877.             return Promise.reject("HEAD 失败");
  7878.           }
  7879.         } else {
  7880.           return yield fetchRuleGet(headResp, rule);
  7881.         }
  7882.       });
  7883.     }
  7884.     function fetchRules() {
  7885.       return __awaiter(this, void 0, void 0, function* () {
  7886.         let hasUpdate = preset.onlineRules.length;
  7887.         data.updating = true;
  7888.         yield gmMenu("update", () => void 0);
  7889.         for (const rule of preset.onlineRules) {
  7890.           if (rule.在线更新) {
  7891.             yield fetchRule(rule).catch((error) => {
  7892.               console.error("获取规则 ", rule, " 发生错误: ", error);
  7893.               hasUpdate--;
  7894.             });
  7895.           } else {
  7896.             hasUpdate--;
  7897.           }
  7898.         }
  7899.         values.time(new Date().toLocaleString("zh-CN"));
  7900.         data.updating = false;
  7901.         yield makeInitMenu();
  7902.         if (hasUpdate > 0) {
  7903.           yield Promise.all(
  7904.             (yield getSavedHosts()).map((host) =>
  7905.               __awaiter(this, void 0, void 0, function* () {
  7906.                 if (host === location.hostname) {
  7907.                   initRules(true);
  7908.                 } else {
  7909.                   const save = yield values.css(void 0, host);
  7910.                   if (save) {
  7911.                     save.needUpdate = true;
  7912.                     yield values.css(save, host);
  7913.                   }
  7914.                 }
  7915.               })
  7916.             )
  7917.           );
  7918.         }
  7919.       });
  7920.     }
  7921.     function performUpdate(force) {
  7922.       var _b;
  7923.       return __awaiter(this, void 0, void 0, function* () {
  7924.         if (data.isFrame) return Promise.reject();
  7925.         return force ||
  7926.           new Date(
  7927.             (_b = yield values.time()) !== null && _b !== void 0
  7928.               ? _b
  7929.               : defaultValues.time
  7930.           ).getDate() !== new Date().getDate()
  7931.           ? fetchRules()
  7932.           : Promise.resolve();
  7933.       });
  7934.     }
  7935.     function main() {
  7936.       var _a, _b;
  7937.       return __awaiter(this, void 0, void 0, function* () {
  7938.         if (!location.protocol.startsWith("http")) return;
  7939.         // 初始化 data
  7940.         data.disabled =
  7941.           (_b =
  7942.             (_a = yield values.black()) === null || _a === void 0
  7943.               ? void 0
  7944.               : _a.includes(location.hostname)) !== null && _b !== void 0
  7945.             ? _b
  7946.             : false;
  7947.         data.preset = yield getUserConfig("css");
  7948.         data.timeout = yield getUserConfig("timeout");
  7949.         data.tryCount = yield getUserConfig("tryCount");
  7950.         data.tryTimeout = yield getUserConfig("tryTimeout");
  7951.         data.headTimeout = yield getUserConfig("headTimeout");
  7952.         let finish = false;
  7953.         gmMenu("disable", switchDisabledStat);
  7954.         if (data.disabled) {
  7955.           gmMenu("count", cleanRules);
  7956.           return;
  7957.         }
  7958.         if (yield getSavedHosts(location.hostname)) yield readCss();
  7959.         const hash = yield getCustomHash(false);
  7960.         saved: {
  7961.           yield makeInitMenu();
  7962.           if ((yield values.hash()) !== hash) {
  7963.             yield getCustomHash(true);
  7964.             yield initRules(true);
  7965.             break saved;
  7966.           }
  7967.           if (data.saved) {
  7968.             styleApply();
  7969.             if (!data.update) break saved;
  7970.           }
  7971.           yield initRules(false);
  7972.           if (data.receivedRules.length === 0) {
  7973.             yield performUpdate(true);
  7974.             yield gmMenu("count");
  7975.             yield initRules(true);
  7976.             finish = true;
  7977.           } else yield splitRules();
  7978.         }
  7979.         if (!finish) {
  7980.           try {
  7981.             yield performUpdate(false);
  7982.           } catch (_error) {
  7983.             console.warn("iframe: ", location.href, " 取消更新");
  7984.           }
  7985.         }
  7986.       });
  7987.     }
  7988.     {
  7989.       runOnce(data.mutex, main);
  7990.     }
  7991.   })($presets, $polyfills);
  7992. })();