add SVG Text types (#758)

Author: saschanaz

baselines/dom.generated.d.ts

@@ -3062,7 +3062,7 @@ interface CSSStyleDeclaration {
     tableLayout: string;
     textAlign: string;
     textAlignLast: string;
-    textAnchor: string | null;
+    textAnchor: string;
     textCombineUpright: string;
     textDecoration: string;
     textDecorationColor: string;
@@ -14694,13 +14694,13 @@ interface SVGTests {
 interface SVGTextContentElement extends SVGGraphicsElement {
     readonly lengthAdjust: SVGAnimatedEnumeration;
     readonly textLength: SVGAnimatedLength;
-    getCharNumAtPosition(point: SVGPoint): number;
+    getCharNumAtPosition(point?: DOMPointInit): number;
     getComputedTextLength(): number;
-    getEndPositionOfChar(charnum: number): SVGPoint;
-    getExtentOfChar(charnum: number): SVGRect;
+    getEndPositionOfChar(charnum: number): DOMPoint;
+    getExtentOfChar(charnum: number): DOMRect;
     getNumberOfChars(): number;
     getRotationOfChar(charnum: number): number;
-    getStartPositionOfChar(charnum: number): SVGPoint;
+    getStartPositionOfChar(charnum: number): DOMPoint;
     getSubStringLength(charnum: number, nchars: number): number;
     selectSubString(charnum: number, nchars: number): void;
     readonly LENGTHADJUST_SPACING: number;

inputfiles/addedTypes.json

@@ -2149,6 +2149,30 @@
                     }
                 ]
             },
+            "SVGTextElement": {
+                "element": [
+                    {
+                        "namespace": "SVG",
+                        "name": "text"
+                    }
+                ]
+            },
+            "SVGTextPathElement": {
+                "element": [
+                    {
+                        "namespace": "SVG",
+                        "name": "textPath"
+                    }
+                ]
+            },
+            "SVGTSpanElement": {
+                "element": [
+                    {
+                        "namespace": "SVG",
+                        "name": "tspan"
+                    }
+                ]
+            },
             "MediaStream": {
                 "events": {
                     "event": [

inputfiles/idl/SVG - Text.widl

@@ -0,0 +1,68 @@
+[Exposed=Window]
+interface SVGTextContentElement : SVGGraphicsElement {
+
+  // lengthAdjust Types
+  const unsigned short LENGTHADJUST_UNKNOWN = 0;
+  const unsigned short LENGTHADJUST_SPACING = 1;
+  const unsigned short LENGTHADJUST_SPACINGANDGLYPHS = 2;
+
+  [SameObject] readonly attribute SVGAnimatedLength textLength;
+  [SameObject] readonly attribute SVGAnimatedEnumeration lengthAdjust;
+
+  long getNumberOfChars();
+  float getComputedTextLength();
+  float getSubStringLength(unsigned long charnum, unsigned long nchars);
+  DOMPoint getStartPositionOfChar(unsigned long charnum);
+  DOMPoint getEndPositionOfChar(unsigned long charnum);
+  DOMRect getExtentOfChar(unsigned long charnum);
+  float getRotationOfChar(unsigned long charnum);
+  long getCharNumAtPosition(optional DOMPointInit point);
+  void selectSubString(unsigned long charnum, unsigned long nchars);
+};
+
+[Exposed=Window]
+interface SVGTextPositioningElement : SVGTextContentElement {
+  [SameObject] readonly attribute SVGAnimatedLengthList x;
+  [SameObject] readonly attribute SVGAnimatedLengthList y;
+  [SameObject] readonly attribute SVGAnimatedLengthList dx;
+  [SameObject] readonly attribute SVGAnimatedLengthList dy;
+  [SameObject] readonly attribute SVGAnimatedNumberList rotate;
+};
+
+[Exposed=Window]
+interface SVGTextElement : SVGTextPositioningElement {
+};
+
+[Exposed=Window]
+interface SVGTSpanElement : SVGTextPositioningElement {
+};
+
+[Exposed=Window]
+interface SVGTextPathElement : SVGTextContentElement {
+
+  // textPath Method Types
+  const unsigned short TEXTPATH_METHODTYPE_UNKNOWN = 0;
+  const unsigned short TEXTPATH_METHODTYPE_ALIGN = 1;
+  const unsigned short TEXTPATH_METHODTYPE_STRETCH = 2;
+
+  // textPath Spacing Types
+  const unsigned short TEXTPATH_SPACINGTYPE_UNKNOWN = 0;
+  const unsigned short TEXTPATH_SPACINGTYPE_AUTO = 1;
+  const unsigned short TEXTPATH_SPACINGTYPE_EXACT = 2;
+
+  [SameObject] readonly attribute SVGAnimatedLength startOffset;
+  [SameObject] readonly attribute SVGAnimatedEnumeration method;
+  [SameObject] readonly attribute SVGAnimatedEnumeration spacing;
+};
+
+SVGTextPathElement includes SVGURIReference;
+
+partial interface CSSStyleDeclaration {
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString inlineSize;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString shapeInside;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString shapeSubtract;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString shapeMargin;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString textAnchor;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString textDecorationFill;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString textDecorationStroke;
+};

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/text.html",
+        "title": "SVG - Text"
+    },
     {
         "url": "https://w3c.github.io/touch-events/",
         "title": "Touch Events"

inputfiles/removedTypes.json

@@ -131,6 +131,9 @@
                         "overflowInline": null,
                         "paddingBlock": null,
                         "paddingInline": null,
+                        "shapeInside": null,
+                        "shapeMargin": null,
+                        "shapeSubtract": null,
                         "strokeAlign": null,
                         "strokeBreak": null,
                         "strokeColor": null,
@@ -141,7 +144,9 @@
                         "strokePosition": null,
                         "strokeRepeat": null,
                         "strokeSize": null,
-                        "textAlignAll": null
+                        "textAlignAll": null,
+                        "textDecorationFill": null,
+                        "textDecorationStroke": null
                     }
                 }
             },

src/idlfetcher.ts

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