Merge pull request #1633 from ronyeh/docs

Docs updated automatically by running `grunt`.

Author: ronyeh

docs/api/assets/highlight.css

@@ -11,18 +11,18 @@
     --dark-hl-4: #CE9178;
     --light-hl-5: #008000;
     --dark-hl-5: #6A9955;
-    --light-hl-6: #000000;
-    --dark-hl-6: #D4D4D4;
-    --light-hl-7: #A31515;
-    --dark-hl-7: #CE9178;
-    --light-hl-8: #0000FF;
-    --dark-hl-8: #569CD6;
-    --light-hl-9: #0070C1;
-    --dark-hl-9: #4FC1FF;
-    --light-hl-10: #001080;
-    --dark-hl-10: #9CDCFE;
-    --light-hl-11: #795E26;
-    --dark-hl-11: #DCDCAA;
+    --light-hl-6: #795E26;
+    --dark-hl-6: #DCDCAA;
+    --light-hl-7: #000000;
+    --dark-hl-7: #D4D4D4;
+    --light-hl-8: #A31515;
+    --dark-hl-8: #CE9178;
+    --light-hl-9: #0000FF;
+    --dark-hl-9: #569CD6;
+    --light-hl-10: #0070C1;
+    --dark-hl-10: #4FC1FF;
+    --light-hl-11: #001080;
+    --dark-hl-11: #9CDCFE;
     --light-hl-12: #098658;
     --dark-hl-12: #B5CEA8;
     --light-hl-13: #267F99;

docs/api/classes/Accidental.html

@@ -847,14 +847,14 @@ <h3 class="tsd-anchor-link"><span>set<wbr/>Style</span><a href="#setStyle" aria-
 <li class="tsd-description">
 <div class="tsd-comment tsd-typography"><p>Set the element style used to render.</p>
 <p>Example:</p>
-<pre><code class="language-typescript"><span class="hl-10">element</span><span class="hl-6">.</span><span class="hl-11">setStyle</span><span class="hl-6">({ </span><span class="hl-10">fillStyle:</span><span class="hl-6"> </span><span class="hl-7">&#39;red&#39;</span><span class="hl-6">, </span><span class="hl-10">strokeStyle:</span><span class="hl-6"> </span><span class="hl-7">&#39;red&#39;</span><span class="hl-6"> });</span><br/><span class="hl-10">element</span><span class="hl-6">.</span><span class="hl-11">draw</span><span class="hl-6">();</span>
+<pre><code class="language-typescript"><span class="hl-11">element</span><span class="hl-7">.</span><span class="hl-6">setStyle</span><span class="hl-7">({ </span><span class="hl-11">fillStyle:</span><span class="hl-7"> </span><span class="hl-8">&#39;red&#39;</span><span class="hl-7">, </span><span class="hl-11">strokeStyle:</span><span class="hl-7"> </span><span class="hl-8">&#39;red&#39;</span><span class="hl-7"> });</span><br/><span class="hl-11">element</span><span class="hl-7">.</span><span class="hl-6">draw</span><span class="hl-7">();</span>
 </code><button>Copy</button></pre>
 <p>Note: If the element draws additional sub-elements (ie.: Modifiers in a Stave),
 the style can be applied to all of them by means of the context:</p>
-<pre><code class="language-typescript"><span class="hl-10">element</span><span class="hl-6">.</span><span class="hl-11">setStyle</span><span class="hl-6">({ </span><span class="hl-10">fillStyle:</span><span class="hl-6"> </span><span class="hl-7">&#39;red&#39;</span><span class="hl-6">, </span><span class="hl-10">strokeStyle:</span><span class="hl-6"> </span><span class="hl-7">&#39;red&#39;</span><span class="hl-6"> });</span><br/><span class="hl-10">element</span><span class="hl-6">.</span><span class="hl-11">getContext</span><span class="hl-6">().</span><span class="hl-11">setFillStyle</span><span class="hl-6">(</span><span class="hl-7">&#39;red&#39;</span><span class="hl-6">);</span><br/><span class="hl-10">element</span><span class="hl-6">.</span><span class="hl-11">getContext</span><span class="hl-6">().</span><span class="hl-11">setStrokeStyle</span><span class="hl-6">(</span><span class="hl-7">&#39;red&#39;</span><span class="hl-6">);</span><br/><span class="hl-10">element</span><span class="hl-6">.</span><span class="hl-11">draw</span><span class="hl-6">();</span>
+<pre><code class="language-typescript"><span class="hl-11">element</span><span class="hl-7">.</span><span class="hl-6">setStyle</span><span class="hl-7">({ </span><span class="hl-11">fillStyle:</span><span class="hl-7"> </span><span class="hl-8">&#39;red&#39;</span><span class="hl-7">, </span><span class="hl-11">strokeStyle:</span><span class="hl-7"> </span><span class="hl-8">&#39;red&#39;</span><span class="hl-7"> });</span><br/><span class="hl-11">element</span><span class="hl-7">.</span><span class="hl-6">getContext</span><span class="hl-7">().</span><span class="hl-6">setFillStyle</span><span class="hl-7">(</span><span class="hl-8">&#39;red&#39;</span><span class="hl-7">);</span><br/><span class="hl-11">element</span><span class="hl-7">.</span><span class="hl-6">getContext</span><span class="hl-7">().</span><span class="hl-6">setStrokeStyle</span><span class="hl-7">(</span><span class="hl-8">&#39;red&#39;</span><span class="hl-7">);</span><br/><span class="hl-11">element</span><span class="hl-7">.</span><span class="hl-6">draw</span><span class="hl-7">();</span>
 </code><button>Copy</button></pre>
 <p>or using drawWithStyle:</p>
-<pre><code class="language-typescript"><span class="hl-10">element</span><span class="hl-6">.</span><span class="hl-11">setStyle</span><span class="hl-6">({ </span><span class="hl-10">fillStyle:</span><span class="hl-6"> </span><span class="hl-7">&#39;red&#39;</span><span class="hl-6">, </span><span class="hl-10">strokeStyle:</span><span class="hl-6"> </span><span class="hl-7">&#39;red&#39;</span><span class="hl-6"> });</span><br/><span class="hl-10">element</span><span class="hl-6">.</span><span class="hl-11">drawWithStyle</span><span class="hl-6">();</span>
+<pre><code class="language-typescript"><span class="hl-11">element</span><span class="hl-7">.</span><span class="hl-6">setStyle</span><span class="hl-7">({ </span><span class="hl-11">fillStyle:</span><span class="hl-7"> </span><span class="hl-8">&#39;red&#39;</span><span class="hl-7">, </span><span class="hl-11">strokeStyle:</span><span class="hl-7"> </span><span class="hl-8">&#39;red&#39;</span><span class="hl-7"> });</span><br/><span class="hl-11">element</span><span class="hl-7">.</span><span class="hl-6">drawWithStyle</span><span class="hl-7">();</span>
 </code><button>Copy</button></pre>
 </div>
 <div class="tsd-parameters">

docs/api/classes/Annotation.html

@@ -866,14 +866,14 @@ <h3 class="tsd-anchor-link"><span>set<wbr/>Style</span><a href="#setStyle" aria-
 <li class="tsd-description">
 <div class="tsd-comment tsd-typography"><p>Set the element style used to render.</p>
 <p>Example:</p>
-<pre><code class="language-typescript"><span class="hl-10">element</span><span class="hl-6">.</span><span class="hl-11">setStyle</span><span class="hl-6">({ </span><span class="hl-10">fillStyle:</span><span class="hl-6"> </span><span class="hl-7">&#39;red&#39;</span><span class="hl-6">, </span><span class="hl-10">strokeStyle:</span><span class="hl-6"> </span><span class="hl-7">&#39;red&#39;</span><span class="hl-6"> });</span><br/><span class="hl-10">element</span><span class="hl-6">.</span><span class="hl-11">draw</span><span class="hl-6">();</span>
+<pre><code class="language-typescript"><span class="hl-11">element</span><span class="hl-7">.</span><span class="hl-6">setStyle</span><span class="hl-7">({ </span><span class="hl-11">fillStyle:</span><span class="hl-7"> </span><span class="hl-8">&#39;red&#39;</span><span class="hl-7">, </span><span class="hl-11">strokeStyle:</span><span class="hl-7"> </span><span class="hl-8">&#39;red&#39;</span><span class="hl-7"> });</span><br/><span class="hl-11">element</span><span class="hl-7">.</span><span class="hl-6">draw</span><span class="hl-7">();</span>
 </code><button>Copy</button></pre>
 <p>Note: If the element draws additional sub-elements (ie.: Modifiers in a Stave),
 the style can be applied to all of them by means of the context:</p>
-<pre><code class="language-typescript"><span class="hl-10">element</span><span class="hl-6">.</span><span class="hl-11">setStyle</span><span class="hl-6">({ </span><span class="hl-10">fillStyle:</span><span class="hl-6"> </span><span class="hl-7">&#39;red&#39;</span><span class="hl-6">, </span><span class="hl-10">strokeStyle:</span><span class="hl-6"> </span><span class="hl-7">&#39;red&#39;</span><span class="hl-6"> });</span><br/><span class="hl-10">element</span><span class="hl-6">.</span><span class="hl-11">getContext</span><span class="hl-6">().</span><span class="hl-11">setFillStyle</span><span class="hl-6">(</span><span class="hl-7">&#39;red&#39;</span><span class="hl-6">);</span><br/><span class="hl-10">element</span><span class="hl-6">.</span><span class="hl-11">getContext</span><span class="hl-6">().</span><span class="hl-11">setStrokeStyle</span><span class="hl-6">(</span><span class="hl-7">&#39;red&#39;</span><span class="hl-6">);</span><br/><span class="hl-10">element</span><span class="hl-6">.</span><span class="hl-11">draw</span><span class="hl-6">();</span>
+<pre><code class="language-typescript"><span class="hl-11">element</span><span class="hl-7">.</span><span class="hl-6">setStyle</span><span class="hl-7">({ </span><span class="hl-11">fillStyle:</span><span class="hl-7"> </span><span class="hl-8">&#39;red&#39;</span><span class="hl-7">, </span><span class="hl-11">strokeStyle:</span><span class="hl-7"> </span><span class="hl-8">&#39;red&#39;</span><span class="hl-7"> });</span><br/><span class="hl-11">element</span><span class="hl-7">.</span><span class="hl-6">getContext</span><span class="hl-7">().</span><span class="hl-6">setFillStyle</span><span class="hl-7">(</span><span class="hl-8">&#39;red&#39;</span><span class="hl-7">);</span><br/><span class="hl-11">element</span><span class="hl-7">.</span><span class="hl-6">getContext</span><span class="hl-7">().</span><span class="hl-6">setStrokeStyle</span><span class="hl-7">(</span><span class="hl-8">&#39;red&#39;</span><span class="hl-7">);</span><br/><span class="hl-11">element</span><span class="hl-7">.</span><span class="hl-6">draw</span><span class="hl-7">();</span>
 </code><button>Copy</button></pre>
 <p>or using drawWithStyle:</p>
-<pre><code class="language-typescript"><span class="hl-10">element</span><span class="hl-6">.</span><span class="hl-11">setStyle</span><span class="hl-6">({ </span><span class="hl-10">fillStyle:</span><span class="hl-6"> </span><span class="hl-7">&#39;red&#39;</span><span class="hl-6">, </span><span class="hl-10">strokeStyle:</span><span class="hl-6"> </span><span class="hl-7">&#39;red&#39;</span><span class="hl-6"> });</span><br/><span class="hl-10">element</span><span class="hl-6">.</span><span class="hl-11">drawWithStyle</span><span class="hl-6">();</span>
+<pre><code class="language-typescript"><span class="hl-11">element</span><span class="hl-7">.</span><span class="hl-6">setStyle</span><span class="hl-7">({ </span><span class="hl-11">fillStyle:</span><span class="hl-7"> </span><span class="hl-8">&#39;red&#39;</span><span class="hl-7">, </span><span class="hl-11">strokeStyle:</span><span class="hl-7"> </span><span class="hl-8">&#39;red&#39;</span><span class="hl-7"> });</span><br/><span class="hl-11">element</span><span class="hl-7">.</span><span class="hl-6">drawWithStyle</span><span class="hl-7">();</span>
 </code><button>Copy</button></pre>
 </div>
 <div class="tsd-parameters">

docs/api/classes/Articulation.html

@@ -853,14 +853,14 @@ <h3 class="tsd-anchor-link"><span>set<wbr/>Style</span><a href="#setStyle" aria-
 <li class="tsd-description">
 <div class="tsd-comment tsd-typography"><p>Set the element style used to render.</p>
 <p>Example:</p>
-<pre><code class="language-typescript"><span class="hl-10">element</span><span class="hl-6">.</span><span class="hl-11">setStyle</span><span class="hl-6">({ </span><span class="hl-10">fillStyle:</span><span class="hl-6"> </span><span class="hl-7">&#39;red&#39;</span><span class="hl-6">, </span><span class="hl-10">strokeStyle:</span><span class="hl-6"> </span><span class="hl-7">&#39;red&#39;</span><span class="hl-6"> });</span><br/><span class="hl-10">element</span><span class="hl-6">.</span><span class="hl-11">draw</span><span class="hl-6">();</span>
+<pre><code class="language-typescript"><span class="hl-11">element</span><span class="hl-7">.</span><span class="hl-6">setStyle</span><span class="hl-7">({ </span><span class="hl-11">fillStyle:</span><span class="hl-7"> </span><span class="hl-8">&#39;red&#39;</span><span class="hl-7">, </span><span class="hl-11">strokeStyle:</span><span class="hl-7"> </span><span class="hl-8">&#39;red&#39;</span><span class="hl-7"> });</span><br/><span class="hl-11">element</span><span class="hl-7">.</span><span class="hl-6">draw</span><span class="hl-7">();</span>
 </code><button>Copy</button></pre>
 <p>Note: If the element draws additional sub-elements (ie.: Modifiers in a Stave),
 the style can be applied to all of them by means of the context:</p>
-<pre><code class="language-typescript"><span class="hl-10">element</span><span class="hl-6">.</span><span class="hl-11">setStyle</span><span class="hl-6">({ </span><span class="hl-10">fillStyle:</span><span class="hl-6"> </span><span class="hl-7">&#39;red&#39;</span><span class="hl-6">, </span><span class="hl-10">strokeStyle:</span><span class="hl-6"> </span><span class="hl-7">&#39;red&#39;</span><span class="hl-6"> });</span><br/><span class="hl-10">element</span><span class="hl-6">.</span><span class="hl-11">getContext</span><span class="hl-6">().</span><span class="hl-11">setFillStyle</span><span class="hl-6">(</span><span class="hl-7">&#39;red&#39;</span><span class="hl-6">);</span><br/><span class="hl-10">element</span><span class="hl-6">.</span><span class="hl-11">getContext</span><span class="hl-6">().</span><span class="hl-11">setStrokeStyle</span><span class="hl-6">(</span><span class="hl-7">&#39;red&#39;</span><span class="hl-6">);</span><br/><span class="hl-10">element</span><span class="hl-6">.</span><span class="hl-11">draw</span><span class="hl-6">();</span>
+<pre><code class="language-typescript"><span class="hl-11">element</span><span class="hl-7">.</span><span class="hl-6">setStyle</span><span class="hl-7">({ </span><span class="hl-11">fillStyle:</span><span class="hl-7"> </span><span class="hl-8">&#39;red&#39;</span><span class="hl-7">, </span><span class="hl-11">strokeStyle:</span><span class="hl-7"> </span><span class="hl-8">&#39;red&#39;</span><span class="hl-7"> });</span><br/><span class="hl-11">element</span><span class="hl-7">.</span><span class="hl-6">getContext</span><span class="hl-7">().</span><span class="hl-6">setFillStyle</span><span class="hl-7">(</span><span class="hl-8">&#39;red&#39;</span><span class="hl-7">);</span><br/><span class="hl-11">element</span><span class="hl-7">.</span><span class="hl-6">getContext</span><span class="hl-7">().</span><span class="hl-6">setStrokeStyle</span><span class="hl-7">(</span><span class="hl-8">&#39;red&#39;</span><span class="hl-7">);</span><br/><span class="hl-11">element</span><span class="hl-7">.</span><span class="hl-6">draw</span><span class="hl-7">();</span>
 </code><button>Copy</button></pre>
 <p>or using drawWithStyle:</p>
-<pre><code class="language-typescript"><span class="hl-10">element</span><span class="hl-6">.</span><span class="hl-11">setStyle</span><span class="hl-6">({ </span><span class="hl-10">fillStyle:</span><span class="hl-6"> </span><span class="hl-7">&#39;red&#39;</span><span class="hl-6">, </span><span class="hl-10">strokeStyle:</span><span class="hl-6"> </span><span class="hl-7">&#39;red&#39;</span><span class="hl-6"> });</span><br/><span class="hl-10">element</span><span class="hl-6">.</span><span class="hl-11">drawWithStyle</span><span class="hl-6">();</span>
+<pre><code class="language-typescript"><span class="hl-11">element</span><span class="hl-7">.</span><span class="hl-6">setStyle</span><span class="hl-7">({ </span><span class="hl-11">fillStyle:</span><span class="hl-7"> </span><span class="hl-8">&#39;red&#39;</span><span class="hl-7">, </span><span class="hl-11">strokeStyle:</span><span class="hl-7"> </span><span class="hl-8">&#39;red&#39;</span><span class="hl-7"> });</span><br/><span class="hl-11">element</span><span class="hl-7">.</span><span class="hl-6">drawWithStyle</span><span class="hl-7">();</span>
 </code><button>Copy</button></pre>
 </div>
 <div class="tsd-parameters">