summaryrefslogtreecommitdiff
path: root/node_modules/postcss-calc/dist/lib/transform.js
blob: 1a4505f9f9acd8cc046f7a2ad1ef8e3b3900f6c5 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _postcssSelectorParser = require('postcss-selector-parser');

var _postcssSelectorParser2 = _interopRequireDefault(_postcssSelectorParser);

var _reduceCssCalc = require('reduce-css-calc');

var _reduceCssCalc2 = _interopRequireDefault(_reduceCssCalc);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var MATCH_CALC = /((?:\-[a-z]+\-)?calc)/;

function transformValue(value, options, result, item) {
  if (!value) {
    return value;
  }

  var reduced = (0, _reduceCssCalc2.default)(value, options.precision);
  // if the warnWhenCannotResolve option is on, inform the user that the calc
  // expression could not be resolved to a single value
  if (options.warnWhenCannotResolve && MATCH_CALC.test(reduced)) {
    result.warn("Could not reduce expression: " + value, { plugin: 'postcss-calc', node: item });
  }

  return reduced;
}

function transformSelector(value, options, result, item) {
  return (0, _postcssSelectorParser2.default)(function (selectors) {
    selectors.walk(function (node) {
      // attribute value
      // e.g. the "calc(3*3)" part of "div[data-size="calc(3*3)"]"
      if (node.type === 'attribute') {
        var val = transformValue(node.raws.unquoted, options, result, item);
        node.value = node.quoted ? '"' + val + '"' : val;
      }

      // 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;
    });
  }).process(value).result.toString();
}

exports.default = function (node, property, options, result) {
  var value = property === "selector" ? transformSelector(node[property], options, result, node) : transformValue(node[property], options, result, node);

  // 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) {
    var clone = node.clone();
    clone[property] = value;
    node.parent.insertBefore(node, clone);
  } else node[property] = value;
};

module.exports = exports['default'];