123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
import { FractionJs } from "./deps.js";import Prefixer from "./prefixer.js";import * as utils from "./utils.js";
const REGEXP = /(min|max)-resolution\s*:\s*\d*\.?\d+(dppx|dpcm|dpi|x)/gi;const SPLIT = /(min|max)-resolution(\s*:\s*)(\d*\.?\d+)(dppx|dpcm|dpi|x)/i;
class Resolution extends Prefixer {  /**   * Return prefixed query name   */  prefixName(prefix, name) {    if (prefix === "-moz-") {      return name + "--moz-device-pixel-ratio";    } else {      return prefix + name + "-device-pixel-ratio";    }  }
  /**   * Return prefixed query   */  prefixQuery(prefix, name, colon, value, units) {    value = new FractionJs(value);
    // 1dpcm = 2.54dpi    // 1dppx = 96dpi    if (units === "dpi") {      value = value.div(96);    } else if (units === "dpcm") {      value = value.mul(2.54).div(96);    }    value = value.simplify();
    if (prefix === "-o-") {      value = value.n + "/" + value.d;    }    return this.prefixName(prefix, name) + colon + value;  }
  /**   * Remove prefixed queries   */  clean(rule) {    if (!this.bad) {      this.bad = [];      for (let prefix of this.prefixes) {        this.bad.push(this.prefixName(prefix, "min"));        this.bad.push(this.prefixName(prefix, "max"));      }    }
    rule.params = utils.editList(rule.params, (queries) => {      return queries.filter((query) =>        this.bad.every((i) => !query.includes(i))      );    });  }
  /**   * Add prefixed queries   */  process(rule) {    let parent = this.parentPrefix(rule);    let prefixes = parent ? [parent] : this.prefixes;
    rule.params = utils.editList(rule.params, (origin, prefixed) => {      for (let query of origin) {        if (          !query.includes("min-resolution") &&          !query.includes("max-resolution")        ) {          prefixed.push(query);          continue;        }
        for (let prefix of prefixes) {          let processed = query.replace(REGEXP, (str) => {            let parts = str.match(SPLIT);            return this.prefixQuery(              prefix,              parts[1],              parts[2],              parts[3],              parts[4],            );          });          prefixed.push(processed);        }        prefixed.push(query);      }
      return utils.uniq(prefixed);    });  }}
export default Resolution;