cssstyle 4.6.0 → 5.0.0

package/lib/CSSStyleDeclaration.js

@@ -5,6 +5,7 @@
 "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");
@@ -121,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) {
@@ -273,7 +282,7 @@ class CSSStyleDeclaration {
     }
     const isCustomProperty = property.startsWith("--");
     if (isCustomProperty) {
-      this._setProperty(property, value);
+      this._setProperty(property, value, priority);
       return;
     }
     property = asciiLowercase(property);

package/lib/generated/implementedProperties.js

@@ -1,14 +1,26 @@
 "use strict";
-// autogenerated - 2025-06-25
+// 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"
 ]);