cssstyle 5.3.4 → 5.3.6

package/lib/properties/borderBottomWidth.js

@@ -7,7 +7,7 @@ const lineShorthand = "border-width";
 const positionShorthand = "border-bottom";
 const shorthand = "border";
 
-module.exports.parse = function parse(v, opt = {}) {
+module.exports.parse = (v, opt = {}) => {
   const { globalObject } = opt;
   if (v === "") {
     return v;
@@ -17,24 +17,10 @@ module.exports.parse = function parse(v, opt = {}) {
     inArray: true
   });
   if (Array.isArray(value) && value.length === 1) {
-    const [{ isNumber, name, type, value: itemValue }] = value;
-    switch (type) {
-      case "Calc": {
-        if (isNumber) {
-          return;
-        }
-        return `${name}(${itemValue})`;
-      }
-      case "GlobalKeyword":
-      case "Identifier": {
-        return name;
-      }
-      default: {
-        return parsers.parseLength(value, {
-          min: 0
-        });
-      }
-    }
+    return parsers.resolveNumericValue(value, {
+      min: 0,
+      type: "length"
+    });
   } else if (typeof value === "string") {
     return value;
   }
@@ -53,10 +39,10 @@ module.exports.definition = {
         const shorthandPriority = this._priorities.get(shorthand);
         const linePriority = this._priorities.get(lineShorthand);
         const positionPriority = this._priorities.get(positionShorthand);
-        let priority = this._priorities.get(property) ?? "";
-        if ((shorthandPriority || linePriority || positionPriority) && priority) {
-          priority = "";
-        }
+        const priority =
+          !(shorthandPriority || linePriority || positionPriority) && this._priorities.has(property)
+            ? this._priorities.get(property)
+            : "";
         this._borderSetter(property, val, priority);
       }
     }
@@ -67,3 +53,5 @@ module.exports.definition = {
   enumerable: true,
   configurable: true
 };
+
+module.exports.property = property;

package/lib/properties/borderCollapse.js

@@ -4,7 +4,7 @@ const parsers = require("../parsers");
 
 const property = "border-collapse";
 
-module.exports.parse = function parse(v, opt = {}) {
+module.exports.parse = (v, opt = {}) => {
   const { globalObject } = opt;
   if (v === "") {
     return v;
@@ -14,14 +14,7 @@ module.exports.parse = function parse(v, opt = {}) {
     inArray: true
   });
   if (Array.isArray(value) && value.length === 1) {
-    const [{ name, type }] = value;
-    switch (type) {
-      case "GlobalKeyword":
-      case "Identifier": {
-        return name;
-      }
-      default:
-    }
+    return parsers.resolveKeywordValue(value);
   } else if (typeof value === "string") {
     return value;
   }
@@ -48,3 +41,5 @@ module.exports.definition = {
   enumerable: true,
   configurable: true
 };
+
+module.exports.property = property;

package/lib/properties/borderColor.js

@@ -10,13 +10,13 @@ const property = "border-color";
 const shorthand = "border";
 
 module.exports.shorthandFor = new Map([
-  ["border-top-color", borderTopColor],
-  ["border-right-color", borderRightColor],
-  ["border-bottom-color", borderBottomColor],
-  ["border-left-color", borderLeftColor]
+  [borderTopColor.property, borderTopColor],
+  [borderRightColor.property, borderRightColor],
+  [borderBottomColor.property, borderBottomColor],
+  [borderLeftColor.property, borderLeftColor]
 ]);
 
-module.exports.parse = function parse(v, opt = {}) {
+module.exports.parse = (v, opt = {}) => {
   const { globalObject } = opt;
   if (v === "") {
     return v;
@@ -31,22 +31,13 @@ module.exports.parse = function parse(v, opt = {}) {
       return;
     }
     for (const value of values) {
-      const { name, type } = value;
-      switch (type) {
-        case "GlobalKeyword": {
-          if (values.length !== 1) {
-            return;
-          }
-          return name;
-        }
-        default: {
-          const parsedValue = parsers.parseColor([value]);
-          if (!parsedValue) {
-            return;
-          }
-          parsedValues.push(parsedValue);
-        }
+      const parsedValue = parsers.resolveColorValue([value], {
+        length: values.length
+      });
+      if (!parsedValue) {
+        return;
       }
+      parsedValues.push(parsedValue);
     }
   } else if (typeof values === "string") {
     parsedValues.push(values);
@@ -101,9 +92,10 @@ module.exports.definition = {
         globalObject: this._global
       });
       if (Array.isArray(val) || typeof val === "string") {
-        const shorthandPriority = this._priorities.get(shorthand);
-        const prior = this._priorities.get(property) ?? "";
-        const priority = shorthandPriority && prior ? "" : prior;
+        const priority =
+          !this._priorities.get(shorthand) && this._priorities.has(property)
+            ? this._priorities.get(property)
+            : "";
         this._borderSetter(property, val, priority);
       }
     }
@@ -114,3 +106,5 @@ module.exports.definition = {
   enumerable: true,
   configurable: true
 };
+
+module.exports.property = property;

package/lib/properties/borderLeft.js

@@ -8,19 +8,25 @@ const borderLeftColor = require("./borderLeftColor");
 const property = "border-left";
 const shorthand = "border";
 
+const subProps = {
+  width: borderLeftWidth.property,
+  style: borderLeftStyle.property,
+  color: borderLeftColor.property
+};
+
 module.exports.initialValues = new Map([
-  ["border-left-width", "medium"],
-  ["border-left-style", "none"],
-  ["border-left-color", "currentcolor"]
+  [borderLeftWidth.property, "medium"],
+  [borderLeftStyle.property, "none"],
+  [borderLeftColor.property, "currentcolor"]
 ]);
 
 module.exports.shorthandFor = new Map([
-  ["border-left-width", borderLeftWidth],
-  ["border-left-style", borderLeftStyle],
-  ["border-left-color", borderLeftColor]
+  [borderLeftWidth.property, borderLeftWidth],
+  [borderLeftStyle.property, borderLeftStyle],
+  [borderLeftColor.property, borderLeftColor]
 ]);
 
-module.exports.parse = function parse(v, opt = {}) {
+module.exports.parse = (v, opt = {}) => {
   const { globalObject } = opt;
   if (v === "") {
     return v;
@@ -33,79 +39,14 @@ module.exports.parse = function parse(v, opt = {}) {
       inArray: true
     });
     if (Array.isArray(value) && value.length === 1) {
-      const [{ isNumber, name, type, value: itemValue }] = value;
-      switch (type) {
-        case "Calc": {
-          if (isNumber || parsedValues.has("border-left-width")) {
-            return;
-          }
-          parsedValues.set("border-left-width", `${name}(${itemValue})`);
-          break;
-        }
-        case "Dimension":
-        case "Number": {
-          if (parsedValues.has("border-left-width")) {
-            return;
-          }
-          const parsedValue = parsers.parseLength(value, {
-            min: 0
-          });
-          if (!parsedValue) {
-            return;
-          }
-          parsedValues.set("border-left-width", parsedValue);
-          break;
-        }
-        case "Function": {
-          if (parsedValues.has("border-left-color")) {
-            return;
-          }
-          const parsedValue = parsers.parseColor(value);
-          if (!parsedValue) {
-            return;
-          }
-          parsedValues.set("border-left-color", parsedValue);
-          break;
-        }
-        case "GlobalKeyword": {
-          return name;
-        }
-        case "Hash": {
-          if (parsedValues.has("border-left-color")) {
-            return;
-          }
-          const parsedValue = parsers.parseColor(value);
-          if (!parsedValue) {
-            return;
-          }
-          parsedValues.set("border-left-color", parsedValue);
-          break;
-        }
-        case "Identifier": {
-          if (parsers.isValidPropertyValue("border-left-width", name)) {
-            if (parsedValues.has("border-left-width")) {
-              return;
-            }
-            parsedValues.set("border-left-width", name);
-            break;
-          } else if (parsers.isValidPropertyValue("border-left-style", name)) {
-            if (parsedValues.has("border-left-style")) {
-              return;
-            }
-            parsedValues.set("border-left-style", name);
-            break;
-          } else if (parsers.isValidPropertyValue("border-left-color", name)) {
-            if (parsedValues.has("border-left-color")) {
-              return;
-            }
-            parsedValues.set("border-left-color", name);
-            break;
-          }
-          return;
-        }
-        default: {
-          return;
-        }
+      const parsedValue = parsers.resolveBorderShorthandValue(value, subProps, parsedValues);
+      if (typeof parsedValue === "string") {
+        return parsedValue;
+      } else if (Array.isArray(parsedValue)) {
+        const [key, resolvedVal] = parsedValue;
+        parsedValues.set(key, resolvedVal);
+      } else {
+        return;
       }
     } else {
       return;
@@ -114,15 +55,15 @@ module.exports.parse = function parse(v, opt = {}) {
   if (parsedValues.size) {
     const keys = module.exports.shorthandFor.keys();
     const obj = {
-      "border-left-width": "medium"
+      [borderLeftWidth.property]: "medium"
     };
     for (const key of keys) {
       if (parsedValues.has(key)) {
         const parsedValue = parsedValues.get(key);
         if (parsedValue !== module.exports.initialValues.get(key)) {
           obj[key] = parsedValues.get(key);
-          if (obj["border-left-width"] && obj["border-left-width"] === "medium") {
-            delete obj["border-left-width"];
+          if (obj[borderLeftWidth.property] && obj[borderLeftWidth.property] === "medium") {
+            delete obj[borderLeftWidth.property];
           }
         }
       }
@@ -141,9 +82,10 @@ module.exports.definition = {
         globalObject: this._global
       });
       if (val || typeof val === "string") {
-        const shorthandPriority = this._priorities.get(shorthand);
-        const prior = this._priorities.get(property) ?? "";
-        const priority = shorthandPriority && prior ? "" : prior;
+        const priority =
+          !this._priorities.get(shorthand) && this._priorities.has(property)
+            ? this._priorities.get(property)
+            : "";
         this._borderSetter(property, val, priority);
       }
     }
@@ -154,3 +96,5 @@ module.exports.definition = {
   enumerable: true,
   configurable: true
 };
+
+module.exports.property = property;

package/lib/properties/borderLeftColor.js

@@ -7,7 +7,7 @@ const lineShorthand = "border-color";
 const positionShorthand = "border-left";
 const shorthand = "border";
 
-module.exports.parse = function parse(v, opt = {}) {
+module.exports.parse = (v, opt = {}) => {
   const { globalObject } = opt;
   if (v === "") {
     return v;
@@ -17,15 +17,7 @@ module.exports.parse = function parse(v, opt = {}) {
     inArray: true
   });
   if (Array.isArray(value) && value.length === 1) {
-    const [{ name, type }] = value;
-    switch (type) {
-      case "GlobalKeyword": {
-        return name;
-      }
-      default: {
-        return parsers.parseColor(value);
-      }
-    }
+    return parsers.resolveColorValue(value);
   } else if (typeof value === "string") {
     return value;
   }
@@ -44,10 +36,10 @@ module.exports.definition = {
         const shorthandPriority = this._priorities.get(shorthand);
         const linePriority = this._priorities.get(lineShorthand);
         const positionPriority = this._priorities.get(positionShorthand);
-        let priority = this._priorities.get(property) ?? "";
-        if ((shorthandPriority || linePriority || positionPriority) && priority) {
-          priority = "";
-        }
+        const priority =
+          !(shorthandPriority || linePriority || positionPriority) && this._priorities.has(property)
+            ? this._priorities.get(property)
+            : "";
         this._borderSetter(property, val, priority);
       }
     }
@@ -58,3 +50,5 @@ module.exports.definition = {
   enumerable: true,
   configurable: true
 };
+
+module.exports.property = property;

package/lib/properties/borderLeftStyle.js

@@ -7,7 +7,7 @@ const lineShorthand = "border-style";
 const positionShorthand = "border-left";
 const shorthand = "border";
 
-module.exports.parse = function parse(v, opt = {}) {
+module.exports.parse = (v, opt = {}) => {
   const { globalObject } = opt;
   if (v === "") {
     return v;
@@ -17,14 +17,7 @@ module.exports.parse = function parse(v, opt = {}) {
     inArray: true
   });
   if (Array.isArray(value) && value.length === 1) {
-    const [{ name, type }] = value;
-    switch (type) {
-      case "GlobalKeyword":
-      case "Identifier": {
-        return name;
-      }
-      default:
-    }
+    return parsers.resolveKeywordValue(value);
   } else if (typeof value === "string") {
     return value;
   }
@@ -43,10 +36,10 @@ module.exports.definition = {
         const shorthandPriority = this._priorities.get(shorthand);
         const linePriority = this._priorities.get(lineShorthand);
         const positionPriority = this._priorities.get(positionShorthand);
-        let priority = this._priorities.get(property) ?? "";
-        if ((shorthandPriority || linePriority || positionPriority) && priority) {
-          priority = "";
-        }
+        const priority =
+          !(shorthandPriority || linePriority || positionPriority) && this._priorities.has(property)
+            ? this._priorities.get(property)
+            : "";
         this._borderSetter(property, val, priority);
       }
     }
@@ -57,3 +50,5 @@ module.exports.definition = {
   enumerable: true,
   configurable: true
 };
+
+module.exports.property = property;

package/lib/properties/borderLeftWidth.js

@@ -7,7 +7,7 @@ const lineShorthand = "border-width";
 const positionShorthand = "border-left";
 const shorthand = "border";
 
-module.exports.parse = function parse(v, opt = {}) {
+module.exports.parse = (v, opt = {}) => {
   const { globalObject } = opt;
   if (v === "") {
     return v;
@@ -17,24 +17,10 @@ module.exports.parse = function parse(v, opt = {}) {
     inArray: true
   });
   if (Array.isArray(value) && value.length === 1) {
-    const [{ isNumber, name, type, value: itemValue }] = value;
-    switch (type) {
-      case "Calc": {
-        if (isNumber) {
-          return;
-        }
-        return `${name}(${itemValue})`;
-      }
-      case "GlobalKeyword":
-      case "Identifier": {
-        return name;
-      }
-      default: {
-        return parsers.parseLength(value, {
-          min: 0
-        });
-      }
-    }
+    return parsers.resolveNumericValue(value, {
+      min: 0,
+      type: "length"
+    });
   } else if (typeof value === "string") {
     return value;
   }
@@ -53,10 +39,10 @@ module.exports.definition = {
         const shorthandPriority = this._priorities.get(shorthand);
         const linePriority = this._priorities.get(lineShorthand);
         const positionPriority = this._priorities.get(positionShorthand);
-        let priority = this._priorities.get(property) ?? "";
-        if ((shorthandPriority || linePriority || positionPriority) && priority) {
-          priority = "";
-        }
+        const priority =
+          !(shorthandPriority || linePriority || positionPriority) && this._priorities.has(property)
+            ? this._priorities.get(property)
+            : "";
         this._borderSetter(property, val, priority);
       }
     }
@@ -67,3 +53,5 @@ module.exports.definition = {
   enumerable: true,
   configurable: true
 };
+
+module.exports.property = property;

package/lib/properties/borderRight.js

@@ -8,19 +8,25 @@ const borderRightColor = require("./borderRightColor");
 const property = "border-right";
 const shorthand = "border";
 
+const subProps = {
+  width: borderRightWidth.property,
+  style: borderRightStyle.property,
+  color: borderRightColor.property
+};
+
 module.exports.initialValues = new Map([
-  ["border-right-width", "medium"],
-  ["border-right-style", "none"],
-  ["border-right-color", "currentcolor"]
+  [borderRightWidth.property, "medium"],
+  [borderRightStyle.property, "none"],
+  [borderRightColor.property, "currentcolor"]
 ]);
 
 module.exports.shorthandFor = new Map([
-  ["border-right-width", borderRightWidth],
-  ["border-right-style", borderRightStyle],
-  ["border-right-color", borderRightColor]
+  [borderRightWidth.property, borderRightWidth],
+  [borderRightStyle.property, borderRightStyle],
+  [borderRightColor.property, borderRightColor]
 ]);
 
-module.exports.parse = function parse(v, opt = {}) {
+module.exports.parse = (v, opt = {}) => {
   const { globalObject } = opt;
   if (v === "") {
     return v;
@@ -33,79 +39,14 @@ module.exports.parse = function parse(v, opt = {}) {
       inArray: true
     });
     if (Array.isArray(value) && value.length === 1) {
-      const [{ isNumber, name, type, value: itemValue }] = value;
-      switch (type) {
-        case "Calc": {
-          if (isNumber || parsedValues.has("border-right-width")) {
-            return;
-          }
-          parsedValues.set("border-right-width", `${name}(${itemValue})`);
-          break;
-        }
-        case "Dimension":
-        case "Number": {
-          if (parsedValues.has("border-right-width")) {
-            return;
-          }
-          const parsedValue = parsers.parseLength(value, {
-            min: 0
-          });
-          if (!parsedValue) {
-            return;
-          }
-          parsedValues.set("border-right-width", parsedValue);
-          break;
-        }
-        case "Function": {
-          if (parsedValues.has("border-right-color")) {
-            return;
-          }
-          const parsedValue = parsers.parseColor(value);
-          if (!parsedValue) {
-            return;
-          }
-          parsedValues.set("border-right-color", parsedValue);
-          break;
-        }
-        case "GlobalKeyword": {
-          return name;
-        }
-        case "Hash": {
-          if (parsedValues.has("border-right-color")) {
-            return;
-          }
-          const parsedValue = parsers.parseColor(value);
-          if (!parsedValue) {
-            return;
-          }
-          parsedValues.set("border-right-color", parsedValue);
-          break;
-        }
-        case "Identifier": {
-          if (parsers.isValidPropertyValue("border-right-width", name)) {
-            if (parsedValues.has("border-right-width")) {
-              return;
-            }
-            parsedValues.set("border-right-width", name);
-            break;
-          } else if (parsers.isValidPropertyValue("border-right-style", name)) {
-            if (parsedValues.has("border-right-style")) {
-              return;
-            }
-            parsedValues.set("border-right-style", name);
-            break;
-          } else if (parsers.isValidPropertyValue("border-right-color", name)) {
-            if (parsedValues.has("border-right-color")) {
-              return;
-            }
-            parsedValues.set("border-right-color", name);
-            break;
-          }
-          return;
-        }
-        default: {
-          return;
-        }
+      const parsedValue = parsers.resolveBorderShorthandValue(value, subProps, parsedValues);
+      if (typeof parsedValue === "string") {
+        return parsedValue;
+      } else if (Array.isArray(parsedValue)) {
+        const [key, resolvedVal] = parsedValue;
+        parsedValues.set(key, resolvedVal);
+      } else {
+        return;
       }
     } else {
       return;
@@ -114,15 +55,15 @@ module.exports.parse = function parse(v, opt = {}) {
   if (parsedValues.size) {
     const keys = module.exports.shorthandFor.keys();
     const obj = {
-      "border-right-width": "medium"
+      [borderRightWidth.property]: "medium"
     };
     for (const key of keys) {
       if (parsedValues.has(key)) {
         const parsedValue = parsedValues.get(key);
         if (parsedValue !== module.exports.initialValues.get(key)) {
           obj[key] = parsedValues.get(key);
-          if (obj["border-right-width"] && obj["border-right-width"] === "medium") {
-            delete obj["border-right-width"];
+          if (obj[borderRightWidth.property] && obj[borderRightWidth.property] === "medium") {
+            delete obj[borderRightWidth.property];
           }
         }
       }
@@ -141,9 +82,10 @@ module.exports.definition = {
         globalObject: this._global
       });
       if (val || typeof val === "string") {
-        const shorthandPriority = this._priorities.get(shorthand);
-        const prior = this._priorities.get(property) ?? "";
-        const priority = shorthandPriority && prior ? "" : prior;
+        const priority =
+          !this._priorities.get(shorthand) && this._priorities.has(property)
+            ? this._priorities.get(property)
+            : "";
         this._borderSetter(property, val, priority);
       }
     }
@@ -154,3 +96,5 @@ module.exports.definition = {
   enumerable: true,
   configurable: true
 };
+
+module.exports.property = property;

package/lib/properties/borderRightColor.js

@@ -7,7 +7,7 @@ const lineShorthand = "border-color";
 const positionShorthand = "border-right";
 const shorthand = "border";
 
-module.exports.parse = function parse(v, opt = {}) {
+module.exports.parse = (v, opt = {}) => {
   const { globalObject } = opt;
   if (v === "") {
     return v;
@@ -17,15 +17,7 @@ module.exports.parse = function parse(v, opt = {}) {
     inArray: true
   });
   if (Array.isArray(value) && value.length === 1) {
-    const [{ name, type }] = value;
-    switch (type) {
-      case "GlobalKeyword": {
-        return name;
-      }
-      default: {
-        return parsers.parseColor(value);
-      }
-    }
+    return parsers.resolveColorValue(value);
   } else if (typeof value === "string") {
     return value;
   }
@@ -44,10 +36,10 @@ module.exports.definition = {
         const shorthandPriority = this._priorities.get(shorthand);
         const linePriority = this._priorities.get(lineShorthand);
         const positionPriority = this._priorities.get(positionShorthand);
-        let priority = this._priorities.get(property) ?? "";
-        if ((shorthandPriority || linePriority || positionPriority) && priority) {
-          priority = "";
-        }
+        const priority =
+          !(shorthandPriority || linePriority || positionPriority) && this._priorities.has(property)
+            ? this._priorities.get(property)
+            : "";
         this._borderSetter(property, val, priority);
       }
     }
@@ -58,3 +50,5 @@ module.exports.definition = {
   enumerable: true,
   configurable: true
 };
+
+module.exports.property = property;