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
68
69
70
71
72
73
|
"use strict";
// deprecated
// @see https://drafts.csswg.org/css-masking-1/#clip-property
const parsers = require("../parsers");
const property = "clip";
module.exports.parse = (v, opt = {}) => {
const { globalObject } = opt;
if (v === "") {
return v;
}
const { AST_TYPES } = parsers;
const value = parsers.parsePropertyValue(property, v, {
globalObject,
inArray: true
});
if (Array.isArray(value) && value.length === 1) {
const [{ name, type, value: itemValue }] = value;
switch (type) {
case AST_TYPES.FUNCTION: {
const values = parsers.splitValue(itemValue, {
delimiter: ","
});
const parsedValues = [];
for (const item of values) {
const parsedValue = parsers.parseCSS(item, { context: "value" }, true);
const val = parsers.resolveNumericValue(parsedValue.children, {
type: "length"
});
if (val) {
parsedValues.push(val);
} else {
return;
}
}
return `${name}(${parsedValues.join(", ")})`;
}
case AST_TYPES.GLOBAL_KEYWORD:
case AST_TYPES.IDENTIFIER: {
return name;
}
default:
}
} else if (typeof value === "string") {
return value;
}
};
module.exports.definition = {
set(v) {
v = parsers.prepareValue(v);
if (parsers.hasVarFunc(v)) {
this._setProperty(property, v);
} else {
const val = module.exports.parse(v, {
globalObject: this._global
});
if (typeof val === "string") {
const priority = this._priorities.get(property) ?? "";
this._setProperty(property, val, priority);
}
}
},
get() {
return this.getPropertyValue(property);
},
enumerable: true,
configurable: true
};
module.exports.property = property;
|
