[6a3a178] | 1 | "use strict";
|
---|
| 2 |
|
---|
| 3 | function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
|
---|
| 4 |
|
---|
| 5 | function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _defaults(subClass, superClass); }
|
---|
| 6 |
|
---|
| 7 | function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
---|
| 8 |
|
---|
| 9 | var Declaration = require('../declaration');
|
---|
| 10 |
|
---|
| 11 | var MaskComposite = /*#__PURE__*/function (_Declaration) {
|
---|
| 12 | _inheritsLoose(MaskComposite, _Declaration);
|
---|
| 13 |
|
---|
| 14 | function MaskComposite() {
|
---|
| 15 | return _Declaration.apply(this, arguments) || this;
|
---|
| 16 | }
|
---|
| 17 |
|
---|
| 18 | var _proto = MaskComposite.prototype;
|
---|
| 19 |
|
---|
| 20 | /**
|
---|
| 21 | * Prefix mask-composite for webkit
|
---|
| 22 | */
|
---|
| 23 | _proto.insert = function insert(decl, prefix, prefixes) {
|
---|
| 24 | var isCompositeProp = decl.prop === 'mask-composite';
|
---|
| 25 | var compositeValues;
|
---|
| 26 |
|
---|
| 27 | if (isCompositeProp) {
|
---|
| 28 | compositeValues = decl.value.split(',');
|
---|
| 29 | } else {
|
---|
| 30 | compositeValues = decl.value.match(MaskComposite.regexp) || [];
|
---|
| 31 | }
|
---|
| 32 |
|
---|
| 33 | compositeValues = compositeValues.map(function (el) {
|
---|
| 34 | return el.trim();
|
---|
| 35 | }).filter(function (el) {
|
---|
| 36 | return el;
|
---|
| 37 | });
|
---|
| 38 | var hasCompositeValues = compositeValues.length;
|
---|
| 39 | var compositeDecl;
|
---|
| 40 |
|
---|
| 41 | if (hasCompositeValues) {
|
---|
| 42 | compositeDecl = this.clone(decl);
|
---|
| 43 | compositeDecl.value = compositeValues.map(function (value) {
|
---|
| 44 | return MaskComposite.oldValues[value] || value;
|
---|
| 45 | }).join(', ');
|
---|
| 46 |
|
---|
| 47 | if (compositeValues.includes('intersect')) {
|
---|
| 48 | compositeDecl.value += ', xor';
|
---|
| 49 | }
|
---|
| 50 |
|
---|
| 51 | compositeDecl.prop = prefix + 'mask-composite';
|
---|
| 52 | }
|
---|
| 53 |
|
---|
| 54 | if (isCompositeProp) {
|
---|
| 55 | if (!hasCompositeValues) {
|
---|
| 56 | return undefined;
|
---|
| 57 | }
|
---|
| 58 |
|
---|
| 59 | if (this.needCascade(decl)) {
|
---|
| 60 | compositeDecl.raws.before = this.calcBefore(prefixes, decl, prefix);
|
---|
| 61 | }
|
---|
| 62 |
|
---|
| 63 | return decl.parent.insertBefore(decl, compositeDecl);
|
---|
| 64 | }
|
---|
| 65 |
|
---|
| 66 | var cloned = this.clone(decl);
|
---|
| 67 | cloned.prop = prefix + cloned.prop;
|
---|
| 68 |
|
---|
| 69 | if (hasCompositeValues) {
|
---|
| 70 | cloned.value = cloned.value.replace(MaskComposite.regexp, '');
|
---|
| 71 | }
|
---|
| 72 |
|
---|
| 73 | if (this.needCascade(decl)) {
|
---|
| 74 | cloned.raws.before = this.calcBefore(prefixes, decl, prefix);
|
---|
| 75 | }
|
---|
| 76 |
|
---|
| 77 | decl.parent.insertBefore(decl, cloned);
|
---|
| 78 |
|
---|
| 79 | if (!hasCompositeValues) {
|
---|
| 80 | return decl;
|
---|
| 81 | }
|
---|
| 82 |
|
---|
| 83 | if (this.needCascade(decl)) {
|
---|
| 84 | compositeDecl.raws.before = this.calcBefore(prefixes, decl, prefix);
|
---|
| 85 | }
|
---|
| 86 |
|
---|
| 87 | return decl.parent.insertBefore(decl, compositeDecl);
|
---|
| 88 | };
|
---|
| 89 |
|
---|
| 90 | return MaskComposite;
|
---|
| 91 | }(Declaration);
|
---|
| 92 |
|
---|
| 93 | _defineProperty(MaskComposite, "names", ['mask', 'mask-composite']);
|
---|
| 94 |
|
---|
| 95 | _defineProperty(MaskComposite, "oldValues", {
|
---|
| 96 | add: 'source-over',
|
---|
| 97 | substract: 'source-out',
|
---|
| 98 | intersect: 'source-in',
|
---|
| 99 | exclude: 'xor'
|
---|
| 100 | });
|
---|
| 101 |
|
---|
| 102 | _defineProperty(MaskComposite, "regexp", new RegExp("\\s+(" + Object.keys(MaskComposite.oldValues).join('|') + ")\\b(?!\\))\\s*(?=[,])", 'ig'));
|
---|
| 103 |
|
---|
| 104 | module.exports = MaskComposite; |
---|