123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291 |
- (function() {
- var Transition, list, parser, vendor;
- parser = require('postcss-value-parser');
- vendor = require('postcss/lib/vendor');
- list = require('postcss/lib/list');
- Transition = (function() {
- function Transition(prefixes) {
- 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;
- }
- prefixer = this.prefixes.add[prop];
- if (!(prefixer != null ? prefixer.prefixes : void 0)) {
- continue;
- }
- 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));
- }
- }
- }
- }
- 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();
- 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;
- }
- }
- }
- return prop;
- };
- Transition.prototype.already = function(decl, prop, value) {
- return decl.parent.some(function(i) {
- return i.prop === prop && i.value === value;
- });
- };
- Transition.prototype.cloneBefore = function(decl, prop, value) {
- if (!this.already(decl, prop, value)) {
- return decl.cloneBefore({
- prop: prop,
- 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) {
- return;
- }
- if (i.prop === 'transition-property') {
- 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;
- });
- }
- };
- 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;
- }
- };
- 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 = [];
- }
- }
- 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));
- }
- 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
- });
- };
- 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 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;
- }
- }
- }
- 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.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);
- }
- }
- 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;
- }
- }
- };
- return Transition;
- })();
- module.exports = Transition;
- }).call(this);
|