| 'use strict'; |
| |
| Object.defineProperty(exports, "__esModule", { |
| value: true |
| }); |
| |
| var _postcss = require('postcss'); |
| |
| var _postcssValueParser = require('postcss-value-parser'); |
| |
| var _stylehacks = require('stylehacks'); |
| |
| var _canMerge = require('../canMerge'); |
| |
| var _canMerge2 = _interopRequireDefault(_canMerge); |
| |
| var _getDecls = require('../getDecls'); |
| |
| var _getDecls2 = _interopRequireDefault(_getDecls); |
| |
| var _getValue = require('../getValue'); |
| |
| var _getValue2 = _interopRequireDefault(_getValue); |
| |
| var _mergeRules = require('../mergeRules'); |
| |
| var _mergeRules2 = _interopRequireDefault(_mergeRules); |
| |
| var _insertCloned = require('../insertCloned'); |
| |
| var _insertCloned2 = _interopRequireDefault(_insertCloned); |
| |
| var _remove = require('../remove'); |
| |
| var _remove2 = _interopRequireDefault(_remove); |
| |
| var _isCustomProp = require('../isCustomProp'); |
| |
| var _isCustomProp2 = _interopRequireDefault(_isCustomProp); |
| |
| var _canExplode = require('../canExplode'); |
| |
| var _canExplode2 = _interopRequireDefault(_canExplode); |
| |
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } |
| |
| const properties = ['column-width', 'column-count']; |
| const auto = 'auto'; |
| const inherit = 'inherit'; |
| |
| /** |
| * Normalize a columns shorthand definition. Both of the longhand |
| * properties' initial values are 'auto', and as per the spec, |
| * omitted values are set to their initial values. Thus, we can |
| * remove any 'auto' definition when there are two values. |
| * |
| * Specification link: https://www.w3.org/TR/css3-multicol/ |
| */ |
| |
| function normalize(values) { |
| if (values[0].toLowerCase() === auto) { |
| return values[1]; |
| } |
| |
| if (values[1].toLowerCase() === auto) { |
| return values[0]; |
| } |
| |
| if (values[0].toLowerCase() === inherit && values[1].toLowerCase() === inherit) { |
| return inherit; |
| } |
| |
| return values.join(' '); |
| } |
| |
| function explode(rule) { |
| rule.walkDecls(/^columns$/i, decl => { |
| if (!(0, _canExplode2.default)(decl)) { |
| return; |
| } |
| |
| if ((0, _stylehacks.detect)(decl)) { |
| return; |
| } |
| |
| let values = _postcss.list.space(decl.value); |
| |
| if (values.length === 1) { |
| values.push(auto); |
| } |
| |
| values.forEach((value, i) => { |
| let prop = properties[1]; |
| |
| if (value.toLowerCase() === auto) { |
| prop = properties[i]; |
| } else if ((0, _postcssValueParser.unit)(value).unit) { |
| prop = properties[0]; |
| } |
| |
| (0, _insertCloned2.default)(decl.parent, decl, { |
| prop, |
| value |
| }); |
| }); |
| |
| decl.remove(); |
| }); |
| } |
| |
| function cleanup(rule) { |
| let decls = (0, _getDecls2.default)(rule, ['columns'].concat(properties)); |
| |
| while (decls.length) { |
| const lastNode = decls[decls.length - 1]; |
| |
| // remove properties of lower precedence |
| const lesser = decls.filter(node => !(0, _stylehacks.detect)(lastNode) && !(0, _stylehacks.detect)(node) && node !== lastNode && node.important === lastNode.important && lastNode.prop === 'columns' && node.prop !== lastNode.prop); |
| |
| lesser.forEach(_remove2.default); |
| decls = decls.filter(node => !~lesser.indexOf(node)); |
| |
| // get duplicate properties |
| let duplicates = decls.filter(node => !(0, _stylehacks.detect)(lastNode) && !(0, _stylehacks.detect)(node) && node !== lastNode && node.important === lastNode.important && node.prop === lastNode.prop && !(!(0, _isCustomProp2.default)(node) && (0, _isCustomProp2.default)(lastNode))); |
| |
| duplicates.forEach(_remove2.default); |
| decls = decls.filter(node => node !== lastNode && !~duplicates.indexOf(node)); |
| } |
| } |
| |
| function merge(rule) { |
| (0, _mergeRules2.default)(rule, properties, (rules, lastNode) => { |
| if ((0, _canMerge2.default)(rules) && !rules.some(_stylehacks.detect)) { |
| (0, _insertCloned2.default)(lastNode.parent, lastNode, { |
| prop: 'columns', |
| value: normalize(rules.map(_getValue2.default)) |
| }); |
| |
| rules.forEach(_remove2.default); |
| |
| return true; |
| } |
| }); |
| |
| cleanup(rule); |
| } |
| |
| exports.default = { |
| explode, |
| merge |
| }; |
| module.exports = exports['default']; |