You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
510 lines
17 KiB
510 lines
17 KiB
'use strict'; |
|
|
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } |
|
|
|
var Declaration = require('./declaration'); |
|
var Resolution = require('./resolution'); |
|
var Transition = require('./transition'); |
|
var Processor = require('./processor'); |
|
var Supports = require('./supports'); |
|
var Browsers = require('./browsers'); |
|
var Selector = require('./selector'); |
|
var AtRule = require('./at-rule'); |
|
var Value = require('./value'); |
|
var utils = require('./utils'); |
|
|
|
var vendor = require('postcss').vendor; |
|
|
|
Selector.hack(require('./hacks/fullscreen')); |
|
Selector.hack(require('./hacks/placeholder')); |
|
|
|
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')); |
|
Declaration.hack(require('./hacks/flex-basis')); |
|
Declaration.hack(require('./hacks/mask-border')); |
|
Declaration.hack(require('./hacks/align-items')); |
|
Declaration.hack(require('./hacks/flex-shrink')); |
|
Declaration.hack(require('./hacks/break-props')); |
|
Declaration.hack(require('./hacks/writing-mode')); |
|
Declaration.hack(require('./hacks/border-image')); |
|
Declaration.hack(require('./hacks/align-content')); |
|
Declaration.hack(require('./hacks/border-radius')); |
|
Declaration.hack(require('./hacks/block-logical')); |
|
Declaration.hack(require('./hacks/grid-template')); |
|
Declaration.hack(require('./hacks/inline-logical')); |
|
Declaration.hack(require('./hacks/grid-row-align')); |
|
Declaration.hack(require('./hacks/transform-decl')); |
|
Declaration.hack(require('./hacks/flex-direction')); |
|
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')); |
|
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/display-flex')); |
|
Value.hack(require('./hacks/display-grid')); |
|
Value.hack(require('./hacks/filter-value')); |
|
|
|
var declsCache = {}; |
|
|
|
var Prefixes = function () { |
|
function Prefixes(data, browsers) { |
|
var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {}; |
|
|
|
_classCallCheck(this, Prefixes); |
|
|
|
this.data = data; |
|
this.browsers = browsers; |
|
this.options = options; |
|
|
|
var _preprocess = this.preprocess(this.select(this.data)); |
|
|
|
this.add = _preprocess[0]; |
|
this.remove = _preprocess[1]; |
|
|
|
this.transition = new Transition(this); |
|
this.processor = new Processor(this); |
|
} |
|
|
|
/** |
|
* Return clone instance to remove all prefixes |
|
*/ |
|
|
|
|
|
Prefixes.prototype.cleaner = function cleaner() { |
|
if (this.cleanerCache) { |
|
return this.cleanerCache; |
|
} |
|
|
|
if (this.browsers.selected.length) { |
|
var empty = new Browsers(this.browsers.data, []); |
|
this.cleanerCache = new Prefixes(this.data, empty, this.options); |
|
} else { |
|
return this; |
|
} |
|
|
|
return this.cleanerCache; |
|
}; |
|
|
|
/** |
|
* Select prefixes from data, which is necessary for selected browsers |
|
*/ |
|
|
|
|
|
Prefixes.prototype.select = function select(list) { |
|
var _this = this; |
|
|
|
var selected = { add: {}, remove: {} }; |
|
|
|
var _loop = function _loop(name) { |
|
var data = list[name]; |
|
var add = data.browsers.map(function (i) { |
|
var params = i.split(' '); |
|
return { |
|
browser: params[0] + ' ' + params[1], |
|
note: params[2] |
|
}; |
|
}); |
|
|
|
var notes = add.filter(function (i) { |
|
return i.note; |
|
}).map(function (i) { |
|
return _this.browsers.prefix(i.browser) + ' ' + i.note; |
|
}); |
|
notes = utils.uniq(notes); |
|
|
|
add = add.filter(function (i) { |
|
return _this.browsers.isSelected(i.browser); |
|
}).map(function (i) { |
|
var prefix = _this.browsers.prefix(i.browser); |
|
if (i.note) { |
|
return prefix + ' ' + i.note; |
|
} else { |
|
return prefix; |
|
} |
|
}); |
|
add = _this.sort(utils.uniq(add)); |
|
|
|
if (_this.options.flexbox === 'no-2009') { |
|
add = add.filter(function (i) { |
|
return i.indexOf('2009') === -1; |
|
}); |
|
} |
|
|
|
var all = data.browsers.map(function (i) { |
|
return _this.browsers.prefix(i); |
|
}); |
|
if (data.mistakes) { |
|
all = all.concat(data.mistakes); |
|
} |
|
all = all.concat(notes); |
|
all = utils.uniq(all); |
|
|
|
if (add.length) { |
|
selected.add[name] = add; |
|
if (add.length < all.length) { |
|
selected.remove[name] = all.filter(function (i) { |
|
return add.indexOf(i) === -1; |
|
}); |
|
} |
|
} else { |
|
selected.remove[name] = all; |
|
} |
|
}; |
|
|
|
for (var name in list) { |
|
_loop(name); |
|
} |
|
|
|
return selected; |
|
}; |
|
|
|
/** |
|
* Sort vendor prefixes |
|
*/ |
|
|
|
|
|
Prefixes.prototype.sort = function sort(prefixes) { |
|
return prefixes.sort(function (a, b) { |
|
var aLength = utils.removeNote(a).length; |
|
var bLength = utils.removeNote(b).length; |
|
|
|
if (aLength === bLength) { |
|
return b.length - a.length; |
|
} else { |
|
return bLength - aLength; |
|
} |
|
}); |
|
}; |
|
|
|
/** |
|
* Cache prefixes data to fast CSS processing |
|
*/ |
|
|
|
|
|
Prefixes.prototype.preprocess = function preprocess(selected) { |
|
var add = { |
|
'selectors': [], |
|
'@supports': new Supports(Prefixes, this) |
|
}; |
|
for (var name in selected.add) { |
|
var prefixes = selected.add[name]; |
|
if (name === '@keyframes' || name === '@viewport') { |
|
add[name] = new AtRule(name, prefixes, this); |
|
} else if (name === '@resolution') { |
|
add[name] = new Resolution(name, prefixes, this); |
|
} else if (this.data[name].selector) { |
|
add.selectors.push(Selector.load(name, prefixes, this)); |
|
} else { |
|
var props = this.data[name].props; |
|
|
|
if (props) { |
|
var value = Value.load(name, prefixes, this); |
|
for (var _iterator = props, _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 prop = _ref; |
|
|
|
if (!add[prop]) { |
|
add[prop] = { values: [] }; |
|
} |
|
add[prop].values.push(value); |
|
} |
|
} else { |
|
var values = add[name] && add[name].values || []; |
|
add[name] = Declaration.load(name, prefixes, this); |
|
add[name].values = values; |
|
} |
|
} |
|
} |
|
|
|
var remove = { selectors: [] }; |
|
for (var _name in selected.remove) { |
|
var _prefixes = selected.remove[_name]; |
|
if (this.data[_name].selector) { |
|
var selector = Selector.load(_name, _prefixes); |
|
for (var _iterator2 = _prefixes, _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 prefix = _ref2; |
|
|
|
remove.selectors.push(selector.old(prefix)); |
|
} |
|
} else if (_name === '@keyframes' || _name === '@viewport') { |
|
for (var _iterator3 = _prefixes, _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 _prefix = _ref3; |
|
|
|
var prefixed = '@' + _prefix + _name.slice(1); |
|
remove[prefixed] = { remove: true }; |
|
} |
|
} else if (_name === '@resolution') { |
|
remove[_name] = new Resolution(_name, _prefixes, this); |
|
} else { |
|
var _props = this.data[_name].props; |
|
if (_props) { |
|
var _value = Value.load(_name, [], this); |
|
for (var _iterator4 = _prefixes, _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 _prefix2 = _ref4; |
|
|
|
var old = _value.old(_prefix2); |
|
if (old) { |
|
for (var _iterator5 = _props, _isArray5 = Array.isArray(_iterator5), _i5 = 0, _iterator5 = _isArray5 ? _iterator5 : _iterator5[Symbol.iterator]();;) { |
|
var _ref5; |
|
|
|
if (_isArray5) { |
|
if (_i5 >= _iterator5.length) break; |
|
_ref5 = _iterator5[_i5++]; |
|
} else { |
|
_i5 = _iterator5.next(); |
|
if (_i5.done) break; |
|
_ref5 = _i5.value; |
|
} |
|
|
|
var _prop = _ref5; |
|
|
|
if (!remove[_prop]) { |
|
remove[_prop] = {}; |
|
} |
|
if (!remove[_prop].values) { |
|
remove[_prop].values = []; |
|
} |
|
remove[_prop].values.push(old); |
|
} |
|
} |
|
} |
|
} else { |
|
for (var _iterator6 = _prefixes, _isArray6 = Array.isArray(_iterator6), _i6 = 0, _iterator6 = _isArray6 ? _iterator6 : _iterator6[Symbol.iterator]();;) { |
|
var _ref6; |
|
|
|
if (_isArray6) { |
|
if (_i6 >= _iterator6.length) break; |
|
_ref6 = _iterator6[_i6++]; |
|
} else { |
|
_i6 = _iterator6.next(); |
|
if (_i6.done) break; |
|
_ref6 = _i6.value; |
|
} |
|
|
|
var _prefix3 = _ref6; |
|
|
|
var olds = this.decl(_name).old(_name, _prefix3); |
|
if (_name === 'align-self') { |
|
var a = add[_name] && add[_name].prefixes; |
|
if (a) { |
|
if (_prefix3 === '-webkit- 2009' && a.indexOf('-webkit-') !== -1) { |
|
continue; |
|
} else if (_prefix3 === '-webkit-' && a.indexOf('-webkit- 2009') !== -1) { |
|
continue; |
|
} |
|
} |
|
} |
|
for (var _iterator7 = olds, _isArray7 = Array.isArray(_iterator7), _i7 = 0, _iterator7 = _isArray7 ? _iterator7 : _iterator7[Symbol.iterator]();;) { |
|
var _ref7; |
|
|
|
if (_isArray7) { |
|
if (_i7 >= _iterator7.length) break; |
|
_ref7 = _iterator7[_i7++]; |
|
} else { |
|
_i7 = _iterator7.next(); |
|
if (_i7.done) break; |
|
_ref7 = _i7.value; |
|
} |
|
|
|
var _prefixed = _ref7; |
|
|
|
if (!remove[_prefixed]) { |
|
remove[_prefixed] = {}; |
|
} |
|
remove[_prefixed].remove = true; |
|
} |
|
} |
|
} |
|
} |
|
} |
|
|
|
return [add, remove]; |
|
}; |
|
|
|
/** |
|
* Declaration loader with caching |
|
*/ |
|
|
|
|
|
Prefixes.prototype.decl = function decl(prop) { |
|
var decl = declsCache[prop]; |
|
|
|
if (decl) { |
|
return decl; |
|
} else { |
|
declsCache[prop] = Declaration.load(prop); |
|
return declsCache[prop]; |
|
} |
|
}; |
|
|
|
/** |
|
* Return unprefixed version of property |
|
*/ |
|
|
|
|
|
Prefixes.prototype.unprefixed = function unprefixed(prop) { |
|
var value = this.normalize(vendor.unprefixed(prop)); |
|
if (value === 'flex-direction') { |
|
value = 'flex-flow'; |
|
} |
|
return value; |
|
}; |
|
|
|
/** |
|
* Normalize prefix for remover |
|
*/ |
|
|
|
|
|
Prefixes.prototype.normalize = function normalize(prop) { |
|
return this.decl(prop).normalize(prop); |
|
}; |
|
|
|
/** |
|
* Return prefixed version of property |
|
*/ |
|
|
|
|
|
Prefixes.prototype.prefixed = function prefixed(prop, prefix) { |
|
prop = vendor.unprefixed(prop); |
|
return this.decl(prop).prefixed(prop, prefix); |
|
}; |
|
|
|
/** |
|
* Return values, which must be prefixed in selected property |
|
*/ |
|
|
|
|
|
Prefixes.prototype.values = function values(type, prop) { |
|
var data = this[type]; |
|
|
|
var global = data['*'] && data['*'].values; |
|
var values = data[prop] && data[prop].values; |
|
|
|
if (global && values) { |
|
return utils.uniq(global.concat(values)); |
|
} else { |
|
return global || values || []; |
|
} |
|
}; |
|
|
|
/** |
|
* Group declaration by unprefixed property to check them |
|
*/ |
|
|
|
|
|
Prefixes.prototype.group = function group(decl) { |
|
var _this2 = this; |
|
|
|
var rule = decl.parent; |
|
var index = rule.index(decl); |
|
var length = rule.nodes.length; |
|
|
|
var unprefixed = this.unprefixed(decl.prop); |
|
|
|
var checker = function checker(step, callback) { |
|
index += step; |
|
while (index >= 0 && index < length) { |
|
var other = rule.nodes[index]; |
|
if (other.type === 'decl') { |
|
|
|
if (step === -1 && other.prop === unprefixed) { |
|
if (!Browsers.withPrefix(other.value)) { |
|
break; |
|
} |
|
} |
|
|
|
if (_this2.unprefixed(other.prop) !== unprefixed) { |
|
break; |
|
} else if (callback(other) === true) { |
|
return true; |
|
} |
|
|
|
if (step === +1 && other.prop === unprefixed) { |
|
if (!Browsers.withPrefix(other.value)) { |
|
break; |
|
} |
|
} |
|
} |
|
|
|
index += step; |
|
} |
|
return false; |
|
}; |
|
|
|
return { |
|
up: function up(callback) { |
|
return checker(-1, callback); |
|
}, |
|
down: function down(callback) { |
|
return checker(+1, callback); |
|
} |
|
}; |
|
}; |
|
|
|
return Prefixes; |
|
}(); |
|
|
|
module.exports = Prefixes; |