Converted Observatory nav-notify element

runtime/observatory/lib/src/elements/service_view.html

 <link rel="import" href="../../../../packages/polymer/polymer.html">
 <link rel="import" href="class_view.html">
 <link rel="import" href="code_view.html">
 <link rel="import" href="context_view.html">
 <link rel="import" href="cpu_profile.html">
 <link rel="import" href="error_view.html">
 <link rel="import" href="field_view.html">
 <link rel="import" href="function_view.html">
 <link rel="import" href="heap_map.html">
 <link rel="import" href="heap_profile.html">
 <link rel="import" href="instance_view.html">
 <link rel="import" href="library_view.html">
 <link rel="import" href="heap_snapshot.html">
-<link rel="import" href="observatory_element.html">
+
 <link rel="import" href="script_view.html">
 <link rel="import" href="vm_view.html">
-<polymer-element name="service-view" extends="observatory-element">
+<polymer-element name="service-view">
   <!-- This element explicitly manages the child elements to avoid setting
        an observable property on the old element to an invalid type. -->
 </polymer-element>
 
-<polymer-element name="trace-view" extends="observatory-element">
+<polymer-element name="trace-view">
    <template>
     <link rel="stylesheet" href="css/shared.css">
 
     <template if="{{ tracer != null }}">
       <div class="memberList">
         <template repeat="{{ event in tracer.events }}">
           <div class="memberItem">
             <div class="memberSmall">
               {{ event.timeStamp }}
             </div>
             <div class="memberSmall">
               {{ event.message }}
               <template if="{{ event.map != null }}">
                 <br>
                 <map-viewer map="{{ event.map }}"></map-viewer>
               </template>
             </div>
           </div>
         </template>
       </div>
       <br>
       <br>
       <br>
     </template>
   </template>
 </polymer-element>
 
-<polymer-element name="map-viewer" extends="observatory-element">
+<polymer-element name="map-viewer">
   <template>
     <link rel="stylesheet" href="css/shared.css">
 
     <template if="{{ map.length > 0 }}">
       <curly-block callback="{{ expander() }}">
         <template if="{{ expand }}">
           <div class="memberList">
             <template repeat="{{ key in map.keys }}">
               <div class="memberItem">
                 <div class="memberSmall">{{ key }}</div>
@@ skipping 11 matching lines @@
                 </div>
               </div>
             </template>
           </div>
         </template>
       </curly-block>
     </template>
   </template>
 </polymer-element>
 
-<polymer-element name="list-viewer" extends="observatory-element">
+<polymer-element name="list-viewer">
   <template>
     <link rel="stylesheet" href="css/shared.css">
 
     <template if="{{ list.length > 0 }}">
       <curly-block callback="{{ expander() }}">
         <template if="{{ expand }}">
           <div class="memberList">
             <template repeat="{{ element in list }}">
               <div class="memberItem">
                 <div class="memberSmall">
@@ skipping 10 matching lines @@
               </div>
             </template>
           </div>
         </template>
       </curly-block>
     </template>
   </template>
 </polymer-element>
 
 <script type="application/dart" src="service_view.dart"></script>