autoprefixer 6.7.7 → 7.1.1

package/lib/transition.js

@@ -1,291 +1,444 @@
-(function() {
-  var Transition, list, parser, vendor;
+'use strict';
 
-  parser = require('postcss-value-parser');
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-  vendor = require('postcss/lib/vendor');
+var parser = require('postcss-value-parser');
+var vendor = require('postcss/lib/vendor');
+var list = require('postcss/lib/list');
 
-  list = require('postcss/lib/list');
-
-  Transition = (function() {
+var Transition = function () {
     function Transition(prefixes) {
-      this.prefixes = prefixes;
+        _classCallCheck(this, Transition);
+
+        Object.defineProperty(this, 'props', {
+            enumerable: true,
+            writable: true,
+            value: ['transition', 'transition-property']
+        });
+
+        this.prefixes = prefixes;
     }
 
-    Transition.prototype.props = ['transition', 'transition-property'];
-
-    Transition.prototype.add = function(decl, result) {
-      var added, declPrefixes, j, k, l, len, len1, len2, names, operaClean, param, params, prefix, prefixValue, prefixed, prefixer, prop, ref, ref1, value, webkitClean;
-      declPrefixes = ((ref = this.prefixes.add[decl.prop]) != null ? ref.prefixes : void 0) || [];
-      params = this.parse(decl.value);
-      names = params.map((function(_this) {
-        return function(i) {
-          return _this.findProp(i);
-        };
-      })(this));
-      added = [];
-      if (names.some(function(i) {
-        return i[0] === '-';
-      })) {
-        return;
-      }
-      for (j = 0, len = params.length; j < len; j++) {
-        param = params[j];
-        prop = this.findProp(param);
-        if (prop[0] === '-') {
-          continue;
+    /**
+     * Process transition and add prefies for all necessary properties
+     */
+
+
+    Transition.prototype.add = function add(decl, result) {
+        var _this = this;
+
+        var prefix = void 0,
+            prop = void 0;
+        var declPrefixes = this.prefixes.add[decl.prop] && this.prefixes.add[decl.prop].prefixes || [];
+
+        var params = this.parse(decl.value);
+        var names = params.map(function (i) {
+            return _this.findProp(i);
+        });
+        var added = [];
+
+        if (names.some(function (i) {
+            return i[0] === '-';
+        })) {
+            return;
+        }
+
+        for (var _iterator = params, _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 param = _ref;
+
+            prop = this.findProp(param);
+            if (prop[0] === '-') {
+                continue;
+            }
+            var prefixer = this.prefixes.add[prop];
+            if (!prefixer || !prefixer.prefixes) {
+                continue;
+            }
+
+            for (var _iterator3 = prefixer.prefixes, _isArray3 = Array.isArray(_iterator3), _i3 = 0, _iterator3 = _isArray3 ? _iterator3 : _iterator3[Symbol.iterator]();;) {
+                if (_isArray3) {
+                    if (_i3 >= _iterator3.length) break;
+                    prefix = _iterator3[_i3++];
+                } else {
+                    _i3 = _iterator3.next();
+                    if (_i3.done) break;
+                    prefix = _i3.value;
+                }
+
+                var prefixed = this.prefixes.prefixed(prop, prefix);
+                if (prefixed !== '-ms-transform' && names.indexOf(prefixed) === -1) {
+                    if (!this.disabled(prop, prefix)) {
+                        added.push(this.clone(prop, prefixed, param));
+                    }
+                }
+            }
+        }
+
+        params = params.concat(added);
+        var value = this.stringify(params);
+
+        var webkitClean = this.stringify(this.cleanFromUnprefixed(params, '-webkit-'));
+        if (declPrefixes.indexOf('-webkit-') !== -1) {
+            this.cloneBefore(decl, '-webkit-' + decl.prop, webkitClean);
         }
-        prefixer = this.prefixes.add[prop];
-        if (!(prefixer != null ? prefixer.prefixes : void 0)) {
-          continue;
+        this.cloneBefore(decl, decl.prop, webkitClean);
+        if (declPrefixes.indexOf('-o-') !== -1) {
+            var operaClean = this.stringify(this.cleanFromUnprefixed(params, '-o-'));
+            this.cloneBefore(decl, '-o-' + decl.prop, operaClean);
         }
-        ref1 = prefixer.prefixes;
-        for (k = 0, len1 = ref1.length; k < len1; k++) {
-          prefix = ref1[k];
-          prefixed = this.prefixes.prefixed(prop, prefix);
-          if (prefixed !== '-ms-transform' && names.indexOf(prefixed) === -1) {
-            if (!this.disabled(prop, prefix)) {
-              added.push(this.clone(prop, prefixed, param));
+
+        for (var _iterator2 = declPrefixes, _isArray2 = Array.isArray(_iterator2), _i2 = 0, _iterator2 = _isArray2 ? _iterator2 : _iterator2[Symbol.iterator]();;) {
+            if (_isArray2) {
+                if (_i2 >= _iterator2.length) break;
+                prefix = _iterator2[_i2++];
+            } else {
+                _i2 = _iterator2.next();
+                if (_i2.done) break;
+                prefix = _i2.value;
+            }
+
+            if (prefix !== '-webkit-' && prefix !== '-o-') {
+                var prefixValue = this.stringify(this.cleanOtherPrefixes(params, prefix));
+                this.cloneBefore(decl, prefix + decl.prop, prefixValue);
             }
-          }
         }
-      }
-      params = params.concat(added);
-      value = this.stringify(params);
-      webkitClean = this.stringify(this.cleanFromUnprefixed(params, '-webkit-'));
-      if (declPrefixes.indexOf('-webkit-') !== -1) {
-        this.cloneBefore(decl, '-webkit-' + decl.prop, webkitClean);
-      }
-      this.cloneBefore(decl, decl.prop, webkitClean);
-      if (declPrefixes.indexOf('-o-') !== -1) {
-        operaClean = this.stringify(this.cleanFromUnprefixed(params, '-o-'));
-        this.cloneBefore(decl, '-o-' + decl.prop, operaClean);
-      }
-      for (l = 0, len2 = declPrefixes.length; l < len2; l++) {
-        prefix = declPrefixes[l];
-        if (prefix !== '-webkit-' && prefix !== '-o-') {
-          prefixValue = this.stringify(this.cleanOtherPrefixes(params, prefix));
-          this.cloneBefore(decl, prefix + decl.prop, prefixValue);
+
+        if (value !== decl.value && !this.already(decl, decl.prop, value)) {
+            this.checkForWarning(result, decl);
+            decl.cloneBefore();
+            decl.value = value;
         }
-      }
-      if (value !== decl.value && !this.already(decl, decl.prop, value)) {
-        this.checkForWarning(result, decl);
-        decl.cloneBefore();
-        return decl.value = value;
-      }
     };
 
-    Transition.prototype.findProp = function(param) {
-      var i, j, len, prop, token;
-      prop = param[0].value;
-      if (/^\d/.test(prop)) {
-        for (i = j = 0, len = param.length; j < len; i = ++j) {
-          token = param[i];
-          if (i !== 0 && token.type === 'word') {
-            return token.value;
-          }
+    /**
+     * Find property name
+     */
+
+
+    Transition.prototype.findProp = function findProp(param) {
+        var prop = param[0].value;
+        if (/^\d/.test(prop)) {
+            for (var i = 0; i < param.length; i++) {
+                var token = param[i];
+                if (i !== 0 && token.type === 'word') {
+                    return token.value;
+                }
+            }
         }
-      }
-      return prop;
+        return prop;
     };
 
-    Transition.prototype.already = function(decl, prop, value) {
-      return decl.parent.some(function(i) {
-        return i.prop === prop && i.value === value;
-      });
-    };
+    /**
+     * Does we aready have this declaration
+     */
+
 
-    Transition.prototype.cloneBefore = function(decl, prop, value) {
-      if (!this.already(decl, prop, value)) {
-        return decl.cloneBefore({
-          prop: prop,
-          value: value
+    Transition.prototype.already = function already(decl, prop, value) {
+        return decl.parent.some(function (i) {
+            return i.prop === prop && i.value === value;
         });
-      }
     };
 
-    Transition.prototype.checkForWarning = function(result, decl) {
-      if (decl.prop === 'transition-property') {
-        return decl.parent.each(function(i) {
-          if (i.type !== 'decl') {
-            return;
-          }
-          if (i.prop.indexOf('transition-') !== 0) {
+    /**
+     * Add declaration if it is not exist
+     */
+
+
+    Transition.prototype.cloneBefore = function cloneBefore(decl, prop, value) {
+        if (!this.already(decl, prop, value)) {
+            decl.cloneBefore({ prop: prop, value: value });
+        }
+    };
+
+    /**
+     * Show transition-property warning
+     */
+
+
+    Transition.prototype.checkForWarning = function checkForWarning(result, decl) {
+        if (decl.prop === 'transition-property') {
+            decl.parent.each(function (i) {
+                if (i.type !== 'decl') {
+                    return undefined;
+                }
+                if (i.prop.indexOf('transition-') !== 0) {
+                    return undefined;
+                }
+                if (i.prop === 'transition-property') {
+                    return undefined;
+                }
+
+                if (list.comma(i.value).length > 1) {
+                    decl.warn(result, 'Replace transition-property to transition, ' + 'because Autoprefixer could not support ' + 'any cases of transition-property ' + 'and other transition-*');
+                }
+                return false;
+            });
+        }
+    };
+
+    /**
+     * Process transition and remove all unnecessary properties
+     */
+
+
+    Transition.prototype.remove = function remove(decl) {
+        var _this2 = this;
+
+        var params = this.parse(decl.value);
+        params = params.filter(function (i) {
+            var prop = _this2.prefixes.remove[_this2.findProp(i)];
+            return !prop || !prop.remove;
+        });
+        var value = this.stringify(params);
+
+        if (decl.value === value) {
             return;
-          }
-          if (i.prop === 'transition-property') {
+        }
+
+        if (params.length === 0) {
+            decl.remove();
             return;
-          }
-          if (list.comma(i.value).length > 1) {
-            decl.warn(result, 'Replace transition-property to transition, ' + 'because Autoprefixer could not support ' + 'any cases of transition-property ' + 'and other transition-*');
-          }
-          return false;
+        }
+
+        var double = decl.parent.some(function (i) {
+            return i.prop === decl.prop && i.value === value;
+        });
+        var smaller = decl.parent.some(function (i) {
+            return i !== decl && i.prop === decl.prop && i.value.length > value.length;
         });
-      }
-    };
 
-    Transition.prototype.remove = function(decl) {
-      var double, params, smaller, value;
-      params = this.parse(decl.value);
-      params = params.filter((function(_this) {
-        return function(i) {
-          var ref;
-          return !((ref = _this.prefixes.remove[_this.findProp(i)]) != null ? ref.remove : void 0);
-        };
-      })(this));
-      value = this.stringify(params);
-      if (decl.value === value) {
-        return;
-      }
-      if (params.length === 0) {
-        decl.remove();
-        return;
-      }
-      double = decl.parent.some(function(i) {
-        return i.prop === decl.prop && i.value === value;
-      });
-      smaller = decl.parent.some(function(i) {
-        return i !== decl && i.prop === decl.prop && i.value.length > value.length;
-      });
-      if (double || smaller) {
-        return decl.remove();
-      } else {
-        return decl.value = value;
-      }
+        if (double || smaller) {
+            decl.remove();
+        } else {
+            decl.value = value;
+        }
     };
 
-    Transition.prototype.parse = function(value) {
-      var ast, j, len, node, param, ref, result;
-      ast = parser(value);
-      result = [];
-      param = [];
-      ref = ast.nodes;
-      for (j = 0, len = ref.length; j < len; j++) {
-        node = ref[j];
-        param.push(node);
-        if (node.type === 'div' && node.value === ',') {
-          result.push(param);
-          param = [];
+    /**
+     * Parse properties list to array
+     */
+
+
+    Transition.prototype.parse = function parse(value) {
+        var ast = parser(value);
+        var result = [];
+        var param = [];
+        for (var _iterator4 = ast.nodes, _isArray4 = Array.isArray(_iterator4), _i4 = 0, _iterator4 = _isArray4 ? _iterator4 : _iterator4[Symbol.iterator]();;) {
+            var _ref2;
+
+            if (_isArray4) {
+                if (_i4 >= _iterator4.length) break;
+                _ref2 = _iterator4[_i4++];
+            } else {
+                _i4 = _iterator4.next();
+                if (_i4.done) break;
+                _ref2 = _i4.value;
+            }
+
+            var node = _ref2;
+
+            param.push(node);
+            if (node.type === 'div' && node.value === ',') {
+                result.push(param);
+                param = [];
+            }
         }
-      }
-      result.push(param);
-      return result.filter(function(i) {
-        return i.length > 0;
-      });
+        result.push(param);
+        return result.filter(function (i) {
+            return i.length > 0;
+        });
     };
 
-    Transition.prototype.stringify = function(params) {
-      var j, len, nodes, param;
-      if (params.length === 0) {
-        return '';
-      }
-      nodes = [];
-      for (j = 0, len = params.length; j < len; j++) {
-        param = params[j];
-        if (param[param.length - 1].type !== 'div') {
-          param.push(this.div(params));
+    /**
+     * Return properties string from array
+     */
+
+
+    Transition.prototype.stringify = function stringify(params) {
+        if (params.length === 0) {
+            return '';
+        }
+        var nodes = [];
+        for (var _iterator5 = params, _isArray5 = Array.isArray(_iterator5), _i5 = 0, _iterator5 = _isArray5 ? _iterator5 : _iterator5[Symbol.iterator]();;) {
+            var _ref3;
+
+            if (_isArray5) {
+                if (_i5 >= _iterator5.length) break;
+                _ref3 = _iterator5[_i5++];
+            } else {
+                _i5 = _iterator5.next();
+                if (_i5.done) break;
+                _ref3 = _i5.value;
+            }
+
+            var param = _ref3;
+
+            if (param[param.length - 1].type !== 'div') {
+                param.push(this.div(params));
+            }
+            nodes = nodes.concat(param);
+        }
+        if (nodes[0].type === 'div') {
+            nodes = nodes.slice(1);
+        }
+        if (nodes[nodes.length - 1].type === 'div') {
+            nodes = nodes.slice(0, +-2 + 1 || undefined);
         }
-        nodes = nodes.concat(param);
-      }
-      if (nodes[0].type === 'div') {
-        nodes = nodes.slice(1);
-      }
-      if (nodes[nodes.length - 1].type === 'div') {
-        nodes = nodes.slice(0, -1);
-      }
-      return parser.stringify({
-        nodes: nodes
-      });
+        return parser.stringify({ nodes: nodes });
     };
 
-    Transition.prototype.clone = function(origin, name, param) {
-      var changed, i, j, len, result;
-      result = [];
-      changed = false;
-      for (j = 0, len = param.length; j < len; j++) {
-        i = param[j];
-        if (!changed && i.type === 'word' && i.value === origin) {
-          result.push({
-            type: 'word',
-            value: name
-          });
-          changed = true;
-        } else {
-          result.push(i);
+    /**
+     * Return new param array with different name
+     */
+
+
+    Transition.prototype.clone = function clone(origin, name, param) {
+        var result = [];
+        var changed = false;
+        for (var _iterator6 = param, _isArray6 = Array.isArray(_iterator6), _i6 = 0, _iterator6 = _isArray6 ? _iterator6 : _iterator6[Symbol.iterator]();;) {
+            var _ref4;
+
+            if (_isArray6) {
+                if (_i6 >= _iterator6.length) break;
+                _ref4 = _iterator6[_i6++];
+            } else {
+                _i6 = _iterator6.next();
+                if (_i6.done) break;
+                _ref4 = _i6.value;
+            }
+
+            var i = _ref4;
+
+            if (!changed && i.type === 'word' && i.value === origin) {
+                result.push({ type: 'word', value: name });
+                changed = true;
+            } else {
+                result.push(i);
+            }
         }
-      }
-      return result;
+        return result;
     };
 
-    Transition.prototype.div = function(params) {
-      var j, k, len, len1, node, param;
-      for (j = 0, len = params.length; j < len; j++) {
-        param = params[j];
-        for (k = 0, len1 = param.length; k < len1; k++) {
-          node = param[k];
-          if (node.type === 'div' && node.value === ',') {
-            return node;
-          }
+    /**
+     * Find or create seperator
+     */
+
+
+    Transition.prototype.div = function div(params) {
+        for (var _iterator7 = params, _isArray7 = Array.isArray(_iterator7), _i7 = 0, _iterator7 = _isArray7 ? _iterator7 : _iterator7[Symbol.iterator]();;) {
+            var _ref5;
+
+            if (_isArray7) {
+                if (_i7 >= _iterator7.length) break;
+                _ref5 = _iterator7[_i7++];
+            } else {
+                _i7 = _iterator7.next();
+                if (_i7.done) break;
+                _ref5 = _i7.value;
+            }
+
+            var param = _ref5;
+
+            for (var _iterator8 = param, _isArray8 = Array.isArray(_iterator8), _i8 = 0, _iterator8 = _isArray8 ? _iterator8 : _iterator8[Symbol.iterator]();;) {
+                var _ref6;
+
+                if (_isArray8) {
+                    if (_i8 >= _iterator8.length) break;
+                    _ref6 = _iterator8[_i8++];
+                } else {
+                    _i8 = _iterator8.next();
+                    if (_i8.done) break;
+                    _ref6 = _i8.value;
+                }
+
+                var node = _ref6;
+
+                if (node.type === 'div' && node.value === ',') {
+                    return node;
+                }
+            }
         }
-      }
-      return {
-        type: 'div',
-        value: ',',
-        after: ' '
-      };
+        return { type: 'div', value: ',', after: ' ' };
     };
 
-    Transition.prototype.cleanOtherPrefixes = function(params, prefix) {
-      return params.filter((function(_this) {
-        return function(param) {
-          var current;
-          current = vendor.prefix(_this.findProp(param));
-          return current === '' || current === prefix;
-        };
-      })(this));
+    Transition.prototype.cleanOtherPrefixes = function cleanOtherPrefixes(params, prefix) {
+        var _this3 = this;
+
+        return params.filter(function (param) {
+            var current = vendor.prefix(_this3.findProp(param));
+            return current === '' || current === prefix;
+        });
     };
 
-    Transition.prototype.cleanFromUnprefixed = function(params, prefix) {
-      var j, len, p, param, prop, remove, result;
-      result = [];
-      remove = params.map((function(_this) {
-        return function(i) {
-          return _this.findProp(i);
-        };
-      })(this)).filter(function(i) {
-        return i.slice(0, prefix.length) === prefix;
-      }).map((function(_this) {
-        return function(i) {
-          return _this.prefixes.unprefixed(i);
-        };
-      })(this));
-      for (j = 0, len = params.length; j < len; j++) {
-        param = params[j];
-        prop = this.findProp(param);
-        p = vendor.prefix(prop);
-        if (remove.indexOf(prop) === -1 && (p === prefix || p === '')) {
-          result.push(param);
+    /**
+     * Remove all non-webkit prefixes and unprefixed params if we have prefixed
+     */
+
+
+    Transition.prototype.cleanFromUnprefixed = function cleanFromUnprefixed(params, prefix) {
+        var _this4 = this;
+
+        var remove = params.map(function (i) {
+            return _this4.findProp(i);
+        }).filter(function (i) {
+            return i.slice(0, prefix.length) === prefix;
+        }).map(function (i) {
+            return _this4.prefixes.unprefixed(i);
+        });
+
+        var result = [];
+        for (var _iterator9 = params, _isArray9 = Array.isArray(_iterator9), _i9 = 0, _iterator9 = _isArray9 ? _iterator9 : _iterator9[Symbol.iterator]();;) {
+            var _ref7;
+
+            if (_isArray9) {
+                if (_i9 >= _iterator9.length) break;
+                _ref7 = _iterator9[_i9++];
+            } else {
+                _i9 = _iterator9.next();
+                if (_i9.done) break;
+                _ref7 = _i9.value;
+            }
+
+            var param = _ref7;
+
+            var prop = this.findProp(param);
+            var p = vendor.prefix(prop);
+            if (remove.indexOf(prop) === -1 && (p === prefix || p === '')) {
+                result.push(param);
+            }
         }
-      }
-      return result;
+        return result;
     };
 
-    Transition.prototype.disabled = function(prop, prefix) {
-      var other;
-      other = ['order', 'justify-content', 'align-self', 'align-content'];
-      if (prop.indexOf('flex') !== -1 || other.indexOf(prop) !== -1) {
-        if (this.prefixes.options.flexbox === false) {
-          return true;
-        } else if (this.prefixes.options.flexbox === 'no-2009') {
-          return prefix.indexOf('2009') !== -1;
+    /**
+     * Check property for disabled by option
+     */
+
+
+    Transition.prototype.disabled = function disabled(prop, prefix) {
+        var other = ['order', 'justify-content', 'align-self', 'align-content'];
+        if (prop.indexOf('flex') !== -1 || other.indexOf(prop) !== -1) {
+            if (this.prefixes.options.flexbox === false) {
+                return true;
+            } else if (this.prefixes.options.flexbox === 'no-2009') {
+                return prefix.indexOf('2009') !== -1;
+            }
         }
-      }
+        return undefined;
     };
 
     return Transition;
+}();
 
-  })();
-
-  module.exports = Transition;
-
-}).call(this);
+module.exports = Transition;