glyph-orientation and text-anchor on svg texts

Author: Onno van der Zee

src/css/Properties.js

@@ -323,6 +323,8 @@ var Properties = {
     "font-weight"                   : "normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit",
 
     //G
+    "glyph-orientation-horizontal"  : "<glyph-angle> | inherit",
+    "glyph-orientation-vertical"    : "auto | <glyph-angle> | inherit",
     "grid"                          : 1,
     "grid-area"                     : 1,
     "grid-auto-columns"             : 1,
@@ -492,6 +494,7 @@ var Properties = {
     "target-name"                   : 1,
     "target-new"                    : 1,
     "target-position"               : 1,
+    "text-anchor"                   : "start | middle | end | inherit",
     "text-align"                    : "left | right | center | justify | match-parent | start | end | inherit" ,
     "text-align-last"               : 1,
     "text-decoration"               : 1,

src/css/ValidationTypes.js

@@ -148,6 +148,10 @@ var ValidationTypes = {
             return part.type == "angle";
         },
 
+        "<glyph-angle>": function(part){
+            return part.type == "angle" && part.units == 'deg';
+        },
+
         "<uri>": function(part){
             return part.type == "uri";
         },

tests/css/Validation.js

@@ -809,6 +809,57 @@
         }));
     });
 
+    suite.add(new ValidationTestCase({
+        property: "glyph-orientation-horizontal",
+
+        valid: [
+            "-43deg",
+            ".7deg",
+            "90deg",
+            "521deg",
+            "inherit"
+        ],
+
+        invalid: {
+            "auto" : "Expected (<glyph-angle> | inherit) but found 'auto'.",
+            "70rad" : "Expected (<glyph-angle> | inherit) but found '70rad'.",
+            "4grad" : "Expected (<glyph-angle> | inherit) but found '4grad'."
+        }
+    }));
+
+    suite.add(new ValidationTestCase({
+        property: "glyph-orientation-vertical",
+
+        valid: [
+            "auto",
+            "-43deg",
+            ".7deg",
+            "90deg",
+            "521deg",
+            "inherit"
+        ],
+
+        invalid: {
+            "70rad" : "Expected (<glyph-angle> | inherit) but found '70rad'.",
+            "4grad" : "Expected (<glyph-angle> | inherit) but found '4grad'."
+        }
+    }));
+
+    suite.add(new ValidationTestCase({
+        property: "text-anchor",
+
+        valid: [
+            "start",
+            "middle",
+            "end",
+            "inherit"
+        ],
+
+        invalid: {
+            "foo" : "Expected (start | middle | end | inherit) but found 'foo'."
+        }
+    }));
+
     suite.add(new ValidationTestCase({
         property: "text-align",