Modified: tinkerpop/site/docs/3.4.11/recipes/index.html
URL: 
http://svn.apache.org/viewvc/tinkerpop/site/docs/3.4.11/recipes/index.html?rev=1889489&r1=1889488&r2=1889489&view=diff
==============================================================================
--- tinkerpop/site/docs/3.4.11/recipes/index.html (original)
+++ tinkerpop/site/docs/3.4.11/recipes/index.html Tue May  4 14:09:16 2021
@@ -922,10 +922,10 @@ provide some basic building blocks for v
 traversal on the paths found between them. Consider the following examples 
using the modern toy graph:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620046774-1" type="radio" name="radio-set-1620046774-1" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620046774-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620046774-2" type="radio" name="radio-set-1620046774-1" 
class="tab-selector-2" />
-  <label for="tab-1620046774-2" class="tab-label-2">groovy</label>
+  <input id="tab-1620126897-1" type="radio" name="radio-set-1620126897-1" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620126897-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620126897-2" type="radio" name="radio-set-1620126897-1" 
class="tab-selector-2" />
+  <label for="tab-1620126897-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1000,10 +1000,10 @@ scenarios. For one such example, conside
 vertices:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620046774-3" type="radio" name="radio-set-1620046774-3" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620046774-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620046774-4" type="radio" name="radio-set-1620046774-3" 
class="tab-selector-2" />
-  <label for="tab-1620046774-4" class="tab-label-2">groovy</label>
+  <input id="tab-1620126897-3" type="radio" name="radio-set-1620126897-3" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620126897-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620126897-4" type="radio" name="radio-set-1620126897-3" 
class="tab-selector-2" />
+  <label for="tab-1620126897-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1052,10 +1052,10 @@ to extract the known job, the company th
 the known person completed an application.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620046774-5" type="radio" name="radio-set-1620046774-5" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620046774-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620046774-6" type="radio" name="radio-set-1620046774-5" 
class="tab-selector-2" />
-  <label for="tab-1620046774-6" class="tab-label-2">groovy</label>
+  <input id="tab-1620126897-5" type="radio" name="radio-set-1620126897-5" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620126897-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620126897-6" type="radio" name="radio-set-1620126897-5" 
class="tab-selector-2" />
+  <label for="tab-1620126897-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1191,10 +1191,10 @@ demonstrate how some of these different
 edges associated to each vertex. The following examples use the modern toy 
graph:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620046807-1" type="radio" name="radio-set-1620046807-1" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620046807-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620046807-2" type="radio" name="radio-set-1620046807-1" 
class="tab-selector-2" />
-  <label for="tab-1620046807-2" class="tab-label-2">groovy</label>
+  <input id="tab-1620126930-1" type="radio" name="radio-set-1620126930-1" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620126930-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620126930-2" type="radio" name="radio-set-1620126930-1" 
class="tab-selector-2" />
+  <label for="tab-1620126930-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1289,10 +1289,10 @@ graph for demonstration purposes:</p>
 <p><span class="image"><img src="../images/betweeness-example.png" 
alt="betweeness example" width="600"></span></p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620046807-3" type="radio" name="radio-set-1620046807-3" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620046807-3" class="tab-label-1">console (groovy )</label>
-  <input id="tab-1620046807-4" type="radio" name="radio-set-1620046807-3" 
class="tab-selector-2" />
-  <label for="tab-1620046807-4" class="tab-label-2">groovy </label>
+  <input id="tab-1620126930-3" type="radio" name="radio-set-1620126930-3" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620126930-3" class="tab-label-1">console (groovy )</label>
+  <input id="tab-1620126930-4" type="radio" name="radio-set-1620126930-3" 
class="tab-selector-2" />
+  <label for="tab-1620126930-4" class="tab-label-2">groovy </label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1420,10 +1420,10 @@ pairs).
 other reachable vertices in the graph. The following examples use the modern 
toy graph:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620046807-5" type="radio" name="radio-set-1620046807-5" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620046807-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620046807-6" type="radio" name="radio-set-1620046807-5" 
class="tab-selector-2" />
-  <label for="tab-1620046807-6" class="tab-label-2">groovy</label>
+  <input id="tab-1620126930-5" type="radio" name="radio-set-1620126930-5" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620126930-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620126930-6" type="radio" name="radio-set-1620126930-5" 
class="tab-selector-2" />
+  <label for="tab-1620126930-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1526,10 +1526,10 @@ relative importance of adjacent vertices
 give it the highest rank. Consider the following example using the Grateful 
Dead graph:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620046807-7" type="radio" name="radio-set-1620046807-7" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620046807-7" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620046807-8" type="radio" name="radio-set-1620046807-7" 
class="tab-selector-2" />
-  <label for="tab-1620046807-8" class="tab-label-2">groovy</label>
+  <input id="tab-1620126930-7" type="radio" name="radio-set-1620126930-7" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620126930-7" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620126930-8" type="radio" name="radio-set-1620126930-7" 
class="tab-selector-2" />
+  <label for="tab-1620126930-8" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1608,10 +1608,10 @@ can shorten the time required to get a r
 <code>GraphComputer</code> (OLAP) based traversals.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620046807-9" type="radio" name="radio-set-1620046807-9" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620046807-9" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620046807-10" type="radio" name="radio-set-1620046807-9" 
class="tab-selector-2" />
-  <label for="tab-1620046807-10" class="tab-label-2">groovy</label>
+  <input id="tab-1620126930-9" type="radio" name="radio-set-1620126930-9" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620126930-9" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620126930-10" type="radio" name="radio-set-1620126930-9" 
class="tab-selector-2" />
+  <label for="tab-1620126930-10" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1619,12 +1619,12 @@ can shorten the time required to get a r
 <pre class="CodeRay highlight"><code data-lang="groovy">gremlin&gt; g = 
traversal().withEmbedded(graph).withComputer()
 ==&gt;graphtraversalsource[tinkergraph[<span class="key">vertices</span>:<span 
class="integer">6</span> <span class="key">edges</span>:<span 
class="integer">6</span>], graphcomputer]
 gremlin&gt; g.V().pageRank().by(<span class="string"><span 
class="delimiter">'</span><span class="content">pageRank</span><span 
class="delimiter">'</span></span>).values(<span class="string"><span 
class="delimiter">'</span><span class="content">pageRank</span><span 
class="delimiter">'</span></span>)
-==&gt;<span class="float">0.14598540152719103</span>
-==&gt;<span class="float">0.14598540152719103</span>
-==&gt;<span class="float">0.11375510357865537</span>
-==&gt;<span class="float">0.11375510357865537</span>
-==&gt;<span class="float">0.30472009079122486</span>
-==&gt;<span class="float">0.1757988989970823</span></code></pre>
+==&gt;<span class="float">0.11375510357865543</span>
+==&gt;<span class="float">0.11375510357865543</span>
+==&gt;<span class="float">0.14598540152719108</span>
+==&gt;<span class="float">0.14598540152719108</span>
+==&gt;<span class="float">0.17579889899708237</span>
+==&gt;<span class="float">0.30472009079122503</span></code></pre>
 </div>
 </div>
     </div>
@@ -1669,10 +1669,10 @@ patterns described in this section.</p>
 appear by way of some side-effect steps like <code>store()</code>:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620046858-1" type="radio" name="radio-set-1620046858-1" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620046858-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620046858-2" type="radio" name="radio-set-1620046858-1" 
class="tab-selector-2" />
-  <label for="tab-1620046858-2" class="tab-label-2">groovy</label>
+  <input id="tab-1620126981-1" type="radio" name="radio-set-1620126981-1" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620126981-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620126981-2" type="radio" name="radio-set-1620126981-1" 
class="tab-selector-2" />
+  <label for="tab-1620126981-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1701,10 +1701,10 @@ g.V().store(<span class="string"><span c
 similar fashion to lists:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620046858-3" type="radio" name="radio-set-1620046858-3" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620046858-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620046858-4" type="radio" name="radio-set-1620046858-3" 
class="tab-selector-2" />
-  <label for="tab-1620046858-4" class="tab-label-2">groovy</label>
+  <input id="tab-1620126981-3" type="radio" name="radio-set-1620126981-3" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620126981-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620126981-4" type="radio" name="radio-set-1620126981-3" 
class="tab-selector-2" />
+  <label for="tab-1620126981-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1737,10 +1737,10 @@ means than what is demonstrated.</p>
 <p>It may seem simple, but the most obvious choice to modifying what is in a 
list is to simply <code>unfold()</code> the <code>List</code>:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620046858-5" type="radio" name="radio-set-1620046858-5" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620046858-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620046858-6" type="radio" name="radio-set-1620046858-5" 
class="tab-selector-2" />
-  <label for="tab-1620046858-6" class="tab-label-2">groovy</label>
+  <input id="tab-1620126981-5" type="radio" name="radio-set-1620126981-5" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620126981-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620126981-6" type="radio" name="radio-set-1620126981-5" 
class="tab-selector-2" />
+  <label for="tab-1620126981-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1780,10 +1780,10 @@ traverser as it just flattens <code>List
 result, but consider what happens when there is more than one:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620046858-7" type="radio" name="radio-set-1620046858-7" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620046858-7" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620046858-8" type="radio" name="radio-set-1620046858-7" 
class="tab-selector-2" />
-  <label for="tab-1620046858-8" class="tab-label-2">groovy</label>
+  <input id="tab-1620126981-7" type="radio" name="radio-set-1620126981-7" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620126981-7" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620126981-8" type="radio" name="radio-set-1620126981-7" 
class="tab-selector-2" />
+  <label for="tab-1620126981-8" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1825,10 +1825,10 @@ While this approach may be acceptable, t
 structure of the <code>List</code> traversers "locally" <code>unfold()</code> 
the lists to transform them:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620046858-9" type="radio" name="radio-set-1620046858-9" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620046858-9" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620046858-10" type="radio" name="radio-set-1620046858-9" 
class="tab-selector-2" />
-  <label for="tab-1620046858-10" class="tab-label-2">groovy</label>
+  <input id="tab-1620126981-9" type="radio" name="radio-set-1620126981-9" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620126981-9" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620126981-10" type="radio" name="radio-set-1620126981-9" 
class="tab-selector-2" />
+  <label for="tab-1620126981-10" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1863,10 +1863,10 @@ thus maintaining two traverser results.<
 <p>This pattern for unfolding and folding <code>List</code> traversers ends up 
having other applications:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620046858-11" type="radio" name="radio-set-1620046858-11" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620046858-11" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620046858-12" type="radio" name="radio-set-1620046858-11" 
class="tab-selector-2" />
-  <label for="tab-1620046858-12" class="tab-label-2">groovy</label>
+  <input id="tab-1620126981-11" type="radio" name="radio-set-1620126981-11" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620126981-11" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620126981-12" type="radio" name="radio-set-1620126981-11" 
class="tab-selector-2" />
+  <label for="tab-1620126981-12" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -1944,10 +1944,10 @@ especially in cases where the expected o
 form of a <code>List</code>. For example, consider the following three 
traversals:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620046858-13" type="radio" name="radio-set-1620046858-13" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620046858-13" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620046858-14" type="radio" name="radio-set-1620046858-13" 
class="tab-selector-2" />
-  <label for="tab-1620046858-14" class="tab-label-2">groovy</label>
+  <input id="tab-1620126981-13" type="radio" name="radio-set-1620126981-13" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620126981-13" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620126981-14" type="radio" name="radio-set-1620126981-13" 
class="tab-selector-2" />
+  <label for="tab-1620126981-14" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2028,10 +2028,10 @@ three results (i.e. triple) that could t
 the use of <code>store()</code> to aid in construction of this 
<code>List</code>:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620046858-15" type="radio" name="radio-set-1620046858-15" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620046858-15" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620046858-16" type="radio" name="radio-set-1620046858-15" 
class="tab-selector-2" />
-  <label for="tab-1620046858-16" class="tab-label-2">groovy</label>
+  <input id="tab-1620126981-15" type="radio" name="radio-set-1620126981-15" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620126981-15" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620126981-16" type="radio" name="radio-set-1620126981-15" 
class="tab-selector-2" />
+  <label for="tab-1620126981-16" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2142,10 +2142,10 @@ means that each traverser can effectivel
 vertices each:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620046858-17" type="radio" name="radio-set-1620046858-17" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620046858-17" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620046858-18" type="radio" name="radio-set-1620046858-17" 
class="tab-selector-2" />
-  <label for="tab-1620046858-18" class="tab-label-2">groovy</label>
+  <input id="tab-1620126981-17" type="radio" name="radio-set-1620126981-17" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620126981-17" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620126981-18" type="radio" name="radio-set-1620126981-17" 
class="tab-selector-2" />
+  <label for="tab-1620126981-18" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2172,10 +2172,10 @@ vertices each:</p>
 results.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620046858-19" type="radio" name="radio-set-1620046858-19" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620046858-19" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620046858-20" type="radio" name="radio-set-1620046858-19" 
class="tab-selector-2" />
-  <label for="tab-1620046858-20" class="tab-label-2">groovy</label>
+  <input id="tab-1620126981-19" type="radio" name="radio-set-1620126981-19" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620126981-19" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620126981-20" type="radio" name="radio-set-1620126981-19" 
class="tab-selector-2" />
+  <label for="tab-1620126981-20" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2256,10 +2256,10 @@ need for the transformation, the explana
 to end up with a <code>Map</code> is with <code>valueMap()</code>:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620046858-21" type="radio" name="radio-set-1620046858-21" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620046858-21" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620046858-22" type="radio" name="radio-set-1620046858-21" 
class="tab-selector-2" />
-  <label for="tab-1620046858-22" class="tab-label-2">groovy</label>
+  <input id="tab-1620126981-21" type="radio" name="radio-set-1620126981-21" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620126981-21" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620126981-22" type="radio" name="radio-set-1620126981-21" 
class="tab-selector-2" />
+  <label for="tab-1620126981-22" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2286,10 +2286,10 @@ property stored as a <code>List</code>.
 by avoiding use of <code>valueMap()</code>:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620046858-23" type="radio" name="radio-set-1620046858-23" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620046858-23" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620046858-24" type="radio" name="radio-set-1620046858-23" 
class="tab-selector-2" />
-  <label for="tab-1620046858-24" class="tab-label-2">groovy</label>
+  <input id="tab-1620126981-23" type="radio" name="radio-set-1620126981-23" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620126981-23" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620126981-24" type="radio" name="radio-set-1620126981-23" 
class="tab-selector-2" />
+  <label for="tab-1620126981-24" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2319,10 +2319,10 @@ by avoiding use of <code>valueMap()</cod
 generally applicable to processing any <code>Map</code> instances with any 
sorts of values:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620046858-25" type="radio" name="radio-set-1620046858-25" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620046858-25" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620046858-26" type="radio" name="radio-set-1620046858-25" 
class="tab-selector-2" />
-  <label for="tab-1620046858-26" class="tab-label-2">groovy</label>
+  <input id="tab-1620126981-25" type="radio" name="radio-set-1620126981-25" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620126981-25" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620126981-26" type="radio" name="radio-set-1620126981-25" 
class="tab-selector-2" />
+  <label for="tab-1620126981-26" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2372,10 +2372,10 @@ desired output before taking this approa
 unavoidable extraneous keys in the output <code>Map</code>:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620046858-27" type="radio" name="radio-set-1620046858-27" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620046858-27" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620046858-28" type="radio" name="radio-set-1620046858-27" 
class="tab-selector-2" />
-  <label for="tab-1620046858-28" class="tab-label-2">groovy</label>
+  <input id="tab-1620126981-27" type="radio" name="radio-set-1620126981-27" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620126981-27" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620126981-28" type="radio" name="radio-set-1620126981-27" 
class="tab-selector-2" />
+  <label for="tab-1620126981-28" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2415,10 +2415,10 @@ every single vertex in the traversal str
 supplied. While this may be an acceptable output, it is possible to shape the 
<code>Map</code> to be "nicer":</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620046858-29" type="radio" name="radio-set-1620046858-29" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620046858-29" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620046858-30" type="radio" name="radio-set-1620046858-29" 
class="tab-selector-2" />
-  <label for="tab-1620046858-30" class="tab-label-2">groovy</label>
+  <input id="tab-1620126981-29" type="radio" name="radio-set-1620126981-29" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620126981-29" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620126981-30" type="radio" name="radio-set-1620126981-29" 
class="tab-selector-2" />
+  <label for="tab-1620126981-30" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2468,10 +2468,10 @@ prior to reconstructing the <code>Map</c
 earlier to flatten <code>List</code> values within a <code>Map</code>:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620046858-31" type="radio" name="radio-set-1620046858-31" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620046858-31" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620046858-32" type="radio" name="radio-set-1620046858-31" 
class="tab-selector-2" />
-  <label for="tab-1620046858-32" class="tab-label-2">groovy</label>
+  <input id="tab-1620126981-31" type="radio" name="radio-set-1620126981-31" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620126981-31" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620126981-32" type="radio" name="radio-set-1620126981-31" 
class="tab-selector-2" />
+  <label for="tab-1620126981-32" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2521,10 +2521,10 @@ here involves the use of a <code>union()
 reconstructed as a new <code>Map</code> that has been merged together:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620046858-33" type="radio" name="radio-set-1620046858-33" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620046858-33" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620046858-34" type="radio" name="radio-set-1620046858-33" 
class="tab-selector-2" />
-  <label for="tab-1620046858-34" class="tab-label-2">groovy</label>
+  <input id="tab-1620126981-33" type="radio" name="radio-set-1620126981-33" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620126981-33" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620126981-34" type="radio" name="radio-set-1620126981-33" 
class="tab-selector-2" />
+  <label for="tab-1620126981-34" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2584,10 +2584,10 @@ a <code>List</code> back for all the val
 <code>List</code> instances when necessary:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620046858-35" type="radio" name="radio-set-1620046858-35" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620046858-35" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620046858-36" type="radio" name="radio-set-1620046858-35" 
class="tab-selector-2" />
-  <label for="tab-1620046858-36" class="tab-label-2">groovy</label>
+  <input id="tab-1620126981-35" type="radio" name="radio-set-1620126981-35" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620126981-35" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620126981-36" type="radio" name="radio-set-1620126981-35" 
class="tab-selector-2" />
+  <label for="tab-1620126981-36" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2666,10 +2666,10 @@ component membership is stored in the gr
 <p><span class="image"><img src="../images/connected-components.png" 
alt="connected components" width="600"></span></p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620046986-1" type="radio" name="radio-set-1620046986-1" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620046986-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620046986-2" type="radio" name="radio-set-1620046986-1" 
class="tab-selector-2" />
-  <label for="tab-1620046986-2" class="tab-label-2">groovy</label>
+  <input id="tab-1620127110-1" type="radio" name="radio-set-1620127110-1" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127110-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127110-2" type="radio" name="radio-set-1620127110-1" 
class="tab-selector-2" />
+  <label for="tab-1620127110-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2715,10 +2715,10 @@ described in more detail in the
 The traversal looks like:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620046986-3" type="radio" name="radio-set-1620046986-3" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620046986-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620046986-4" type="radio" name="radio-set-1620046986-3" 
class="tab-selector-2" />
-  <label for="tab-1620046986-4" class="tab-label-2">groovy</label>
+  <input id="tab-1620127110-3" type="radio" name="radio-set-1620127110-3" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127110-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127110-4" type="radio" name="radio-set-1620127110-3" 
class="tab-selector-2" />
+  <label for="tab-1620127110-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2726,8 +2726,8 @@ The traversal looks like:</p>
 <pre class="CodeRay highlight"><code data-lang="groovy">gremlin&gt; 
g.withComputer().V().connectedComponent().
              group().by(ConnectedComponent.component).
              select(values).unfold()
-==&gt;[v[D],v[E]]
-==&gt;[v[B],v[C],v[A]]
+==&gt;[v[E],v[D]]
+==&gt;[v[A],v[C],v[B]]
 ==&gt;[v[F]]</code></pre>
 </div>
 </div>
@@ -2762,10 +2762,10 @@ default property key within which the re
 <p>A straightforward way to detect the various subgraphs with an OLTP 
traversal is to do this:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620046986-5" type="radio" name="radio-set-1620046986-5" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620046986-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620046986-6" type="radio" name="radio-set-1620046986-5" 
class="tab-selector-2" />
-  <label for="tab-1620046986-6" class="tab-label-2">groovy</label>
+  <input id="tab-1620127110-5" type="radio" name="radio-set-1620127110-5" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127110-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127110-6" type="radio" name="radio-set-1620127110-5" 
class="tab-selector-2" />
+  <label for="tab-1620127110-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2903,10 +2903,10 @@ depicted below Gremlin could be use to d
 <p><span class="image"><img src="../images/graph-cycle.png" alt="graph cycle" 
width="250"></span></p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047021-1" type="radio" name="radio-set-1620047021-1" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047021-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047021-2" type="radio" name="radio-set-1620047021-1" 
class="tab-selector-2" />
-  <label for="tab-1620047021-2" class="tab-label-2">groovy</label>
+  <input id="tab-1620127143-1" type="radio" name="radio-set-1620127143-1" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127143-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127143-2" type="radio" name="radio-set-1620127143-1" 
class="tab-selector-2" />
+  <label for="tab-1620127143-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -2980,10 +2980,10 @@ It also respected the directionality of
 themselves). To do so, you would need to <code>.emit()</code> a Traverser 
before the repeat()-loop.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047021-3" type="radio" name="radio-set-1620047021-3" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047021-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047021-4" type="radio" name="radio-set-1620047021-3" 
class="tab-selector-2" />
-  <label for="tab-1620047021-4" class="tab-label-2">groovy</label>
+  <input id="tab-1620127143-3" type="radio" name="radio-set-1620127143-3" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127143-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127143-4" type="radio" name="radio-set-1620127143-3" 
class="tab-selector-2" />
+  <label for="tab-1620127143-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3046,10 +3046,10 @@ g.V().as(<span class="string"><span clas
 outgoing edges, in the modern graph?</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047021-5" type="radio" name="radio-set-1620047021-5" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047021-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047021-6" type="radio" name="radio-set-1620047021-5" 
class="tab-selector-2" />
-  <label for="tab-1620047021-6" class="tab-label-2">groovy</label>
+  <input id="tab-1620127143-5" type="radio" name="radio-set-1620127143-5" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127143-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127143-6" type="radio" name="radio-set-1620127143-5" 
class="tab-selector-2" />
+  <label for="tab-1620127143-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3087,10 +3087,10 @@ that happens to have an eighth bridge (t
 <p>Gremlin can detect if such a cycle exists with:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047021-7" type="radio" name="radio-set-1620047021-7" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047021-7" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047021-8" type="radio" name="radio-set-1620047021-7" 
class="tab-selector-2" />
-  <label for="tab-1620047021-8" class="tab-label-2">groovy</label>
+  <input id="tab-1620127143-7" type="radio" name="radio-set-1620127143-7" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127143-7" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127143-8" type="radio" name="radio-set-1620127143-7" 
class="tab-selector-2" />
+  <label for="tab-1620127143-8" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3172,10 +3172,10 @@ the first step above, which would mean t
 detected circuit can be displayed with:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047021-9" type="radio" name="radio-set-1620047021-9" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047021-9" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047021-10" type="radio" name="radio-set-1620047021-9" 
class="tab-selector-2" />
-  <label for="tab-1620047021-10" class="tab-label-2">groovy</label>
+  <input id="tab-1620127143-9" type="radio" name="radio-set-1620127143-9" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127143-9" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127143-10" type="radio" name="radio-set-1620127143-9" 
class="tab-selector-2" />
+  <label for="tab-1620127143-10" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3225,10 +3225,10 @@ label and direction will be considered "
 that is duplicative of the "created" edge between vertex "1" and "3".</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047064-1" type="radio" name="radio-set-1620047064-1" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047064-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047064-2" type="radio" name="radio-set-1620047064-1" 
class="tab-selector-2" />
-  <label for="tab-1620047064-2" class="tab-label-2">groovy</label>
+  <input id="tab-1620127186-1" type="radio" name="radio-set-1620127186-1" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127186-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127186-2" type="radio" name="radio-set-1620127186-1" 
class="tab-selector-2" />
+  <label for="tab-1620127186-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3256,10 +3256,10 @@ g.V(<span class="integer">1</span>).outE
 <p>One way to find the duplicate edges would be to do something like this:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047064-3" type="radio" name="radio-set-1620047064-3" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047064-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047064-4" type="radio" name="radio-set-1620047064-3" 
class="tab-selector-2" />
-  <label for="tab-1620047064-4" class="tab-label-2">groovy</label>
+  <input id="tab-1620127186-3" type="radio" name="radio-set-1620127186-3" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127186-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127186-4" type="radio" name="radio-set-1620127186-3" 
class="tab-selector-2" />
+  <label for="tab-1620127186-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3322,10 +3322,10 @@ contain  duplicate.</p>
 that uses less memory might look like this:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047064-5" type="radio" name="radio-set-1620047064-5" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047064-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047064-6" type="radio" name="radio-set-1620047064-5" 
class="tab-selector-2" />
-  <label for="tab-1620047064-6" class="tab-label-2">groovy</label>
+  <input id="tab-1620127186-5" type="radio" name="radio-set-1620127186-5" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127186-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127186-6" type="radio" name="radio-set-1620127186-5" 
class="tab-selector-2" />
+  <label for="tab-1620127186-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3394,10 +3394,10 @@ value.</p>
 <p>Note that the above traversal could also be written using 
<code>match</code> step:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047064-7" type="radio" name="radio-set-1620047064-7" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047064-7" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047064-8" type="radio" name="radio-set-1620047064-7" 
class="tab-selector-2" />
-  <label for="tab-1620047064-8" class="tab-label-2">groovy</label>
+  <input id="tab-1620127186-7" type="radio" name="radio-set-1620127186-7" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127186-7" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127186-8" type="radio" name="radio-set-1620127186-7" 
class="tab-selector-2" />
+  <label for="tab-1620127186-8" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3446,10 +3446,10 @@ The previous examples invoke traversal s
 as a performance optimization.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047064-9" type="radio" name="radio-set-1620047064-9" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047064-9" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047064-10" type="radio" name="radio-set-1620047064-9" 
class="tab-selector-2" />
-  <label for="tab-1620047064-10" class="tab-label-2">groovy</label>
+  <input id="tab-1620127186-9" type="radio" name="radio-set-1620127186-9" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127186-9" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127186-10" type="radio" name="radio-set-1620127186-9" 
class="tab-selector-2" />
+  <label for="tab-1620127186-10" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3505,10 +3505,10 @@ example, a "duplicate" definition could
 demonstration, an additional edge is added to the "modern" graph:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047064-11" type="radio" name="radio-set-1620047064-11" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047064-11" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047064-12" type="radio" name="radio-set-1620047064-11" 
class="tab-selector-2" />
-  <label for="tab-1620047064-12" class="tab-label-2">groovy</label>
+  <input id="tab-1620127186-11" type="radio" name="radio-set-1620127186-11" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127186-11" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127186-12" type="radio" name="radio-set-1620127186-11" 
class="tab-selector-2" />
+  <label for="tab-1620127186-12" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3539,10 +3539,10 @@ g.V(<span class="integer">1</span>).outE
 <p>To identify the duplicate with this revised definition, the previous 
traversal can be modified to:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047064-13" type="radio" name="radio-set-1620047064-13" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047064-13" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047064-14" type="radio" name="radio-set-1620047064-13" 
class="tab-selector-2" />
-  <label for="tab-1620047064-14" class="tab-label-2">groovy</label>
+  <input id="tab-1620127186-13" type="radio" name="radio-set-1620127186-13" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127186-13" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127186-14" type="radio" name="radio-set-1620127186-13" 
class="tab-selector-2" />
+  <label for="tab-1620127186-14" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3592,10 +3592,10 @@ group for duplicates.</p>
 <p>Consider the following example with some duplicate vertices added to the 
"modern" graph:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047113-1" type="radio" name="radio-set-1620047113-1" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047113-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047113-2" type="radio" name="radio-set-1620047113-1" 
class="tab-selector-2" />
-  <label for="tab-1620047113-2" class="tab-label-2">groovy</label>
+  <input id="tab-1620127236-1" type="radio" name="radio-set-1620127236-1" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127236-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127236-2" type="radio" name="radio-set-1620127236-1" 
class="tab-selector-2" />
+  <label for="tab-1620127236-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3641,10 +3641,10 @@ the <code>Map</code> provided by the <co
 match the feature. To extract just those vertices that contain duplicates an 
additional filter can be added:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047113-3" type="radio" name="radio-set-1620047113-3" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047113-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047113-4" type="radio" name="radio-set-1620047113-3" 
class="tab-selector-2" />
-  <label for="tab-1620047113-4" class="tab-label-2">groovy</label>
+  <input id="tab-1620127236-3" type="radio" name="radio-set-1620127236-3" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127236-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127236-4" type="radio" name="radio-set-1620127236-3" 
class="tab-selector-2" />
+  <label for="tab-1620127236-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3693,10 +3693,10 @@ be created with the same properties and
 follows:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047132-1" type="radio" name="radio-set-1620047132-1" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047132-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047132-2" type="radio" name="radio-set-1620047132-1" 
class="tab-selector-2" />
-  <label for="tab-1620047132-2" class="tab-label-2">groovy</label>
+  <input id="tab-1620127255-1" type="radio" name="radio-set-1620127255-1" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127255-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127255-2" type="radio" name="radio-set-1620127255-1" 
class="tab-selector-2" />
+  <label for="tab-1620127255-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3728,10 +3728,10 @@ follows:</p>
 the "peter" vertex in a single traversal:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047132-3" type="radio" name="radio-set-1620047132-3" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047132-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047132-4" type="radio" name="radio-set-1620047132-3" 
class="tab-selector-2" />
-  <label for="tab-1620047132-4" class="tab-label-2">groovy</label>
+  <input id="tab-1620127255-3" type="radio" name="radio-set-1620127255-3" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127255-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127255-4" type="radio" name="radio-set-1620127255-3" 
class="tab-selector-2" />
+  <label for="tab-1620127255-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3802,10 +3802,10 @@ properties to transfer to the new "moved
 <p>Checking for whether or not a graph element is present in the graph is 
simple:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047153-1" type="radio" name="radio-set-1620047153-1" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047153-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047153-2" type="radio" name="radio-set-1620047153-1" 
class="tab-selector-2" />
-  <label for="tab-1620047153-2" class="tab-label-2">groovy</label>
+  <input id="tab-1620127275-1" type="radio" name="radio-set-1620127275-1" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127275-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127275-2" type="radio" name="radio-set-1620127275-1" 
class="tab-selector-2" />
+  <label for="tab-1620127275-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3836,10 +3836,10 @@ determine whether or not to add a new ve
 entire operation can occur in a single traversal.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047153-3" type="radio" name="radio-set-1620047153-3" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047153-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047153-4" type="radio" name="radio-set-1620047153-3" 
class="tab-selector-2" />
-  <label for="tab-1620047153-4" class="tab-label-2">groovy</label>
+  <input id="tab-1620127275-3" type="radio" name="radio-set-1620127275-3" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127275-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127275-4" type="radio" name="radio-set-1620127275-3" 
class="tab-selector-2" />
+  <label for="tab-1620127275-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3894,10 +3894,10 @@ then the vertex does not exist and it is
 <p>This "get or create" logic can be expanded to be "upsert" like 
functionality as follows:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047153-5" type="radio" name="radio-set-1620047153-5" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047153-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047153-6" type="radio" name="radio-set-1620047153-5" 
class="tab-selector-2" />
-  <label for="tab-1620047153-6" class="tab-label-2">groovy</label>
+  <input id="tab-1620127275-5" type="radio" name="radio-set-1620127275-5" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127275-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127275-6" type="radio" name="radio-set-1620127275-5" 
class="tab-selector-2" />
+  <label for="tab-1620127275-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -3959,10 +3959,10 @@ execution.
 <p>It is possible to do similar sorts of operations with edges using the same 
pattern:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047153-7" type="radio" name="radio-set-1620047153-7" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047153-7" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047153-8" type="radio" name="radio-set-1620047153-7" 
class="tab-selector-2" />
-  <label for="tab-1620047153-8" class="tab-label-2">groovy</label>
+  <input id="tab-1620127275-7" type="radio" name="radio-set-1620127275-7" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127275-7" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127275-8" type="radio" name="radio-set-1620127275-7" 
class="tab-selector-2" />
+  <label for="tab-1620127275-8" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4003,10 +4003,10 @@ found between these two vertices, then i
 <p>Consider the following traversal over the "modern" toy graph:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047186-1" type="radio" name="radio-set-1620047186-1" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047186-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047186-2" type="radio" name="radio-set-1620047186-1" 
class="tab-selector-2" />
-  <label for="tab-1620047186-2" class="tab-label-2">groovy</label>
+  <input id="tab-1620127307-1" type="radio" name="radio-set-1620127307-1" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127307-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127307-2" type="radio" name="radio-set-1620127307-1" 
class="tab-selector-2" />
+  <label for="tab-1620127307-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4034,10 +4034,10 @@ different picture of the result. For exa
 a domain concept such as "young", "old" and "very old".</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047186-3" type="radio" name="radio-set-1620047186-3" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047186-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047186-4" type="radio" name="radio-set-1620047186-3" 
class="tab-selector-2" />
-  <label for="tab-1620047186-4" class="tab-label-2">groovy</label>
+  <input id="tab-1620127307-3" type="radio" name="radio-set-1620127307-3" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127307-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127307-4" type="radio" name="radio-set-1620127307-3" 
class="tab-selector-2" />
+  <label for="tab-1620127307-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4089,10 +4089,10 @@ like the following in Java:</p>
 there is another option to consider with <code>coalesce</code>:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047186-5" type="radio" name="radio-set-1620047186-5" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047186-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047186-6" type="radio" name="radio-set-1620047186-5" 
class="tab-selector-2" />
-  <label for="tab-1620047186-6" class="tab-label-2">groovy</label>
+  <input id="tab-1620127307-5" type="radio" name="radio-set-1620127307-5" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127307-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127307-6" type="radio" name="radio-set-1620127307-5" 
class="tab-selector-2" />
+  <label for="tab-1620127307-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4136,10 +4136,10 @@ there is another option to consider with
 <p><span class="image right"><img src="../images/tree-lca.png" alt="tree lca" 
width="230"></span> The following examples will use this graph depicted 
here:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047212-1" type="radio" name="radio-set-1620047212-1" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047212-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047212-2" type="radio" name="radio-set-1620047212-1" 
class="tab-selector-2" />
-  <label for="tab-1620047212-2" class="tab-label-2">groovy</label>
+  <input id="tab-1620127333-1" type="radio" name="radio-set-1620127333-1" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127333-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127333-2" type="radio" name="radio-set-1620127333-1" 
class="tab-selector-2" />
+  <label for="tab-1620127333-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4193,10 +4193,10 @@ start at vertex A and loop through all o
 completed 3 loops.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047212-3" type="radio" name="radio-set-1620047212-3" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047212-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047212-4" type="radio" name="radio-set-1620047212-3" 
class="tab-selector-2" />
-  <label for="tab-1620047212-4" class="tab-label-2">groovy</label>
+  <input id="tab-1620127333-3" type="radio" name="radio-set-1620127333-3" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127333-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127333-4" type="radio" name="radio-set-1620127333-3" 
class="tab-selector-2" />
+  <label for="tab-1620127333-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4229,10 +4229,10 @@ to be vertex G, we will see that this tr
 exit based on reaching the maximum number of loops (3).</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047212-5" type="radio" name="radio-set-1620047212-5" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047212-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047212-6" type="radio" name="radio-set-1620047212-5" 
class="tab-selector-2" />
-  <label for="tab-1620047212-6" class="tab-label-2">groovy</label>
+  <input id="tab-1620127333-5" type="radio" name="radio-set-1620127333-5" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127333-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127333-6" type="radio" name="radio-set-1620127333-5" 
class="tab-selector-2" />
+  <label for="tab-1620127333-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4275,10 +4275,10 @@ several different recipes for accomplish
 <p>If the desired output is to get each vertex and its associated depth this 
can be accomplished using this traversal.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047212-7" type="radio" name="radio-set-1620047212-7" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047212-7" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047212-8" type="radio" name="radio-set-1620047212-7" 
class="tab-selector-2" />
-  <label for="tab-1620047212-8" class="tab-label-2">groovy</label>
+  <input id="tab-1620127333-7" type="radio" name="radio-set-1620127333-7" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127333-7" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127333-8" type="radio" name="radio-set-1620127333-7" 
class="tab-selector-2" />
+  <label for="tab-1620127333-8" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4321,10 +4321,10 @@ several different recipes for accomplish
 this can be accomplished with this traversal.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047212-9" type="radio" name="radio-set-1620047212-9" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047212-9" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047212-10" type="radio" name="radio-set-1620047212-9" 
class="tab-selector-2" />
-  <label for="tab-1620047212-10" class="tab-label-2">groovy</label>
+  <input id="tab-1620127333-9" type="radio" name="radio-set-1620127333-9" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127333-9" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127333-10" type="radio" name="radio-set-1620127333-9" 
class="tab-selector-2" />
+  <label for="tab-1620127333-10" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4366,10 +4366,10 @@ be accomplished.</p>
 in the <code>until()</code> checking for a vertex with a degree of zero.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047212-11" type="radio" name="radio-set-1620047212-11" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047212-11" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047212-12" type="radio" name="radio-set-1620047212-11" 
class="tab-selector-2" />
-  <label for="tab-1620047212-12" class="tab-label-2">groovy</label>
+  <input id="tab-1620127333-11" type="radio" name="radio-set-1620127333-11" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127333-11" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127333-12" type="radio" name="radio-set-1620127333-11" 
class="tab-selector-2" />
+  <label for="tab-1620127333-12" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4400,10 +4400,10 @@ within a <code>repeat().times()</code> l
 up to a maximum of 5 times.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047212-13" type="radio" name="radio-set-1620047212-13" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047212-13" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047212-14" type="radio" name="radio-set-1620047212-13" 
class="tab-selector-2" />
-  <label for="tab-1620047212-14" class="tab-label-2">groovy</label>
+  <input id="tab-1620127333-13" type="radio" name="radio-set-1620127333-13" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127333-13" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127333-14" type="radio" name="radio-set-1620127333-13" 
class="tab-selector-2" />
+  <label for="tab-1620127333-14" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4430,10 +4430,10 @@ For example, we can first use a more tra
 edges two times, and then traverse <code>out()</code> edges up to five 
times.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047212-15" type="radio" name="radio-set-1620047212-15" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047212-15" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047212-16" type="radio" name="radio-set-1620047212-15" 
class="tab-selector-2" />
-  <label for="tab-1620047212-16" class="tab-label-2">groovy</label>
+  <input id="tab-1620127333-15" type="radio" name="radio-set-1620127333-15" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127333-15" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127333-16" type="radio" name="radio-set-1620127333-15" 
class="tab-selector-2" />
+  <label for="tab-1620127333-16" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4468,10 +4468,10 @@ the number of elements being dropped fro
 "modern" graph.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047262-1" type="radio" name="radio-set-1620047262-1" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047262-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047262-2" type="radio" name="radio-set-1620047262-1" 
class="tab-selector-2" />
-  <label for="tab-1620047262-2" class="tab-label-2">groovy</label>
+  <input id="tab-1620127383-1" type="radio" name="radio-set-1620127383-1" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127383-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127383-2" type="radio" name="radio-set-1620127383-1" 
class="tab-selector-2" />
+  <label for="tab-1620127383-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4531,10 +4531,10 @@ second ten records and so on, until pote
 <p>In Gremlin, a basic approach to paging would look something like the 
following:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047276-1" type="radio" name="radio-set-1620047276-1" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047276-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047276-2" type="radio" name="radio-set-1620047276-1" 
class="tab-selector-2" />
-  <label for="tab-1620047276-2" class="tab-label-2">groovy</label>
+  <input id="tab-1620127397-1" type="radio" name="radio-set-1620127397-1" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127397-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127397-2" type="radio" name="radio-set-1620127397-1" 
class="tab-selector-2" />
+  <label for="tab-1620127397-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4600,10 +4600,10 @@ to getting a total count without doing a
 removed then the traversals become more simple:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047276-3" type="radio" name="radio-set-1620047276-3" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047276-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047276-4" type="radio" name="radio-set-1620047276-3" 
class="tab-selector-2" />
-  <label for="tab-1620047276-4" class="tab-label-2">groovy</label>
+  <input id="tab-1620127397-3" type="radio" name="radio-set-1620127397-3" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127397-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127397-4" type="radio" name="radio-set-1620127397-3" 
class="tab-selector-2" />
+  <label for="tab-1620127397-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4653,10 +4653,10 @@ second traversal, the graph will still r
 <p>The only way to completely avoid that problem is to re-use the same 
traversal instance:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047276-5" type="radio" name="radio-set-1620047276-5" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047276-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047276-6" type="radio" name="radio-set-1620047276-5" 
class="tab-selector-2" />
-  <label for="tab-1620047276-6" class="tab-label-2">groovy</label>
+  <input id="tab-1620127397-5" type="radio" name="radio-set-1620127397-5" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127397-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127397-6" type="radio" name="radio-set-1620127397-5" 
class="tab-selector-2" />
+  <label for="tab-1620127397-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4720,10 +4720,10 @@ specific person as to what their opinion
 following script generates some data for the graph using that basic schema:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047305-1" type="radio" name="radio-set-1620047305-1" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047305-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047305-2" type="radio" name="radio-set-1620047305-1" 
class="tab-selector-2" />
-  <label for="tab-1620047305-2" class="tab-label-2">groovy</label>
+  <input id="tab-1620127425-1" type="radio" name="radio-set-1620127425-1" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127425-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127425-2" type="radio" name="radio-set-1620127425-1" 
class="tab-selector-2" />
+  <label for="tab-1620127425-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4801,10 +4801,10 @@ gremlin&gt; <span class="integer">2</spa
 <p>The first step to making a recommendation to "alice" using collaborative 
filtering is to understand what she bought:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047305-3" type="radio" name="radio-set-1620047305-3" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047305-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047305-4" type="radio" name="radio-set-1620047305-3" 
class="tab-selector-2" />
-  <label for="tab-1620047305-4" class="tab-label-2">groovy</label>
+  <input id="tab-1620127425-3" type="radio" name="radio-set-1620127425-3" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127425-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127425-4" type="radio" name="radio-set-1620127425-3" 
class="tab-selector-2" />
+  <label for="tab-1620127425-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4841,10 +4841,10 @@ focus on the neighborhood around that pr
 <p>The next step is to determine who else purchased those products:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047305-5" type="radio" name="radio-set-1620047305-5" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047305-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047305-6" type="radio" name="radio-set-1620047305-5" 
class="tab-selector-2" />
-  <label for="tab-1620047305-6" class="tab-label-2">groovy</label>
+  <input id="tab-1620127425-5" type="radio" name="radio-set-1620127425-5" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127425-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127425-6" type="radio" name="radio-set-1620127425-5" 
class="tab-selector-2" />
+  <label for="tab-1620127425-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4874,10 +4874,10 @@ focus on the neighborhood around that pr
 interest is in what individuals other than herself purchased:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047305-7" type="radio" name="radio-set-1620047305-7" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047305-7" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047305-8" type="radio" name="radio-set-1620047305-7" 
class="tab-selector-2" />
-  <label for="tab-1620047305-8" class="tab-label-2">groovy</label>
+  <input id="tab-1620127425-7" type="radio" name="radio-set-1620127425-7" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127425-7" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127425-8" type="radio" name="radio-set-1620127425-7" 
class="tab-selector-2" />
+  <label for="tab-1620127425-8" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4918,10 +4918,10 @@ interest is in what individuals other th
 they bought:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047305-9" type="radio" name="radio-set-1620047305-9" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047305-9" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047305-10" type="radio" name="radio-set-1620047305-9" 
class="tab-selector-2" />
-  <label for="tab-1620047305-10" class="tab-label-2">groovy</label>
+  <input id="tab-1620127425-9" type="radio" name="radio-set-1620127425-9" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127425-9" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127425-10" type="radio" name="radio-set-1620127425-9" 
class="tab-selector-2" />
+  <label for="tab-1620127425-10" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -4968,10 +4968,10 @@ already purchased some of these products
 that she already owns. Those products she already purchased can be excluded as 
follows:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047305-11" type="radio" name="radio-set-1620047305-11" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047305-11" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047305-12" type="radio" name="radio-set-1620047305-11" 
class="tab-selector-2" />
-  <label for="tab-1620047305-12" class="tab-label-2">groovy</label>
+  <input id="tab-1620127425-11" type="radio" name="radio-set-1620127425-11" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127425-11" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127425-12" type="radio" name="radio-set-1620127425-11" 
class="tab-selector-2" />
+  <label for="tab-1620127425-12" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5012,10 +5012,10 @@ that she already owns. Those products sh
 purposes) to form a ranking:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047305-13" type="radio" name="radio-set-1620047305-13" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047305-13" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047305-14" type="radio" name="radio-set-1620047305-13" 
class="tab-selector-2" />
-  <label for="tab-1620047305-14" class="tab-label-2">groovy</label>
+  <input id="tab-1620127425-13" type="radio" name="radio-set-1620127425-13" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127425-13" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127425-14" type="radio" name="radio-set-1620127425-13" 
class="tab-selector-2" />
+  <label for="tab-1620127425-14" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5078,10 +5078,10 @@ vertices that make up the recommendation
 who have at least one product in common:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047305-15" type="radio" name="radio-set-1620047305-15" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047305-15" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047305-16" type="radio" name="radio-set-1620047305-15" 
class="tab-selector-2" />
-  <label for="tab-1620047305-16" class="tab-label-2">groovy</label>
+  <input id="tab-1620127425-15" type="radio" name="radio-set-1620127425-15" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127425-15" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127425-16" type="radio" name="radio-set-1620127425-15" 
class="tab-selector-2" />
+  <label for="tab-1620127425-16" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5113,10 +5113,10 @@ who have at least one product in common:
 <p>Next, do some grouping to find count how many products they have in 
common:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047305-17" type="radio" name="radio-set-1620047305-17" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047305-17" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047305-18" type="radio" name="radio-set-1620047305-17" 
class="tab-selector-2" />
-  <label for="tab-1620047305-18" class="tab-label-2">groovy</label>
+  <input id="tab-1620127425-17" type="radio" name="radio-set-1620127425-17" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127425-17" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127425-18" type="radio" name="radio-set-1620127425-17" 
class="tab-selector-2" />
+  <label for="tab-1620127425-18" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5152,10 +5152,10 @@ who have at least one product in common:
 that maximum:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047305-19" type="radio" name="radio-set-1620047305-19" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047305-19" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047305-20" type="radio" name="radio-set-1620047305-19" 
class="tab-selector-2" />
-  <label for="tab-1620047305-20" class="tab-label-2">groovy</label>
+  <input id="tab-1620127425-19" type="radio" name="radio-set-1620127425-19" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127425-19" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127425-20" type="radio" name="radio-set-1620127425-19" 
class="tab-selector-2" />
+  <label for="tab-1620127425-20" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5197,10 +5197,10 @@ that maximum:</p>
 common:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047305-21" type="radio" name="radio-set-1620047305-21" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047305-21" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047305-22" type="radio" name="radio-set-1620047305-21" 
class="tab-selector-2" />
-  <label for="tab-1620047305-22" class="tab-label-2">groovy</label>
+  <input id="tab-1620127425-21" type="radio" name="radio-set-1620127425-21" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127425-21" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127425-22" type="radio" name="radio-set-1620127425-21" 
class="tab-selector-2" />
+  <label for="tab-1620127425-22" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5247,10 +5247,10 @@ common:</p>
 purchased:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047305-23" type="radio" name="radio-set-1620047305-23" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047305-23" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047305-24" type="radio" name="radio-set-1620047305-23" 
class="tab-selector-2" />
-  <label for="tab-1620047305-24" class="tab-label-2">groovy</label>
+  <input id="tab-1620127425-23" type="radio" name="radio-set-1620127425-23" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127425-23" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127425-24" type="radio" name="radio-set-1620127425-23" 
class="tab-selector-2" />
+  <label for="tab-1620127425-24" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5300,10 +5300,10 @@ purchased:</p>
 <p>The above output shows that one product is held in common making it the top 
recommendation:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047305-25" type="radio" name="radio-set-1620047305-25" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047305-25" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047305-26" type="radio" name="radio-set-1620047305-25" 
class="tab-selector-2" />
-  <label for="tab-1620047305-26" class="tab-label-2">groovy</label>
+  <input id="tab-1620127425-25" type="radio" name="radio-set-1620127425-25" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127425-25" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127425-26" type="radio" name="radio-set-1620127425-25" 
class="tab-selector-2" />
+  <label for="tab-1620127425-26" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5363,10 +5363,10 @@ purchased:</p>
 recommendation algorithm:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047305-27" type="radio" name="radio-set-1620047305-27" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047305-27" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047305-28" type="radio" name="radio-set-1620047305-27" 
class="tab-selector-2" />
-  <label for="tab-1620047305-28" class="tab-label-2">groovy</label>
+  <input id="tab-1620127425-27" type="radio" name="radio-set-1620127425-27" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127425-27" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127425-28" type="radio" name="radio-set-1620127425-27" 
class="tab-selector-2" />
+  <label for="tab-1620127425-28" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5413,10 +5413,10 @@ place additional limits on the traversal
 traversal sample the data for no longer than one second, the previous "basic" 
recommendation could be changed to:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047305-29" type="radio" name="radio-set-1620047305-29" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047305-29" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047305-30" type="radio" name="radio-set-1620047305-29" 
class="tab-selector-2" />
-  <label for="tab-1620047305-30" class="tab-label-2">groovy</label>
+  <input id="tab-1620127425-29" type="radio" name="radio-set-1620127425-29" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127425-29" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127425-30" type="radio" name="radio-set-1620127425-29" 
class="tab-selector-2" />
+  <label for="tab-1620127425-30" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5470,10 +5470,10 @@ achieve the desired outcome.</p>
 is a simple example that identifies the shortest path between vertex "1" and 
vertex "5" while traversing over out edges:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047397-1" type="radio" name="radio-set-1620047397-1" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047397-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047397-2" type="radio" name="radio-set-1620047397-1" 
class="tab-selector-2" />
-  <label for="tab-1620047397-2" class="tab-label-2">groovy</label>
+  <input id="tab-1620127520-1" type="radio" name="radio-set-1620127520-1" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127520-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127520-2" type="radio" name="radio-set-1620127520-1" 
class="tab-selector-2" />
+  <label for="tab-1620127520-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5545,10 +5545,10 @@ length three), but this example is not c
 <p>The following code block demonstrates how the shortest path from 
<code>v[1]</code> to <code>v[5]</code> can be queried in OLAP, using the 
<code>shortestPath()</code> step.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047397-3" type="radio" name="radio-set-1620047397-3" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047397-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047397-4" type="radio" name="radio-set-1620047397-3" 
class="tab-selector-2" />
-  <label for="tab-1620047397-4" class="tab-label-2">groovy</label>
+  <input id="tab-1620127520-3" type="radio" name="radio-set-1620127520-3" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127520-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127520-4" type="radio" name="radio-set-1620127520-3" 
class="tab-selector-2" />
+  <label for="tab-1620127520-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5582,10 +5582,10 @@ be measured by data within the graph its
 but includes a "weight" on the edges, that will be used to help determine the 
"cost" of a particular path:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047397-5" type="radio" name="radio-set-1620047397-5" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047397-5" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047397-6" type="radio" name="radio-set-1620047397-5" 
class="tab-selector-2" />
-  <label for="tab-1620047397-6" class="tab-label-2">groovy</label>
+  <input id="tab-1620127520-5" type="radio" name="radio-set-1620127520-5" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127520-5" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127520-6" type="radio" name="radio-set-1620127520-5" 
class="tab-selector-2" />
+  <label for="tab-1620127520-6" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5687,10 +5687,10 @@ structure.</p>
 <p>The next code block demonstrates how the <code>shortestPath()</code> step 
can be used in OLAP to determine the shortest weighted path.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047397-7" type="radio" name="radio-set-1620047397-7" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047397-7" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047397-8" type="radio" name="radio-set-1620047397-7" 
class="tab-selector-2" />
-  <label for="tab-1620047397-8" class="tab-label-2">groovy</label>
+  <input id="tab-1620127520-7" type="radio" name="radio-set-1620127520-7" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127520-7" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127520-8" type="radio" name="radio-set-1620127520-7" 
class="tab-selector-2" />
+  <label for="tab-1620127520-8" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5725,10 +5725,10 @@ g.V(<span class="integer">1</span>).shor
 in the modern toy graph.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047397-9" type="radio" name="radio-set-1620047397-9" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047397-9" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047397-10" type="radio" name="radio-set-1620047397-9" 
class="tab-selector-2" />
-  <label for="tab-1620047397-10" class="tab-label-2">groovy</label>
+  <input id="tab-1620127520-9" type="radio" name="radio-set-1620127520-9" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127520-9" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127520-10" type="radio" name="radio-set-1620127520-9" 
class="tab-selector-2" />
+  <label for="tab-1620127520-10" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5843,10 +5843,10 @@ in the modern toy graph.</p>
 <p>Again, this can be translated into an OLAP query using the 
<code>shortestPath()</code> step.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047397-11" type="radio" name="radio-set-1620047397-11" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047397-11" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047397-12" type="radio" name="radio-set-1620047397-11" 
class="tab-selector-2" />
-  <label for="tab-1620047397-12" class="tab-label-2">groovy</label>
+  <input id="tab-1620127520-11" type="radio" name="radio-set-1620127520-11" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127520-11" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127520-12" type="radio" name="radio-set-1620127520-11" 
class="tab-selector-2" />
+  <label for="tab-1620127520-12" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -5926,10 +5926,10 @@ allowed to leave the local star graph, i
 shortest paths can be passed back into the OLTP 
<code>GraphTraversalSource</code>, which can then be used to query the 
values.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047397-13" type="radio" name="radio-set-1620047397-13" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047397-13" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047397-14" type="radio" name="radio-set-1620047397-13" 
class="tab-selector-2" />
-  <label for="tab-1620047397-14" class="tab-label-2">groovy</label>
+  <input id="tab-1620127520-13" type="radio" name="radio-set-1620127520-13" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127520-13" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127520-14" type="radio" name="radio-set-1620127520-13" 
class="tab-selector-2" />
+  <label for="tab-1620127520-14" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -6020,10 +6020,10 @@ shortest paths can be passed back into t
 arguments.</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047454-1" type="radio" name="radio-set-1620047454-1" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047454-1" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047454-2" type="radio" name="radio-set-1620047454-1" 
class="tab-selector-2" />
-  <label for="tab-1620047454-2" class="tab-label-2">groovy</label>
+  <input id="tab-1620127575-1" type="radio" name="radio-set-1620127575-1" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127575-1" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127575-2" type="radio" name="radio-set-1620127575-1" 
class="tab-selector-2" />
+  <label for="tab-1620127575-2" class="tab-label-2">groovy</label>
   <div class="tabcontent">
     <div class="tabcontent-1">
 <div class="listingblock">
@@ -6052,10 +6052,10 @@ no longer suffice. There are multiple wa
 obvious to any programmer - use a variable:</p>
 </div>
 <section class="tabs tabs-2">
-  <input id="tab-1620047454-3" type="radio" name="radio-set-1620047454-3" 
class="tab-selector-1" checked="checked" />
-  <label for="tab-1620047454-3" class="tab-label-1">console (groovy)</label>
-  <input id="tab-1620047454-4" type="radio" name="radio-set-1620047454-3" 
class="tab-selector-2" />
-  <label for="tab-1620047454-4" class="tab-label-2">groovy</label>
+  <input id="tab-1620127575-3" type="radio" name="radio-set-1620127575-3" 
class="tab-selector-1" checked="checked" />
+  <label for="tab-1620127575-3" class="tab-label-1">console (groovy)</label>
+  <input id="tab-1620127575-4" type="radio" name="radio-set-1620127575-3" 
class="tab-selector-2" />
+  <label for="tab-1620127575-4" class="tab-label-2">groovy</label>
   <div class="tabcontent">

[... 1036 lines stripped ...]

Reply via email to