declare new text font styling attributes

Author: archmoj

src/components/drawing/index.js

@@ -46,11 +46,32 @@ drawing.font = function(s, font) {
     if(style) s.style('font-style', style);
     if(variant) s.style('font-variant', variant);
 
+    if(capitalize) s.style('text-transform', capitalize2transform(capitalize));
     if(shadow) s.style('text-shadow', shadow === 'auto' ? svgTextUtils.makeTextShadow(Color.contrast(color)) : shadow);
-    if(striding) s.style('text-decoration-line', striding);
-    if(capitalize) s.style('text-transform', capitalize === 'word' ? 'capitalize' : capitalize);
+    if(striding) s.style('text-decoration-line', striding2decorationLine(striding));
 };
 
+function capitalize2transform(capitalize) {
+    return (
+        capitalize === 'word' ?
+            'capitalize' :
+            capitalize
+    );
+}
+drawing.capitalize2transform = capitalize2transform;
+
+function striding2decorationLine(striding) {
+    return (
+        striding
+            .replace('under', 'underline')
+            .replace('over', 'overline')
+            .replace('through', 'line-through')
+            .split('+')
+            .join(' ')
+    );
+}
+drawing.striding2decorationLine = striding2decorationLine;
+
 /*
  * Positioning helpers
  * Note: do not use `setPosition` with <text> nodes modified by

src/plots/font_attributes.js

@@ -86,6 +86,43 @@ module.exports = function(opts) {
             ].join(' ')
         },
 
+        capitalize: opts.noFontCapitalize ? undefined : {
+            editType: editType,
+            valType: 'enumerated',
+            values: ['none', 'word', 'uppercase', 'lowercase'],
+            dflt: 'none',
+            description: [
+                'Sets capitalization of text.',
+                'It can be used to make text appear in all-uppercase or all-lowercase,',
+                'or with each word capitalized.'
+            ].join(' ')
+        },
+
+        striding: opts.noFontStriding ? undefined : {
+            editType: editType,
+            valType: 'flaglist',
+            flags: ['under', 'over', 'through'],
+            extras: ['none'],
+            dflt: 'none',
+            description: [
+                'Sets the kind of decoration line(s) with text,',
+                'such as an *under*, *over* or *through*',
+                'as well as combinations e.g. *under+over*, etc.'
+            ].join(' ')
+        },
+
+        shadow: opts.noFontCapitalize ? undefined : {
+            editType: editType,
+            valType: 'string',
+            dflt: 'none',
+            extras: ['auto'],
+            description: [
+                'Sets the shape and color of the shadow behind text.',
+                'See https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow.',
+                '*auto* places minimal shadow and applies contrast text font color.'
+            ].join(' ')
+        },
+
         editType: editType,
         // blank strings so compress_attributes can remove
         // TODO - that's uber hacky... better solution?