|
|
- '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'];
|