autoprefixer 6.7.6 → 7.1.0

package/lib/supports.js

@@ -1,255 +1,375 @@
-(function() {
-  var Browsers, Supports, Value, brackets, browser, data, postcss, ref, support, supported, utils, version, versions;
+'use strict';
 
-  Browsers = require('./browsers');
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
 
-  brackets = require('./brackets');
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-  Value = require('./value');
+var Browsers = require('./browsers');
+var brackets = require('./brackets');
+var Value = require('./value');
+var utils = require('./utils');
 
-  utils = require('./utils');
+var postcss = require('postcss');
 
-  postcss = require('postcss');
-
-  supported = [];
+var supported = [];
+var data = require('caniuse-lite').feature(require('caniuse-lite/data/features/css-featurequeries.js'));
+for (var browser in data.stats) {
+    var versions = data.stats[browser];
+    for (var version in versions) {
+        var support = versions[version];
+        if (/y/.test(support)) {
+            supported.push(browser + ' ' + version);
+        }
+    }
+}
 
-  data = require('caniuse-db/features-json/css-featurequeries.json');
+var Supports = function () {
+    function Supports(Prefixes, all) {
+        _classCallCheck(this, Supports);
 
-  ref = data.stats;
-  for (browser in ref) {
-    versions = ref[browser];
-    for (version in versions) {
-      support = versions[version];
-      if (/y/.test(support)) {
-        supported.push(browser + ' ' + version);
-      }
+        this.Prefixes = Prefixes;
+        this.all = all;
     }
-  }
 
-  Supports = (function() {
-    function Supports(Prefixes, all1) {
-      this.Prefixes = Prefixes;
-      this.all = all1;
-    }
+    /**
+     * Return prefixer only with @supports supported browsers
+     */
 
-    Supports.prototype.prefixer = function() {
-      var browsers, filtered;
-      if (this.prefixerCache) {
-        return this.prefixerCache;
-      }
-      filtered = this.all.browsers.selected.filter((function(_this) {
-        return function(i) {
-          return supported.indexOf(i) !== -1;
-        };
-      })(this));
-      browsers = new Browsers(this.all.browsers.data, filtered, this.all.options);
-      return this.prefixerCache = new this.Prefixes(this.all.data, browsers, this.all.options);
-    };
-
-    Supports.prototype.parse = function(str) {
-      var prop, ref1, value;
-      ref1 = str.split(':'), prop = ref1[0], value = ref1[1];
-      value || (value = '');
-      return [prop.trim(), value.trim()];
-    };
-
-    Supports.prototype.virtual = function(str) {
-      var prop, ref1, rule, value;
-      ref1 = this.parse(str), prop = ref1[0], value = ref1[1];
-      rule = postcss.parse('a{}').first;
-      rule.append({
-        prop: prop,
-        value: value,
-        raws: {
-          before: ''
+
+    Supports.prototype.prefixer = function prefixer() {
+        if (this.prefixerCache) {
+            return this.prefixerCache;
         }
-      });
-      return rule;
+
+        var filtered = this.all.browsers.selected.filter(function (i) {
+            return supported.indexOf(i) !== -1;
+        });
+
+        var browsers = new Browsers(this.all.browsers.data, filtered, this.all.options);
+        this.prefixerCache = new this.Prefixes(this.all.data, browsers, this.all.options);
+        return this.prefixerCache;
     };
 
-    Supports.prototype.prefixed = function(str) {
-      var decl, j, k, len, len1, prefixer, ref1, ref2, rule, value;
-      rule = this.virtual(str);
-      if (this.disabled(rule.first)) {
-        return rule.nodes;
-      }
-      prefixer = this.prefixer().add[rule.first.prop];
-      if (prefixer != null) {
-        if (typeof prefixer.process === "function") {
-          prefixer.process(rule.first);
+    /**
+     * Parse string into declaration property and value
+     */
+
+
+    Supports.prototype.parse = function parse(str) {
+        var _str$split = str.split(':'),
+            prop = _str$split[0],
+            value = _str$split[1];
+
+        if (!value) value = '';
+        return [prop.trim(), value.trim()];
+    };
+
+    /**
+     * Create virtual rule to process it by prefixer
+     */
+
+
+    Supports.prototype.virtual = function virtual(str) {
+        var _parse = this.parse(str),
+            prop = _parse[0],
+            value = _parse[1];
+
+        var rule = postcss.parse('a{}').first;
+        rule.append({ prop: prop, value: value, raws: { before: '' } });
+        return rule;
+    };
+
+    /**
+     * Return array of Declaration with all necessary prefixes
+     */
+
+
+    Supports.prototype.prefixed = function prefixed(str) {
+        var rule = this.virtual(str);
+        if (this.disabled(rule.first)) {
+            return rule.nodes;
         }
-      }
-      ref1 = rule.nodes;
-      for (j = 0, len = ref1.length; j < len; j++) {
-        decl = ref1[j];
-        ref2 = this.prefixer().values('add', rule.first.prop);
-        for (k = 0, len1 = ref2.length; k < len1; k++) {
-          value = ref2[k];
-          value.process(decl);
+
+        var prefixer = this.prefixer().add[rule.first.prop];
+        prefixer && prefixer.process && prefixer.process(rule.first);
+
+        for (var _iterator = rule.nodes, _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
+            var _ref;
+
+            if (_isArray) {
+                if (_i >= _iterator.length) break;
+                _ref = _iterator[_i++];
+            } else {
+                _i = _iterator.next();
+                if (_i.done) break;
+                _ref = _i.value;
+            }
+
+            var decl = _ref;
+
+            for (var _iterator2 = this.prefixer().values('add', rule.first.prop), _isArray2 = Array.isArray(_iterator2), _i2 = 0, _iterator2 = _isArray2 ? _iterator2 : _iterator2[Symbol.iterator]();;) {
+                var _ref2;
+
+                if (_isArray2) {
+                    if (_i2 >= _iterator2.length) break;
+                    _ref2 = _iterator2[_i2++];
+                } else {
+                    _i2 = _iterator2.next();
+                    if (_i2.done) break;
+                    _ref2 = _i2.value;
+                }
+
+                var value = _ref2;
+
+                value.process(decl);
+            }
+            Value.save(this.all, decl);
         }
-        Value.save(this.all, decl);
-      }
-      return rule.nodes;
+
+        return rule.nodes;
     };
 
-    Supports.prototype.isNot = function(node) {
-      return typeof node === 'string' && /not\s*/i.test(node);
+    /**
+     * Return true if brackets node is "not" word
+     */
+
+
+    Supports.prototype.isNot = function isNot(node) {
+        return typeof node === 'string' && /not\s*/i.test(node);
     };
 
-    Supports.prototype.isOr = function(node) {
-      return typeof node === 'string' && /\s*or\s*/i.test(node);
+    /**
+     * Return true if brackets node is "or" word
+     */
+
+
+    Supports.prototype.isOr = function isOr(node) {
+        return typeof node === 'string' && /\s*or\s*/i.test(node);
     };
 
-    Supports.prototype.isProp = function(node) {
-      return typeof node === 'object' && node.length === 1 && typeof node[0] === 'string';
+    /**
+     * Return true if brackets node is (prop: value)
+     */
+
+
+    Supports.prototype.isProp = function isProp(node) {
+        return (typeof node === 'undefined' ? 'undefined' : _typeof(node)) === 'object' && node.length === 1 && typeof node[0] === 'string';
     };
 
-    Supports.prototype.isHack = function(all, unprefixed) {
-      var check;
-      check = new RegExp('(\\(|\\s)' + utils.escapeRegexp(unprefixed) + ':');
-      return !check.test(all);
+    /**
+     * Return true if prefixed property has no unprefixed
+     */
+
+
+    Supports.prototype.isHack = function isHack(all, unprefixed) {
+        var check = new RegExp('(\\(|\\s)' + utils.escapeRegexp(unprefixed) + ':');
+        return !check.test(all);
     };
 
-    Supports.prototype.toRemove = function(str, all) {
-      var checker, j, len, prop, ref1, ref2, ref3, unprefixed, value;
-      ref1 = this.parse(str), prop = ref1[0], value = ref1[1];
-      unprefixed = this.all.unprefixed(prop);
-      if (((ref2 = this.all.cleaner().remove[prop]) != null ? ref2.remove : void 0) && !this.isHack(all, unprefixed)) {
-        return true;
-      }
-      ref3 = this.all.cleaner().values('remove', unprefixed);
-      for (j = 0, len = ref3.length; j < len; j++) {
-        checker = ref3[j];
-        if (checker.check(value)) {
-          return true;
+    /**
+     * Return true if we need to remove node
+     */
+
+
+    Supports.prototype.toRemove = function toRemove(str, all) {
+        var _parse2 = this.parse(str),
+            prop = _parse2[0],
+            value = _parse2[1];
+
+        var unprefixed = this.all.unprefixed(prop);
+
+        var cleaner = this.all.cleaner();
+
+        if (cleaner.remove[prop] && cleaner.remove[prop].remove && !this.isHack(all, unprefixed)) {
+            return true;
         }
-      }
-      return false;
-    };
-
-    Supports.prototype.remove = function(nodes, all) {
-      var i;
-      i = 0;
-      while (i < nodes.length) {
-        if (!this.isNot(nodes[i - 1]) && this.isProp(nodes[i]) && this.isOr(nodes[i + 1])) {
-          if (this.toRemove(nodes[i][0], all)) {
-            nodes.splice(i, 2);
-          } else {
-            i += 2;
-          }
-        } else {
-          if (typeof nodes[i] === 'object') {
-            nodes[i] = this.remove(nodes[i], all);
-          }
-          i += 1;
+
+        for (var _iterator3 = cleaner.values('remove', unprefixed), _isArray3 = Array.isArray(_iterator3), _i3 = 0, _iterator3 = _isArray3 ? _iterator3 : _iterator3[Symbol.iterator]();;) {
+            var _ref3;
+
+            if (_isArray3) {
+                if (_i3 >= _iterator3.length) break;
+                _ref3 = _iterator3[_i3++];
+            } else {
+                _i3 = _iterator3.next();
+                if (_i3.done) break;
+                _ref3 = _i3.value;
+            }
+
+            var checker = _ref3;
+
+            if (checker.check(value)) {
+                return true;
+            }
         }
-      }
-      return nodes;
+
+        return false;
     };
 
-    Supports.prototype.cleanBrackets = function(nodes) {
-      return nodes.map((function(_this) {
-        return function(i) {
-          if (typeof i === 'object') {
-            if (i.length === 1 && typeof i[0] === 'object') {
-              return _this.cleanBrackets(i[0]);
+    /**
+     * Remove all unnecessary prefixes
+     */
+
+
+    Supports.prototype.remove = function remove(nodes, all) {
+        var i = 0;
+        while (i < nodes.length) {
+            if (!this.isNot(nodes[i - 1]) && this.isProp(nodes[i]) && this.isOr(nodes[i + 1])) {
+                if (this.toRemove(nodes[i][0], all)) {
+                    nodes.splice(i, 2);
+                } else {
+                    i += 2;
+                }
             } else {
-              return _this.cleanBrackets(i);
+                if (_typeof(nodes[i]) === 'object') {
+                    nodes[i] = this.remove(nodes[i], all);
+                }
+                i += 1;
             }
-          } else {
-            return i;
-          }
-        };
-      })(this));
-    };
-
-    Supports.prototype.convert = function(progress) {
-      var i, j, len, result;
-      result = [''];
-      for (j = 0, len = progress.length; j < len; j++) {
-        i = progress[j];
-        result.push([i.prop + ": " + i.value]);
-        result.push(' or ');
-      }
-      result[result.length - 1] = '';
-      return result;
-    };
-
-    Supports.prototype.normalize = function(nodes) {
-      if (typeof nodes === 'object') {
-        nodes = nodes.filter(function(i) {
-          return i !== '';
-        });
-        if (typeof nodes[0] === 'string' && nodes[0].indexOf(':') !== -1) {
-          return [brackets.stringify(nodes)];
-        } else {
-          return nodes.map((function(_this) {
-            return function(i) {
-              return _this.normalize(i);
-            };
-          })(this));
         }
-      } else {
         return nodes;
-      }
     };
 
-    Supports.prototype.add = function(nodes, all) {
-      return nodes.map((function(_this) {
-        return function(i) {
-          var prefixed;
-          if (_this.isProp(i)) {
-            prefixed = _this.prefixed(i[0]);
-            if (prefixed.length > 1) {
-              return _this.convert(prefixed);
+    /**
+     * Clean brackets with one child
+     */
+
+
+    Supports.prototype.cleanBrackets = function cleanBrackets(nodes) {
+        var _this = this;
+
+        return nodes.map(function (i) {
+            if ((typeof i === 'undefined' ? 'undefined' : _typeof(i)) === 'object') {
+                if (i.length === 1 && _typeof(i[0]) === 'object') {
+                    return _this.cleanBrackets(i[0]);
+                } else {
+                    return _this.cleanBrackets(i);
+                }
             } else {
-              return i;
+                return i;
             }
-          } else if (typeof i === 'object') {
-            return _this.add(i, all);
-          } else {
-            return i;
-          }
-        };
-      })(this));
-    };
-
-    Supports.prototype.process = function(rule) {
-      var ast;
-      ast = brackets.parse(rule.params);
-      ast = this.normalize(ast);
-      ast = this.remove(ast, rule.params);
-      ast = this.add(ast, rule.params);
-      ast = this.cleanBrackets(ast);
-      return rule.params = brackets.stringify(ast);
-    };
-
-    Supports.prototype.disabled = function(node) {
-      var other;
-      if (this.all.options.grid === false) {
-        if (node.prop === 'display' && node.value.indexOf('grid') !== -1) {
-          return true;
+        });
+    };
+
+    /**
+     * Add " or " between properties and convert it to brackets format
+     */
+
+
+    Supports.prototype.convert = function convert(progress) {
+        var result = [''];
+        for (var _iterator4 = progress, _isArray4 = Array.isArray(_iterator4), _i4 = 0, _iterator4 = _isArray4 ? _iterator4 : _iterator4[Symbol.iterator]();;) {
+            var _ref4;
+
+            if (_isArray4) {
+                if (_i4 >= _iterator4.length) break;
+                _ref4 = _iterator4[_i4++];
+            } else {
+                _i4 = _iterator4.next();
+                if (_i4.done) break;
+                _ref4 = _i4.value;
+            }
+
+            var i = _ref4;
+
+            result.push([i.prop + ': ' + i.value]);
+            result.push(' or ');
         }
-        if (node.prop.indexOf('grid') !== -1 || node.prop === 'justify-items') {
-          return true;
+        result[result.length - 1] = '';
+        return result;
+    };
+
+    /**
+     * Compress value functions into a string nodes
+     */
+
+
+    Supports.prototype.normalize = function normalize(nodes) {
+        var _this2 = this;
+
+        if ((typeof nodes === 'undefined' ? 'undefined' : _typeof(nodes)) === 'object') {
+            nodes = nodes.filter(function (i) {
+                return i !== '';
+            });
+            if (typeof nodes[0] === 'string' && nodes[0].indexOf(':') !== -1) {
+                return [brackets.stringify(nodes)];
+            } else {
+                return nodes.map(function (i) {
+                    return _this2.normalize(i);
+                });
+            }
+        } else {
+            return nodes;
         }
-      }
-      if (this.all.options.flexbox === false) {
-        if (node.prop === 'display' && node.value.indexOf('flex') !== -1) {
-          return true;
+    };
+
+    /**
+     * Add prefixes
+     */
+
+
+    Supports.prototype.add = function add(nodes, all) {
+        var _this3 = this;
+
+        return nodes.map(function (i) {
+            if (_this3.isProp(i)) {
+                var prefixed = _this3.prefixed(i[0]);
+                if (prefixed.length > 1) {
+                    return _this3.convert(prefixed);
+                } else {
+                    return i;
+                }
+            } else if ((typeof i === 'undefined' ? 'undefined' : _typeof(i)) === 'object') {
+                return _this3.add(i, all);
+            } else {
+                return i;
+            }
+        });
+    };
+
+    /**
+     * Add prefixed declaration
+     */
+
+
+    Supports.prototype.process = function process(rule) {
+        var ast = brackets.parse(rule.params);
+        ast = this.normalize(ast);
+        ast = this.remove(ast, rule.params);
+        ast = this.add(ast, rule.params);
+        ast = this.cleanBrackets(ast);
+        rule.params = brackets.stringify(ast);
+    };
+
+    /**
+     * Check global options
+     */
+
+
+    Supports.prototype.disabled = function disabled(node) {
+        if (this.all.options.grid === false) {
+            if (node.prop === 'display' && node.value.indexOf('grid') !== -1) {
+                return true;
+            }
+            if (node.prop.indexOf('grid') !== -1 || node.prop === 'justify-items') {
+                return true;
+            }
         }
-        other = ['order', 'justify-content', 'align-items', 'align-content'];
-        if (node.prop.indexOf('flex') !== -1 || other.indexOf(node.prop) !== -1) {
-          return true;
+
+        if (this.all.options.flexbox === false) {
+            if (node.prop === 'display' && node.value.indexOf('flex') !== -1) {
+                return true;
+            }
+            var other = ['order', 'justify-content', 'align-items', 'align-content'];
+            if (node.prop.indexOf('flex') !== -1 || other.indexOf(node.prop) !== -1) {
+                return true;
+            }
         }
-      }
-      return false;
+
+        return false;
     };
 
     return Supports;
+}();
 
-  })();
-
-  module.exports = Supports;
-
-}).call(this);
+module.exports = Supports;