autoprefixer 7.1.6 → 7.2.3

package/lib/hacks/grid-shorthand.js

@@ -0,0 +1,160 @@
+'use strict';
+
+var parser = require('postcss-value-parser');
+
+function convert(value) {
+    if (value && value.length === 2 && value[0] === 'span' && parseInt(value[1], 10) > 0) {
+        return [false, parseInt(value[1], 10)];
+    }
+
+    if (value && value.length === 1 && parseInt(value[0], 10) > 0) {
+        return [parseInt(value[0], 10), false];
+    }
+
+    return [false, false];
+}
+
+function translate(values, startIndex, endIndex) {
+    var startValue = values[startIndex];
+    var endValue = values[endIndex];
+
+    if (!startValue) {
+        return [false, false];
+    }
+
+    var _convert = convert(startValue),
+        start = _convert[0],
+        spanStart = _convert[1];
+
+    var _convert2 = convert(endValue),
+        end = _convert2[0],
+        spanEnd = _convert2[1];
+
+    if (start && !endValue) {
+        return [start, false];
+    }
+
+    if (spanStart && end) {
+        return [end - spanStart, spanStart];
+    }
+
+    if (start && spanEnd) {
+        return [start, spanEnd];
+    }
+
+    if (start && end) {
+        return [start, end - start];
+    }
+
+    return [false, false];
+}
+
+function parse(decl) {
+    var node = parser(decl.value);
+
+    var values = [];
+    var current = 0;
+    values[current] = [];
+
+    for (var _iterator = node.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 i = _ref;
+
+        if (i.type === 'div') {
+            current += 1;
+            values[current] = [];
+        } else if (i.type === 'word') {
+            values[current].push(i.value);
+        }
+    }
+
+    return values;
+}
+
+function parseTemplateShortcut(decl) {
+    var node = parser(decl.value, { loose: true });
+
+    var values = [];
+    var current = 0;
+    values[current] = [];
+
+    for (var _iterator2 = node.nodes, _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 i = _ref2;
+
+        if (i.type === 'div') {
+            current += 1;
+            values[current] = [];
+        } else {
+            values[current].push(parser.stringify(i));
+        }
+    }
+
+    return values;
+}
+
+function walkRepeat(node) {
+    var fixed = [];
+    for (var _iterator3 = node.nodes, _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 i = _ref3;
+
+        if (i.nodes) {
+            walkRepeat(i);
+        }
+        fixed.push(i);
+        if (i.type === 'function' && i.value === 'repeat') {
+            var first = i.nodes.shift();
+            if (first) {
+                var count = first.value;
+                i.nodes.shift();
+                i.value = '';
+                fixed.push({ type: 'word', value: '[' + count + ']' });
+            }
+        }
+    }
+    node.nodes = fixed;
+}
+
+function changeRepeat(value) {
+    var ast = parser(value);
+    walkRepeat(ast);
+    return ast.toString();
+}
+
+module.exports = {
+    parse: parse,
+    translate: translate,
+    changeRepeat: changeRepeat,
+    parseTemplateShortcut: parseTemplateShortcut
+};

package/lib/hacks/grid-start.js

@@ -21,7 +21,8 @@ var GridStart = function (_Declaration) {
      * Do not add prefix for unsupported value in IE
      */
     GridStart.prototype.check = function check(decl) {
-        return decl.value.indexOf('/') === -1 || decl.value.indexOf('span') !== -1;
+        var value = decl.value;
+        return value.indexOf('/') === -1 || value.indexOf('span') !== -1;
     };
 
     /**
@@ -39,55 +40,11 @@ var GridStart = function (_Declaration) {
 
 
     GridStart.prototype.prefixed = function prefixed(prop, prefix) {
+        var result = _Declaration.prototype.prefixed.call(this, prop, prefix);
         if (prefix === '-ms-') {
-            return prefix + prop.replace('-start', '');
-        } else {
-            return _Declaration.prototype.prefixed.call(this, prop, prefix);
+            result = result.replace('-start', '');
         }
-    };
-
-    /**
-     * Split one value to two
-     */
-
-
-    GridStart.prototype.insert = function insert(decl, prefix, prefixes) {
-        var parts = this.splitValue(decl, prefix);
-        if (parts.length === 2) {
-            decl.cloneBefore({
-                prop: '-ms-' + decl.prop + '-span',
-                value: parts[1]
-            });
-        }
-        return _Declaration.prototype.insert.call(this, decl, prefix, prefixes);
-    };
-
-    /**
-     * Change value for combine property
-     */
-
-
-    GridStart.prototype.set = function set(decl, prefix) {
-        var parts = this.splitValue(decl, prefix);
-        if (parts.length === 2) {
-            decl.value = parts[0];
-        }
-        return _Declaration.prototype.set.call(this, decl, prefix);
-    };
-
-    /**
-     * If property contains start and end
-     */
-
-
-    GridStart.prototype.splitValue = function splitValue(decl, prefix) {
-        if (prefix === '-ms-' && decl.prop.indexOf('-start') === -1) {
-            var parts = decl.value.split(/\s*\/\s*span\s+/);
-            if (parts.length === 2) {
-                return parts;
-            }
-        }
-        return false;
+        return result;
     };
 
     return GridStart;
@@ -96,7 +53,7 @@ var GridStart = function (_Declaration) {
 Object.defineProperty(GridStart, 'names', {
     enumerable: true,
     writable: true,
-    value: ['grid-row-start', 'grid-column-start', 'grid-row', 'grid-column']
+    value: ['grid-row-start', 'grid-column-start']
 });
 
 

package/lib/hacks/grid-template-areas.js

@@ -0,0 +1,133 @@
+'use strict';
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var Declaration = require('../declaration');
+
+var DOTS = /^\.+$/;
+
+function track(start, end) {
+    return { start: start, end: end, span: end - start };
+}
+
+function getRows(tpl) {
+    return tpl.trim().slice(1, -1).split(/['"]\s*['"]?/g);
+}
+
+function getColumns(line) {
+    return line.trim().split(/\s+/g);
+}
+
+function parseGridAreas(tpl) {
+    return getRows(tpl).reduce(function (areas, line, rowIndex) {
+        if (line.trim() === '') return areas;
+        getColumns(line).forEach(function (area, columnIndex) {
+            if (DOTS.test(area)) return;
+            if (typeof areas[area] === 'undefined') {
+                areas[area] = {
+                    column: track(columnIndex + 1, columnIndex + 2),
+                    row: track(rowIndex + 1, rowIndex + 2)
+                };
+            } else {
+                var _areas$area = areas[area],
+                    column = _areas$area.column,
+                    row = _areas$area.row;
+
+
+                column.start = Math.min(column.start, columnIndex + 1);
+                column.end = Math.max(column.end, columnIndex + 2);
+                column.span = column.end - column.start;
+
+                row.start = Math.min(row.start, rowIndex + 1);
+                row.end = Math.max(row.end, rowIndex + 2);
+                row.span = row.end - row.start;
+            }
+        });
+        return areas;
+    }, {});
+}
+
+var GridTemplateAreas = function (_Declaration) {
+    _inherits(GridTemplateAreas, _Declaration);
+
+    function GridTemplateAreas() {
+        _classCallCheck(this, GridTemplateAreas);
+
+        return _possibleConstructorReturn(this, _Declaration.apply(this, arguments));
+    }
+
+    GridTemplateAreas.prototype.getRoot = function getRoot(parent) {
+        if (parent.type === 'atrule' || !parent.parent) {
+            return parent;
+        }
+        return this.getRoot(parent.parent);
+    };
+
+    /**
+     * Translate grid-template-areas to separate -ms- prefixed properties
+     */
+
+
+    GridTemplateAreas.prototype.insert = function insert(decl, prefix, prefixes, result) {
+        if (prefix !== '-ms-') return _Declaration.prototype.insert.call(this, decl, prefix, prefixes);
+
+        var areas = parseGridAreas(decl.value);
+        this.getRoot(decl.parent).walkDecls('grid-area', function (gridArea) {
+            var value = gridArea.value;
+            var area = areas[value];
+            delete areas[value];
+
+            if (gridArea.parent.some(function (i) {
+                return i.prop === '-ms-grid-row';
+            })) {
+                return undefined;
+            }
+
+            if (area) {
+                gridArea.cloneBefore({
+                    prop: '-ms-grid-row',
+                    value: String(area.row.start)
+                });
+                if (area.row.span > 1) {
+                    gridArea.cloneBefore({
+                        prop: '-ms-grid-row-span',
+                        value: String(area.row.span)
+                    });
+                }
+                gridArea.cloneBefore({
+                    prop: '-ms-grid-column',
+                    value: String(area.column.start)
+                });
+                if (area.column.span > 1) {
+                    gridArea.cloneBefore({
+                        prop: '-ms-grid-column-span',
+                        value: String(area.column.span)
+                    });
+                }
+            }
+            return undefined;
+        });
+
+        var missed = Object.keys(areas);
+        if (missed.length > 0) {
+            decl.warn(result, 'Can not find grid areas: ' + missed.join(', '));
+        }
+
+        return decl;
+    };
+
+    return GridTemplateAreas;
+}(Declaration);
+
+Object.defineProperty(GridTemplateAreas, 'names', {
+    enumerable: true,
+    writable: true,
+    value: ['grid-template-areas']
+});
+
+
+module.exports = GridTemplateAreas;

package/lib/hacks/grid-template.js

@@ -6,9 +6,8 @@ function _possibleConstructorReturn(self, call) { if (!self) { throw new Referen
 
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 
-var parser = require('postcss-value-parser');
-
 var Declaration = require('../declaration');
+var shorthand = require('./grid-shorthand');
 
 var GridTemplate = function (_Declaration) {
     _inherits(GridTemplate, _Declaration);
@@ -20,84 +19,45 @@ var GridTemplate = function (_Declaration) {
     }
 
     /**
-     * Change property name for IE
+     * Do not add prefix for unsupported value in IE
      */
-    GridTemplate.prototype.prefixed = function prefixed(prop, prefix) {
-        if (prefix === '-ms-') {
-            return prefix + prop.replace('template-', '');
-        } else {
-            return _Declaration.prototype.prefixed.call(this, prop, prefix);
-        }
+    GridTemplate.prototype.check = function check(decl) {
+        return decl.value.includes('/') && !decl.value.includes('[') && !decl.value.includes('"') && !decl.value.includes('\'');
     };
 
     /**
-     * Change IE property back
+     * Translate grid-template to separate -ms- prefixed properties
      */
 
 
-    GridTemplate.prototype.normalize = function normalize(prop) {
-        return prop.replace(/^grid-(rows|columns)/, 'grid-template-$1');
-    };
+    GridTemplate.prototype.insert = function insert(decl, prefix, prefixes) {
+        if (prefix !== '-ms-') return _Declaration.prototype.insert.call(this, decl, prefix, prefixes);
 
-    /**
-     * Recursive part of changeRepeat
-     */
-
-
-    GridTemplate.prototype.walkRepeat = function walkRepeat(node) {
-        var fixed = [];
-        for (var _iterator = node.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 i = _ref;
-
-            if (i.nodes) {
-                this.walkRepeat(i);
-            }
-            fixed.push(i);
-            if (i.type === 'function' && i.value === 'repeat') {
-                var first = i.nodes.shift();
-                if (first) {
-                    var count = first.value;
-                    i.nodes.shift();
-                    i.value = '';
-                    fixed.push({ type: 'word', value: '[' + count + ']' });
-                }
-            }
+        if (decl.parent.some(function (i) {
+            return i.prop === '-ms-grid-rows';
+        })) {
+            return undefined;
         }
-        node.nodes = fixed;
-    };
-
-    /**
-     * IE repeating syntax
-     */
 
+        var _shorthand$parseTempl = shorthand.parseTemplateShortcut(decl),
+            templateRows = _shorthand$parseTempl[0],
+            templateColumns = _shorthand$parseTempl[1];
 
-    GridTemplate.prototype.changeRepeat = function changeRepeat(value) {
-        var ast = parser(value);
-        this.walkRepeat(ast);
-        return ast.toString();
-    };
-
-    /**
-     * Change repeating syntax for IE
-     */
-
+        if (templateRows) {
+            decl.cloneBefore({
+                prop: '-ms-grid-rows',
+                value: shorthand.changeRepeat(templateRows.join(''))
+            });
+        }
 
-    GridTemplate.prototype.set = function set(decl, prefix) {
-        if (prefix === '-ms-' && decl.value.indexOf('repeat(') !== -1) {
-            decl.value = this.changeRepeat(decl.value);
+        if (templateColumns) {
+            decl.cloneBefore({
+                prop: '-ms-grid-columns',
+                value: shorthand.changeRepeat(templateColumns.join(''))
+            });
         }
-        return _Declaration.prototype.set.call(this, decl, prefix);
+
+        return decl;
     };
 
     return GridTemplate;
@@ -106,7 +66,7 @@ var GridTemplate = function (_Declaration) {
 Object.defineProperty(GridTemplate, 'names', {
     enumerable: true,
     writable: true,
-    value: ['grid-template-rows', 'grid-template-columns', 'grid-rows', 'grid-columns']
+    value: ['grid-template']
 });
 
 

package/lib/hacks/image-rendering.js

@@ -43,13 +43,10 @@ var ImageRendering = function (_Declaration) {
 
 
     ImageRendering.prototype.set = function set(decl, prefix) {
-        if (prefix === '-ms-') {
-            decl.prop = '-ms-interpolation-mode';
-            decl.value = 'nearest-neighbor';
-            return decl;
-        } else {
-            return _Declaration.prototype.set.call(this, decl, prefix);
-        }
+        if (prefix !== '-ms-') return _Declaration.prototype.set.call(this, decl, prefix);
+        decl.prop = '-ms-interpolation-mode';
+        decl.value = 'nearest-neighbor';
+        return decl;
     };
 
     /**

package/lib/hacks/image-set.js

@@ -21,11 +21,11 @@ var ImageSet = function (_Value) {
      * Use non-standard name for WebKit and Firefox
      */
     ImageSet.prototype.replace = function replace(string, prefix) {
+        var fixed = _Value.prototype.replace.call(this, string, prefix);
         if (prefix === '-webkit-') {
-            return _Value.prototype.replace.call(this, string, prefix).replace(/("[^"]+"|'[^']+')(\s+\d+\w)/gi, 'url($1)$2');
-        } else {
-            return _Value.prototype.replace.call(this, string, prefix);
+            fixed = fixed.replace(/("[^"]+"|'[^']+')(\s+\d+\w)/gi, 'url($1)$2');
         }
+        return fixed;
     };
 
     return ImageSet;

package/lib/hacks/mask-border.js

@@ -30,11 +30,11 @@ var MaskBorder = function (_Declaration) {
 
 
     MaskBorder.prototype.prefixed = function prefixed(prop, prefix) {
+        var result = _Declaration.prototype.prefixed.call(this, prop, prefix);
         if (prefix === '-webkit-') {
-            return _Declaration.prototype.prefixed.call(this, prop, prefix).replace('border', 'box-image');
-        } else {
-            return _Declaration.prototype.prefixed.call(this, prop, prefix);
+            result = result.replace('border', 'box-image');
         }
+        return result;
     };
 
     return MaskBorder;

package/lib/hacks/text-emphasis-position.js

@@ -20,10 +20,8 @@ var TextEmphasisPosition = function (_Declaration) {
     TextEmphasisPosition.prototype.set = function set(decl, prefix) {
         if (prefix === '-webkit-') {
             decl.value = decl.value.replace(/\s*(right|left)\s*/i, '');
-            return _Declaration.prototype.set.call(this, decl, prefix);
-        } else {
-            return _Declaration.prototype.set.call(this, decl, prefix);
         }
+        return _Declaration.prototype.set.call(this, decl, prefix);
     };
 
     return TextEmphasisPosition;

package/lib/hacks/transform-decl.js

@@ -34,7 +34,7 @@ var TransformDecl = function (_Declaration) {
     };
 
     /**
-     * Is transform caontain 3D commands
+     * Is transform contain 3D commands
      */
 
 

package/lib/prefixer.js

@@ -34,9 +34,7 @@ function _clone(obj, parent) {
             if (parent) {
                 cloned[i] = parent;
             }
-        } else if (i === 'source') {
-            cloned[i] = value;
-        } else if (i === null) {
+        } else if (i === 'source' || i === null) {
             cloned[i] = value;
         } else if (value instanceof Array) {
             cloned[i] = value.map(function (x) {
@@ -141,7 +139,7 @@ var Prefixer = function () {
      */
 
 
-    Prefixer.prototype.process = function process(node) {
+    Prefixer.prototype.process = function process(node, result) {
         if (!this.check(node)) {
             return undefined;
         }
@@ -167,7 +165,7 @@ var Prefixer = function () {
 
             var prefix = _ref2;
 
-            if (this.add(node, prefix, added.concat([prefix]))) {
+            if (this.add(node, prefix, added.concat([prefix]), result)) {
                 added.push(prefix);
             }
         }

package/lib/prefixes.js

@@ -22,9 +22,11 @@ Declaration.hack(require('./hacks/flex'));
 Declaration.hack(require('./hacks/order'));
 Declaration.hack(require('./hacks/filter'));
 Declaration.hack(require('./hacks/grid-end'));
+Declaration.hack(require('./hacks/animation'));
 Declaration.hack(require('./hacks/flex-flow'));
 Declaration.hack(require('./hacks/flex-grow'));
 Declaration.hack(require('./hacks/flex-wrap'));
+Declaration.hack(require('./hacks/grid-area'));
 Declaration.hack(require('./hacks/grid-start'));
 Declaration.hack(require('./hacks/align-self'));
 Declaration.hack(require('./hacks/appearance'));
@@ -47,7 +49,10 @@ Declaration.hack(require('./hacks/image-rendering'));
 Declaration.hack(require('./hacks/text-decoration'));
 Declaration.hack(require('./hacks/justify-content'));
 Declaration.hack(require('./hacks/background-size'));
+Declaration.hack(require('./hacks/grid-row-column'));
+Declaration.hack(require('./hacks/grid-rows-columns'));
 Declaration.hack(require('./hacks/grid-column-align'));
+Declaration.hack(require('./hacks/grid-template-areas'));
 Declaration.hack(require('./hacks/text-emphasis-position'));
 
 Value.hack(require('./hacks/gradient'));
@@ -55,7 +60,6 @@ Value.hack(require('./hacks/intrinsic'));
 Value.hack(require('./hacks/pixelated'));
 Value.hack(require('./hacks/image-set'));
 Value.hack(require('./hacks/cross-fade'));
-Value.hack(require('./hacks/flex-values'));
 Value.hack(require('./hacks/display-flex'));
 Value.hack(require('./hacks/display-grid'));
 Value.hack(require('./hacks/filter-value'));