| Index: tracing/tracing/value/ui/related_name_map_span.html | 
| diff --git a/tracing/tracing/value/ui/related_name_map_span.html b/tracing/tracing/value/ui/related_name_map_span.html | 
| new file mode 100644 | 
| index 0000000000000000000000000000000000000000..f89e8e426acee65fc15cabf9d802c5379bf380d3 | 
| --- /dev/null | 
| +++ b/tracing/tracing/value/ui/related_name_map_span.html | 
| @@ -0,0 +1,34 @@ | 
| +<!DOCTYPE html> | 
| +<!-- | 
| +Copyright 2017 The Chromium Authors. All rights reserved. | 
| +Use of this source code is governed by a BSD-style license that can be | 
| +found in the LICENSE file. | 
| +--> | 
| + | 
| +<link rel="import" href="/tracing/ui/analysis/analysis_link.html"> | 
| +<link rel="import" href="/tracing/value/ui/diagnostic_span_behavior.html"> | 
| + | 
| +<dom-module id="tr-v-ui-related-name-map-span"> | 
| +</dom-module> | 
| + | 
| +<script> | 
| +'use strict'; | 
| +tr.exportTo('tr.v.ui', function() { | 
| +  Polymer({ | 
| +    is: 'tr-v-ui-related-name-map-span', | 
| +    behaviors: [tr.v.ui.DIAGNOSTIC_SPAN_BEHAVIOR], | 
| + | 
| +    updateContents_() { | 
| +      Polymer.dom(this).textContent = ''; | 
| +      for (const [key, name] of this.diagnostic_) { | 
| +        const link = document.createElement('tr-ui-a-analysis-link'); | 
| +        Polymer.dom(this).appendChild(link); | 
| +        link.setSelectionAndContent([name], key); | 
| +        Polymer.dom(this).appendChild(document.createTextNode(' ')); | 
| +      } | 
| +    } | 
| +  }); | 
| + | 
| +  return {}; | 
| +}); | 
| +</script> | 
|  |