cssstyle 5.3.7 → 6.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/CSSStyleDeclaration.js +359 -395
- package/lib/generated/.gitkeep +0 -0
- package/lib/generated/propertyDefinitions.js +3685 -1498
- package/lib/generated/propertyDescriptors.js +1705 -0
- package/lib/index.js +9 -0
- package/lib/normalize.js +127 -253
- package/lib/parsers.js +152 -164
- package/lib/properties/background.js +201 -202
- package/lib/properties/backgroundAttachment.js +35 -33
- package/lib/properties/backgroundClip.js +35 -33
- package/lib/properties/backgroundColor.js +26 -24
- package/lib/properties/backgroundImage.js +36 -34
- package/lib/properties/backgroundOrigin.js +35 -33
- package/lib/properties/backgroundPosition.js +57 -57
- package/lib/properties/backgroundRepeat.js +40 -37
- package/lib/properties/backgroundSize.js +38 -34
- package/lib/properties/border.js +41 -34
- package/lib/properties/{webkitBorderEndColor.js → borderBlockEndColor.js} +26 -22
- package/lib/properties/{webkitBorderAfterColor.js → borderBlockStartColor.js} +26 -22
- package/lib/properties/borderBottom.js +40 -36
- package/lib/properties/borderBottomColor.js +25 -21
- package/lib/properties/borderBottomStyle.js +25 -21
- package/lib/properties/borderBottomWidth.js +28 -24
- package/lib/properties/borderCollapse.js +25 -21
- package/lib/properties/borderColor.js +36 -33
- package/lib/properties/{webkitBorderStartColor.js → borderInlineEndColor.js} +26 -22
- package/lib/properties/borderInlineStartColor.js +49 -0
- package/lib/properties/borderLeft.js +40 -36
- package/lib/properties/borderLeftColor.js +25 -21
- package/lib/properties/borderLeftStyle.js +25 -21
- package/lib/properties/borderLeftWidth.js +28 -24
- package/lib/properties/borderRight.js +40 -36
- package/lib/properties/borderRightColor.js +25 -21
- package/lib/properties/borderRightStyle.js +25 -21
- package/lib/properties/borderRightWidth.js +28 -24
- package/lib/properties/borderSpacing.js +33 -29
- package/lib/properties/borderStyle.js +36 -33
- package/lib/properties/borderTop.js +40 -36
- package/lib/properties/borderTopColor.js +25 -21
- package/lib/properties/borderTopStyle.js +25 -21
- package/lib/properties/borderTopWidth.js +28 -24
- package/lib/properties/borderWidth.js +36 -33
- package/lib/properties/bottom.js +27 -23
- package/lib/properties/clear.js +25 -21
- package/lib/properties/clip.js +37 -31
- package/lib/properties/color.js +25 -21
- package/lib/properties/display.js +36 -30
- package/lib/properties/flex.js +53 -45
- package/lib/properties/flexBasis.js +28 -26
- package/lib/properties/flexGrow.js +28 -26
- package/lib/properties/flexShrink.js +28 -26
- package/lib/properties/float.js +25 -21
- package/lib/properties/floodColor.js +25 -21
- package/lib/properties/font.js +89 -118
- package/lib/properties/fontFamily.js +38 -33
- package/lib/properties/fontSize.js +29 -27
- package/lib/properties/fontStyle.js +38 -34
- package/lib/properties/fontVariant.js +35 -33
- package/lib/properties/fontWeight.js +33 -31
- package/lib/properties/height.js +28 -24
- package/lib/properties/left.js +27 -23
- package/lib/properties/lightingColor.js +25 -21
- package/lib/properties/lineHeight.js +28 -26
- package/lib/properties/margin.js +40 -34
- package/lib/properties/marginBottom.js +30 -27
- package/lib/properties/marginLeft.js +30 -27
- package/lib/properties/marginRight.js +30 -27
- package/lib/properties/marginTop.js +30 -27
- package/lib/properties/opacity.js +27 -23
- package/lib/properties/outlineColor.js +25 -21
- package/lib/properties/padding.js +40 -34
- package/lib/properties/paddingBottom.js +31 -28
- package/lib/properties/paddingLeft.js +31 -28
- package/lib/properties/paddingRight.js +31 -28
- package/lib/properties/paddingTop.js +31 -28
- package/lib/properties/right.js +27 -23
- package/lib/properties/stopColor.js +25 -21
- package/lib/properties/{webkitBorderBeforeColor.js → textEmphasisColor.js} +26 -22
- package/lib/properties/top.js +27 -23
- package/lib/properties/webkitTextFillColor.js +25 -21
- package/lib/properties/webkitTextStrokeColor.js +25 -21
- package/lib/properties/width.js +28 -24
- package/lib/utils/propertyDescriptors.js +129 -42
- package/lib/utils/strings.js +11 -156
- package/package.json +11 -21
- package/lib/generated/allProperties.js +0 -653
- package/lib/generated/implementedProperties.js +0 -1466
- package/lib/generated/properties.js +0 -6637
- package/lib/properties/webkitColumnRuleColor.js +0 -45
- package/lib/properties/webkitTapHighlightColor.js +0 -45
- package/lib/properties/webkitTextEmphasisColor.js +0 -45
- package/lib/utils/allExtraProperties.js +0 -155
- package/lib/utils/camelize.js +0 -37
|
@@ -9,22 +9,45 @@ const borderLeftColor = require("./borderLeftColor");
|
|
|
9
9
|
const property = "border-color";
|
|
10
10
|
const shorthand = "border";
|
|
11
11
|
|
|
12
|
-
|
|
12
|
+
const shorthandFor = new Map([
|
|
13
13
|
[borderTopColor.property, borderTopColor],
|
|
14
14
|
[borderRightColor.property, borderRightColor],
|
|
15
15
|
[borderBottomColor.property, borderBottomColor],
|
|
16
16
|
[borderLeftColor.property, borderLeftColor]
|
|
17
17
|
]);
|
|
18
18
|
|
|
19
|
-
|
|
20
|
-
|
|
19
|
+
const descriptor = {
|
|
20
|
+
set(v) {
|
|
21
|
+
v = parsers.prepareValue(v);
|
|
22
|
+
if (parsers.hasVarFunc(v)) {
|
|
23
|
+
this._borderSetter(property, v, "");
|
|
24
|
+
} else {
|
|
25
|
+
const val = parse(v);
|
|
26
|
+
if (Array.isArray(val) || typeof val === "string") {
|
|
27
|
+
const priority =
|
|
28
|
+
!this._priorities.get(shorthand) && this._priorities.has(property) ? this._priorities.get(property) : "";
|
|
29
|
+
this._borderSetter(property, val, priority);
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
get() {
|
|
34
|
+
return this.getPropertyValue(property);
|
|
35
|
+
},
|
|
36
|
+
enumerable: true,
|
|
37
|
+
configurable: true
|
|
38
|
+
};
|
|
39
|
+
|
|
40
|
+
/**
|
|
41
|
+
* Parses the border-color property value.
|
|
42
|
+
*
|
|
43
|
+
* @param {string} v - The value to parse.
|
|
44
|
+
* @returns {Array<string>|undefined} The parsed value or undefined if invalid.
|
|
45
|
+
*/
|
|
46
|
+
function parse(v) {
|
|
21
47
|
if (v === "") {
|
|
22
48
|
return v;
|
|
23
49
|
}
|
|
24
|
-
const values = parsers.parsePropertyValue(property, v
|
|
25
|
-
globalObject,
|
|
26
|
-
inArray: true
|
|
27
|
-
});
|
|
50
|
+
const values = parsers.parsePropertyValue(property, v);
|
|
28
51
|
const parsedValues = [];
|
|
29
52
|
if (Array.isArray(values) && values.length) {
|
|
30
53
|
if (values.length > 4) {
|
|
@@ -80,31 +103,11 @@ module.exports.parse = (v, opt = {}) => {
|
|
|
80
103
|
default:
|
|
81
104
|
}
|
|
82
105
|
}
|
|
83
|
-
}
|
|
106
|
+
}
|
|
84
107
|
|
|
85
|
-
module.exports
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
} else {
|
|
91
|
-
const val = module.exports.parse(v, {
|
|
92
|
-
globalObject: this._global
|
|
93
|
-
});
|
|
94
|
-
if (Array.isArray(val) || typeof val === "string") {
|
|
95
|
-
const priority =
|
|
96
|
-
!this._priorities.get(shorthand) && this._priorities.has(property)
|
|
97
|
-
? this._priorities.get(property)
|
|
98
|
-
: "";
|
|
99
|
-
this._borderSetter(property, val, priority);
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
},
|
|
103
|
-
get() {
|
|
104
|
-
return this.getPropertyValue(property);
|
|
105
|
-
},
|
|
106
|
-
enumerable: true,
|
|
107
|
-
configurable: true
|
|
108
|
+
module.exports = {
|
|
109
|
+
descriptor,
|
|
110
|
+
parse,
|
|
111
|
+
property,
|
|
112
|
+
shorthandFor
|
|
108
113
|
};
|
|
109
|
-
|
|
110
|
-
module.exports.property = property;
|
|
@@ -2,33 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
const parsers = require("../parsers");
|
|
4
4
|
|
|
5
|
-
const property = "-
|
|
5
|
+
const property = "border-inline-end-color";
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
const { globalObject } = opt;
|
|
9
|
-
if (v === "") {
|
|
10
|
-
return v;
|
|
11
|
-
}
|
|
12
|
-
const value = parsers.parsePropertyValue(property, v, {
|
|
13
|
-
globalObject,
|
|
14
|
-
inArray: true
|
|
15
|
-
});
|
|
16
|
-
if (Array.isArray(value) && value.length === 1) {
|
|
17
|
-
return parsers.resolveColorValue(value);
|
|
18
|
-
} else if (typeof value === "string") {
|
|
19
|
-
return value;
|
|
20
|
-
}
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
module.exports.definition = {
|
|
7
|
+
const descriptor = {
|
|
24
8
|
set(v) {
|
|
25
9
|
v = parsers.prepareValue(v);
|
|
26
10
|
if (parsers.hasVarFunc(v)) {
|
|
27
11
|
this._setProperty(property, v);
|
|
28
12
|
} else {
|
|
29
|
-
const val =
|
|
30
|
-
globalObject: this._global
|
|
31
|
-
});
|
|
13
|
+
const val = parse(v);
|
|
32
14
|
if (typeof val === "string") {
|
|
33
15
|
const priority = this._priorities.get(property) ?? "";
|
|
34
16
|
this._setProperty(property, val, priority);
|
|
@@ -42,4 +24,26 @@ module.exports.definition = {
|
|
|
42
24
|
configurable: true
|
|
43
25
|
};
|
|
44
26
|
|
|
45
|
-
|
|
27
|
+
/**
|
|
28
|
+
* Parses the border-inline-end-color property value.
|
|
29
|
+
*
|
|
30
|
+
* @param {string} v - The value to parse.
|
|
31
|
+
* @returns {string|undefined} The parsed value or undefined if invalid.
|
|
32
|
+
*/
|
|
33
|
+
function parse(v) {
|
|
34
|
+
if (v === "") {
|
|
35
|
+
return v;
|
|
36
|
+
}
|
|
37
|
+
const value = parsers.parsePropertyValue(property, v);
|
|
38
|
+
if (Array.isArray(value) && value.length === 1) {
|
|
39
|
+
return parsers.resolveColorValue(value);
|
|
40
|
+
} else if (typeof value === "string") {
|
|
41
|
+
return value;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
module.exports = {
|
|
46
|
+
descriptor,
|
|
47
|
+
parse,
|
|
48
|
+
property
|
|
49
|
+
};
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
const parsers = require("../parsers");
|
|
4
|
+
|
|
5
|
+
const property = "border-inline-start-color";
|
|
6
|
+
|
|
7
|
+
const descriptor = {
|
|
8
|
+
set(v) {
|
|
9
|
+
v = parsers.prepareValue(v);
|
|
10
|
+
if (parsers.hasVarFunc(v)) {
|
|
11
|
+
this._setProperty(property, v);
|
|
12
|
+
} else {
|
|
13
|
+
const val = parse(v);
|
|
14
|
+
if (typeof val === "string") {
|
|
15
|
+
const priority = this._priorities.get(property) ?? "";
|
|
16
|
+
this._setProperty(property, val, priority);
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
get() {
|
|
21
|
+
return this.getPropertyValue(property);
|
|
22
|
+
},
|
|
23
|
+
enumerable: true,
|
|
24
|
+
configurable: true
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
/**
|
|
28
|
+
* Parses the border-inline-start-color property value.
|
|
29
|
+
*
|
|
30
|
+
* @param {string} v - The value to parse.
|
|
31
|
+
* @returns {string|undefined} The parsed value or undefined if invalid.
|
|
32
|
+
*/
|
|
33
|
+
function parse(v) {
|
|
34
|
+
if (v === "") {
|
|
35
|
+
return v;
|
|
36
|
+
}
|
|
37
|
+
const value = parsers.parsePropertyValue(property, v);
|
|
38
|
+
if (Array.isArray(value) && value.length === 1) {
|
|
39
|
+
return parsers.resolveColorValue(value);
|
|
40
|
+
} else if (typeof value === "string") {
|
|
41
|
+
return value;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
module.exports = {
|
|
46
|
+
descriptor,
|
|
47
|
+
parse,
|
|
48
|
+
property
|
|
49
|
+
};
|
|
@@ -14,30 +14,53 @@ const subProps = {
|
|
|
14
14
|
color: borderLeftColor.property
|
|
15
15
|
};
|
|
16
16
|
|
|
17
|
-
|
|
17
|
+
const initialValues = new Map([
|
|
18
18
|
[borderLeftWidth.property, "medium"],
|
|
19
19
|
[borderLeftStyle.property, "none"],
|
|
20
20
|
[borderLeftColor.property, "currentcolor"]
|
|
21
21
|
]);
|
|
22
22
|
|
|
23
|
-
|
|
23
|
+
const shorthandFor = new Map([
|
|
24
24
|
[borderLeftWidth.property, borderLeftWidth],
|
|
25
25
|
[borderLeftStyle.property, borderLeftStyle],
|
|
26
26
|
[borderLeftColor.property, borderLeftColor]
|
|
27
27
|
]);
|
|
28
28
|
|
|
29
|
-
|
|
30
|
-
|
|
29
|
+
const descriptor = {
|
|
30
|
+
set(v) {
|
|
31
|
+
v = parsers.prepareValue(v);
|
|
32
|
+
if (parsers.hasVarFunc(v)) {
|
|
33
|
+
this._borderSetter(property, v, "");
|
|
34
|
+
} else {
|
|
35
|
+
const val = parse(v);
|
|
36
|
+
if (val || typeof val === "string") {
|
|
37
|
+
const priority =
|
|
38
|
+
!this._priorities.get(shorthand) && this._priorities.has(property) ? this._priorities.get(property) : "";
|
|
39
|
+
this._borderSetter(property, val, priority);
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
get() {
|
|
44
|
+
return this.getPropertyValue(property);
|
|
45
|
+
},
|
|
46
|
+
enumerable: true,
|
|
47
|
+
configurable: true
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
/**
|
|
51
|
+
* Parses the border-left property value.
|
|
52
|
+
*
|
|
53
|
+
* @param {string} v - The value to parse.
|
|
54
|
+
* @returns {object|string|undefined} The parsed value or undefined if invalid.
|
|
55
|
+
*/
|
|
56
|
+
function parse(v) {
|
|
31
57
|
if (v === "") {
|
|
32
58
|
return v;
|
|
33
59
|
}
|
|
34
60
|
const values = parsers.splitValue(v);
|
|
35
61
|
const parsedValues = new Map();
|
|
36
62
|
for (const val of values) {
|
|
37
|
-
const value = parsers.parsePropertyValue(property, val
|
|
38
|
-
globalObject,
|
|
39
|
-
inArray: true
|
|
40
|
-
});
|
|
63
|
+
const value = parsers.parsePropertyValue(property, val);
|
|
41
64
|
if (Array.isArray(value) && value.length === 1) {
|
|
42
65
|
const parsedValue = parsers.resolveBorderShorthandValue(value, subProps, parsedValues);
|
|
43
66
|
if (typeof parsedValue === "string") {
|
|
@@ -53,14 +76,14 @@ module.exports.parse = (v, opt = {}) => {
|
|
|
53
76
|
}
|
|
54
77
|
}
|
|
55
78
|
if (parsedValues.size) {
|
|
56
|
-
const keys =
|
|
79
|
+
const keys = shorthandFor.keys();
|
|
57
80
|
const obj = {
|
|
58
81
|
[borderLeftWidth.property]: "medium"
|
|
59
82
|
};
|
|
60
83
|
for (const key of keys) {
|
|
61
84
|
if (parsedValues.has(key)) {
|
|
62
85
|
const parsedValue = parsedValues.get(key);
|
|
63
|
-
if (parsedValue !==
|
|
86
|
+
if (parsedValue !== initialValues.get(key)) {
|
|
64
87
|
obj[key] = parsedValues.get(key);
|
|
65
88
|
if (obj[borderLeftWidth.property] && obj[borderLeftWidth.property] === "medium") {
|
|
66
89
|
delete obj[borderLeftWidth.property];
|
|
@@ -70,31 +93,12 @@ module.exports.parse = (v, opt = {}) => {
|
|
|
70
93
|
}
|
|
71
94
|
return obj;
|
|
72
95
|
}
|
|
73
|
-
}
|
|
96
|
+
}
|
|
74
97
|
|
|
75
|
-
module.exports
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
const val = module.exports.parse(v, {
|
|
82
|
-
globalObject: this._global
|
|
83
|
-
});
|
|
84
|
-
if (val || typeof val === "string") {
|
|
85
|
-
const priority =
|
|
86
|
-
!this._priorities.get(shorthand) && this._priorities.has(property)
|
|
87
|
-
? this._priorities.get(property)
|
|
88
|
-
: "";
|
|
89
|
-
this._borderSetter(property, val, priority);
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
},
|
|
93
|
-
get() {
|
|
94
|
-
return this.getPropertyValue(property);
|
|
95
|
-
},
|
|
96
|
-
enumerable: true,
|
|
97
|
-
configurable: true
|
|
98
|
+
module.exports = {
|
|
99
|
+
descriptor,
|
|
100
|
+
initialValues,
|
|
101
|
+
parse,
|
|
102
|
+
property,
|
|
103
|
+
shorthandFor
|
|
98
104
|
};
|
|
99
|
-
|
|
100
|
-
module.exports.property = property;
|
|
@@ -7,31 +7,13 @@ const lineShorthand = "border-color";
|
|
|
7
7
|
const positionShorthand = "border-left";
|
|
8
8
|
const shorthand = "border";
|
|
9
9
|
|
|
10
|
-
|
|
11
|
-
const { globalObject } = opt;
|
|
12
|
-
if (v === "") {
|
|
13
|
-
return v;
|
|
14
|
-
}
|
|
15
|
-
const value = parsers.parsePropertyValue(property, v, {
|
|
16
|
-
globalObject,
|
|
17
|
-
inArray: true
|
|
18
|
-
});
|
|
19
|
-
if (Array.isArray(value) && value.length === 1) {
|
|
20
|
-
return parsers.resolveColorValue(value);
|
|
21
|
-
} else if (typeof value === "string") {
|
|
22
|
-
return value;
|
|
23
|
-
}
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
module.exports.definition = {
|
|
10
|
+
const descriptor = {
|
|
27
11
|
set(v) {
|
|
28
12
|
v = parsers.prepareValue(v);
|
|
29
13
|
if (parsers.hasVarFunc(v)) {
|
|
30
14
|
this._borderSetter(property, v, "");
|
|
31
15
|
} else {
|
|
32
|
-
const val =
|
|
33
|
-
globalObject: this._global
|
|
34
|
-
});
|
|
16
|
+
const val = parse(v);
|
|
35
17
|
if (typeof val === "string") {
|
|
36
18
|
const shorthandPriority = this._priorities.get(shorthand);
|
|
37
19
|
const linePriority = this._priorities.get(lineShorthand);
|
|
@@ -51,4 +33,26 @@ module.exports.definition = {
|
|
|
51
33
|
configurable: true
|
|
52
34
|
};
|
|
53
35
|
|
|
54
|
-
|
|
36
|
+
/**
|
|
37
|
+
* Parses the border-left-color property value.
|
|
38
|
+
*
|
|
39
|
+
* @param {string} v - The value to parse.
|
|
40
|
+
* @returns {string|undefined} The parsed value or undefined if invalid.
|
|
41
|
+
*/
|
|
42
|
+
function parse(v) {
|
|
43
|
+
if (v === "") {
|
|
44
|
+
return v;
|
|
45
|
+
}
|
|
46
|
+
const value = parsers.parsePropertyValue(property, v);
|
|
47
|
+
if (Array.isArray(value) && value.length === 1) {
|
|
48
|
+
return parsers.resolveColorValue(value);
|
|
49
|
+
} else if (typeof value === "string") {
|
|
50
|
+
return value;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
module.exports = {
|
|
55
|
+
descriptor,
|
|
56
|
+
parse,
|
|
57
|
+
property
|
|
58
|
+
};
|
|
@@ -7,31 +7,13 @@ const lineShorthand = "border-style";
|
|
|
7
7
|
const positionShorthand = "border-left";
|
|
8
8
|
const shorthand = "border";
|
|
9
9
|
|
|
10
|
-
|
|
11
|
-
const { globalObject } = opt;
|
|
12
|
-
if (v === "") {
|
|
13
|
-
return v;
|
|
14
|
-
}
|
|
15
|
-
const value = parsers.parsePropertyValue(property, v, {
|
|
16
|
-
globalObject,
|
|
17
|
-
inArray: true
|
|
18
|
-
});
|
|
19
|
-
if (Array.isArray(value) && value.length === 1) {
|
|
20
|
-
return parsers.resolveKeywordValue(value);
|
|
21
|
-
} else if (typeof value === "string") {
|
|
22
|
-
return value;
|
|
23
|
-
}
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
module.exports.definition = {
|
|
10
|
+
const descriptor = {
|
|
27
11
|
set(v) {
|
|
28
12
|
v = parsers.prepareValue(v);
|
|
29
13
|
if (parsers.hasVarFunc(v)) {
|
|
30
14
|
this._borderSetter(property, v, "");
|
|
31
15
|
} else {
|
|
32
|
-
const val =
|
|
33
|
-
globalObject: this._global
|
|
34
|
-
});
|
|
16
|
+
const val = parse(v);
|
|
35
17
|
if (typeof val === "string") {
|
|
36
18
|
const shorthandPriority = this._priorities.get(shorthand);
|
|
37
19
|
const linePriority = this._priorities.get(lineShorthand);
|
|
@@ -51,4 +33,26 @@ module.exports.definition = {
|
|
|
51
33
|
configurable: true
|
|
52
34
|
};
|
|
53
35
|
|
|
54
|
-
|
|
36
|
+
/**
|
|
37
|
+
* Parses the border-left-style property value.
|
|
38
|
+
*
|
|
39
|
+
* @param {string} v - The value to parse.
|
|
40
|
+
* @returns {string|undefined} The parsed value or undefined if invalid.
|
|
41
|
+
*/
|
|
42
|
+
function parse(v) {
|
|
43
|
+
if (v === "") {
|
|
44
|
+
return v;
|
|
45
|
+
}
|
|
46
|
+
const value = parsers.parsePropertyValue(property, v);
|
|
47
|
+
if (Array.isArray(value) && value.length === 1) {
|
|
48
|
+
return parsers.resolveKeywordValue(value);
|
|
49
|
+
} else if (typeof value === "string") {
|
|
50
|
+
return value;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
module.exports = {
|
|
55
|
+
descriptor,
|
|
56
|
+
parse,
|
|
57
|
+
property
|
|
58
|
+
};
|
|
@@ -7,34 +7,13 @@ const lineShorthand = "border-width";
|
|
|
7
7
|
const positionShorthand = "border-left";
|
|
8
8
|
const shorthand = "border";
|
|
9
9
|
|
|
10
|
-
|
|
11
|
-
const { globalObject } = opt;
|
|
12
|
-
if (v === "") {
|
|
13
|
-
return v;
|
|
14
|
-
}
|
|
15
|
-
const value = parsers.parsePropertyValue(property, v, {
|
|
16
|
-
globalObject,
|
|
17
|
-
inArray: true
|
|
18
|
-
});
|
|
19
|
-
if (Array.isArray(value) && value.length === 1) {
|
|
20
|
-
return parsers.resolveNumericValue(value, {
|
|
21
|
-
min: 0,
|
|
22
|
-
type: "length"
|
|
23
|
-
});
|
|
24
|
-
} else if (typeof value === "string") {
|
|
25
|
-
return value;
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
module.exports.definition = {
|
|
10
|
+
const descriptor = {
|
|
30
11
|
set(v) {
|
|
31
12
|
v = parsers.prepareValue(v);
|
|
32
13
|
if (parsers.hasVarFunc(v)) {
|
|
33
14
|
this._borderSetter(property, v, "");
|
|
34
15
|
} else {
|
|
35
|
-
const val =
|
|
36
|
-
globalObject: this._global
|
|
37
|
-
});
|
|
16
|
+
const val = parse(v);
|
|
38
17
|
if (typeof val === "string") {
|
|
39
18
|
const shorthandPriority = this._priorities.get(shorthand);
|
|
40
19
|
const linePriority = this._priorities.get(lineShorthand);
|
|
@@ -54,4 +33,29 @@ module.exports.definition = {
|
|
|
54
33
|
configurable: true
|
|
55
34
|
};
|
|
56
35
|
|
|
57
|
-
|
|
36
|
+
/**
|
|
37
|
+
* Parses the border-left-width property value.
|
|
38
|
+
*
|
|
39
|
+
* @param {string} v - The value to parse.
|
|
40
|
+
* @returns {string|undefined} The parsed value or undefined if invalid.
|
|
41
|
+
*/
|
|
42
|
+
function parse(v) {
|
|
43
|
+
if (v === "") {
|
|
44
|
+
return v;
|
|
45
|
+
}
|
|
46
|
+
const value = parsers.parsePropertyValue(property, v);
|
|
47
|
+
if (Array.isArray(value) && value.length === 1) {
|
|
48
|
+
return parsers.resolveNumericValue(value, {
|
|
49
|
+
min: 0,
|
|
50
|
+
type: "length"
|
|
51
|
+
});
|
|
52
|
+
} else if (typeof value === "string") {
|
|
53
|
+
return value;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
module.exports = {
|
|
58
|
+
descriptor,
|
|
59
|
+
parse,
|
|
60
|
+
property
|
|
61
|
+
};
|
|
@@ -14,30 +14,53 @@ const subProps = {
|
|
|
14
14
|
color: borderRightColor.property
|
|
15
15
|
};
|
|
16
16
|
|
|
17
|
-
|
|
17
|
+
const initialValues = new Map([
|
|
18
18
|
[borderRightWidth.property, "medium"],
|
|
19
19
|
[borderRightStyle.property, "none"],
|
|
20
20
|
[borderRightColor.property, "currentcolor"]
|
|
21
21
|
]);
|
|
22
22
|
|
|
23
|
-
|
|
23
|
+
const shorthandFor = new Map([
|
|
24
24
|
[borderRightWidth.property, borderRightWidth],
|
|
25
25
|
[borderRightStyle.property, borderRightStyle],
|
|
26
26
|
[borderRightColor.property, borderRightColor]
|
|
27
27
|
]);
|
|
28
28
|
|
|
29
|
-
|
|
30
|
-
|
|
29
|
+
const descriptor = {
|
|
30
|
+
set(v) {
|
|
31
|
+
v = parsers.prepareValue(v);
|
|
32
|
+
if (parsers.hasVarFunc(v)) {
|
|
33
|
+
this._borderSetter(property, v, "");
|
|
34
|
+
} else {
|
|
35
|
+
const val = parse(v);
|
|
36
|
+
if (val || typeof val === "string") {
|
|
37
|
+
const priority =
|
|
38
|
+
!this._priorities.get(shorthand) && this._priorities.has(property) ? this._priorities.get(property) : "";
|
|
39
|
+
this._borderSetter(property, val, priority);
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
get() {
|
|
44
|
+
return this.getPropertyValue(property);
|
|
45
|
+
},
|
|
46
|
+
enumerable: true,
|
|
47
|
+
configurable: true
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
/**
|
|
51
|
+
* Parses the border-right property value.
|
|
52
|
+
*
|
|
53
|
+
* @param {string} v - The value to parse.
|
|
54
|
+
* @returns {object|string|undefined} The parsed value or undefined if invalid.
|
|
55
|
+
*/
|
|
56
|
+
function parse(v) {
|
|
31
57
|
if (v === "") {
|
|
32
58
|
return v;
|
|
33
59
|
}
|
|
34
60
|
const values = parsers.splitValue(v);
|
|
35
61
|
const parsedValues = new Map();
|
|
36
62
|
for (const val of values) {
|
|
37
|
-
const value = parsers.parsePropertyValue(property, val
|
|
38
|
-
globalObject,
|
|
39
|
-
inArray: true
|
|
40
|
-
});
|
|
63
|
+
const value = parsers.parsePropertyValue(property, val);
|
|
41
64
|
if (Array.isArray(value) && value.length === 1) {
|
|
42
65
|
const parsedValue = parsers.resolveBorderShorthandValue(value, subProps, parsedValues);
|
|
43
66
|
if (typeof parsedValue === "string") {
|
|
@@ -53,14 +76,14 @@ module.exports.parse = (v, opt = {}) => {
|
|
|
53
76
|
}
|
|
54
77
|
}
|
|
55
78
|
if (parsedValues.size) {
|
|
56
|
-
const keys =
|
|
79
|
+
const keys = shorthandFor.keys();
|
|
57
80
|
const obj = {
|
|
58
81
|
[borderRightWidth.property]: "medium"
|
|
59
82
|
};
|
|
60
83
|
for (const key of keys) {
|
|
61
84
|
if (parsedValues.has(key)) {
|
|
62
85
|
const parsedValue = parsedValues.get(key);
|
|
63
|
-
if (parsedValue !==
|
|
86
|
+
if (parsedValue !== initialValues.get(key)) {
|
|
64
87
|
obj[key] = parsedValues.get(key);
|
|
65
88
|
if (obj[borderRightWidth.property] && obj[borderRightWidth.property] === "medium") {
|
|
66
89
|
delete obj[borderRightWidth.property];
|
|
@@ -70,31 +93,12 @@ module.exports.parse = (v, opt = {}) => {
|
|
|
70
93
|
}
|
|
71
94
|
return obj;
|
|
72
95
|
}
|
|
73
|
-
}
|
|
96
|
+
}
|
|
74
97
|
|
|
75
|
-
module.exports
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
const val = module.exports.parse(v, {
|
|
82
|
-
globalObject: this._global
|
|
83
|
-
});
|
|
84
|
-
if (val || typeof val === "string") {
|
|
85
|
-
const priority =
|
|
86
|
-
!this._priorities.get(shorthand) && this._priorities.has(property)
|
|
87
|
-
? this._priorities.get(property)
|
|
88
|
-
: "";
|
|
89
|
-
this._borderSetter(property, val, priority);
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
},
|
|
93
|
-
get() {
|
|
94
|
-
return this.getPropertyValue(property);
|
|
95
|
-
},
|
|
96
|
-
enumerable: true,
|
|
97
|
-
configurable: true
|
|
98
|
+
module.exports = {
|
|
99
|
+
descriptor,
|
|
100
|
+
initialValues,
|
|
101
|
+
parse,
|
|
102
|
+
property,
|
|
103
|
+
shorthandFor
|
|
98
104
|
};
|
|
99
|
-
|
|
100
|
-
module.exports.property = property;
|
|
@@ -7,31 +7,13 @@ const lineShorthand = "border-color";
|
|
|
7
7
|
const positionShorthand = "border-right";
|
|
8
8
|
const shorthand = "border";
|
|
9
9
|
|
|
10
|
-
|
|
11
|
-
const { globalObject } = opt;
|
|
12
|
-
if (v === "") {
|
|
13
|
-
return v;
|
|
14
|
-
}
|
|
15
|
-
const value = parsers.parsePropertyValue(property, v, {
|
|
16
|
-
globalObject,
|
|
17
|
-
inArray: true
|
|
18
|
-
});
|
|
19
|
-
if (Array.isArray(value) && value.length === 1) {
|
|
20
|
-
return parsers.resolveColorValue(value);
|
|
21
|
-
} else if (typeof value === "string") {
|
|
22
|
-
return value;
|
|
23
|
-
}
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
module.exports.definition = {
|
|
10
|
+
const descriptor = {
|
|
27
11
|
set(v) {
|
|
28
12
|
v = parsers.prepareValue(v);
|
|
29
13
|
if (parsers.hasVarFunc(v)) {
|
|
30
14
|
this._borderSetter(property, v, "");
|
|
31
15
|
} else {
|
|
32
|
-
const val =
|
|
33
|
-
globalObject: this._global
|
|
34
|
-
});
|
|
16
|
+
const val = parse(v);
|
|
35
17
|
if (typeof val === "string") {
|
|
36
18
|
const shorthandPriority = this._priorities.get(shorthand);
|
|
37
19
|
const linePriority = this._priorities.get(lineShorthand);
|
|
@@ -51,4 +33,26 @@ module.exports.definition = {
|
|
|
51
33
|
configurable: true
|
|
52
34
|
};
|
|
53
35
|
|
|
54
|
-
|
|
36
|
+
/**
|
|
37
|
+
* Parses the border-right-color property value.
|
|
38
|
+
*
|
|
39
|
+
* @param {string} v - The value to parse.
|
|
40
|
+
* @returns {string|undefined} The parsed value or undefined if invalid.
|
|
41
|
+
*/
|
|
42
|
+
function parse(v) {
|
|
43
|
+
if (v === "") {
|
|
44
|
+
return v;
|
|
45
|
+
}
|
|
46
|
+
const value = parsers.parsePropertyValue(property, v);
|
|
47
|
+
if (Array.isArray(value) && value.length === 1) {
|
|
48
|
+
return parsers.resolveColorValue(value);
|
|
49
|
+
} else if (typeof value === "string") {
|
|
50
|
+
return value;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
module.exports = {
|
|
55
|
+
descriptor,
|
|
56
|
+
parse,
|
|
57
|
+
property
|
|
58
|
+
};
|