Converted Observatory refs elements

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

 <link rel="import" href="../../../../packages/polymer/polymer.html">
 <link rel="import" href="error_view.html">
 <link rel="import" href="eval_box.html">
 <link rel="import" href="eval_link.html">
-<link rel="import" href="field_ref.html">
 <link rel="import" href="inbound_reference.html">
-<link rel="import" href="instance_ref.html">
 <link rel="import" href="object_common.html">
-<link rel="import" href="context_ref.html">
 
 <polymer-element name="instance-view">
   <template>
     <link rel="stylesheet" href="css/shared.css">
     <nav-bar>
       <top-nav-menu></top-nav-menu>
       <vm-nav-menu vm="{{ instance.isolate.vm }}"></vm-nav-menu>
       <isolate-nav-menu isolate="{{ instance.isolate }}"></isolate-nav-menu>
       <!-- TODO(turnidge): Add library nav menu here. -->
       <class-nav-menu cls="{{ instance.clazz }}"></class-nav-menu>
@@ skipping 168 matching lines @@
           </curly-block><br><br>
         </template>
 
         <template if="{{ instance.fields.isNotEmpty }}">
           fields ({{ instance.fields.length }})
           <curly-block expand="{{ instance.fields.length <= 100 }}">
             <div class="memberList">
               <template repeat="{{ field in instance.fields }}">
                 <div class="memberItem">
                   <div class="memberName">
-                    <field-ref ref="{{ field['decl'] }}"></field-ref>
+                    <field-ref ref="{{ field.decl }}"></field-ref>
                   </div>
                   <div class="memberValue">
-                    <any-service-ref ref="{{ field['value'] }}"></any-service-ref>
+                    <any-service-ref ref="{{ field.value }}"></any-service-ref>
                   </div>
                 </div>
               </template>
             </div>
           </curly-block><br><br>
         </template>
 
         <template if="{{ instance.elements.isNotEmpty }}">
           elements ({{ instance.length }})
           <curly-block expand="{{ instance.elements.length <= 100 }}">
@@ skipping 19 matching lines @@
           </curly-block><br><br>
         </template>
 
         <template if="{{ instance.associations.isNotEmpty }}">
           associations ({{ instance.length }})
           <curly-block expand="{{ instance.associations.length <= 100 }}">
             <div class="memberList">
               <template repeat="{{ association in instance.associations }}">
                 <div class="memberItem">
                   <div class="memberValue">
-                    [<any-service-ref ref="{{ association['key'] }}"></any-service-ref>]
+                    [<any-service-ref ref="{{ association.key }}"></any-service-ref>]
                   </div>
                   <div class="memberValue">
-                    <any-service-ref ref="{{ association['value'] }}"></any-service-ref>
+                    <any-service-ref ref="{{ association.value }}"></any-service-ref>
                   </div>
                 </div>
               </template>
               <template if="{{ instance.length != instance.associations.length }}">
                 <div class="memberItem">
                   <div class="memberName">...</div>
                   <div class="memberValue">
                     <em>{{ instance.length - instance.associations.length }} omitted associations</em>
                   </div>
                 </div>
@@ skipping 114 matching lines @@
           <source-inset location="{{ instance.typeClass.location }}"></source-inset>
         </template>
       </div>
 
     </template>
     <view-footer></view-footer>
   </template>
 </polymer-element>
 
 <script type="application/dart" src="instance_view.dart"></script>