3 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
5 var Declaration = require('./declaration');
6 var Resolution = require('./resolution');
7 var Transition = require('./transition');
8 var Processor = require('./processor');
9 var Supports = require('./supports');
10 var Browsers = require('./browsers');
11 var Selector = require('./selector');
12 var AtRule = require('./at-rule');
13 var Value = require('./value');
14 var utils = require('./utils');
16 var vendor = require('postcss').vendor;
18 Selector.hack(require('./hacks/fullscreen'));
19 Selector.hack(require('./hacks/placeholder'));
21 Declaration.hack(require('./hacks/flex'));
22 Declaration.hack(require('./hacks/order'));
23 Declaration.hack(require('./hacks/filter'));
24 Declaration.hack(require('./hacks/grid-end'));
25 Declaration.hack(require('./hacks/animation'));
26 Declaration.hack(require('./hacks/flex-flow'));
27 Declaration.hack(require('./hacks/flex-grow'));
28 Declaration.hack(require('./hacks/flex-wrap'));
29 Declaration.hack(require('./hacks/grid-area'));
30 Declaration.hack(require('./hacks/grid-start'));
31 Declaration.hack(require('./hacks/align-self'));
32 Declaration.hack(require('./hacks/appearance'));
33 Declaration.hack(require('./hacks/flex-basis'));
34 Declaration.hack(require('./hacks/mask-border'));
35 Declaration.hack(require('./hacks/align-items'));
36 Declaration.hack(require('./hacks/flex-shrink'));
37 Declaration.hack(require('./hacks/break-props'));
38 Declaration.hack(require('./hacks/writing-mode'));
39 Declaration.hack(require('./hacks/border-image'));
40 Declaration.hack(require('./hacks/align-content'));
41 Declaration.hack(require('./hacks/border-radius'));
42 Declaration.hack(require('./hacks/block-logical'));
43 Declaration.hack(require('./hacks/grid-template'));
44 Declaration.hack(require('./hacks/inline-logical'));
45 Declaration.hack(require('./hacks/grid-row-align'));
46 Declaration.hack(require('./hacks/transform-decl'));
47 Declaration.hack(require('./hacks/flex-direction'));
48 Declaration.hack(require('./hacks/image-rendering'));
49 Declaration.hack(require('./hacks/text-decoration'));
50 Declaration.hack(require('./hacks/justify-content'));
51 Declaration.hack(require('./hacks/background-size'));
52 Declaration.hack(require('./hacks/grid-row-column'));
53 Declaration.hack(require('./hacks/grid-rows-columns'));
54 Declaration.hack(require('./hacks/grid-column-align'));
55 Declaration.hack(require('./hacks/grid-template-areas'));
56 Declaration.hack(require('./hacks/text-emphasis-position'));
58 Value.hack(require('./hacks/gradient'));
59 Value.hack(require('./hacks/intrinsic'));
60 Value.hack(require('./hacks/pixelated'));
61 Value.hack(require('./hacks/image-set'));
62 Value.hack(require('./hacks/cross-fade'));
63 Value.hack(require('./hacks/display-flex'));
64 Value.hack(require('./hacks/display-grid'));
65 Value.hack(require('./hacks/filter-value'));
69 var Prefixes = function () {
70 function Prefixes(data, browsers) {
71 var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
73 _classCallCheck(this, Prefixes);
76 this.browsers = browsers;
77 this.options = options;
79 var _preprocess = this.preprocess(this.select(this.data));
81 this.add = _preprocess[0];
82 this.remove = _preprocess[1];
84 this.transition = new Transition(this);
85 this.processor = new Processor(this);
89 * Return clone instance to remove all prefixes
93 Prefixes.prototype.cleaner = function cleaner() {
94 if (this.cleanerCache) {
95 return this.cleanerCache;
98 if (this.browsers.selected.length) {
99 var empty = new Browsers(this.browsers.data, []);
100 this.cleanerCache = new Prefixes(this.data, empty, this.options);
105 return this.cleanerCache;
109 * Select prefixes from data, which is necessary for selected browsers
113 Prefixes.prototype.select = function select(list) {
116 var selected = { add: {}, remove: {} };
118 var _loop = function _loop(name) {
119 var data = list[name];
120 var add = data.browsers.map(function (i) {
121 var params = i.split(' ');
123 browser: params[0] + ' ' + params[1],
128 var notes = add.filter(function (i) {
130 }).map(function (i) {
131 return _this.browsers.prefix(i.browser) + ' ' + i.note;
133 notes = utils.uniq(notes);
135 add = add.filter(function (i) {
136 return _this.browsers.isSelected(i.browser);
137 }).map(function (i) {
138 var prefix = _this.browsers.prefix(i.browser);
140 return prefix + ' ' + i.note;
145 add = _this.sort(utils.uniq(add));
147 if (_this.options.flexbox === 'no-2009') {
148 add = add.filter(function (i) {
149 return i.indexOf('2009') === -1;
153 var all = data.browsers.map(function (i) {
154 return _this.browsers.prefix(i);
157 all = all.concat(data.mistakes);
159 all = all.concat(notes);
160 all = utils.uniq(all);
163 selected.add[name] = add;
164 if (add.length < all.length) {
165 selected.remove[name] = all.filter(function (i) {
166 return add.indexOf(i) === -1;
170 selected.remove[name] = all;
174 for (var name in list) {
182 * Sort vendor prefixes
186 Prefixes.prototype.sort = function sort(prefixes) {
187 return prefixes.sort(function (a, b) {
188 var aLength = utils.removeNote(a).length;
189 var bLength = utils.removeNote(b).length;
191 if (aLength === bLength) {
192 return b.length - a.length;
194 return bLength - aLength;
200 * Cache prefixes data to fast CSS processing
204 Prefixes.prototype.preprocess = function preprocess(selected) {
207 '@supports': new Supports(Prefixes, this)
209 for (var name in selected.add) {
210 var prefixes = selected.add[name];
211 if (name === '@keyframes' || name === '@viewport') {
212 add[name] = new AtRule(name, prefixes, this);
213 } else if (name === '@resolution') {
214 add[name] = new Resolution(name, prefixes, this);
215 } else if (this.data[name].selector) {
216 add.selectors.push(Selector.load(name, prefixes, this));
218 var props = this.data[name].props;
221 var value = Value.load(name, prefixes, this);
222 for (var _iterator = props, _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
226 if (_i >= _iterator.length) break;
227 _ref = _iterator[_i++];
229 _i = _iterator.next();
237 add[prop] = { values: [] };
239 add[prop].values.push(value);
242 var values = add[name] && add[name].values || [];
243 add[name] = Declaration.load(name, prefixes, this);
244 add[name].values = values;
249 var remove = { selectors: [] };
250 for (var _name in selected.remove) {
251 var _prefixes = selected.remove[_name];
252 if (this.data[_name].selector) {
253 var selector = Selector.load(_name, _prefixes);
254 for (var _iterator2 = _prefixes, _isArray2 = Array.isArray(_iterator2), _i2 = 0, _iterator2 = _isArray2 ? _iterator2 : _iterator2[Symbol.iterator]();;) {
258 if (_i2 >= _iterator2.length) break;
259 _ref2 = _iterator2[_i2++];
261 _i2 = _iterator2.next();
268 remove.selectors.push(selector.old(prefix));
270 } else if (_name === '@keyframes' || _name === '@viewport') {
271 for (var _iterator3 = _prefixes, _isArray3 = Array.isArray(_iterator3), _i3 = 0, _iterator3 = _isArray3 ? _iterator3 : _iterator3[Symbol.iterator]();;) {
275 if (_i3 >= _iterator3.length) break;
276 _ref3 = _iterator3[_i3++];
278 _i3 = _iterator3.next();
285 var prefixed = '@' + _prefix + _name.slice(1);
286 remove[prefixed] = { remove: true };
288 } else if (_name === '@resolution') {
289 remove[_name] = new Resolution(_name, _prefixes, this);
291 var _props = this.data[_name].props;
293 var _value = Value.load(_name, [], this);
294 for (var _iterator4 = _prefixes, _isArray4 = Array.isArray(_iterator4), _i4 = 0, _iterator4 = _isArray4 ? _iterator4 : _iterator4[Symbol.iterator]();;) {
298 if (_i4 >= _iterator4.length) break;
299 _ref4 = _iterator4[_i4++];
301 _i4 = _iterator4.next();
306 var _prefix2 = _ref4;
308 var old = _value.old(_prefix2);
310 for (var _iterator5 = _props, _isArray5 = Array.isArray(_iterator5), _i5 = 0, _iterator5 = _isArray5 ? _iterator5 : _iterator5[Symbol.iterator]();;) {
314 if (_i5 >= _iterator5.length) break;
315 _ref5 = _iterator5[_i5++];
317 _i5 = _iterator5.next();
324 if (!remove[_prop]) {
327 if (!remove[_prop].values) {
328 remove[_prop].values = [];
330 remove[_prop].values.push(old);
335 for (var _iterator6 = _prefixes, _isArray6 = Array.isArray(_iterator6), _i6 = 0, _iterator6 = _isArray6 ? _iterator6 : _iterator6[Symbol.iterator]();;) {
339 if (_i6 >= _iterator6.length) break;
340 _ref6 = _iterator6[_i6++];
342 _i6 = _iterator6.next();
347 var _prefix3 = _ref6;
349 var olds = this.decl(_name).old(_name, _prefix3);
350 if (_name === 'align-self') {
351 var a = add[_name] && add[_name].prefixes;
353 if (_prefix3 === '-webkit- 2009' && a.indexOf('-webkit-') !== -1) {
355 } else if (_prefix3 === '-webkit-' && a.indexOf('-webkit- 2009') !== -1) {
360 for (var _iterator7 = olds, _isArray7 = Array.isArray(_iterator7), _i7 = 0, _iterator7 = _isArray7 ? _iterator7 : _iterator7[Symbol.iterator]();;) {
364 if (_i7 >= _iterator7.length) break;
365 _ref7 = _iterator7[_i7++];
367 _i7 = _iterator7.next();
372 var _prefixed = _ref7;
374 if (!remove[_prefixed]) {
375 remove[_prefixed] = {};
377 remove[_prefixed].remove = true;
384 return [add, remove];
388 * Declaration loader with caching
392 Prefixes.prototype.decl = function decl(prop) {
393 var decl = declsCache[prop];
398 declsCache[prop] = Declaration.load(prop);
399 return declsCache[prop];
404 * Return unprefixed version of property
408 Prefixes.prototype.unprefixed = function unprefixed(prop) {
409 var value = this.normalize(vendor.unprefixed(prop));
410 if (value === 'flex-direction') {
417 * Normalize prefix for remover
421 Prefixes.prototype.normalize = function normalize(prop) {
422 return this.decl(prop).normalize(prop);
426 * Return prefixed version of property
430 Prefixes.prototype.prefixed = function prefixed(prop, prefix) {
431 prop = vendor.unprefixed(prop);
432 return this.decl(prop).prefixed(prop, prefix);
436 * Return values, which must be prefixed in selected property
440 Prefixes.prototype.values = function values(type, prop) {
441 var data = this[type];
443 var global = data['*'] && data['*'].values;
444 var values = data[prop] && data[prop].values;
446 if (global && values) {
447 return utils.uniq(global.concat(values));
449 return global || values || [];
454 * Group declaration by unprefixed property to check them
458 Prefixes.prototype.group = function group(decl) {
461 var rule = decl.parent;
462 var index = rule.index(decl);
463 var length = rule.nodes.length;
465 var unprefixed = this.unprefixed(decl.prop);
467 var checker = function checker(step, callback) {
469 while (index >= 0 && index < length) {
470 var other = rule.nodes[index];
471 if (other.type === 'decl') {
473 if (step === -1 && other.prop === unprefixed) {
474 if (!Browsers.withPrefix(other.value)) {
479 if (_this2.unprefixed(other.prop) !== unprefixed) {
481 } else if (callback(other) === true) {
485 if (step === +1 && other.prop === unprefixed) {
486 if (!Browsers.withPrefix(other.value)) {
498 up: function up(callback) {
499 return checker(-1, callback);
501 down: function down(callback) {
502 return checker(+1, callback);
510 module.exports = Prefixes;