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.
88 lines
2.1 KiB
88 lines
2.1 KiB
let Declaration = require('../declaration') |
|
|
|
class MaskComposite extends Declaration { |
|
/** |
|
* Prefix mask-composite for webkit |
|
*/ |
|
insert(decl, prefix, prefixes) { |
|
let isCompositeProp = decl.prop === 'mask-composite' |
|
|
|
let compositeValues |
|
|
|
if (isCompositeProp) { |
|
compositeValues = decl.value.split(',') |
|
} else { |
|
compositeValues = decl.value.match(MaskComposite.regexp) || [] |
|
} |
|
|
|
compositeValues = compositeValues.map(el => el.trim()).filter(el => el) |
|
let hasCompositeValues = compositeValues.length |
|
|
|
let compositeDecl |
|
|
|
if (hasCompositeValues) { |
|
compositeDecl = this.clone(decl) |
|
compositeDecl.value = compositeValues |
|
.map(value => MaskComposite.oldValues[value] || value) |
|
.join(', ') |
|
|
|
if (compositeValues.includes('intersect')) { |
|
compositeDecl.value += ', xor' |
|
} |
|
|
|
compositeDecl.prop = prefix + 'mask-composite' |
|
} |
|
|
|
if (isCompositeProp) { |
|
if (!hasCompositeValues) { |
|
return undefined |
|
} |
|
|
|
if (this.needCascade(decl)) { |
|
compositeDecl.raws.before = this.calcBefore(prefixes, decl, prefix) |
|
} |
|
|
|
return decl.parent.insertBefore(decl, compositeDecl) |
|
} |
|
|
|
let cloned = this.clone(decl) |
|
cloned.prop = prefix + cloned.prop |
|
|
|
if (hasCompositeValues) { |
|
cloned.value = cloned.value.replace(MaskComposite.regexp, '') |
|
} |
|
|
|
if (this.needCascade(decl)) { |
|
cloned.raws.before = this.calcBefore(prefixes, decl, prefix) |
|
} |
|
|
|
decl.parent.insertBefore(decl, cloned) |
|
|
|
if (!hasCompositeValues) { |
|
return decl |
|
} |
|
|
|
if (this.needCascade(decl)) { |
|
compositeDecl.raws.before = this.calcBefore(prefixes, decl, prefix) |
|
} |
|
return decl.parent.insertBefore(decl, compositeDecl) |
|
} |
|
} |
|
|
|
MaskComposite.names = ['mask', 'mask-composite'] |
|
|
|
MaskComposite.oldValues = { |
|
add: 'source-over', |
|
subtract: 'source-out', |
|
intersect: 'source-in', |
|
exclude: 'xor' |
|
} |
|
|
|
MaskComposite.regexp = new RegExp( |
|
`\\s+(${Object.keys(MaskComposite.oldValues).join( |
|
'|' |
|
)})\\b(?!\\))\\s*(?=[,])`, |
|
'ig' |
|
) |
|
|
|
module.exports = MaskComposite
|
|
|