cssstyle 5.3.7 → 6.0.0

package/lib/properties/background.js

@@ -12,7 +12,7 @@ const backgroundColor = require("./backgroundColor");
 
 const property = "background";
 
-module.exports.initialValues = new Map([
+const initialValues = new Map([
   [backgroundImage.property, "none"],
   [backgroundPosition.property, "0% 0%"],
   [backgroundSize.property, "auto"],
@@ -23,7 +23,7 @@ module.exports.initialValues = new Map([
   [backgroundColor.property, "transparent"]
 ]);
 
-module.exports.shorthandFor = new Map([
+const shorthandFor = new Map([
   [backgroundImage.property, backgroundImage],
   [backgroundPosition.property, backgroundPosition],
   [backgroundSize.property, backgroundSize],
@@ -34,8 +34,165 @@ module.exports.shorthandFor = new Map([
   [backgroundColor.property, backgroundColor]
 ]);
 
-module.exports.parse = (v, opt = {}) => {
-  const { globalObject } = opt;
+const descriptor = {
+  set(v) {
+    v = parsers.prepareValue(v);
+    if (v === "" || parsers.hasVarFunc(v)) {
+      for (const [key] of shorthandFor) {
+        this._setProperty(key, "");
+      }
+      this._setProperty(property, v);
+    } else {
+      const bgValues = parse(v);
+      if (!Array.isArray(bgValues)) {
+        return;
+      }
+      const bgMap = new Map([
+        [backgroundImage.property, []],
+        [backgroundPosition.property, []],
+        [backgroundSize.property, []],
+        [backgroundRepeat.property, []],
+        [backgroundOrigin.property, []],
+        [backgroundClip.property, []],
+        [backgroundAttachment.property, []],
+        [backgroundColor.property, []]
+      ]);
+      const backgrounds = [];
+      for (const bgValue of bgValues) {
+        const bg = [];
+        for (const [longhand, value] of Object.entries(bgValue)) {
+          if (value) {
+            const arr = bgMap.get(longhand);
+            arr.push(value);
+            bgMap.set(longhand, arr);
+            if (value !== initialValues.get(longhand)) {
+              if (longhand === backgroundSize.property) {
+                bg.push(`/ ${value}`);
+              } else {
+                bg.push(value);
+              }
+            } else if (longhand === backgroundImage.property) {
+              if (v === "none") {
+                bg.push(value);
+              }
+            } else if (longhand === backgroundColor.property) {
+              if (v === "transparent") {
+                bg.push(value);
+              }
+            }
+          }
+        }
+        backgrounds.push(bg.join(" "));
+      }
+      const priority = this._priorities.get(property) ?? "";
+      for (const [longhand, value] of bgMap) {
+        this._setProperty(longhand, value.join(", "), priority);
+      }
+      this._setProperty(property, backgrounds.join(", "), priority);
+    }
+  },
+  get() {
+    const v = this.getPropertyValue(property);
+    if (parsers.hasVarFunc(v)) {
+      return v;
+    }
+    const bgMap = new Map();
+    let l = 0;
+    for (const [longhand] of shorthandFor) {
+      const val = this.getPropertyValue(longhand);
+      if (longhand === backgroundImage.property) {
+        if (val === "none" && v === "none" && this.getPropertyValue(backgroundColor.property) === "transparent") {
+          return val;
+        }
+        if (val !== initialValues.get(longhand)) {
+          const imgValues = parsers.splitValue(val, {
+            delimiter: ","
+          });
+          l = imgValues.length;
+          bgMap.set(longhand, imgValues);
+        }
+      } else if (longhand === backgroundColor.property) {
+        if (val !== initialValues.get(longhand) || v.includes(val)) {
+          bgMap.set(longhand, [val]);
+        }
+      } else if (val !== initialValues.get(longhand)) {
+        bgMap.set(
+          longhand,
+          parsers.splitValue(val, {
+            delimiter: ","
+          })
+        );
+      }
+    }
+    if (l === 0) {
+      const bgColArr = bgMap.get(backgroundColor.property);
+      const background = bgColArr ? bgColArr[0] : null;
+      if (background) {
+        return background;
+      }
+      return "";
+    }
+    const bgValues = [];
+    for (let i = 0; i < l; i++) {
+      bgValues[i] = [];
+    }
+    for (const [longhand, values] of bgMap) {
+      for (let i = 0; i < l; i++) {
+        switch (longhand) {
+          case backgroundColor.property: {
+            if (i === l - 1) {
+              const value = values[0];
+              if (parsers.hasVarFunc(value)) {
+                return "";
+              }
+              if (value && value !== initialValues.get(longhand)) {
+                const bgValue = bgValues[i];
+                bgValue.push(value);
+              }
+            }
+            break;
+          }
+          case backgroundSize.property: {
+            const value = values[i];
+            if (parsers.hasVarFunc(value)) {
+              return "";
+            }
+            if (value && value !== initialValues.get(longhand)) {
+              const bgValue = bgValues[i];
+              bgValue.push(`/ ${value}`);
+            }
+            break;
+          }
+          default: {
+            const value = values[i];
+            if (parsers.hasVarFunc(value)) {
+              return "";
+            }
+            if (value && value !== initialValues.get(longhand)) {
+              const bgValue = bgValues[i];
+              bgValue.push(value);
+            }
+          }
+        }
+      }
+    }
+    const backgrounds = [];
+    for (const bgValue of bgValues) {
+      backgrounds.push(bgValue.join(" "));
+    }
+    return backgrounds.join(", ");
+  },
+  enumerable: true,
+  configurable: true
+};
+
+/**
+ * Parses the background property value.
+ *
+ * @param {string} v - The value to parse.
+ * @returns {Array<object>|undefined} The parsed background values or undefined if invalid.
+ */
+function parse(v) {
   if (v === "") {
     return v;
   } else if (parsers.hasCalcFunc(v)) {
@@ -51,30 +208,24 @@ module.exports.parse = (v, opt = {}) => {
   const l = values.length;
   for (let i = 0; i < l; i++) {
     let bg = {
-      [backgroundImage.property]: module.exports.initialValues.get(backgroundImage.property),
-      [backgroundPosition.property]: module.exports.initialValues.get(backgroundPosition.property),
-      [backgroundSize.property]: module.exports.initialValues.get(backgroundSize.property),
-      [backgroundRepeat.property]: module.exports.initialValues.get(backgroundRepeat.property),
-      [backgroundOrigin.property]: module.exports.initialValues.get(backgroundOrigin.property),
-      [backgroundClip.property]: module.exports.initialValues.get(backgroundClip.property),
-      [backgroundAttachment.property]: module.exports.initialValues.get(
-        backgroundAttachment.property
-      ),
-      [backgroundColor.property]: module.exports.initialValues.get(backgroundColor.property)
+      [backgroundImage.property]: initialValues.get(backgroundImage.property),
+      [backgroundPosition.property]: initialValues.get(backgroundPosition.property),
+      [backgroundSize.property]: initialValues.get(backgroundSize.property),
+      [backgroundRepeat.property]: initialValues.get(backgroundRepeat.property),
+      [backgroundOrigin.property]: initialValues.get(backgroundOrigin.property),
+      [backgroundClip.property]: initialValues.get(backgroundClip.property),
+      [backgroundAttachment.property]: initialValues.get(backgroundAttachment.property),
+      [backgroundColor.property]: initialValues.get(backgroundColor.property)
     };
     if (l > 1 && i !== l - 1) {
       bg = {
-        [backgroundImage.property]: module.exports.initialValues.get(backgroundImage.property),
-        [backgroundPosition.property]: module.exports.initialValues.get(
-          backgroundPosition.property
-        ),
-        [backgroundSize.property]: module.exports.initialValues.get(backgroundSize.property),
-        [backgroundRepeat.property]: module.exports.initialValues.get(backgroundRepeat.property),
-        [backgroundOrigin.property]: module.exports.initialValues.get(backgroundOrigin.property),
-        [backgroundClip.property]: module.exports.initialValues.get(backgroundClip.property),
-        [backgroundAttachment.property]: module.exports.initialValues.get(
-          backgroundAttachment.property
-        )
+        [backgroundImage.property]: initialValues.get(backgroundImage.property),
+        [backgroundPosition.property]: initialValues.get(backgroundPosition.property),
+        [backgroundSize.property]: initialValues.get(backgroundSize.property),
+        [backgroundRepeat.property]: initialValues.get(backgroundRepeat.property),
+        [backgroundOrigin.property]: initialValues.get(backgroundOrigin.property),
+        [backgroundClip.property]: initialValues.get(backgroundClip.property),
+        [backgroundAttachment.property]: initialValues.get(backgroundAttachment.property)
       };
     }
     const bgPosition = [];
@@ -91,13 +242,13 @@ module.exports.parse = (v, opt = {}) => {
     const parts1 = parsers.splitValue(bgPart1);
     for (const part of parts1) {
       let partValid = false;
-      for (const [longhand, value] of module.exports.shorthandFor) {
+      for (const [longhand, value] of shorthandFor) {
         if (parsers.isValidPropertyValue(longhand, part)) {
           partValid = true;
           switch (longhand) {
             case backgroundClip.property:
             case backgroundOrigin.property: {
-              const parsedValue = value.parse(part, { globalObject });
+              const parsedValue = value.parse(part);
               if (parsedValue) {
                 bgBox.push(parsedValue);
               }
@@ -107,21 +258,21 @@ module.exports.parse = (v, opt = {}) => {
               if (i !== values.length - 1) {
                 return;
               }
-              const parsedValue = value.parse(part, { globalObject });
+              const parsedValue = value.parse(part);
               if (parsedValue) {
                 bg[longhand] = parsedValue;
               }
               break;
             }
             case backgroundPosition.property: {
-              const parsedValue = value.parse(part, { globalObject });
+              const parsedValue = value.parse(part);
               if (parsedValue) {
                 bgPosition.push(parsedValue);
               }
               break;
             }
             case backgroundRepeat.property: {
-              const parsedValue = value.parse(part, { globalObject });
+              const parsedValue = value.parse(part);
               if (parsedValue) {
                 bgRepeat.push(parsedValue);
               }
@@ -131,7 +282,7 @@ module.exports.parse = (v, opt = {}) => {
               break;
             }
             default: {
-              const parsedValue = value.parse(part, { globalObject });
+              const parsedValue = value.parse(part);
               if (parsedValue) {
                 bg[longhand] = parsedValue;
               }
@@ -147,13 +298,13 @@ module.exports.parse = (v, opt = {}) => {
       const parts2 = parsers.splitValue(bgPart2);
       for (const part of parts2) {
         let partValid = false;
-        for (const [longhand, value] of module.exports.shorthandFor) {
+        for (const [longhand, value] of shorthandFor) {
           if (parsers.isValidPropertyValue(longhand, part)) {
             partValid = true;
             switch (longhand) {
               case backgroundClip.property:
               case backgroundOrigin.property: {
-                const parsedValue = value.parse(part, { globalObject });
+                const parsedValue = value.parse(part);
                 if (parsedValue) {
                   bgBox.push(parsedValue);
                 }
@@ -163,7 +314,7 @@ module.exports.parse = (v, opt = {}) => {
                 if (i !== l - 1) {
                   return;
                 }
-                const parsedValue = value.parse(part, { globalObject });
+                const parsedValue = value.parse(part);
                 if (parsedValue) {
                   bg[longhand] = parsedValue;
                 }
@@ -173,21 +324,21 @@ module.exports.parse = (v, opt = {}) => {
                 break;
               }
               case backgroundRepeat.property: {
-                const parsedValue = value.parse(part, { globalObject });
+                const parsedValue = value.parse(part);
                 if (parsedValue) {
                   bgRepeat.push(parsedValue);
                 }
                 break;
               }
               case backgroundSize.property: {
-                const parsedValue = value.parse(part, { globalObject });
+                const parsedValue = value.parse(part);
                 if (parsedValue) {
                   bgSize.push(parsedValue);
                 }
                 break;
               }
               default: {
-                const parsedValue = value.parse(part, { globalObject });
+                const parsedValue = value.parse(part);
                 if (parsedValue) {
                   bg[longhand] = parsedValue;
                 }
@@ -201,22 +352,22 @@ module.exports.parse = (v, opt = {}) => {
       }
     }
     if (bgPosition.length) {
-      const { parse: parser } = module.exports.shorthandFor.get(backgroundPosition.property);
-      const value = parser(bgPosition.join(" "), { globalObject });
+      const { parse: parser } = shorthandFor.get(backgroundPosition.property);
+      const value = parser(bgPosition.join(" "));
       if (value) {
         bg[backgroundPosition.property] = value;
       }
     }
     if (bgSize.length) {
-      const { parse: parser } = module.exports.shorthandFor.get(backgroundSize.property);
-      const value = parser(bgSize.join(" "), { globalObject });
+      const { parse: parser } = shorthandFor.get(backgroundSize.property);
+      const value = parser(bgSize.join(" "));
       if (value) {
         bg[backgroundSize.property] = value;
       }
     }
     if (bgRepeat.length) {
-      const { parse: parser } = module.exports.shorthandFor.get(backgroundRepeat.property);
-      const value = parser(bgRepeat.join(" "), { globalObject });
+      const { parse: parser } = shorthandFor.get(backgroundRepeat.property);
+      const value = parser(bgRepeat.join(" "));
       if (value) {
         bg[backgroundRepeat.property] = value;
       }
@@ -243,164 +394,12 @@ module.exports.parse = (v, opt = {}) => {
     bgValues.push(bg);
   }
   return bgValues;
-};
+}
 
-module.exports.definition = {
-  set(v) {
-    v = parsers.prepareValue(v);
-    if (v === "" || parsers.hasVarFunc(v)) {
-      for (const [key] of module.exports.shorthandFor) {
-        this._setProperty(key, "");
-      }
-      this._setProperty(property, v);
-    } else {
-      const bgValues = module.exports.parse(v, {
-        globalObject: this._global
-      });
-      if (!Array.isArray(bgValues)) {
-        return;
-      }
-      const bgMap = new Map([
-        [backgroundImage.property, []],
-        [backgroundPosition.property, []],
-        [backgroundSize.property, []],
-        [backgroundRepeat.property, []],
-        [backgroundOrigin.property, []],
-        [backgroundClip.property, []],
-        [backgroundAttachment.property, []],
-        [backgroundColor.property, []]
-      ]);
-      const backgrounds = [];
-      for (const bgValue of bgValues) {
-        const bg = [];
-        for (const [longhand, value] of Object.entries(bgValue)) {
-          if (value) {
-            const arr = bgMap.get(longhand);
-            arr.push(value);
-            bgMap.set(longhand, arr);
-            if (value !== module.exports.initialValues.get(longhand)) {
-              if (longhand === backgroundSize.property) {
-                bg.push(`/ ${value}`);
-              } else {
-                bg.push(value);
-              }
-            } else if (longhand === backgroundImage.property) {
-              if (v === "none") {
-                bg.push(value);
-              }
-            } else if (longhand === backgroundColor.property) {
-              if (v === "transparent") {
-                bg.push(value);
-              }
-            }
-          }
-        }
-        backgrounds.push(bg.join(" "));
-      }
-      const priority = this._priorities.get(property) ?? "";
-      for (const [longhand, value] of bgMap) {
-        this._setProperty(longhand, value.join(", "), priority);
-      }
-      this._setProperty(property, backgrounds.join(", "), priority);
-    }
-  },
-  get() {
-    const v = this.getPropertyValue(property);
-    if (parsers.hasVarFunc(v)) {
-      return v;
-    }
-    const bgMap = new Map();
-    let l = 0;
-    for (const [longhand] of module.exports.shorthandFor) {
-      const val = this.getPropertyValue(longhand);
-      if (longhand === backgroundImage.property) {
-        if (
-          val === "none" &&
-          v === "none" &&
-          this.getPropertyValue(backgroundColor.property) === "transparent"
-        ) {
-          return val;
-        }
-        if (val !== module.exports.initialValues.get(longhand)) {
-          const imgValues = parsers.splitValue(val, {
-            delimiter: ","
-          });
-          l = imgValues.length;
-          bgMap.set(longhand, imgValues);
-        }
-      } else if (longhand === backgroundColor.property) {
-        if (val !== module.exports.initialValues.get(longhand) || v.includes(val)) {
-          bgMap.set(longhand, [val]);
-        }
-      } else if (val !== module.exports.initialValues.get(longhand)) {
-        bgMap.set(
-          longhand,
-          parsers.splitValue(val, {
-            delimiter: ","
-          })
-        );
-      }
-    }
-    if (l === 0) {
-      const bgColArr = bgMap.get(backgroundColor.property);
-      const background = bgColArr ? bgColArr[0] : null;
-      if (background) {
-        return background;
-      }
-      return "";
-    }
-    const bgValues = [];
-    for (let i = 0; i < l; i++) {
-      bgValues[i] = [];
-    }
-    for (const [longhand, values] of bgMap) {
-      for (let i = 0; i < l; i++) {
-        switch (longhand) {
-          case backgroundColor.property: {
-            if (i === l - 1) {
-              const value = values[0];
-              if (parsers.hasVarFunc(value)) {
-                return "";
-              }
-              if (value && value !== module.exports.initialValues.get(longhand)) {
-                const bgValue = bgValues[i];
-                bgValue.push(value);
-              }
-            }
-            break;
-          }
-          case backgroundSize.property: {
-            const value = values[i];
-            if (parsers.hasVarFunc(value)) {
-              return "";
-            }
-            if (value && value !== module.exports.initialValues.get(longhand)) {
-              const bgValue = bgValues[i];
-              bgValue.push(`/ ${value}`);
-            }
-            break;
-          }
-          default: {
-            const value = values[i];
-            if (parsers.hasVarFunc(value)) {
-              return "";
-            }
-            if (value && value !== module.exports.initialValues.get(longhand)) {
-              const bgValue = bgValues[i];
-              bgValue.push(value);
-            }
-          }
-        }
-      }
-    }
-    const backgrounds = [];
-    for (const bgValue of bgValues) {
-      backgrounds.push(bgValue.join(" "));
-    }
-    return backgrounds.join(", ");
-  },
-  enumerable: true,
-  configurable: true
+module.exports = {
+  descriptor,
+  initialValues,
+  parse,
+  property,
+  shorthandFor
 };
-
-module.exports.property = property;

package/lib/properties/backgroundAttachment.js

@@ -5,18 +5,42 @@ const parsers = require("../parsers");
 const property = "background-attachment";
 const shorthand = "background";
 
-module.exports.parse = (v, opt = {}) => {
-  const { globalObject } = opt;
+const descriptor = {
+  set(v) {
+    v = parsers.prepareValue(v);
+    if (parsers.hasVarFunc(v)) {
+      this._setProperty(shorthand, "");
+      this._setProperty(property, v);
+    } else {
+      const val = parse(v);
+      if (typeof val === "string") {
+        const priority =
+          !this._priorities.get(shorthand) && this._priorities.has(property) ? this._priorities.get(property) : "";
+        this._setProperty(property, val, priority);
+      }
+    }
+  },
+  get() {
+    return this.getPropertyValue(property);
+  },
+  enumerable: true,
+  configurable: true
+};
+
+/**
+ * Parses the background-attachment property value.
+ *
+ * @param {string} v - The value to parse.
+ * @returns {string|undefined} The parsed value or undefined if invalid.
+ */
+function parse(v) {
   if (v === "") {
     return v;
   }
   const values = parsers.splitValue(v, { delimiter: "," });
   const parsedValues = [];
   for (const val of values) {
-    const value = parsers.parsePropertyValue(property, val, {
-      globalObject,
-      inArray: true
-    });
+    const value = parsers.parsePropertyValue(property, val);
     if (Array.isArray(value) && value.length === 1) {
       const parsedValue = parsers.resolveKeywordValue(value);
       if (!parsedValue) {
@@ -30,32 +54,10 @@ module.exports.parse = (v, opt = {}) => {
   if (parsedValues.length) {
     return parsedValues.join(", ");
   }
-};
+}
 
-module.exports.definition = {
-  set(v) {
-    v = parsers.prepareValue(v);
-    if (parsers.hasVarFunc(v)) {
-      this._setProperty(shorthand, "");
-      this._setProperty(property, v);
-    } else {
-      const val = module.exports.parse(v, {
-        globalObject: this._global
-      });
-      if (typeof val === "string") {
-        const priority =
-          !this._priorities.get(shorthand) && this._priorities.has(property)
-            ? this._priorities.get(property)
-            : "";
-        this._setProperty(property, val, priority);
-      }
-    }
-  },
-  get() {
-    return this.getPropertyValue(property);
-  },
-  enumerable: true,
-  configurable: true
+module.exports = {
+  descriptor,
+  parse,
+  property
 };
-
-module.exports.property = property;

package/lib/properties/backgroundClip.js

@@ -5,18 +5,42 @@ const parsers = require("../parsers");
 const property = "background-clip";
 const shorthand = "background";
 
-module.exports.parse = (v, opt = {}) => {
-  const { globalObject } = opt;
+const descriptor = {
+  set(v) {
+    v = parsers.prepareValue(v);
+    if (parsers.hasVarFunc(v)) {
+      this._setProperty(shorthand, "");
+      this._setProperty(property, v);
+    } else {
+      const val = parse(v);
+      if (typeof val === "string") {
+        const priority =
+          !this._priorities.get(shorthand) && this._priorities.has(property) ? this._priorities.get(property) : "";
+        this._setProperty(property, val, priority);
+      }
+    }
+  },
+  get() {
+    return this.getPropertyValue(property);
+  },
+  enumerable: true,
+  configurable: true
+};
+
+/**
+ * Parses the background-clip property value.
+ *
+ * @param {string} v - The value to parse.
+ * @returns {string|undefined} The parsed value or undefined if invalid.
+ */
+function parse(v) {
   if (v === "") {
     return v;
   }
   const values = parsers.splitValue(v, { delimiter: "," });
   const parsedValues = [];
   for (const val of values) {
-    const value = parsers.parsePropertyValue(property, val, {
-      globalObject,
-      inArray: true
-    });
+    const value = parsers.parsePropertyValue(property, val);
     if (Array.isArray(value) && value.length === 1) {
       const parsedValue = parsers.resolveKeywordValue(value);
       if (!parsedValue) {
@@ -30,32 +54,10 @@ module.exports.parse = (v, opt = {}) => {
   if (parsedValues.length) {
     return parsedValues.join(", ");
   }
-};
+}
 
-module.exports.definition = {
-  set(v) {
-    v = parsers.prepareValue(v);
-    if (parsers.hasVarFunc(v)) {
-      this._setProperty(shorthand, "");
-      this._setProperty(property, v);
-    } else {
-      const val = module.exports.parse(v, {
-        globalObject: this._global
-      });
-      if (typeof val === "string") {
-        const priority =
-          !this._priorities.get(shorthand) && this._priorities.has(property)
-            ? this._priorities.get(property)
-            : "";
-        this._setProperty(property, val, priority);
-      }
-    }
-  },
-  get() {
-    return this.getPropertyValue(property);
-  },
-  enumerable: true,
-  configurable: true
+module.exports = {
+  descriptor,
+  parse,
+  property
 };
-
-module.exports.property = property;