Added auto wrap option (and grammar) for sequenceDiagrams

Added inline config and init(ialization) grammar
Added reinitialize functionality to mermaidAPI (not to be confused with initialize)
Added actorFontWeight, noteFontWeight, messageFontWeight, wrapEnabled, wrapPadding
Added wrapLabel and breakWord functions to intelligently wrap text based on a pixel-based width instead of column-based
  - The implementation is largely from Carys Mills: https://medium.com/@CarysMills/wrapping-svg-text-without-svg-2-ecbfb58f7ba4
  - Made slight modifications for mermaid-js
Fixed dark theme color inconsistencies for sequence diagrams
Removed !important from sequence scss as this prevents any client overrides
Fixed various invalid css values in sequence scss which prevented proper rendering of various elements
Added detectInit to utils for initialization json detection
Updated detectType to support the existence or absence of the intialization configuration
Updated calculateTextWidth to include fontWeight

docs/mermaidAPI.md

@@ -219,6 +219,11 @@ This sets the font size of the actor's description
 This sets the font family of the actor's description
 **Default value "Open-Sans", "sans-serif"**.
 
+### actorFontWeight
+
+This sets the font weight of the actor's description
+\*\*Default value 400.
+
 ### noteFontSize
 
 This sets the font size of actor-attached notes.
@@ -229,6 +234,11 @@ This sets the font size of actor-attached notes.
 This sets the font family of actor-attached notes.
 **Default value "trebuchet ms", verdana, arial**.
 
+### noteFontWeight
+
+This sets the font weight of the note's description
+\*\*Default value 400.
+
 ### noteAlign
 
 This sets the text alignment of actor-attached notes.
@@ -244,6 +254,21 @@ This sets the font size of actor messages.
 This sets the font family of actor messages.
 **Default value "trebuchet ms", verdana, arial**.
 
+### messageFontWeight
+
+This sets the font weight of the message's description
+\*\*Default value 400.
+
+### wrapEnabled
+
+This sets the auto-wrap state for the diagram
+\*\*Default value false.
+
+### wrapPadding
+
+This sets the auto-wrap padding for the diagram (sides only)
+\*\*Default value 15.
+
 ## gantt
 
 The object containing configurations specific for gantt diagrams\*

src/diagrams/sequence/parser/sequenceDiagram.jison

@@ -48,6 +48,14 @@
 "title"           return 'title';
 "sequenceDiagram" return 'SD';
 "autonumber" 			return 'autonumber';
+"init"      			return 'INIT';
+"initialize"      return 'INIT';
+"conf"      			return 'conf';
+"config"     			return 'conf';
+"configure"     	return 'conf';
+"configuration"   return 'conf';
+"wrap"      			return 'wrap';
+"nowrap"     			return 'nowrap';
 ","               return ',';
 ";"               return 'NL';
 [^\+\->:\n,;]+      { yytext = yytext.trim(); return 'ACTOR'; }
@@ -74,6 +82,7 @@
 start
 	: SPACE start
 	| NL start
+	| INIT text3 start
 	| SD document { yy.apply($2);return $2; }
 	;
 
@@ -85,17 +94,20 @@ document
 line
 	: SPACE statement { $$ = $2 }
 	| statement { $$ = $1 }
-	| NL { $$=[];}
+	| NL { $$=[]; }
 	;
 
 statement
 	: 'participant' actor 'AS' restOfLine 'NL' {$2.description=$4; $$=$2;}
 	| 'participant' actor 'NL' {$$=$2;}
 	| signal 'NL'
 	| autonumber {yy.enableSequenceNumbers()}
+	| wrap {yy.enableWrap()}
+	| nowrap {yy.disableWrap()}
 	| 'activate' actor 'NL' {$$={type: 'activeStart', signalType: yy.LINETYPE.ACTIVE_START, actor: $2};}
 	| 'deactivate' actor 'NL' {$$={type: 'activeEnd', signalType: yy.LINETYPE.ACTIVE_END, actor: $2};}
 	| note_statement 'NL'
+	| conf text3 'NL' {$$=[{type:'config', config:$2}]}
 	| title text2 'NL' {$$=[{type:'setTitle', text:$2}]}
 	| 'loop' restOfLine document end
 	{
@@ -197,4 +209,6 @@ signaltype
 
 text2: TXT {$$ = $1.substring(1).trim().replace(/\\n/gm, "\n");} ;
 
+text3: TXT {$$ = JSON.parse($1.substring(1).trim().replace(/\\n/gm, "\n").replace(/'/gm, "\""));} ;
+
 %%

src/diagrams/sequence/sequenceDb.js

@@ -1,11 +1,13 @@
 import { logger } from '../../logger';
+import { getConfig, setConfig } from '../../config';
 
 let prevActor = undefined;
 let actors = {};
 let messages = [];
 const notes = [];
 let title = '';
 let sequenceNumbersEnabled = false;
+let wrapEnabled = false;
 
 export const addActor = function(id, name, description) {
   // Don't allow description nulling
@@ -92,6 +94,16 @@ export const enableSequenceNumbers = function() {
 };
 export const showSequenceNumbers = () => sequenceNumbersEnabled;
 
+export const enableWrap = function() {
+  wrapEnabled = true;
+};
+
+export const disableWrap = function() {
+  wrapEnabled = false;
+};
+
+export const autoWrap = () => wrapEnabled;
+
 export const clear = function() {
   actors = {};
   messages = [];
@@ -213,6 +225,16 @@ export const apply = function(param) {
       case 'parEnd':
         addSignal(undefined, undefined, undefined, param.signalType);
         break;
+      case 'config':
+        try {
+          let cfg = param.config;
+          let _config = getConfig();
+          let config = Object.assign(_config, cfg);
+          setConfig(config);
+        } catch (error) {
+          logger.error('Error: unable to parse config');
+        }
+        break;
     }
   }
 };
@@ -221,8 +243,11 @@ export default {
   addActor,
   addMessage,
   addSignal,
+  enableWrap,
+  disableWrap,
   enableSequenceNumbers,
   showSequenceNumbers,
+  autoWrap,
   getMessages,
   getActors,
   getActor,