Converted Observatory nav-notify element

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

 <link rel="import" href="../../../../packages/polymer/polymer.html">
 <link rel="import" href="function_ref.html">
 <link rel="import" href="nav_bar.html">
 <link rel="import" href="eval_link.html">
-<link rel="import" href="observatory_element.html">
+
 <link rel="import" href="script_inset.html">
 <link rel="import" href="script_ref.html">
 
 <!-- TODO(turnidge): Use core-icon once core_elements work properly in
      devtools -->
 <polymer-element name="icon-expand-less" noscript>
   <template>
     <svg width="24" height="24">
       <polygon points="12,8 6,14 7.4,15.4 12,10.8 16.6,15.4 18,14 "/>
     </svg>
@@ skipping 49 matching lines @@
 </polymer-element>
 
 <polymer-element name="icon-info-outline" noscript>
   <template>
     <svg width="24" height="24">
       <path d="M11 17h2v-6h-2v6zm1-15C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zM11 9h2V7h-2v2z"/>
     </svg>
   </template>
 </polymer-element>
 
-<polymer-element name="debugger-page" extends="observatory-element">
+<polymer-element name="debugger-page">
   <template>
     <link rel="stylesheet" href="css/shared.css">
     <style>
       .container {
         height: 100%;
         display: flex;
         flex-direction: column;
         justify-content: space-between;
       }
       nav-bar {
@@ skipping 41 matching lines @@
       <div id="consoleDiv" class="console">
         <debugger-console id="console" isolate="{{ isolate }}"></debugger-console>
       </div>
       <div id="commandDiv" class="commandline">
         <debugger-input id="commandline" isolate="{{ isolate }}"></debugger-input>
       </div>
     </div>
   </template>
 </polymer-element>
 
-<polymer-element name="debugger-stack" extends="observatory-element">
+<polymer-element name="debugger-stack">
   <template>
     <link rel="stylesheet" href="css/shared.css">
     <style>
       .sampledMessage {
         margin: 0px 20px 10px 20px;
         font: 400 14px 'Montserrat', sans-serif;
         line-height: 125%;
       }
       .splitter {
         height: 0px;
@@ skipping 30 matching lines @@
     <template if="{{ !hasMessages }}">
       <div class="noMessages">No pending messages</div>
     </template>
     <ul id="messageList" class="list-group">
       <!-- debugger-message elements are added programmatically -->
     </ul>
   </template>
 </polymer-element>
 
 
-<polymer-element name="debugger-frame" extends="observatory-element">
+<polymer-element name="debugger-frame">
   <template>
     <link rel="stylesheet" href="css/shared.css">
     <style>
       .frameOuter {
         position: relative;
         padding: 5px;
         border: 1px solid white;
       }
       .frameOuter:hover {
         border: 1px solid #e0e0e0;
@@ skipping 95 matching lines @@
                 <icon-expand-less></icon-expand-less>
               </a>
             </template>
           </div>
         </div>
       </template>
     </div>
   </template>
 </polymer-element>
 
-<polymer-element name="debugger-message" extends="observatory-element">
+<polymer-element name="debugger-message">
   <template>
     <link rel="stylesheet" href="css/shared.css">
     <style>
       .messageOuter {
         position: relative;
         padding: 5px;
         border: 1px solid white;
       }
       .messageOuter:hover {
         border: 1px solid #e0e0e0;
@@ skipping 84 matching lines @@
                 <icon-expand-less></icon-expand-less>
               </a>
             </template>
           </div>
         </div>
       </template>
     </div>
   </template>
 </polymer-element>
 
-<polymer-element name="debugger-console" extends="observatory-element">
+<polymer-element name="debugger-console">
   <template>
     <link rel="stylesheet" href="css/shared.css">
     <style>
       .console {
         margin: 0px 20px 10px 20px;
       }
       .normal {
         font: normal 14px consolas, courier, monospace;
         white-space: pre;
         line-height: 125%;
@@ skipping 18 matching lines @@
       .spacer {
         height: 20px;
       }
     </style>
     <div id="consoleText" class="console">
       <!-- Console output is added programmatically -->
     </div>
   </template>
 </polymer-element>
 
-<polymer-element name="debugger-input" extends="observatory-element">
+<polymer-element name="debugger-input">
   <template>
     <link rel="stylesheet" href="css/shared.css">
     <style>
       .container {
         height: 100%;
         display: flex;
         flex-direction: row;
         justify-content: space-between;
       }
       .textBox {
@@ skipping 15 matching lines @@
     <div class="container">
       <template if="{{ modalPrompt != null }}">
         <div class="modalPrompt">{{ modalPrompt }}</div>
       </template>
       <input id="textBox" class="textBox" type="text" value="{{ text }}" autofocus>
     </div>
   </template>
 </polymer-element>
 
 <script type="application/dart" src="debugger.dart"></script>