add SVG Painting types (#727)

Author: saschanaz

baselines/dom.generated.d.ts

@@ -2816,6 +2816,7 @@ interface CSSStyleDeclaration {
     clipPath: string;
     clipRule: string;
     color: string | null;
+    colorInterpolation: string;
     colorInterpolationFilters: string;
     columnCount: string;
     columnFill: string;
@@ -2923,10 +2924,10 @@ interface CSSStyleDeclaration {
     marginLeft: string;
     marginRight: string;
     marginTop: string;
-    marker: string | null;
-    markerEnd: string | null;
-    markerMid: string | null;
-    markerStart: string | null;
+    marker: string;
+    markerEnd: string;
+    markerMid: string;
+    markerStart: string;
     mask: string;
     maskComposite: string;
     maskImage: string;
@@ -3016,6 +3017,7 @@ interface CSSStyleDeclaration {
     pageBreakAfter: string;
     pageBreakBefore: string;
     pageBreakInside: string;
+    paintOrder: string;
     readonly parentRule: CSSRule;
     penAction: string | null;
     perspective: string;
@@ -3035,6 +3037,7 @@ interface CSSStyleDeclaration {
     rubyPosition: string | null;
     scale: string;
     scrollBehavior: string;
+    shapeRendering: string;
     stopColor: string | null;
     stopOpacity: string | null;
     stroke: string;
@@ -3065,6 +3068,7 @@ interface CSSStyleDeclaration {
     textKashidaSpace: string | null;
     textOrientation: string;
     textOverflow: string;
+    textRendering: string;
     textShadow: string;
     textTransform: string;
     textUnderlinePosition: string;

inputfiles/addedTypes.json

@@ -2113,6 +2113,14 @@
                     }
                 ]
             },
+            "SVGMarkerElement": {
+                "element": [
+                    {
+                        "namespace": "SVG",
+                        "name": "marker"
+                    }
+                ]
+            },
             "SVGMaskElement": {
                 "element": [
                     {

inputfiles/idl/SVG - Painting.widl

@@ -0,0 +1,51 @@
+[Exposed=Window]
+interface SVGMarkerElement : SVGElement {
+
+  // Marker Unit Types
+  const unsigned short SVG_MARKERUNITS_UNKNOWN = 0;
+  const unsigned short SVG_MARKERUNITS_USERSPACEONUSE = 1;
+  const unsigned short SVG_MARKERUNITS_STROKEWIDTH = 2;
+
+  // Marker Orientation Types
+  const unsigned short SVG_MARKER_ORIENT_UNKNOWN = 0;
+  const unsigned short SVG_MARKER_ORIENT_AUTO = 1;
+  const unsigned short SVG_MARKER_ORIENT_ANGLE = 2;
+
+  [SameObject] readonly attribute SVGAnimatedLength refX;
+  [SameObject] readonly attribute SVGAnimatedLength refY;
+  [SameObject] readonly attribute SVGAnimatedEnumeration markerUnits;
+  [SameObject] readonly attribute SVGAnimatedLength markerWidth;
+  [SameObject] readonly attribute SVGAnimatedLength markerHeight;
+  [SameObject] readonly attribute SVGAnimatedEnumeration orientType;
+  [SameObject] readonly attribute SVGAnimatedAngle orientAngle;
+  attribute DOMString orient;
+
+  void setOrientToAuto();
+  void setOrientToAngle(SVGAngle angle);
+};
+
+SVGMarkerElement includes SVGFitToViewBox;
+
+partial interface CSSStyleDeclaration {
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString fill;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString fillRule;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString fillOpacity;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString stroke;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString strokeOpacity;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString strokeWidth;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString strokeLinecap;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString strokeLinejoin;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString strokeMiterlimit;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString strokeDasharray;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString strokeDashoffset;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString markerStart;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString markerMid;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString markerEnd;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString marker;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString paintOrder;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString colorInterpolation;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString colorRendering;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString shapeRendering;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString textRendering;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString imageRendering;
+};

inputfiles/idlSources.json

@@ -408,13 +408,17 @@
         "local": true
     },
     {
-        "url": "https://svgwg.org/svg2-draft/types.html",
+        "url": "https://www.w3.org/TR/SVG2/types.html",
         "title": "SVG - Basic Data Types and Interfaces"
     },
     {
-        "url": "https://svgwg.org/svg2-draft/shapes.html",
+        "url": "https://www.w3.org/TR/SVG2/shapes.html",
         "title": "SVG - Basic Shapes"
     },
+    {
+        "url": "https://www.w3.org/TR/SVG2/painting.html",
+        "title": "SVG - Painting"
+    },
     {
         "url": "https://w3c.github.io/touch-events/",
         "title": "Touch Events"

inputfiles/removedTypes.json

@@ -90,6 +90,7 @@
                         "borderStartEndRadius": null,
                         "borderStartStartRadius": null,
                         "boxDecorationBreak": null,
+                        "colorRendering": null,
                         "continue": null,
                         "cornerShape": null,
                         "corners": null,
@@ -231,6 +232,13 @@
                 ]
             },
             "SVGMatrix": null,
+            "SVGMarkerElement": {
+                "properties": {
+                    "property": {
+                        "orient": null
+                    }
+                }
+            },
             "SVGPatternElement": {
                 "implements": [
                     "SVGUnitTypes"

src/idlfetcher.ts

@@ -21,7 +21,7 @@ const idlSelector = [
 ].join(",");
 
 const cssPropSelector = [
-    ".propdef dfn", // CSS Fonts, CSS Masking
+    ".propdef dfn", // CSS Fonts
     "dfn.css[data-dfn-type=property]"
 ].join(",");