Son CV dans un terminal web en Javascript! https://terminal-cv.gregandev.fr
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

129 lines
3.7 KiB

"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;