Spaces:
Sleeping
Sleeping
| const DIRECTIONS = new Set(['normal', 'reverse', 'alternate', 'alternate-reverse']) | |
| const PLAY_STATES = new Set(['running', 'paused']) | |
| const FILL_MODES = new Set(['none', 'forwards', 'backwards', 'both']) | |
| const ITERATION_COUNTS = new Set(['infinite']) | |
| const TIMINGS = new Set([ | |
| 'linear', | |
| 'ease', | |
| 'ease-in', | |
| 'ease-out', | |
| 'ease-in-out', | |
| 'step-start', | |
| 'step-end', | |
| ]) | |
| const TIMING_FNS = ['cubic-bezier', 'steps'] | |
| const COMMA = /\,(?![^(]*\))/g // Comma separator that is not located between brackets. E.g.: `cubic-bezier(a, b, c)` these don't count. | |
| const SPACE = /\ +(?![^(]*\))/g // Similar to the one above, but with spaces instead. | |
| const TIME = /^(-?[\d.]+m?s)$/ | |
| const DIGIT = /^(\d+)$/ | |
| export default function parseAnimationValue(input) { | |
| let animations = input.split(COMMA) | |
| return animations.map((animation) => { | |
| let value = animation.trim() | |
| let result = { value } | |
| let parts = value.split(SPACE) | |
| let seen = new Set() | |
| for (let part of parts) { | |
| if (!seen.has('DIRECTIONS') && DIRECTIONS.has(part)) { | |
| result.direction = part | |
| seen.add('DIRECTIONS') | |
| } else if (!seen.has('PLAY_STATES') && PLAY_STATES.has(part)) { | |
| result.playState = part | |
| seen.add('PLAY_STATES') | |
| } else if (!seen.has('FILL_MODES') && FILL_MODES.has(part)) { | |
| result.fillMode = part | |
| seen.add('FILL_MODES') | |
| } else if ( | |
| !seen.has('ITERATION_COUNTS') && | |
| (ITERATION_COUNTS.has(part) || DIGIT.test(part)) | |
| ) { | |
| result.iterationCount = part | |
| seen.add('ITERATION_COUNTS') | |
| } else if (!seen.has('TIMING_FUNCTION') && TIMINGS.has(part)) { | |
| result.timingFunction = part | |
| seen.add('TIMING_FUNCTION') | |
| } else if (!seen.has('TIMING_FUNCTION') && TIMING_FNS.some((f) => part.startsWith(`${f}(`))) { | |
| result.timingFunction = part | |
| seen.add('TIMING_FUNCTION') | |
| } else if (!seen.has('DURATION') && TIME.test(part)) { | |
| result.duration = part | |
| seen.add('DURATION') | |
| } else if (!seen.has('DELAY') && TIME.test(part)) { | |
| result.delay = part | |
| seen.add('DELAY') | |
| } else if (!seen.has('NAME')) { | |
| result.name = part | |
| seen.add('NAME') | |
| } else { | |
| if (!result.unknown) result.unknown = [] | |
| result.unknown.push(part) | |
| } | |
| } | |
| return result | |
| }) | |
| } | |