cssstyle 4.5.0 → 5.0.0

package/lib/CSSStyleDeclaration.js

@@ -5,12 +5,14 @@
 "use strict";
 const CSSOM = require("rrweb-cssom");
 const allExtraProperties = require("./allExtraProperties");
+const { shorthandProperties } = require("./shorthandProperties");
 const allProperties = require("./generated/allProperties");
 const implementedProperties = require("./generated/implementedProperties");
 const generatedProperties = require("./generated/properties");
 const { hasVarFunc, parseKeyword, parseShorthand, prepareValue, splitValue } = require("./parsers");
 const { dashedToCamelCase } = require("./utils/camelize");
 const { getPropertyDescriptor } = require("./utils/propertyDescriptors");
+const { asciiLowercase } = require("./utils/strings");
 
 /**
  * @see https://drafts.csswg.org/cssom/#the-cssstyledeclaration-interface
@@ -120,18 +122,26 @@ class CSSStyleDeclaration {
     if (this._computed) {
       return "";
     }
-    const properties = [];
+    const properties = new Map();
     for (let i = 0; i < this._length; i++) {
       const property = this[i];
       const value = this.getPropertyValue(property);
       const priority = this.getPropertyPriority(property);
       if (priority === "important") {
-        properties.push(`${property}: ${value} !${priority};`);
+        properties.set(property, `${property}: ${value} !${priority};`);
       } else {
-        properties.push(`${property}: ${value};`);
+        if (shorthandProperties.has(property)) {
+          const longhandProperties = shorthandProperties.get(property);
+          for (const [longhandProperty] of longhandProperties) {
+            if (properties.has(longhandProperty) && !this.getPropertyPriority(longhandProperty)) {
+              properties.delete(longhandProperty);
+            }
+          }
+        }
+        properties.set(property, `${property}: ${value};`);
       }
     }
-    return properties.join(" ");
+    return [...properties.values()].join(" ");
   }
 
   set cssText(value) {
@@ -272,10 +282,10 @@ class CSSStyleDeclaration {
     }
     const isCustomProperty = property.startsWith("--");
     if (isCustomProperty) {
-      this._setProperty(property, value);
+      this._setProperty(property, value, priority);
       return;
     }
-    property = property.toLowerCase();
+    property = asciiLowercase(property);
     if (!allProperties.has(property) && !allExtraProperties.has(property)) {
       return;
     }

package/lib/generated/implementedProperties.js

@@ -1,14 +1,26 @@
 "use strict";
-// autogenerated - 2025-06-20
+// autogenerated - 2025-07-14
 // https://www.w3.org/Style/CSS/all-properties.en.html
 
 module.exports = new Set([
+  "-webkit-border-after-color",
+  "-webkit-border-before-color",
+  "-webkit-border-end-color",
+  "-webkit-border-start-color",
+  "-webkit-column-rule-color",
+  "-webkit-tap-highlight-color",
+  "-webkit-text-emphasis-color",
+  "-webkit-text-fill-color",
+  "-webkit-text-stroke-color",
   "background",
   "background-attachment",
+  "background-clip",
   "background-color",
   "background-image",
+  "background-origin",
   "background-position",
   "background-repeat",
+  "background-size",
   "border",
   "border-bottom",
   "border-bottom-color",
@@ -66,14 +78,5 @@ module.exports = new Set([
   "right",
   "stop-color",
   "top",
-  "-webkit-border-after-color",
-  "-webkit-border-before-color",
-  "-webkit-border-end-color",
-  "-webkit-border-start-color",
-  "-webkit-column-rule-color",
-  "-webkit-tap-highlight-color",
-  "-webkit-text-emphasis-color",
-  "-webkit-text-fill-color",
-  "-webkit-text-stroke-color",
   "width"
 ]);