123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512 |
- '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/overscroll-behavior'));
- Declaration.hack(require('./hacks/grid-template-areas'));
- Declaration.hack(require('./hacks/text-emphasis-position'));
- Declaration.hack(require('./hacks/color-adjust'));
- 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;
|