| "use strict"; |
| |
| Object.defineProperty(exports, "__esModule", { |
| value: true |
| }); |
| exports.default = void 0; |
| |
| var _postcssSelectorParser = _interopRequireDefault(require("postcss-selector-parser")); |
| |
| var _postcssValueParser = _interopRequireDefault(require("postcss-value-parser")); |
| |
| var _parser = require("../parser"); |
| |
| var _reducer = _interopRequireDefault(require("./reducer")); |
| |
| var _stringifier = _interopRequireDefault(require("./stringifier")); |
| |
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } |
| |
| // eslint-disable-next-line import/no-unresolved |
| const MATCH_CALC = /((?:-(moz|webkit)-)?calc)/i; |
| /** |
| * @param {string} value |
| * @param {{precision: number, warnWhenCannotResolve: boolean}} options |
| * @param {import("postcss").Result} result |
| * @param {import("postcss").ChildNode} item |
| */ |
| |
| function transformValue(value, options, result, item) { |
| return (0, _postcssValueParser.default)(value).walk(node => { |
| // skip anything which isn't a calc() function |
| if (node.type !== "function" || !MATCH_CALC.test(node.value)) { |
| return; |
| } // stringify calc expression and produce an AST |
| |
| |
| const contents = _postcssValueParser.default.stringify(node.nodes); |
| |
| const ast = _parser.parser.parse(contents); // reduce AST to its simplest form, that is, either to a single value |
| // or a simplified calc expression |
| |
| |
| const reducedAst = (0, _reducer.default)(ast, options.precision); // stringify AST and write it back |
| |
| /** @type {valueParser.Node} */ |
| node.type = "word"; |
| node.value = (0, _stringifier.default)(node.value, reducedAst, value, options, result, item); |
| return false; |
| }).toString(); |
| } |
| /** |
| * @param {import("postcss-selector-parser").Selectors} value |
| * @param {{precision: number, warnWhenCannotResolve: boolean}} options |
| * @param {import("postcss").Result} result |
| * @param {import("postcss").ChildNode} item |
| */ |
| |
| |
| function transformSelector(value, options, result, item) { |
| return (0, _postcssSelectorParser.default)(selectors => { |
| selectors.walk(node => { |
| // attribute value |
| // e.g. the "calc(3*3)" part of "div[data-size="calc(3*3)"]" |
| if (node.type === "attribute" && node.value) { |
| node.setValue(transformValue(node.value, options, result, item)); |
| } // tag value |
| // e.g. the "calc(3*3)" part of "div:nth-child(2n + calc(3*3))" |
| |
| |
| if (node.type === "tag") { |
| node.value = transformValue(node.value, options, result, item); |
| } |
| |
| return; |
| }); |
| }).processSync(value); |
| } |
| /** |
| * @param {any} node |
| * @param {{precision: number, preserve: boolean, warnWhenCannotResolve: boolean}} options |
| * @param {'value'|'params'|'selector'} property |
| * @param {import("postcss").Result} result |
| */ |
| |
| |
| var _default = (node, property, options, result) => { |
| let value = node[property]; |
| |
| try { |
| value = property === "selector" ? transformSelector(node[property], options, result, node) : transformValue(node[property], options, result, node); |
| } catch (error) { |
| if (error instanceof Error) { |
| result.warn(error.message, { |
| node |
| }); |
| } else { |
| result.warn('Error', { |
| node |
| }); |
| } |
| |
| return; |
| } // if the preserve option is enabled and the value has changed, write the |
| // transformed value into a cloned node which is inserted before the current |
| // node, preserving the original value. Otherwise, overwrite the original |
| // value. |
| |
| |
| if (options.preserve && node[property] !== value) { |
| const clone = node.clone(); |
| clone[property] = value; |
| node.parent.insertBefore(node, clone); |
| } else { |
| node[property] = value; |
| } |
| }; |
| |
| exports.default = _default; |
| module.exports = exports.default; |