Add SVG Paint Servers types (#759)

Author: saschanaz

baselines/dom.generated.d.ts

@@ -3048,8 +3048,8 @@ interface CSSStyleDeclaration {
     scale: string;
     scrollBehavior: string;
     shapeRendering: string;
-    stopColor: string | null;
-    stopOpacity: string | null;
+    stopColor: string;
+    stopOpacity: string;
     stroke: string;
     strokeDasharray: string;
     strokeDashoffset: string;
@@ -14372,7 +14372,7 @@ declare var SVGPathSegMovetoRel: {
 };
 
 /** Corresponds to the <pattern> element. */
-interface SVGPatternElement extends SVGElement, SVGFitToViewBox, SVGTests, SVGURIReference {
+interface SVGPatternElement extends SVGElement, SVGFitToViewBox, SVGURIReference {
     readonly height: SVGAnimatedLength;
     readonly patternContentUnits: SVGAnimatedEnumeration;
     readonly patternTransform: SVGAnimatedTransformList;
@@ -14478,6 +14478,7 @@ declare var SVGPreserveAspectRatio: {
 interface SVGRadialGradientElement extends SVGGradientElement {
     readonly cx: SVGAnimatedLength;
     readonly cy: SVGAnimatedLength;
+    readonly fr: SVGAnimatedLength;
     readonly fx: SVGAnimatedLength;
     readonly fy: SVGAnimatedLength;
     readonly r: SVGAnimatedLength;

inputfiles/addedTypes.json

@@ -2109,6 +2109,14 @@
                     }
                 ]
             },
+            "SVGLinearGradientElement": {
+                "element": [
+                    {
+                        "namespace": "SVG",
+                        "name": "linearGradient"
+                    }
+                ]
+            },
             "SVGLineElement": {
                 "element": [
                     {
@@ -2133,6 +2141,14 @@
                     }
                 ]
             },
+            "SVGPatternElement": {
+                "element": [
+                    {
+                        "namespace": "SVG",
+                        "name": "pattern"
+                    }
+                ]
+            },
             "SVGPolygonElement": {
                 "element": [
                     {
@@ -2149,6 +2165,22 @@
                     }
                 ]
             },
+            "SVGRadialGradientElement": {
+                "element": [
+                    {
+                        "namespace": "SVG",
+                        "name": "radialGradient"
+                    }
+                ]
+            },
+            "SVGStopElement": {
+                "element": [
+                    {
+                        "namespace": "SVG",
+                        "name": "stop"
+                    }
+                ]
+            },
             "SVGTextElement": {
                 "element": [
                     {

inputfiles/idl/SVG - Paint Servers.widl

@@ -0,0 +1,57 @@
+[Exposed=Window]
+interface SVGGradientElement : SVGElement {
+
+  // Spread Method Types
+  const unsigned short SVG_SPREADMETHOD_UNKNOWN = 0;
+  const unsigned short SVG_SPREADMETHOD_PAD = 1;
+  const unsigned short SVG_SPREADMETHOD_REFLECT = 2;
+  const unsigned short SVG_SPREADMETHOD_REPEAT = 3;
+
+  [SameObject] readonly attribute SVGAnimatedEnumeration gradientUnits;
+  [SameObject] readonly attribute SVGAnimatedTransformList gradientTransform;
+  [SameObject] readonly attribute SVGAnimatedEnumeration spreadMethod;
+};
+
+SVGGradientElement includes SVGURIReference;
+
+[Exposed=Window]
+interface SVGLinearGradientElement : SVGGradientElement {
+  [SameObject] readonly attribute SVGAnimatedLength x1;
+  [SameObject] readonly attribute SVGAnimatedLength y1;
+  [SameObject] readonly attribute SVGAnimatedLength x2;
+  [SameObject] readonly attribute SVGAnimatedLength y2;
+};
+
+[Exposed=Window]
+interface SVGRadialGradientElement : SVGGradientElement {
+  [SameObject] readonly attribute SVGAnimatedLength cx;
+  [SameObject] readonly attribute SVGAnimatedLength cy;
+  [SameObject] readonly attribute SVGAnimatedLength r;
+  [SameObject] readonly attribute SVGAnimatedLength fx;
+  [SameObject] readonly attribute SVGAnimatedLength fy;
+  [SameObject] readonly attribute SVGAnimatedLength fr;
+};
+
+[Exposed=Window]
+interface SVGStopElement : SVGElement {
+  [SameObject] readonly attribute SVGAnimatedNumber offset;
+};
+
+[Exposed=Window]
+interface SVGPatternElement : SVGElement {
+  [SameObject] readonly attribute SVGAnimatedEnumeration patternUnits;
+  [SameObject] readonly attribute SVGAnimatedEnumeration patternContentUnits;
+  [SameObject] readonly attribute SVGAnimatedTransformList patternTransform;
+  [SameObject] readonly attribute SVGAnimatedLength x;
+  [SameObject] readonly attribute SVGAnimatedLength y;
+  [SameObject] readonly attribute SVGAnimatedLength width;
+  [SameObject] readonly attribute SVGAnimatedLength height;
+};
+
+SVGPatternElement includes SVGFitToViewBox;
+SVGPatternElement includes SVGURIReference;
+
+partial interface CSSStyleDeclaration {
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString stopColor;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString stopOpacity;
+};

inputfiles/idlSources.json

@@ -419,6 +419,10 @@
         "url": "https://www.w3.org/TR/SVG2/painting.html",
         "title": "SVG - Painting"
     },
+    {
+        "url": "https://www.w3.org/TR/SVG2/pservers.html",
+        "title": "SVG - Paint Servers"
+    },
     {
         "url": "https://www.w3.org/TR/SVG2/text.html",
         "title": "SVG - Text"

inputfiles/removedTypes.json

@@ -217,11 +217,6 @@
                     }
                 }
             },
-            "SVGGradientElement": {
-                "implements": [
-                    "SVGUnitTypes"
-                ]
-            },
             "SVGMatrix": null,
             "SVGMarkerElement": {
                 "properties": {
@@ -230,11 +225,6 @@
                     }
                 }
             },
-            "SVGPatternElement": {
-                "implements": [
-                    "SVGUnitTypes"
-                ]
-            },
             "SVGPoint": null,
             "SVGRect": null,
             "SVGSVGElement": {

src/idlfetcher.ts

@@ -22,6 +22,7 @@ const idlSelector = [
 
 const cssPropSelector = [
     ".propdef dfn", // CSS Fonts, SVG
+    ".propdef-title", // SVG Paint Servers
     "dfn.css[data-dfn-type=property]"
 ].join(",");