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.
98 lines
3.4 KiB
98 lines
3.4 KiB
'use strict';
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.default = normalizeAnimation;
|
|
|
|
var _postcssValueParser = require('postcss-value-parser');
|
|
|
|
var _cssnanoUtilGetArguments = require('cssnano-util-get-arguments');
|
|
|
|
var _cssnanoUtilGetArguments2 = _interopRequireDefault(_cssnanoUtilGetArguments);
|
|
|
|
var _addSpace = require('../lib/addSpace');
|
|
|
|
var _addSpace2 = _interopRequireDefault(_addSpace);
|
|
|
|
var _getValue = require('../lib/getValue');
|
|
|
|
var _getValue2 = _interopRequireDefault(_getValue);
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
|
|
// animation: [ none | <keyframes-name> ] || <time> || <single-timing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state>
|
|
|
|
const isTimingFunction = (value, type) => {
|
|
const functions = ['steps', 'cubic-bezier', 'frames'];
|
|
const keywords = ['ease', 'ease-in', 'ease-in-out', 'ease-out', 'linear', 'step-end', 'step-start'];
|
|
|
|
return type === 'function' && functions.includes(value) || keywords.includes(value);
|
|
};
|
|
|
|
const isDirection = value => {
|
|
return ['normal', 'reverse', 'alternate', 'alternate-reverse'].includes(value);
|
|
};
|
|
|
|
const isFillMode = value => {
|
|
return ['none', 'forwards', 'backwards', 'both'].includes(value);
|
|
};
|
|
|
|
const isPlayState = value => {
|
|
return ['running', 'paused'].includes(value);
|
|
};
|
|
|
|
const isTime = value => {
|
|
const quantity = (0, _postcssValueParser.unit)(value);
|
|
|
|
return quantity && ['ms', 's'].includes(quantity.unit);
|
|
};
|
|
|
|
const isIterationCount = value => {
|
|
const quantity = (0, _postcssValueParser.unit)(value);
|
|
|
|
return value === 'infinite' || quantity && !quantity.unit;
|
|
};
|
|
|
|
function normalizeAnimation(parsed) {
|
|
const args = (0, _cssnanoUtilGetArguments2.default)(parsed);
|
|
|
|
const values = args.reduce((list, arg) => {
|
|
const state = {
|
|
name: [],
|
|
duration: [],
|
|
timingFunction: [],
|
|
delay: [],
|
|
iterationCount: [],
|
|
direction: [],
|
|
fillMode: [],
|
|
playState: []
|
|
};
|
|
const stateConditions = [{ property: 'duration', delegate: isTime }, { property: 'timingFunction', delegate: isTimingFunction }, { property: 'delay', delegate: isTime }, { property: 'iterationCount', delegate: isIterationCount }, { property: 'direction', delegate: isDirection }, { property: 'fillMode', delegate: isFillMode }, { property: 'playState', delegate: isPlayState }];
|
|
|
|
arg.forEach(node => {
|
|
let { type, value } = node;
|
|
|
|
if (type === 'space') {
|
|
return;
|
|
}
|
|
|
|
value = value.toLowerCase();
|
|
|
|
const hasMatch = stateConditions.some(({ property, delegate }) => {
|
|
if (delegate(value, type) && !state[property].length) {
|
|
state[property] = [node, (0, _addSpace2.default)()];
|
|
return true;
|
|
}
|
|
});
|
|
|
|
if (!hasMatch) {
|
|
state.name = [...state.name, node, (0, _addSpace2.default)()];
|
|
}
|
|
});
|
|
return [...list, [...state.name, ...state.duration, ...state.timingFunction, ...state.delay, ...state.iterationCount, ...state.direction, ...state.fillMode, ...state.playState]];
|
|
}, []);
|
|
|
|
return (0, _getValue2.default)(values);
|
|
};
|
|
module.exports = exports['default'];
|