Include pattern and functions for RegExps over the service protocol. Remove quadratic behavior from…

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

 <link rel="import" href="../../../../packages/polymer/polymer.html">
 <link rel="import" href="class_ref.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="function_ref.html">
 <link rel="import" href="inbound_reference.html">
 <link rel="import" href="instance_ref.html">
 <link rel="import" href="observatory_element.html">
@@ skipping 42 matching lines @@
             </div>
           </template>
 
           <template if="{{ instance.isString }}">
             <div class="memberItem">
               <div class="memberName">valueAsLiteral</div>
               <div class="memberValue"> {{ asStringLiteral(instance.valueAsString, instance.valueAsStringIsTruncated) }}</div>
             </div>
           </template>
 
-          <template if="{{ instance.isMirrorReference }}">
-            <div class="memberItem">
-              <div class="memberName">referent</div>
-              <div class="memberValue">
-                <any-service-ref ref="{{ instance.referent }}">
-                </any-service-ref>
-              </div>
-            </div>
-          </template>
-
           <template if="{{ instance.typeClass != null }}">
             <div class="memberItem">
               <div class="memberName">type class</div>
               <div class="memberValue">
                 <class-ref ref="{{ instance.typeClass }}">
                 </class-ref>
               </div>
             </div>
           </template>
 
@@ skipping 23 matching lines @@
                 <template if="{{ instance.activationBreakpoint != null }}">
                   {{ instance.activationBreakpoint.toString() }}
                   <action-link callback="{{ clearBreakOnActivation }}"
                                label="remove">
                   </action-link>
                 </template>
               </div>
             </div>
           </template>
 
-          <template if="{{ instance.isWeakProperty }}">
-            <div class="memberItem">
-              <div class="memberName">key</div>
-              <div class="memberValue">
-                <any-service-ref ref="{{ instance.key }}">
-                </any-service-ref>
-              </div>
-            </div>
-            <div class="memberItem">
-              <div class="memberName">value</div>
-              <div class="memberValue">
-                <any-service-ref ref="{{ instance.value }}">
-                </any-service-ref>
-              </div>
-            </div>
-          </template>
-
           <div class="memberItem">
             <div class="memberName">toString()</div>
             <div class="memberValue">
               <eval-link callback="{{ evaluate }}" expr="toString()"></eval-link>
             </div>
           </div>
         </div>
       </div>
 
       <hr>
@@ skipping 78 matching lines @@
             <div class="memberList">
               <template repeat="{{ index in instance.typedElements.asMap().keys }}">
                 <div class="memberItem">
                   <div class="memberName">[{{ index }}]</div>
                   <div class="memberValue">{{ instance.typedElements[index].toString() }}</div>
                 </div>
               </template>
             </div>
           </curly-block><br><br>
         </template>
+
+        <template if="{{ instance.isRegExp }}">
+          <div class="memberList">
+            <div class="memberItem">
+              <div class="memberName">pattern</div>
+              <div class="memberValue">
+                <any-service-ref ref="{{ instance.pattern }}"></any-service-ref>
+              </div>
+            </div>
+            <div class="memberItem">
+              <div class="memberName">oneByteFunction</div>
+              <div class="memberValue">
+                <any-service-ref ref="{{ instance.oneByteFunction }}"></any-service-ref>
+              </div>
+            </div>
+            <div class="memberItem">
+              <div class="memberName">twoByteFunction</div>
+              <div class="memberValue">
+                <any-service-ref ref="{{ instance.twoByteFunction }}"></any-service-ref>
+              </div>
+            </div>
+            <div class="memberItem">
+              <div class="memberName">externalOneByteFunction</div>
+              <div class="memberValue">
+                <any-service-ref ref="{{ instance.externalOneByteFunction }}"></any-service-ref>
+              </div>
+            </div>
+            <div class="memberItem">
+              <div class="memberName">externalTwoByteFunction</div>
+              <div class="memberValue">
+                <any-service-ref ref="{{ instance.externalTwoByteFunction }}"></any-service-ref>
+              </div>
+            </div>
+          </div>
+        </template>
+
+        <template if="{{ instance.isMirrorReference }}">
+          <div class="memberItem">
+            <div class="memberName">referent</div>
+            <div class="memberValue">
+              <any-service-ref ref="{{ instance.referent }}">
+              </any-service-ref>
+            </div>
+          </div>
+        </template>
+
+        <template if="{{ instance.isWeakProperty }}">
+          <div class="memberItem">
+            <div class="memberName">key</div>
+            <div class="memberValue">
+              <any-service-ref ref="{{ instance.key }}"></any-service-ref>
+            </div>
+          </div>
+          <div class="memberItem">
+            <div class="memberName">value</div>
+            <div class="memberValue">
+              <any-service-ref ref="{{ instance.value }}"></any-service-ref>
+            </div>
+          </div>
+        </template>
+
       </div>
 
       <div class="content-centered-big">
         <template if="{{ instance.isClosure }}">
           <source-inset location="{{ instance.function.location }}"></source-inset>
         </template>
       </div>
 
     </template>
     <view-footer></view-footer>
   </template>
 </polymer-element>
 
 <script type="application/dart" src="instance_view.dart"></script>