File: //snap/google-cloud-cli/396/platform/gsutil/third_party/pyparsing/examples/apicheck_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="apiref-0004">apiRef</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="95" viewBox="0 0 1943.5 95" width="1943.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 45v20m10 -20v20m-10 -10h20" /></g><path d="M40 55h10" /><g>
<path d="M50 55h0.0" /><path d="M1893.5 55h0.0" /><g>
<path d="M50.0 55h0.0" /><path d="M137.0 55h0.0" /><rect class="group-box" height="38" rx="10" ry="10" width="87" x="50" y="36"></rect><g class="terminal ">
<path d="M50.0 55h20.75" /><path d="M116.25 55h20.75" /><rect height="22" rx="10" ry="10" width="45.5" x="70.75" y="44"></rect><text x="93.5" y="59">'['</text></g><g class="non-terminal ">
<path d="M50.0 28h0.0" /><path d="M137.0 28h0.0" /><text class="comment" x="93.5" y="33">[LOOKAHEAD]</text></g></g><path d="M137.0 55h10" /><g>
<path d="M147.0 55h0.0" /><path d="M1893.5 55h0.0" /><path d="M147.0 55a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10h1085.0" /><path d="M788.5 75h1085.0a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><path d="M147.0 55h10" /><g>
<path d="M157.0 55h10.0" /><path d="M758.5 55h10.0" /><g class="non-terminal ">
<path d="M167.0 55h0.0" /><path d="M238.0 55h0.0" /><rect height="22" width="71" x="167" y="44"></rect><a xlink:href="#lbrack-0001"><text x="202.5" y="59">LBRACK</text><text x="202.5" y="59">LBRACK</text></a></g><path d="M238.0 55h10" /><path d="M248.0 55h10" /><g class="terminal ">
<path d="M258.0 55h0.0" /><path d="M371.5 55h0.0" /><rect height="22" rx="10" ry="10" width="113.5" x="258" y="44"></rect><text x="314.75" y="59">'procname1'</text></g><path d="M371.5 55h10" /><path d="M381.5 55h10" /><g class="terminal ">
<path d="M391.5 55h0.0" /><path d="M437.0 55h0.0" /><rect height="22" rx="10" ry="10" width="45.5" x="391.5" y="44"></rect><text x="414.25" y="59">'$'</text></g><path d="M437.0 55h10" /><path d="M447.0 55h10" /><g class="non-terminal ">
<path d="M457.0 55h0.0" /><path d="M519.5 55h0.0" /><rect height="22" width="62.5" x="457" y="44"></rect><a xlink:href="#ident-0002"><text x="488.25" y="59">ident</text><text x="488.25" y="59">ident</text></a></g><path d="M519.5 55h10" /><path d="M529.5 55h10" /><g class="terminal ">
<path d="M539.5 55h0.0" /><path d="M585.0 55h0.0" /><rect height="22" rx="10" ry="10" width="45.5" x="539.5" y="44"></rect><text x="562.25" y="59">'$'</text></g><path d="M585.0 55h10" /><path d="M595.0 55h10" /><g class="non-terminal ">
<path d="M605.0 55h0.0" /><path d="M667.5 55h0.0" /><rect height="22" width="62.5" x="605" y="44"></rect><a xlink:href="#ident-0002"><text x="636.25" y="59">ident</text><text x="636.25" y="59">ident</text></a></g><path d="M667.5 55h10" /><path d="M677.5 55h10" /><g class="non-terminal ">
<path d="M687.5 55h0.0" /><path d="M758.5 55h0.0" /><rect height="22" width="71" x="687.5" y="44"></rect><a xlink:href="#rbrack-0003"><text x="723" y="59">RBRACK</text><text x="723" y="59">RBRACK</text></a></g></g><path d="M768.5 55a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M768.5 35a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><g>
<path d="M788.5 55h10.0" /><path d="M1242.0 55h10.0" /><g class="non-terminal ">
<path d="M798.5 55h0.0" /><path d="M869.5 55h0.0" /><rect height="22" width="71" x="798.5" y="44"></rect><a xlink:href="#lbrack-0001"><text x="834" y="59">LBRACK</text><text x="834" y="59">LBRACK</text></a></g><path d="M869.5 55h10" /><path d="M879.5 55h10" /><g class="terminal ">
<path d="M889.5 55h0.0" /><path d="M1003.0 55h0.0" /><rect height="22" rx="10" ry="10" width="113.5" x="889.5" y="44"></rect><text x="946.25" y="59">'procname2'</text></g><path d="M1003.0 55h10" /><path d="M1013.0 55h10" /><g class="terminal ">
<path d="M1023.0 55h0.0" /><path d="M1068.5 55h0.0" /><rect height="22" rx="10" ry="10" width="45.5" x="1023" y="44"></rect><text x="1045.75" y="59">'$'</text></g><path d="M1068.5 55h10" /><path d="M1078.5 55h10" /><g class="non-terminal ">
<path d="M1088.5 55h0.0" /><path d="M1151.0 55h0.0" /><rect height="22" width="62.5" x="1088.5" y="44"></rect><a xlink:href="#ident-0002"><text x="1119.75" y="59">ident</text><text x="1119.75" y="59">ident</text></a></g><path d="M1151.0 55h10" /><path d="M1161.0 55h10" /><g class="non-terminal ">
<path d="M1171.0 55h0.0" /><path d="M1242.0 55h0.0" /><rect height="22" width="71" x="1171" y="44"></rect><a xlink:href="#rbrack-0003"><text x="1206.5" y="59">RBRACK</text><text x="1206.5" y="59">RBRACK</text></a></g></g><path d="M1252.0 55a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M1252.0 35a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><g>
<path d="M1272.0 55h10.0" /><path d="M1873.5 55h10.0" /><g class="non-terminal ">
<path d="M1282.0 55h0.0" /><path d="M1353.0 55h0.0" /><rect height="22" width="71" x="1282" y="44"></rect><a xlink:href="#lbrack-0001"><text x="1317.5" y="59">LBRACK</text><text x="1317.5" y="59">LBRACK</text></a></g><path d="M1353.0 55h10" /><path d="M1363.0 55h10" /><g class="terminal ">
<path d="M1373.0 55h0.0" /><path d="M1486.5 55h0.0" /><rect height="22" rx="10" ry="10" width="113.5" x="1373" y="44"></rect><text x="1429.75" y="59">'procname3'</text></g><path d="M1486.5 55h10" /><path d="M1496.5 55h10" /><g class="terminal ">
<path d="M1506.5 55h0.0" /><path d="M1552.0 55h0.0" /><rect height="22" rx="10" ry="10" width="45.5" x="1506.5" y="44"></rect><text x="1529.25" y="59">'$'</text></g><path d="M1552.0 55h10" /><path d="M1562.0 55h10" /><g class="non-terminal ">
<path d="M1572.0 55h0.0" /><path d="M1634.5 55h0.0" /><rect height="22" width="62.5" x="1572" y="44"></rect><a xlink:href="#ident-0002"><text x="1603.25" y="59">ident</text><text x="1603.25" y="59">ident</text></a></g><path d="M1634.5 55h10" /><path d="M1644.5 55h10" /><g class="terminal ">
<path d="M1654.5 55h0.0" /><path d="M1700.0 55h0.0" /><rect height="22" rx="10" ry="10" width="45.5" x="1654.5" y="44"></rect><text x="1677.25" y="59">'$'</text></g><path d="M1700.0 55h10" /><path d="M1710.0 55h10" /><g class="non-terminal ">
<path d="M1720.0 55h0.0" /><path d="M1782.5 55h0.0" /><rect height="22" width="62.5" x="1720" y="44"></rect><a xlink:href="#ident-0002"><text x="1751.25" y="59">ident</text><text x="1751.25" y="59">ident</text></a></g><path d="M1782.5 55h10" /><path d="M1792.5 55h10" /><g class="non-terminal ">
<path d="M1802.5 55h0.0" /><path d="M1873.5 55h0.0" /><rect height="22" width="71" x="1802.5" y="44"></rect><a xlink:href="#rbrack-0003"><text x="1838" y="59">RBRACK</text><text x="1838" y="59">RBRACK</text></a></g></g><path d="M1883.5 55h10" /></g></g><path d="M1893.5 55h10" /><path d="M 1903.5 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="lbrack-0001">LBRACK</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="ident-0002">ident</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="80" viewBox="0 0 761.0 80" width="761.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="M721.0 40h0.0" /><path d="M40.0 40a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10h217.0" /><path d="M297.0 60h404.0a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><path d="M40.0 40h10" /><g class="terminal ">
<path d="M50.0 40h10.0" /><path d="M267.0 40h10.0" /><rect height="22" rx="10" ry="10" width="207" x="60" y="29"></rect><text x="163.5" y="44">W:(A-Za-z, 0-9A-Z_a-z)</text></g><path d="M277.0 40a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M277.0 20a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><g class="terminal ">
<path d="M297.0 40h10.0" /><path d="M701.0 40h10.0" /><rect height="22" rx="10" ry="10" width="394" x="307" y="29"></rect><text x="504" y="44">quoted string, starting with { ending with }</text></g><path d="M711.0 40h10" /></g><path d="M 721.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="rbrack-0003">RBRACK</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>