File: //snap/google-cloud-cli/396/platform/gsutil/third_party/pyparsing/examples/rosettacode_diagram.html
<!DOCTYPE html>
<html>
<head>
<style>
.railroad-heading {
font-family: monospace;
}
</style>
</head>
<body>
<meta charset="UTF-8"/>
<div class="railroad-group">
<h1 class="railroad-heading" id="program-0044">program</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="80" viewBox="0 0 194.0 80" width="194.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 30v20m10 -20v20m-10 -10h20" /></g><g>
<path d="M40 40h0.0" /><path d="M154.0 40h0.0" /><path d="M40.0 40a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><g>
<path d="M60.0 20h74.0" /></g><path d="M134.0 20a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M40.0 40h20" /><g>
<path d="M60.0 40h0.0" /><path d="M134.0 40h0.0" /><path d="M60.0 40h10" /><g class="non-terminal ">
<path d="M70.0 40h0.0" /><path d="M124.0 40h0.0" /><rect height="22" width="54" x="70" y="29"></rect><a xlink:href="#stmt-0029"><text x="97" y="44">stmt</text><text x="97" y="44">stmt</text></a></g><path d="M124.0 40h10" /><path d="M70.0 40a10 10 0 0 0 -10 10v0a10 10 0 0 0 10 10" /><g>
<path d="M70.0 60h54.0" /></g><path d="M124.0 60a10 10 0 0 0 10 -10v0a10 10 0 0 0 -10 -10" /></g><path d="M134.0 40h20" /></g><path d="M 154.0 40 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="stmt-0029">stmt</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="62" viewBox="0 0 196.5 62" width="196.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g>
<path d="M50 31h0.0" /><path d="M146.5 31h0.0" /><g class="non-terminal ">
<path d="M50.0 31h0.0" /><path d="M146.5 31h0.0" /><rect height="22" width="96.5" x="50" y="20"></rect><a xlink:href="#statement-0043"><text x="98.25" y="35">statement</text><text x="98.25" y="35">statement</text></a></g></g><path d="M146.5 31h10" /><path d="M 156.5 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="statement-0043">statement</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="80" viewBox="0 0 1137.5 80" width="1137.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 30v20m10 -20v20m-10 -10h20" /></g><g>
<path d="M40 40h0.0" /><path d="M1097.5 40h0.0" /><path d="M40.0 40a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10h891.0" /><path d="M237.5 60h840.0a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><path d="M40.0 40h10" /><g class="non-terminal ">
<path d="M50.0 40h10.0" /><path d="M207.5 40h10.0" /><rect height="22" width="147.5" x="60" y="29"></rect><a xlink:href="#empty-statement-0002"><text x="133.75" y="44">empty_statement</text><text x="133.75" y="44">empty_statement</text></a></g><path d="M217.5 40a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M217.5 20a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><g class="non-terminal ">
<path d="M237.5 40h10.0" /><path d="M395.0 40h10.0" /><rect height="22" width="147.5" x="247.5" y="29"></rect><a xlink:href="#assignment-stmt-0024"><text x="321.25" y="44">assignment_stmt</text><text x="321.25" y="44">assignment_stmt</text></a></g><path d="M405.0 40a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M405.0 20a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><g class="non-terminal ">
<path d="M425.0 40h10.0" /><path d="M540.0 40h10.0" /><rect height="22" width="105" x="435" y="29"></rect><a xlink:href="#while-stmt-0030"><text x="487.5" y="44">while_stmt</text><text x="487.5" y="44">while_stmt</text></a></g><path d="M550.0 40a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M550.0 20a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><g class="non-terminal ">
<path d="M570.0 40h10.0" /><path d="M659.5 40h10.0" /><rect height="22" width="79.5" x="580" y="29"></rect><a xlink:href="#if-stmt-0033"><text x="619.75" y="44">if_stmt</text><text x="619.75" y="44">if_stmt</text></a></g><path d="M669.5 40a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M669.5 20a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><g class="non-terminal ">
<path d="M689.5 40h10.0" /><path d="M804.5 40h10.0" /><rect height="22" width="105" x="699.5" y="29"></rect><a xlink:href="#print-stmt-0037"><text x="752" y="44">print_stmt</text><text x="752" y="44">print_stmt</text></a></g><path d="M814.5 40a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M814.5 20a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><g class="non-terminal ">
<path d="M834.5 40h10.0" /><path d="M941.0 40h10.0" /><rect height="22" width="96.5" x="844.5" y="29"></rect><a xlink:href="#putc-stmt-0039"><text x="892.75" y="44">putc_stmt</text><text x="892.75" y="44">putc_stmt</text></a></g><path d="M951.0 40a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M951.0 20a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><g class="non-terminal ">
<path d="M971.0 40h10.0" /><path d="M1077.5 40h10.0" /><rect height="22" width="96.5" x="981" y="29"></rect><a xlink:href="#stmt-list-0042"><text x="1029.25" y="44">stmt_list</text><text x="1029.25" y="44">stmt_list</text></a></g><path d="M1087.5 40h10" /></g><path d="M 1097.5 40 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="empty-statement-0002">empty_statement</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="62" viewBox="0 0 154.0 62" width="154.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g class="non-terminal ">
<path d="M50 31h0.0" /><path d="M104.0 31h0.0" /><rect height="22" width="54" x="50" y="20"></rect><a xlink:href="#semi-0001"><text x="77" y="35">SEMI</text><text x="77" y="35">SEMI</text></a></g><path d="M104.0 31h10" /><path d="M 114.0 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="assignment-stmt-0024">assignment_stmt</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="62" viewBox="0 0 580.0 62" width="580.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g>
<path d="M50 31h0.0" /><path d="M530.0 31h0.0" /><g class="non-terminal ">
<path d="M50.0 31h0.0" /><path d="M155.0 31h0.0" /><rect height="22" width="105" x="50" y="20"></rect><a xlink:href="#identifier-0004"><text x="102.5" y="35">identifier</text><text x="102.5" y="35">identifier</text></a></g><path d="M155.0 31h10" /><path d="M165.0 31h10" /><g class="non-terminal ">
<path d="M175.0 31h0.0" /><path d="M212.0 31h0.0" /><rect height="22" width="37" x="175" y="20"></rect><a xlink:href="#eq-0005"><text x="193.5" y="35">EQ</text><text x="193.5" y="35">EQ</text></a></g><path d="M212.0 31h10" /><path d="M222.0 31h10" /><g class="non-terminal ">
<path d="M232.0 31h0.0" /><path d="M456.0 31h0.0" /><rect height="22" width="224" x="232" y="20"></rect><a xlink:href="#arith-operand-expression-0010"><text x="344" y="35">arith_operand_expression</text><text x="344" y="35">arith_operand_expression</text></a></g><path d="M456.0 31h10" /><path d="M466.0 31h10" /><g class="non-terminal ">
<path d="M476.0 31h0.0" /><path d="M530.0 31h0.0" /><rect height="22" width="54" x="476" y="20"></rect><a xlink:href="#semi-0001"><text x="503" y="35">SEMI</text><text x="503" y="35">SEMI</text></a></g></g><path d="M530.0 31h10" /><path d="M 540.0 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="identifier-0004">identifier</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="246" viewBox="0 0 364.5 246" width="364.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 69v20m10 -20v20m-10 -10h20" /></g><path d="M40 79h10" /><g>
<path d="M50 79h0.0" /><path d="M314.5 79h0.0" /><rect class="group-box" height="190" rx="10" ry="10" width="264.5" x="50" y="36"></rect><g>
<path d="M50.0 79h10.0" /><path d="M304.5 79h10.0" /><g>
<path d="M60.0 79h0.0" /><path d="M179.5 79h0.0" /><rect class="group-box" height="158" rx="10" ry="10" width="119.5" x="60" y="60"></rect><g>
<path d="M60.0 79h0.0" /><path d="M179.5 79h0.0" /><path d="M60.0 79h20" /><g class="terminal ">
<path d="M80.0 79h0.0" /><path d="M159.5 79h0.0" /><rect height="22" rx="10" ry="10" width="79.5" x="80" y="68"></rect><text x="119.75" y="83">'while'</text></g><path d="M159.5 79h20" /><path d="M60.0 79a10 10 0 0 1 10 10v10a10 10 0 0 0 10 10" /><g class="terminal ">
<path d="M80.0 109h12.75" /><path d="M146.75 109h12.75" /><rect height="22" rx="10" ry="10" width="54" x="92.75" y="98"></rect><text x="119.75" y="113">'if'</text></g><path d="M159.5 109a10 10 0 0 0 10 -10v-10a10 10 0 0 1 10 -10" /><path d="M60.0 79a10 10 0 0 1 10 10v40a10 10 0 0 0 10 10" /><g class="terminal ">
<path d="M80.0 139h0.0" /><path d="M159.5 139h0.0" /><rect height="22" rx="10" ry="10" width="79.5" x="80" y="128"></rect><text x="119.75" y="143">'print'</text></g><path d="M159.5 139a10 10 0 0 0 10 -10v-40a10 10 0 0 1 10 -10" /><path d="M60.0 79a10 10 0 0 1 10 10v70a10 10 0 0 0 10 10" /><g class="terminal ">
<path d="M80.0 169h4.25" /><path d="M155.25 169h4.25" /><rect height="22" rx="10" ry="10" width="71" x="84.25" y="158"></rect><text x="119.75" y="173">'putc'</text></g><path d="M159.5 169a10 10 0 0 0 10 -10v-70a10 10 0 0 1 10 -10" /><path d="M60.0 79a10 10 0 0 1 10 10v100a10 10 0 0 0 10 10" /><g class="terminal ">
<path d="M80.0 199h4.25" /><path d="M155.25 199h4.25" /><rect height="22" rx="10" ry="10" width="71" x="84.25" y="188"></rect><text x="119.75" y="203">'else'</text></g><path d="M159.5 199a10 10 0 0 0 10 -10v-100a10 10 0 0 1 10 -10" /></g><g class="non-terminal ">
<path d="M60.0 52h0.0" /><path d="M105.0 52h0.0" /><text class="comment" x="82.5" y="57">[NOT]</text></g></g><path d="M179.5 79h10" /><path d="M189.5 79h10" /><g class="non-terminal ">
<path d="M199.5 79h0.0" /><path d="M304.5 79h0.0" /><rect height="22" width="105" x="199.5" y="68"></rect><a xlink:href="#ident-name-0003"><text x="252" y="83">ident_name</text><text x="252" y="83">ident_name</text></a></g></g><g class="non-terminal ">
<path d="M50.0 28h0.0" /><path d="M123.0 28h0.0" /><text class="comment" x="86.5" y="33">[combine]</text></g></g><path d="M314.5 79h10" /><path d="M 324.5 79 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="ident-name-0003">ident_name</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="62" viewBox="0 0 443.0 62" width="443.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g class="terminal ">
<path d="M50 31h0.0" /><path d="M393.0 31h0.0" /><rect height="22" rx="10" ry="10" width="343" x="50" y="20"></rect><text x="221.5" y="35">W:(A-Z_a-zªµºÀ-Ö..., 0-9A-Z_a-zªµ·...)</text></g><path d="M393.0 31h10" /><path d="M 403.0 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="eq-0005">EQ</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="62" viewBox="0 0 145.5 62" width="145.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g class="terminal ">
<path d="M50 31h0.0" /><path d="M95.5 31h0.0" /><rect height="22" rx="10" ry="10" width="45.5" x="50" y="20"></rect><text x="72.75" y="35">'='</text></g><path d="M95.5 31h10" /><path d="M 105.5 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="arith-operand-expression-0010">arith_operand_expression</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="62" viewBox="0 0 230.5 62" width="230.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g>
<path d="M50 31h0.0" /><path d="M180.5 31h0.0" /><g class="non-terminal ">
<path d="M50.0 31h0.0" /><path d="M180.5 31h0.0" /><rect height="22" width="130.5" x="50" y="20"></rect><a xlink:href="#z-operations-0023"><text x="115.25" y="35">|| operations</text><text x="115.25" y="35">|| operations</text></a></g></g><path d="M180.5 31h10" /><path d="M 190.5 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="z-operations-0023">|| operations</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="95" viewBox="0 0 668.5 95" width="668.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 37v20m10 -20v20m-10 -10h20" /></g><g>
<path d="M40 47h0.0" /><path d="M628.5 47h0.0" /><path d="M40.0 47a10 10 0 0 0 10 -10v-7a10 10 0 0 1 10 -10h388.0" /><path d="M468.0 67h140.5a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><path d="M40.0 47h10" /><g>
<path d="M50.0 47h10.0" /><path d="M438.0 47h10.0" /><g>
<path d="M60.0 47h0.0" /><path d="M438.0 47h0.0" /><rect class="group-box" height="47" rx="10" ry="10" width="378" x="60" y="28"></rect><g>
<path d="M60.0 47h10.0" /><path d="M428.0 47h10.0" /><g class="non-terminal ">
<path d="M70.0 47h0.0" /><path d="M200.5 47h0.0" /><rect height="22" width="130.5" x="70" y="36"></rect><a xlink:href="#z-operations-0021"><text x="135.25" y="51">&& operations</text><text x="135.25" y="51">&& operations</text></a></g><path d="M200.5 47h10" /><path d="M210.5 47h10" /><g>
<path d="M220.5 47h0.0" /><path d="M428.0 47h0.0" /><path d="M220.5 47h10" /><g>
<path d="M230.5 47h0.0" /><path d="M418.0 47h0.0" /><g class="non-terminal ">
<path d="M230.5 47h0.0" /><path d="M267.5 47h0.0" /><rect height="22" width="37" x="230.5" y="36"></rect><a xlink:href="#z-0022"><text x="249" y="51">||</text><text x="249" y="51">||</text></a></g><path d="M267.5 47h10" /><path d="M277.5 47h10" /><g class="non-terminal ">
<path d="M287.5 47h0.0" /><path d="M418.0 47h0.0" /><rect height="22" width="130.5" x="287.5" y="36"></rect><a xlink:href="#z-operations-0021"><text x="352.75" y="51">&& operations</text><text x="352.75" y="51">&& operations</text></a></g></g><path d="M418.0 47h10" /><path d="M230.5 47a10 10 0 0 0 -10 10v0a10 10 0 0 0 10 10" /><g>
<path d="M230.5 67h187.5" /></g><path d="M418.0 67a10 10 0 0 0 10 -10v0a10 10 0 0 0 -10 -10" /></g></g></g></g><path d="M448.0 47a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M448.0 20a10 10 0 0 1 10 10v7a10 10 0 0 0 10 10" /><g class="non-terminal ">
<path d="M468.0 47h10.0" /><path d="M608.5 47h10.0" /><rect height="22" width="130.5" x="478" y="36"></rect><a xlink:href="#z-operations-0021"><text x="543.25" y="51">&& operations</text><text x="543.25" y="51">&& operations</text></a></g><path d="M618.5 47h10" /></g><path d="M 628.5 47 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="z-operations-0021">&& operations</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="95" viewBox="0 0 796.0 95" width="796.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 37v20m10 -20v20m-10 -10h20" /></g><g>
<path d="M40 47h0.0" /><path d="M756.0 47h0.0" /><path d="M40.0 47a10 10 0 0 0 10 -10v-7a10 10 0 0 1 10 -10h473.0" /><path d="M553.0 67h183.0a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><path d="M40.0 47h10" /><g>
<path d="M50.0 47h10.0" /><path d="M523.0 47h10.0" /><g>
<path d="M60.0 47h0.0" /><path d="M523.0 47h0.0" /><rect class="group-box" height="47" rx="10" ry="10" width="463" x="60" y="28"></rect><g>
<path d="M60.0 47h10.0" /><path d="M513.0 47h10.0" /><g class="non-terminal ">
<path d="M70.0 47h0.0" /><path d="M243.0 47h0.0" /><rect height="22" width="173" x="70" y="36"></rect><a xlink:href="#z-operations-0019"><text x="156.5" y="51">== | != operations</text><text x="156.5" y="51">== | != operations</text></a></g><path d="M243.0 47h10" /><path d="M253.0 47h10" /><g>
<path d="M263.0 47h0.0" /><path d="M513.0 47h0.0" /><path d="M263.0 47h10" /><g>
<path d="M273.0 47h0.0" /><path d="M503.0 47h0.0" /><g class="non-terminal ">
<path d="M273.0 47h0.0" /><path d="M310.0 47h0.0" /><rect height="22" width="37" x="273" y="36"></rect><a xlink:href="#z-0020"><text x="291.5" y="51">&&</text><text x="291.5" y="51">&&</text></a></g><path d="M310.0 47h10" /><path d="M320.0 47h10" /><g class="non-terminal ">
<path d="M330.0 47h0.0" /><path d="M503.0 47h0.0" /><rect height="22" width="173" x="330" y="36"></rect><a xlink:href="#z-operations-0019"><text x="416.5" y="51">== | != operations</text><text x="416.5" y="51">== | != operations</text></a></g></g><path d="M503.0 47h10" /><path d="M273.0 47a10 10 0 0 0 -10 10v0a10 10 0 0 0 10 10" /><g>
<path d="M273.0 67h230.0" /></g><path d="M503.0 67a10 10 0 0 0 10 -10v0a10 10 0 0 0 -10 -10" /></g></g></g></g><path d="M533.0 47a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M533.0 20a10 10 0 0 1 10 10v7a10 10 0 0 0 10 10" /><g class="non-terminal ">
<path d="M553.0 47h10.0" /><path d="M736.0 47h10.0" /><rect height="22" width="173" x="563" y="36"></rect><a xlink:href="#z-operations-0019"><text x="649.5" y="51">== | != operations</text><text x="649.5" y="51">== | != operations</text></a></g><path d="M746.0 47h10" /></g><path d="M 756.0 47 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="z-operations-0019">== | != operations</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="95" viewBox="0 0 1042.5 95" width="1042.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 37v20m10 -20v20m-10 -10h20" /></g><g>
<path d="M40 47h0.0" /><path d="M1002.5 47h0.0" /><path d="M40.0 47a10 10 0 0 0 10 -10v-7a10 10 0 0 1 10 -10h651.5" /><path d="M731.5 67h251.0a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><path d="M40.0 47h10" /><g>
<path d="M50.0 47h10.0" /><path d="M701.5 47h10.0" /><g>
<path d="M60.0 47h0.0" /><path d="M701.5 47h0.0" /><rect class="group-box" height="47" rx="10" ry="10" width="641.5" x="60" y="28"></rect><g>
<path d="M60.0 47h10.0" /><path d="M691.5 47h10.0" /><g class="non-terminal ">
<path d="M70.0 47h0.0" /><path d="M311.0 47h0.0" /><rect height="22" width="241" x="70" y="36"></rect><a xlink:href="#z-operations-0017"><text x="190.5" y="51"><= | < | >= | > operations</text><text x="190.5" y="51"><= | < | >= | > operations</text></a></g><path d="M311.0 47h10" /><path d="M321.0 47h10" /><g>
<path d="M331.0 47h0.0" /><path d="M691.5 47h0.0" /><path d="M331.0 47h10" /><g>
<path d="M341.0 47h0.0" /><path d="M681.5 47h0.0" /><g class="non-terminal ">
<path d="M341.0 47h0.0" /><path d="M420.5 47h0.0" /><rect height="22" width="79.5" x="341" y="36"></rect><a xlink:href="#z-0018"><text x="380.75" y="51">== | !=</text><text x="380.75" y="51">== | !=</text></a></g><path d="M420.5 47h10" /><path d="M430.5 47h10" /><g class="non-terminal ">
<path d="M440.5 47h0.0" /><path d="M681.5 47h0.0" /><rect height="22" width="241" x="440.5" y="36"></rect><a xlink:href="#z-operations-0017"><text x="561" y="51"><= | < | >= | > operations</text><text x="561" y="51"><= | < | >= | > operations</text></a></g></g><path d="M681.5 47h10" /><path d="M341.0 47a10 10 0 0 0 -10 10v0a10 10 0 0 0 10 10" /><g>
<path d="M341.0 67h340.5" /></g><path d="M681.5 67a10 10 0 0 0 10 -10v0a10 10 0 0 0 -10 -10" /></g></g></g></g><path d="M711.5 47a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M711.5 20a10 10 0 0 1 10 10v7a10 10 0 0 0 10 10" /><g class="non-terminal ">
<path d="M731.5 47h10.0" /><path d="M982.5 47h10.0" /><rect height="22" width="241" x="741.5" y="36"></rect><a xlink:href="#z-operations-0017"><text x="862" y="51"><= | < | >= | > operations</text><text x="862" y="51"><= | < | >= | > operations</text></a></g><path d="M992.5 47h10" /></g><path d="M 1002.5 47 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="z-operations-0017"><= | < | >= | > operations</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="95" viewBox="0 0 855.5 95" width="855.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 37v20m10 -20v20m-10 -10h20" /></g><g>
<path d="M40 47h0.0" /><path d="M815.5 47h0.0" /><path d="M40.0 47a10 10 0 0 0 10 -10v-7a10 10 0 0 1 10 -10h549.5" /><path d="M629.5 67h166.0a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><path d="M40.0 47h10" /><g>
<path d="M50.0 47h10.0" /><path d="M599.5 47h10.0" /><g>
<path d="M60.0 47h0.0" /><path d="M599.5 47h0.0" /><rect class="group-box" height="47" rx="10" ry="10" width="539.5" x="60" y="28"></rect><g>
<path d="M60.0 47h10.0" /><path d="M589.5 47h10.0" /><g class="non-terminal ">
<path d="M70.0 47h0.0" /><path d="M226.0 47h0.0" /><rect height="22" width="156" x="70" y="36"></rect><a xlink:href="#z---operations-0015"><text x="148" y="51">+ | - operations</text><text x="148" y="51">+ | - operations</text></a></g><path d="M226.0 47h10" /><path d="M236.0 47h10" /><g>
<path d="M246.0 47h0.0" /><path d="M589.5 47h0.0" /><path d="M246.0 47h10" /><g>
<path d="M256.0 47h0.0" /><path d="M579.5 47h0.0" /><g class="non-terminal ">
<path d="M256.0 47h0.0" /><path d="M403.5 47h0.0" /><rect height="22" width="147.5" x="256" y="36"></rect><a xlink:href="#z-0016"><text x="329.75" y="51"><= | < | >= | ></text><text x="329.75" y="51"><= | < | >= | ></text></a></g><path d="M403.5 47h10" /><path d="M413.5 47h10" /><g class="non-terminal ">
<path d="M423.5 47h0.0" /><path d="M579.5 47h0.0" /><rect height="22" width="156" x="423.5" y="36"></rect><a xlink:href="#z---operations-0015"><text x="501.5" y="51">+ | - operations</text><text x="501.5" y="51">+ | - operations</text></a></g></g><path d="M579.5 47h10" /><path d="M256.0 47a10 10 0 0 0 -10 10v0a10 10 0 0 0 10 10" /><g>
<path d="M256.0 67h323.5" /></g><path d="M579.5 67a10 10 0 0 0 10 -10v0a10 10 0 0 0 -10 -10" /></g></g></g></g><path d="M609.5 47a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M609.5 20a10 10 0 0 1 10 10v7a10 10 0 0 0 10 10" /><g class="non-terminal ">
<path d="M629.5 47h10.0" /><path d="M795.5 47h10.0" /><rect height="22" width="156" x="639.5" y="36"></rect><a xlink:href="#z---operations-0015"><text x="717.5" y="51">+ | - operations</text><text x="717.5" y="51">+ | - operations</text></a></g><path d="M805.5 47h10" /></g><path d="M 815.5 47 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="z---operations-0015">+ | - operations</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="95" viewBox="0 0 872.5 95" width="872.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 37v20m10 -20v20m-10 -10h20" /></g><g>
<path d="M40 47h0.0" /><path d="M832.5 47h0.0" /><path d="M40.0 47a10 10 0 0 0 10 -10v-7a10 10 0 0 1 10 -10h532.5" /><path d="M612.5 67h200.0a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><path d="M40.0 47h10" /><g>
<path d="M50.0 47h10.0" /><path d="M582.5 47h10.0" /><g>
<path d="M60.0 47h0.0" /><path d="M582.5 47h0.0" /><rect class="group-box" height="47" rx="10" ry="10" width="522.5" x="60" y="28"></rect><g>
<path d="M60.0 47h10.0" /><path d="M572.5 47h10.0" /><g class="non-terminal ">
<path d="M70.0 47h0.0" /><path d="M260.0 47h0.0" /><rect height="22" width="190" x="70" y="36"></rect><a xlink:href="#z-operations-0013"><text x="165" y="51">* | / | % operations</text><text x="165" y="51">* | / | % operations</text></a></g><path d="M260.0 47h10" /><path d="M270.0 47h10" /><g>
<path d="M280.0 47h0.0" /><path d="M572.5 47h0.0" /><path d="M280.0 47h10" /><g>
<path d="M290.0 47h0.0" /><path d="M562.5 47h0.0" /><g class="non-terminal ">
<path d="M290.0 47h0.0" /><path d="M352.5 47h0.0" /><rect height="22" width="62.5" x="290" y="36"></rect><a xlink:href="#z-0014"><text x="321.25" y="51">+ | -</text><text x="321.25" y="51">+ | -</text></a></g><path d="M352.5 47h10" /><path d="M362.5 47h10" /><g class="non-terminal ">
<path d="M372.5 47h0.0" /><path d="M562.5 47h0.0" /><rect height="22" width="190" x="372.5" y="36"></rect><a xlink:href="#z-operations-0013"><text x="467.5" y="51">* | / | % operations</text><text x="467.5" y="51">* | / | % operations</text></a></g></g><path d="M562.5 47h10" /><path d="M290.0 47a10 10 0 0 0 -10 10v0a10 10 0 0 0 10 10" /><g>
<path d="M290.0 67h272.5" /></g><path d="M562.5 67a10 10 0 0 0 10 -10v0a10 10 0 0 0 -10 -10" /></g></g></g></g><path d="M592.5 47a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M592.5 20a10 10 0 0 1 10 10v7a10 10 0 0 0 10 10" /><g class="non-terminal ">
<path d="M612.5 47h10.0" /><path d="M812.5 47h10.0" /><rect height="22" width="190" x="622.5" y="36"></rect><a xlink:href="#z-operations-0013"><text x="717.5" y="51">* | / | % operations</text><text x="717.5" y="51">* | / | % operations</text></a></g><path d="M822.5 47h10" /></g><path d="M 832.5 47 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="z-operations-0013">* | / | % operations</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="95" viewBox="0 0 906.5 95" width="906.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 37v20m10 -20v20m-10 -10h20" /></g><g>
<path d="M40 47h0.0" /><path d="M866.5 47h0.0" /><path d="M40.0 47a10 10 0 0 0 10 -10v-7a10 10 0 0 1 10 -10h566.5" /><path d="M646.5 67h200.0a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><path d="M40.0 47h10" /><g>
<path d="M50.0 47h10.0" /><path d="M616.5 47h10.0" /><g>
<path d="M60.0 47h0.0" /><path d="M616.5 47h0.0" /><rect class="group-box" height="47" rx="10" ry="10" width="556.5" x="60" y="28"></rect><g>
<path d="M60.0 47h10.0" /><path d="M606.5 47h10.0" /><g class="non-terminal ">
<path d="M70.0 47h0.0" /><path d="M260.0 47h0.0" /><rect height="22" width="190" x="70" y="36"></rect><a xlink:href="#z---operations-0007"><text x="165" y="51">+ | - | ! operations</text><text x="165" y="51">+ | - | ! operations</text></a></g><path d="M260.0 47h10" /><path d="M270.0 47h10" /><g>
<path d="M280.0 47h0.0" /><path d="M606.5 47h0.0" /><path d="M280.0 47h10" /><g>
<path d="M290.0 47h0.0" /><path d="M596.5 47h0.0" /><g class="non-terminal ">
<path d="M290.0 47h0.0" /><path d="M386.5 47h0.0" /><rect height="22" width="96.5" x="290" y="36"></rect><a xlink:href="#z-0012"><text x="338.25" y="51">* | / | %</text><text x="338.25" y="51">* | / | %</text></a></g><path d="M386.5 47h10" /><path d="M396.5 47h10" /><g class="non-terminal ">
<path d="M406.5 47h0.0" /><path d="M596.5 47h0.0" /><rect height="22" width="190" x="406.5" y="36"></rect><a xlink:href="#z---operations-0007"><text x="501.5" y="51">+ | - | ! operations</text><text x="501.5" y="51">+ | - | ! operations</text></a></g></g><path d="M596.5 47h10" /><path d="M290.0 47a10 10 0 0 0 -10 10v0a10 10 0 0 0 10 10" /><g>
<path d="M290.0 67h306.5" /></g><path d="M596.5 67a10 10 0 0 0 10 -10v0a10 10 0 0 0 -10 -10" /></g></g></g></g><path d="M626.5 47a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M626.5 20a10 10 0 0 1 10 10v7a10 10 0 0 0 10 10" /><g class="non-terminal ">
<path d="M646.5 47h10.0" /><path d="M846.5 47h10.0" /><rect height="22" width="190" x="656.5" y="36"></rect><a xlink:href="#z---operations-0007"><text x="751.5" y="51">+ | - | ! operations</text><text x="751.5" y="51">+ | - | ! operations</text></a></g><path d="M856.5 47h10" /></g><path d="M 866.5 47 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="z---operations-0007">+ | - | ! operations</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="207" viewBox="0 0 476.5 207" width="476.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 38v20m10 -20v20m-10 -10h20" /></g><g>
<path d="M40 48h0.0" /><path d="M436.5 48h0.0" /><path d="M40.0 48h20" /><g>
<path d="M60.0 48h0.0" /><path d="M416.5 48h0.0" /><g>
<path d="M60.0 48h0.0" /><path d="M416.5 48h0.0" /><rect class="group-box" height="47" rx="10" ry="10" width="356.5" x="60" y="20"></rect><g>
<path d="M60.0 48h10.0" /><path d="M406.5 48h10.0" /><g>
<path d="M70.0 48h0.0" /><path d="M206.5 48h0.0" /><path d="M70.0 48a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><g>
<path d="M90.0 28h96.5" /></g><path d="M186.5 28a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M70.0 48h20" /><g class="non-terminal ">
<path d="M90.0 48h0.0" /><path d="M186.5 48h0.0" /><rect height="22" width="96.5" x="90" y="37"></rect><a xlink:href="#z-0006"><text x="138.25" y="52">+ | - | !</text><text x="138.25" y="52">+ | - | !</text></a></g><path d="M186.5 48h20" /></g><path d="M206.5 48h10" /><g class="non-terminal ">
<path d="M216.5 48h0.0" /><path d="M406.5 48h0.0" /><rect height="22" width="190" x="216.5" y="37"></rect><a xlink:href="#z---operations-0007"><text x="311.5" y="52">+ | - | ! operations</text><text x="311.5" y="52">+ | - | ! operations</text></a></g></g></g></g><path d="M416.5 48h20" /><path d="M40.0 48a10 10 0 0 1 10 10v18a10 10 0 0 0 10 10" /><g class="non-terminal ">
<path d="M60.0 86h125.75" /><path d="M290.75 86h125.75" /><rect height="22" width="105" x="185.75" y="75"></rect><a xlink:href="#identifier-0004"><text x="238.25" y="90">identifier</text><text x="238.25" y="90">identifier</text></a></g><path d="M416.5 86a10 10 0 0 0 10 -10v-18a10 10 0 0 1 10 -10" /><path d="M40.0 48a10 10 0 0 1 10 10v48a10 10 0 0 0 10 10" /><g class="non-terminal ">
<path d="M60.0 116h138.5" /><path d="M278.0 116h138.5" /><rect height="22" width="79.5" x="198.5" y="105"></rect><a xlink:href="#integer-0008"><text x="238.25" y="120">integer</text><text x="238.25" y="120">integer</text></a></g><path d="M416.5 116a10 10 0 0 0 10 -10v-48a10 10 0 0 1 10 -10" /><path d="M40.0 48a10 10 0 0 1 10 10v78a10 10 0 0 0 10 10" /><g class="non-terminal ">
<path d="M60.0 146h151.25" /><path d="M265.25 146h151.25" /><rect height="22" width="54" x="211.25" y="135"></rect><a xlink:href="#char-0009"><text x="238.25" y="150">char</text><text x="238.25" y="150">char</text></a></g><path d="M416.5 146a10 10 0 0 0 10 -10v-78a10 10 0 0 1 10 -10" /><path d="M40.0 48a10 10 0 0 1 10 10v108a10 10 0 0 0 10 10" /><g class="non-terminal ">
<path d="M60.0 176h83.25" /><path d="M333.25 176h83.25" /><rect height="22" width="190" x="143.25" y="165"></rect><a xlink:href="#nested-arith-operand-0011"><text x="238.25" y="180">nested_arith_operand</text><text x="238.25" y="180">nested_arith_operand</text></a></g><path d="M416.5 176a10 10 0 0 0 10 -10v-108a10 10 0 0 1 10 -10" /></g><path d="M 436.5 48 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="z-0006">+ | - | !</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="62" viewBox="0 0 171.0 62" width="171.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g class="terminal ">
<path d="M50 31h0.0" /><path d="M121.0 31h0.0" /><rect height="22" rx="10" ry="10" width="71" x="50" y="20"></rect><text x="85.5" y="35">[+\-!]</text></g><path d="M121.0 31h10" /><path d="M 131.0 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="integer-0008">integer</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="62" viewBox="0 0 179.5 62" width="179.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g class="terminal ">
<path d="M50 31h0.0" /><path d="M129.5 31h0.0" /><rect height="22" rx="10" ry="10" width="79.5" x="50" y="20"></rect><text x="89.75" y="35">W:(0-9)</text></g><path d="M129.5 31h10" /><path d="M 139.5 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="char-0009">char</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="62" viewBox="0 0 171.0 62" width="171.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g class="terminal ">
<path d="M50 31h0.0" /><path d="M121.0 31h0.0" /><rect height="22" rx="10" ry="10" width="71" x="50" y="20"></rect><text x="85.5" y="35">'\\?.'</text></g><path d="M121.0 31h10" /><path d="M 131.0 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="nested-arith-operand-0011">nested_arith_operand</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="94" viewBox="0 0 524.0 94" width="524.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 45v20m10 -20v20m-10 -10h20" /></g><path d="M40 55h10" /><g>
<path d="M50 55h0.0" /><path d="M474.0 55h0.0" /><g>
<path d="M50.0 55h0.0" /><path d="M130.0 55h0.0" /><rect class="group-box" height="38" rx="10" ry="10" width="80" x="50" y="36"></rect><g class="terminal ">
<path d="M50.0 55h17.25" /><path d="M112.75 55h17.25" /><rect height="22" rx="10" ry="10" width="45.5" x="67.25" y="44"></rect><text x="90" y="59">'('</text></g><g class="non-terminal ">
<path d="M50.0 28h0.0" /><path d="M130.0 28h0.0" /><text class="comment" x="90" y="33">[suppress]</text></g></g><path d="M130.0 55h10" /><path d="M140.0 55h10" /><g class="non-terminal ">
<path d="M150.0 55h0.0" /><path d="M374.0 55h0.0" /><rect height="22" width="224" x="150" y="44"></rect><a xlink:href="#arith-operand-expression-0010"><text x="262" y="59">arith_operand_expression</text><text x="262" y="59">arith_operand_expression</text></a></g><path d="M374.0 55h10" /><path d="M384.0 55h10" /><g>
<path d="M394.0 55h0.0" /><path d="M474.0 55h0.0" /><rect class="group-box" height="38" rx="10" ry="10" width="80" x="394" y="36"></rect><g class="terminal ">
<path d="M394.0 55h17.25" /><path d="M456.75 55h17.25" /><rect height="22" rx="10" ry="10" width="45.5" x="411.25" y="44"></rect><text x="434" y="59">')'</text></g><g class="non-terminal ">
<path d="M394.0 28h0.0" /><path d="M474.0 28h0.0" /><text class="comment" x="434" y="33">[suppress]</text></g></g></g><path d="M474.0 55h10" /><path d="M 484.0 55 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="z-0012">* | / | %</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="62" viewBox="0 0 162.5 62" width="162.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g class="terminal ">
<path d="M50 31h0.0" /><path d="M112.5 31h0.0" /><rect height="22" rx="10" ry="10" width="62.5" x="50" y="20"></rect><text x="81.25" y="35">[*/%]</text></g><path d="M112.5 31h10" /><path d="M 122.5 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="z-0014">+ | -</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="62" viewBox="0 0 162.5 62" width="162.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g class="terminal ">
<path d="M50 31h0.0" /><path d="M112.5 31h0.0" /><rect height="22" rx="10" ry="10" width="62.5" x="50" y="20"></rect><text x="81.25" y="35">[+\-]</text></g><path d="M112.5 31h10" /><path d="M 122.5 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="z-0016"><= | < | >= | ></h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="62" viewBox="0 0 196.5 62" width="196.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g class="terminal ">
<path d="M50 31h0.0" /><path d="M146.5 31h0.0" /><rect height="22" rx="10" ry="10" width="96.5" x="50" y="20"></rect><text x="98.25" y="35"><=|<|>=|></text></g><path d="M146.5 31h10" /><path d="M 156.5 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="z-0018">== | !=</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="62" viewBox="0 0 162.5 62" width="162.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g class="terminal ">
<path d="M50 31h0.0" /><path d="M112.5 31h0.0" /><rect height="22" rx="10" ry="10" width="62.5" x="50" y="20"></rect><text x="81.25" y="35">==|!=</text></g><path d="M112.5 31h10" /><path d="M 122.5 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="z-0020">&&</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="62" viewBox="0 0 154.0 62" width="154.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g class="terminal ">
<path d="M50 31h0.0" /><path d="M104.0 31h0.0" /><rect height="22" rx="10" ry="10" width="54" x="50" y="20"></rect><text x="77" y="35">\&\&</text></g><path d="M104.0 31h10" /><path d="M 114.0 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="z-0022">||</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="62" viewBox="0 0 154.0 62" width="154.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g class="terminal ">
<path d="M50 31h0.0" /><path d="M104.0 31h0.0" /><rect height="22" rx="10" ry="10" width="54" x="50" y="20"></rect><text x="77" y="35">\|\|</text></g><path d="M104.0 31h10" /><path d="M 114.0 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="while-stmt-0030">while_stmt</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="62" viewBox="0 0 361.5 62" width="361.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g>
<path d="M50 31h0.0" /><path d="M311.5 31h0.0" /><g class="non-terminal ">
<path d="M50.0 31h0.0" /><path d="M112.5 31h0.0" /><rect height="22" width="62.5" x="50" y="20"></rect><a xlink:href="#while-0025"><text x="81.25" y="35">WHILE</text><text x="81.25" y="35">WHILE</text></a></g><path d="M112.5 31h10" /><path d="M122.5 31h10" /><g class="non-terminal ">
<path d="M132.5 31h0.0" /><path d="M237.5 31h0.0" /><rect height="22" width="105" x="132.5" y="20"></rect><a xlink:href="#paren-expr-0028"><text x="185" y="35">paren_expr</text><text x="185" y="35">paren_expr</text></a></g><path d="M237.5 31h10" /><path d="M247.5 31h10" /><g class="non-terminal ">
<path d="M257.5 31h0.0" /><path d="M311.5 31h0.0" /><rect height="22" width="54" x="257.5" y="20"></rect><a xlink:href="#stmt-0029"><text x="284.5" y="35">stmt</text><text x="284.5" y="35">stmt</text></a></g></g><path d="M311.5 31h10" /><path d="M 321.5 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="while-0025">WHILE</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="62" viewBox="0 0 179.5 62" width="179.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g class="terminal ">
<path d="M50 31h0.0" /><path d="M129.5 31h0.0" /><rect height="22" rx="10" ry="10" width="79.5" x="50" y="20"></rect><text x="89.75" y="35">'while'</text></g><path d="M129.5 31h10" /><path d="M 139.5 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="paren-expr-0028">paren_expr</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="62" viewBox="0 0 472.0 62" width="472.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g>
<path d="M50 31h0.0" /><path d="M422.0 31h0.0" /><g class="non-terminal ">
<path d="M50.0 31h0.0" /><path d="M104.0 31h0.0" /><rect height="22" width="54" x="50" y="20"></rect><a xlink:href="#lpar-0026"><text x="77" y="35">LPAR</text><text x="77" y="35">LPAR</text></a></g><path d="M104.0 31h10" /><path d="M114.0 31h10" /><g class="non-terminal ">
<path d="M124.0 31h0.0" /><path d="M348.0 31h0.0" /><rect height="22" width="224" x="124" y="20"></rect><a xlink:href="#arith-operand-expression-0010"><text x="236" y="35">arith_operand_expression</text><text x="236" y="35">arith_operand_expression</text></a></g><path d="M348.0 31h10" /><path d="M358.0 31h10" /><g class="non-terminal ">
<path d="M368.0 31h0.0" /><path d="M422.0 31h0.0" /><rect height="22" width="54" x="368" y="20"></rect><a xlink:href="#rpar-0027"><text x="395" y="35">RPAR</text><text x="395" y="35">RPAR</text></a></g></g><path d="M422.0 31h10" /><path d="M 432.0 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="if-stmt-0033">if_stmt</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="71" viewBox="0 0 514.0 71" width="514.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 30v20m10 -20v20m-10 -10h20" /></g><path d="M40 40h10" /><g>
<path d="M50 40h0.0" /><path d="M464.0 40h0.0" /><g class="non-terminal ">
<path d="M50.0 40h0.0" /><path d="M87.0 40h0.0" /><rect height="22" width="37" x="50" y="29"></rect><a xlink:href="#if-0031"><text x="68.5" y="44">IF</text><text x="68.5" y="44">IF</text></a></g><path d="M87.0 40h10" /><path d="M97.0 40h10" /><g class="non-terminal ">
<path d="M107.0 40h0.0" /><path d="M212.0 40h0.0" /><rect height="22" width="105" x="107" y="29"></rect><a xlink:href="#paren-expr-0028"><text x="159.5" y="44">paren_expr</text><text x="159.5" y="44">paren_expr</text></a></g><path d="M212.0 40h10" /><path d="M222.0 40h10" /><g class="non-terminal ">
<path d="M232.0 40h0.0" /><path d="M286.0 40h0.0" /><rect height="22" width="54" x="232" y="29"></rect><a xlink:href="#stmt-0029"><text x="259" y="44">stmt</text><text x="259" y="44">stmt</text></a></g><path d="M286.0 40h10" /><g>
<path d="M296.0 40h0.0" /><path d="M464.0 40h0.0" /><path d="M296.0 40a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><g>
<path d="M316.0 20h128.0" /></g><path d="M444.0 20a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M296.0 40h20" /><g>
<path d="M316.0 40h0.0" /><path d="M444.0 40h0.0" /><g class="non-terminal ">
<path d="M316.0 40h0.0" /><path d="M370.0 40h0.0" /><rect height="22" width="54" x="316" y="29"></rect><a xlink:href="#else-0032"><text x="343" y="44">ELSE</text><text x="343" y="44">ELSE</text></a></g><path d="M370.0 40h10" /><path d="M380.0 40h10" /><g class="non-terminal ">
<path d="M390.0 40h0.0" /><path d="M444.0 40h0.0" /><rect height="22" width="54" x="390" y="29"></rect><a xlink:href="#stmt-0029"><text x="417" y="44">stmt</text><text x="417" y="44">stmt</text></a></g></g><path d="M444.0 40h20" /></g></g><path d="M464.0 40h10" /><path d="M 474.0 40 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="if-0031">IF</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="62" viewBox="0 0 154.0 62" width="154.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g class="terminal ">
<path d="M50 31h0.0" /><path d="M104.0 31h0.0" /><rect height="22" rx="10" ry="10" width="54" x="50" y="20"></rect><text x="77" y="35">'if'</text></g><path d="M104.0 31h10" /><path d="M 114.0 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="else-0032">ELSE</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="62" viewBox="0 0 171.0 62" width="171.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g class="terminal ">
<path d="M50 31h0.0" /><path d="M121.0 31h0.0" /><rect height="22" rx="10" ry="10" width="71" x="50" y="20"></rect><text x="85.5" y="35">'else'</text></g><path d="M121.0 31h10" /><path d="M 131.0 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="print-stmt-0037">print_stmt</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="78" viewBox="0 0 512.5 78" width="512.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 29v20m10 -20v20m-10 -10h20" /></g><path d="M40 39h10" /><g>
<path d="M50 39h0.0" /><path d="M462.5 39h0.0" /><g class="non-terminal ">
<path d="M50.0 39h0.0" /><path d="M112.5 39h0.0" /><rect height="22" width="62.5" x="50" y="28"></rect><a xlink:href="#print-0034"><text x="81.25" y="43">PRINT</text><text x="81.25" y="43">PRINT</text></a></g><path d="M112.5 39h10" /><path d="M122.5 39h10" /><g>
<path d="M132.5 39h0.0" /><path d="M388.5 39h0.0" /><rect class="group-box" height="38" rx="10" ry="10" width="256" x="132.5" y="20"></rect><g>
<path d="M132.5 39h10.0" /><path d="M378.5 39h10.0" /><g class="non-terminal ">
<path d="M142.5 39h0.0" /><path d="M196.5 39h0.0" /><rect height="22" width="54" x="142.5" y="28"></rect><a xlink:href="#lpar-0026"><text x="169.5" y="43">LPAR</text><text x="169.5" y="43">LPAR</text></a></g><path d="M196.5 39h10" /><path d="M206.5 39h10" /><g class="non-terminal ">
<path d="M216.5 39h0.0" /><path d="M304.5 39h0.0" /><rect height="22" width="88" x="216.5" y="28"></rect><a xlink:href="#prt-list-0036"><text x="260.5" y="43">prt_list</text><text x="260.5" y="43">prt_list</text></a></g><path d="M304.5 39h10" /><path d="M314.5 39h10" /><g class="non-terminal ">
<path d="M324.5 39h0.0" /><path d="M378.5 39h0.0" /><rect height="22" width="54" x="324.5" y="28"></rect><a xlink:href="#rpar-0027"><text x="351.5" y="43">RPAR</text><text x="351.5" y="43">RPAR</text></a></g></g></g><path d="M388.5 39h10" /><path d="M398.5 39h10" /><g class="non-terminal ">
<path d="M408.5 39h0.0" /><path d="M462.5 39h0.0" /><rect height="22" width="54" x="408.5" y="28"></rect><a xlink:href="#semi-0001"><text x="435.5" y="43">SEMI</text><text x="435.5" y="43">SEMI</text></a></g></g><path d="M462.5 39h10" /><path d="M 472.5 39 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="print-0034">PRINT</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="62" viewBox="0 0 179.5 62" width="179.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g class="terminal ">
<path d="M50 31h0.0" /><path d="M129.5 31h0.0" /><rect height="22" rx="10" ry="10" width="79.5" x="50" y="20"></rect><text x="89.75" y="35">'print'</text></g><path d="M129.5 31h10" /><path d="M 139.5 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="lpar-0026">LPAR</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="94" viewBox="0 0 180 94" width="180" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 45v20m10 -20v20m-10 -10h20" /></g><path d="M40 55h10" /><g>
<path d="M50 55h0.0" /><path d="M130.0 55h0.0" /><rect class="group-box" height="38" rx="10" ry="10" width="80" x="50" y="36"></rect><g class="terminal ">
<path d="M50.0 55h17.25" /><path d="M112.75 55h17.25" /><rect height="22" rx="10" ry="10" width="45.5" x="67.25" y="44"></rect><text x="90" y="59">'('</text></g><g class="non-terminal ">
<path d="M50.0 28h0.0" /><path d="M130.0 28h0.0" /><text class="comment" x="90" y="33">[suppress]</text></g></g><path d="M130 55h10" /><path d="M 140 55 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="prt-list-0036">prt_list</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="111" viewBox="0 0 1119.0 111" width="1119.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 53v20m10 -20v20m-10 -10h20" /></g><path d="M40 63h10" /><g>
<path d="M50 63h0.0" /><path d="M1069.0 63h0.0" /><g>
<path d="M50.0 63h0.0" /><path d="M1069.0 63h0.0" /><g>
<path d="M50.0 63h0.0" /><path d="M484.5 63h0.0" /><path d="M50.0 63a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10h140.5" /><path d="M230.5 83h234.0a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><path d="M50.0 63h10" /><g class="non-terminal ">
<path d="M60.0 63h10.0" /><path d="M200.5 63h10.0" /><rect height="22" width="130.5" x="70" y="52"></rect><a xlink:href="#quoted-string-0035"><text x="135.25" y="67">quoted string</text><text x="135.25" y="67">quoted string</text></a></g><path d="M210.5 63a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M210.5 43a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><g class="non-terminal ">
<path d="M230.5 63h10.0" /><path d="M464.5 63h10.0" /><rect height="22" width="224" x="240.5" y="52"></rect><a xlink:href="#arith-operand-expression-0010"><text x="352.5" y="67">arith_operand_expression</text><text x="352.5" y="67">arith_operand_expression</text></a></g><path d="M474.5 63h10" /></g><g>
<path d="M484.5 63h0.0" /><path d="M1069.0 63h0.0" /><path d="M484.5 63a10 10 0 0 0 10 -10v-23a10 10 0 0 1 10 -10" /><g>
<path d="M504.5 20h544.5" /></g><path d="M1049.0 20a10 10 0 0 1 10 10v23a10 10 0 0 0 10 10" /><path d="M484.5 63h20" /><g>
<path d="M504.5 63h0.0" /><path d="M1049.0 63h0.0" /><path d="M504.5 63h10" /><g>
<path d="M514.5 63h0.0" /><path d="M1039.0 63h0.0" /><g>
<path d="M514.5 63h0.0" /><path d="M594.5 63h0.0" /><rect class="group-box" height="38" rx="10" ry="10" width="80" x="514.5" y="44"></rect><g class="terminal ">
<path d="M514.5 63h17.25" /><path d="M577.25 63h17.25" /><rect height="22" rx="10" ry="10" width="45.5" x="531.75" y="52"></rect><text x="554.5" y="67">','</text></g><g class="non-terminal ">
<path d="M514.5 36h0.0" /><path d="M594.5 36h0.0" /><text class="comment" x="554.5" y="41">[suppress]</text></g></g><path d="M594.5 63h10" /><g>
<path d="M604.5 63h0.0" /><path d="M1039.0 63h0.0" /><path d="M604.5 63a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10h140.5" /><path d="M785.0 83h234.0a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><path d="M604.5 63h10" /><g class="non-terminal ">
<path d="M614.5 63h10.0" /><path d="M755.0 63h10.0" /><rect height="22" width="130.5" x="624.5" y="52"></rect><a xlink:href="#quoted-string-0035"><text x="689.75" y="67">quoted string</text><text x="689.75" y="67">quoted string</text></a></g><path d="M765.0 63a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M765.0 43a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><g class="non-terminal ">
<path d="M785.0 63h10.0" /><path d="M1019.0 63h10.0" /><rect height="22" width="224" x="795" y="52"></rect><a xlink:href="#arith-operand-expression-0010"><text x="907" y="67">arith_operand_expression</text><text x="907" y="67">arith_operand_expression</text></a></g><path d="M1029.0 63h10" /></g></g><path d="M1039.0 63h10" /><path d="M514.5 63a10 10 0 0 0 -10 10v8a10 10 0 0 0 10 10" /><g>
<path d="M514.5 91h524.5" /></g><path d="M1039.0 91a10 10 0 0 0 10 -10v-8a10 10 0 0 0 -10 -10" /></g><path d="M1049.0 63h20" /></g></g></g><path d="M1069.0 63h10" /><path d="M 1079.0 63 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="quoted-string-0035">quoted string</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="62" viewBox="0 0 307.0 62" width="307.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g class="terminal ">
<path d="M50 31h0.0" /><path d="M257.0 31h0.0" /><rect height="22" rx="10" ry="10" width="207" x="50" y="20"></rect><text x="153.5" y="35">string enclosed in '"'</text></g><path d="M257.0 31h10" /><path d="M 267.0 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="rpar-0027">RPAR</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="94" viewBox="0 0 180 94" width="180" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 45v20m10 -20v20m-10 -10h20" /></g><path d="M40 55h10" /><g>
<path d="M50 55h0.0" /><path d="M130.0 55h0.0" /><rect class="group-box" height="38" rx="10" ry="10" width="80" x="50" y="36"></rect><g class="terminal ">
<path d="M50.0 55h17.25" /><path d="M112.75 55h17.25" /><rect height="22" rx="10" ry="10" width="45.5" x="67.25" y="44"></rect><text x="90" y="59">')'</text></g><g class="non-terminal ">
<path d="M50.0 28h0.0" /><path d="M130.0 28h0.0" /><text class="comment" x="90" y="33">[suppress]</text></g></g><path d="M130 55h10" /><path d="M 140 55 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="putc-stmt-0039">putc_stmt</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="62" viewBox="0 0 353.0 62" width="353.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g>
<path d="M50 31h0.0" /><path d="M303.0 31h0.0" /><g class="non-terminal ">
<path d="M50.0 31h0.0" /><path d="M104.0 31h0.0" /><rect height="22" width="54" x="50" y="20"></rect><a xlink:href="#putc-0038"><text x="77" y="35">PUTC</text><text x="77" y="35">PUTC</text></a></g><path d="M104.0 31h10" /><path d="M114.0 31h10" /><g class="non-terminal ">
<path d="M124.0 31h0.0" /><path d="M229.0 31h0.0" /><rect height="22" width="105" x="124" y="20"></rect><a xlink:href="#paren-expr-0028"><text x="176.5" y="35">paren_expr</text><text x="176.5" y="35">paren_expr</text></a></g><path d="M229.0 31h10" /><path d="M239.0 31h10" /><g class="non-terminal ">
<path d="M249.0 31h0.0" /><path d="M303.0 31h0.0" /><rect height="22" width="54" x="249" y="20"></rect><a xlink:href="#semi-0001"><text x="276" y="35">SEMI</text><text x="276" y="35">SEMI</text></a></g></g><path d="M303.0 31h10" /><path d="M 313.0 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="putc-0038">PUTC</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="62" viewBox="0 0 171.0 62" width="171.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g class="terminal ">
<path d="M50 31h0.0" /><path d="M121.0 31h0.0" /><rect height="22" rx="10" ry="10" width="71" x="50" y="20"></rect><text x="85.5" y="35">'putc'</text></g><path d="M121.0 31h10" /><path d="M 131.0 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="semi-0001">SEMI</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="94" viewBox="0 0 180 94" width="180" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 45v20m10 -20v20m-10 -10h20" /></g><path d="M40 55h10" /><g>
<path d="M50 55h0.0" /><path d="M130.0 55h0.0" /><rect class="group-box" height="38" rx="10" ry="10" width="80" x="50" y="36"></rect><g class="terminal ">
<path d="M50.0 55h17.25" /><path d="M112.75 55h17.25" /><rect height="22" rx="10" ry="10" width="45.5" x="67.25" y="44"></rect><text x="90" y="59">';'</text></g><g class="non-terminal ">
<path d="M50.0 28h0.0" /><path d="M130.0 28h0.0" /><text class="comment" x="90" y="33">[suppress]</text></g></g><path d="M130 55h10" /><path d="M 140 55 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="stmt-list-0042">stmt_list</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="80" viewBox="0 0 376.0 80" width="376.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 30v20m10 -20v20m-10 -10h20" /></g><path d="M40 40h10" /><g>
<path d="M50 40h0.0" /><path d="M326.0 40h0.0" /><g class="non-terminal ">
<path d="M50.0 40h0.0" /><path d="M121.0 40h0.0" /><rect height="22" width="71" x="50" y="29"></rect><a xlink:href="#lbrace-0040"><text x="85.5" y="44">LBRACE</text><text x="85.5" y="44">LBRACE</text></a></g><path d="M121.0 40h10" /><g>
<path d="M131.0 40h0.0" /><path d="M245.0 40h0.0" /><path d="M131.0 40a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><g>
<path d="M151.0 20h74.0" /></g><path d="M225.0 20a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M131.0 40h20" /><g>
<path d="M151.0 40h0.0" /><path d="M225.0 40h0.0" /><path d="M151.0 40h10" /><g class="non-terminal ">
<path d="M161.0 40h0.0" /><path d="M215.0 40h0.0" /><rect height="22" width="54" x="161" y="29"></rect><a xlink:href="#stmt-0029"><text x="188" y="44">stmt</text><text x="188" y="44">stmt</text></a></g><path d="M215.0 40h10" /><path d="M161.0 40a10 10 0 0 0 -10 10v0a10 10 0 0 0 10 10" /><g>
<path d="M161.0 60h54.0" /></g><path d="M215.0 60a10 10 0 0 0 10 -10v0a10 10 0 0 0 -10 -10" /></g><path d="M225.0 40h20" /></g><path d="M245.0 40h10" /><g class="non-terminal ">
<path d="M255.0 40h0.0" /><path d="M326.0 40h0.0" /><rect height="22" width="71" x="255" y="29"></rect><a xlink:href="#rbrace-0041"><text x="290.5" y="44">RBRACE</text><text x="290.5" y="44">RBRACE</text></a></g></g><path d="M326.0 40h10" /><path d="M 336.0 40 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="lbrace-0040">LBRACE</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="94" viewBox="0 0 180 94" width="180" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 45v20m10 -20v20m-10 -10h20" /></g><path d="M40 55h10" /><g>
<path d="M50 55h0.0" /><path d="M130.0 55h0.0" /><rect class="group-box" height="38" rx="10" ry="10" width="80" x="50" y="36"></rect><g class="terminal ">
<path d="M50.0 55h17.25" /><path d="M112.75 55h17.25" /><rect height="22" rx="10" ry="10" width="45.5" x="67.25" y="44"></rect><text x="90" y="59">'{'</text></g><g class="non-terminal ">
<path d="M50.0 28h0.0" /><path d="M130.0 28h0.0" /><text class="comment" x="90" y="33">[suppress]</text></g></g><path d="M130 55h10" /><path d="M 140 55 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="rbrace-0041">RBRACE</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="94" viewBox="0 0 180 94" width="180" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 45v20m10 -20v20m-10 -10h20" /></g><path d="M40 55h10" /><g>
<path d="M50 55h0.0" /><path d="M130.0 55h0.0" /><rect class="group-box" height="38" rx="10" ry="10" width="80" x="50" y="36"></rect><g class="terminal ">
<path d="M50.0 55h17.25" /><path d="M112.75 55h17.25" /><rect height="22" rx="10" ry="10" width="45.5" x="67.25" y="44"></rect><text x="90" y="59">'}'</text></g><g class="non-terminal ">
<path d="M50.0 28h0.0" /><path d="M130.0 28h0.0" /><text class="comment" x="90" y="33">[suppress]</text></g></g><path d="M130 55h10" /><path d="M 140 55 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
</body>
</html>