apps/codelab/src/app/codelabs/angular/dependency-injection/pics/deps.svg
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="521px" height="201px" viewBox="-0.5 -0.5 521 201"
content="<mxfile modified="2019-02-08T01:14:56.189Z" host="www.draw.io" agent="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36" etag="m1VltarFVhl9ZRmut_Ro" version="10.1.9" type="google"><diagram id="CX11h_sSrK4L3lRdd5be" name="Page-1">3ZhNc5swEIZ/Dcd0ENjGPibgptNpTz4kPWpgDWpBy8jCQH59RZAMmHHidtyB9GTtqw9W7z6SsS3Xz6pHQfPkO0aQWo4dVZYbWI5DyHqhPhqlbpXVetkKsWCRHtQJO/YCWrS1WrAIDoOBEjGVLB+KIXIOoRxoVAgsh8P2mA6fmtMYRsIupOlYfWKRTFp1vbQ7/QuwODFPJrbuyagZrIVDQiMse5K7tVxfIMq2lVU+pI15xpd23ucLvafEBHB5zYStv6fiaZORILq798RXkvFfd3qVI00LveFHAVT6mOXIm4Xb1GVt/BBY8AiaJYnlPpQJk7DLadj0looApSUyS3W3XhyEhOpi1uTkhYIIMAMpajVETzDu1cOw7GpBjJb06rDSGtXlj08Ldw6phjbpDww7VbOzBCJFjA5RyARj5DTddupDZ5o9NAgqJp+13LR/NO1PSx0FVa8rqE3A1T6ezQJN0M7ylibu5r1GZuJPkLLWJ4wWEpXUpfsNMR9UrdnV2zVTJmAhQnjDLU+fWCpikO9hOGZAQEolOw7zuHlJvdEZCNh+D81udyCOTO1w8lNwdgxOt8xk54BsbnoOLjA9Q6TJ6kqmvSmZNln2oPbV1+ZceF6c87yanOfJ7/UJWHY+wvXsjEi+z+gL4/FcYJ7dOwohI0/+f5YXV7LsTMnyYsxyCQe1+FxYPr+Yp2d5bNkt4b4W1L9+6b7lm4f7ERA3WfYZ5ygTEAHkoKrAw3p2mG/+HeYq7H7jv/b1/ilxt78B</diagram></mxfile>">
<defs/>
<g>
<rect x="0" y="0" width="120" height="60" rx="9" ry="9" fill="#ffffff" stroke="#000000" pointer-events="none"/>
<g transform="translate(13.5,23.5)">
<switch>
<foreignObject style="overflow:visible;" pointer-events="all" width="92" height="12"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 94px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display:inline-block;text-align:inherit;text-decoration:inherit;">GreatComponent
</div>
</div>
</foreignObject>
<text x="46" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">
GreatComponent
</text>
</switch>
</g>
<path d="M 200 110 L 160 110 L 160 45 L 126.37 45" fill="none" stroke="#000000" stroke-miterlimit="10"
pointer-events="none"/>
<path d="M 121.12 45 L 128.12 41.5 L 126.37 45 L 128.12 48.5 Z" fill="#000000" stroke="#000000"
stroke-miterlimit="10" pointer-events="none"/>
<rect x="200" y="80" width="120" height="60" rx="9" ry="9" fill="#ffffff" stroke="#000000"
pointer-events="none"/>
<g transform="translate(216.5,103.5)">
<switch>
<foreignObject style="overflow:visible;" pointer-events="all" width="86" height="12"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 86px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display:inline-block;text-align:inherit;text-decoration:inherit;">DifferentService
</div>
</div>
</foreignObject>
<text x="43" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">
DifferentService
</text>
</switch>
</g>
<path d="M 400 170 L 360 170 L 360 110 L 326.37 110" fill="none" stroke="#000000" stroke-miterlimit="10"
pointer-events="none"/>
<path d="M 321.12 110 L 328.12 106.5 L 326.37 110 L 328.12 113.5 Z" fill="#000000" stroke="#000000"
stroke-miterlimit="10" pointer-events="none"/>
<rect x="400" y="140" width="120" height="60" rx="9" ry="9" fill="#ffffff" stroke="#000000"
pointer-events="none"/>
<g transform="translate(427.5,163.5)">
<switch>
<foreignObject style="overflow:visible;" pointer-events="all" width="64" height="12"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 66px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display:inline-block;text-align:inherit;text-decoration:inherit;">CoolService
</div>
</div>
</foreignObject>
<text x="32" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">
CoolService
</text>
</switch>
</g>
<path d="M 200 30 L 126.37 30" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
<path d="M 121.12 30 L 128.12 26.5 L 126.37 30 L 128.12 33.5 Z" fill="#000000" stroke="#000000"
stroke-miterlimit="10" pointer-events="none"/>
<rect x="200" y="0" width="120" height="60" rx="9" ry="9" fill="#ffffff" stroke="#000000"
pointer-events="none"/>
<g transform="translate(216.5,23.5)">
<switch>
<foreignObject style="overflow:visible;" pointer-events="all" width="86" height="12"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 88px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display:inline-block;text-align:inherit;text-decoration:inherit;">AmazingService
</div>
</div>
</foreignObject>
<text x="43" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">
AmazingService
</text>
</switch>
</g>
<path d="M 400 30 L 326.37 30" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
<path d="M 321.12 30 L 328.12 26.5 L 326.37 30 L 328.12 33.5 Z" fill="#000000" stroke="#000000"
stroke-miterlimit="10" pointer-events="none"/>
<rect x="400" y="0" width="120" height="60" rx="9" ry="9" fill="#ffffff" stroke="#000000"
pointer-events="none"/>
<g transform="translate(413.5,23.5)">
<switch>
<foreignObject style="overflow:visible;" pointer-events="all" width="92" height="12"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 94px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display:inline-block;text-align:inherit;text-decoration:inherit;">AwesomeService
</div>
</div>
</foreignObject>
<text x="46" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">
AwesomeService
</text>
</switch>
</g>
<path d="M 400 100 L 360 100 L 360 45 L 326.37 45" fill="none" stroke="#000000" stroke-miterlimit="10"
pointer-events="none"/>
<path d="M 321.12 45 L 328.12 41.5 L 326.37 45 L 328.12 48.5 Z" fill="#000000" stroke="#000000"
stroke-miterlimit="10" pointer-events="none"/>
<rect x="400" y="70" width="120" height="60" rx="9" ry="9" fill="#ffffff" stroke="#000000"
pointer-events="none"/>
<g transform="translate(404.5,93.5)">
<switch>
<foreignObject style="overflow:visible;" pointer-events="all" width="110" height="12"
requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 110px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
<div xmlns="http://www.w3.org/1999/xhtml"
style="display:inline-block;text-align:inherit;text-decoration:inherit;">AnotherDependency
</div>
</div>
</foreignObject>
<text x="55" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">
AnotherDependency
</text>
</switch>
</g>
</g>
</svg>