"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = void 0; var _postcss = require("postcss"); var _postcssValueParser = require("postcss-value-parser"); var _stylehacks = require("stylehacks"); var _canMerge = _interopRequireDefault(require("../canMerge")); var _getDecls = _interopRequireDefault(require("../getDecls")); var _getValue = _interopRequireDefault(require("../getValue")); var _mergeRules = _interopRequireDefault(require("../mergeRules")); var _insertCloned = _interopRequireDefault(require("../insertCloned")); var _remove = _interopRequireDefault(require("../remove")); var _isCustomProp = _interopRequireDefault(require("../isCustomProp")); var _canExplode = _interopRequireDefault(require("../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, _canExplode.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, _insertCloned.default)(decl.parent, decl, { prop, value }); }); decl.remove(); }); } function cleanup(rule) { let decls = (0, _getDecls.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(_remove.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, _isCustomProp.default)(node) && (0, _isCustomProp.default)(lastNode))); duplicates.forEach(_remove.default); decls = decls.filter(node => node !== lastNode && !~duplicates.indexOf(node)); } } function merge(rule) { (0, _mergeRules.default)(rule, properties, (rules, lastNode) => { if ((0, _canMerge.default)(rules) && !rules.some(_stylehacks.detect)) { (0, _insertCloned.default)(lastNode.parent, lastNode, { prop: 'columns', value: normalize(rules.map(_getValue.default)) }); rules.forEach(_remove.default); return true; } }); cleanup(rule); } var _default = { explode, merge }; exports.default = _default; module.exports = exports.default;