123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149 |
- 'use strict';
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- var _postcss = require('postcss');
- var _postcssValueParser = require('postcss-value-parser');
- var _postcssValueParser2 = _interopRequireDefault(_postcssValueParser);
- var _cssnanoUtilGetArguments = require('cssnano-util-get-arguments');
- var _cssnanoUtilGetArguments2 = _interopRequireDefault(_cssnanoUtilGetArguments);
- var _has = require('has');
- var _has2 = _interopRequireDefault(_has);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- const directions = ['top', 'right', 'bottom', 'left', 'center'];
- const center = '50%';
- const horizontal = {
- right: '100%',
- left: '0'
- };
- const vertical = {
- bottom: '100%',
- top: '0'
- };
- function transform(value) {
- const parsed = (0, _postcssValueParser2.default)(value);
- const args = (0, _cssnanoUtilGetArguments2.default)(parsed);
- const relevant = [];
- args.forEach(arg => {
- relevant.push({
- start: null,
- end: null
- });
- arg.forEach((part, index) => {
- const isPosition = ~directions.indexOf(part.value.toLowerCase()) || (0, _postcssValueParser.unit)(part.value);
- const len = relevant.length - 1;
- if (relevant[len].start === null && isPosition) {
- relevant[len].start = index;
- relevant[len].end = index;
- return;
- }
- if (relevant[len].start !== null) {
- if (part.type === 'space') {
- return;
- } else if (isPosition) {
- relevant[len].end = index;
- return;
- }
- return;
- }
- });
- });
- relevant.forEach((range, index) => {
- if (range.start === null) {
- return;
- }
- const position = args[index].slice(range.start, range.end + 1);
- if (position.length > 3) {
- return;
- }
- const firstValue = position[0].value.toLowerCase();
- const secondValue = position[2] && position[2].value ? position[2].value.toLowerCase() : null;
- if (position.length === 1 || secondValue === 'center') {
- if (secondValue) {
- position[2].value = position[1].value = '';
- }
- const map = Object.assign({}, horizontal, {
- center
- });
- if ((0, _has2.default)(map, firstValue)) {
- position[0].value = map[firstValue];
- }
- return;
- }
- if (firstValue === 'center' && ~directions.indexOf(secondValue)) {
- position[0].value = position[1].value = '';
- if ((0, _has2.default)(horizontal, secondValue)) {
- position[2].value = horizontal[secondValue];
- }
- return;
- }
- if ((0, _has2.default)(horizontal, firstValue) && (0, _has2.default)(vertical, secondValue)) {
- position[0].value = horizontal[firstValue];
- position[2].value = vertical[secondValue];
- return;
- } else if ((0, _has2.default)(vertical, firstValue) && (0, _has2.default)(horizontal, secondValue)) {
- position[0].value = horizontal[secondValue];
- position[2].value = vertical[firstValue];
- return;
- }
- });
- return parsed.toString();
- }
- exports.default = (0, _postcss.plugin)('postcss-normalize-positions', () => {
- return css => {
- const cache = {};
- css.walkDecls(/^(background(-position)?|(-webkit-)?perspective-origin)$/i, decl => {
- const value = decl.value;
- if (cache[value]) {
- decl.value = cache[value];
- return;
- }
- const result = transform(value);
- decl.value = result;
- cache[value] = result;
- });
- };
- });
- module.exports = exports['default'];
|