Converted Observatory class-ref & library-ref elements

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

Index: runtime/observatory/lib/src/elements/library_ref_as_value.html
diff --git a/runtime/observatory/lib/src/elements/library_ref_as_value.html b/runtime/observatory/lib/src/elements/library_ref_as_value.html
new file mode 100644
index 0000000000000000000000000000000000000000..49dc9007228cd06c76ddd282356fb240b2180cdc
--- /dev/null
+++ b/runtime/observatory/lib/src/elements/library_ref_as_value.html
@@ -0,0 +1,30 @@
+<link rel="import" href="../../../../packages/polymer/polymer.html">
+<link rel="import" href="service_ref.html">
+
+<polymer-element name="library-ref-as-value">
+  <template>
+    <link rel="stylesheet" href="css/shared.css">
+    <style>
+      .indented {
+      margin-left: 1.5em;
+      font: 400 14px 'Montserrat', sans-serif;
+      line-height: 150%;
+      }
+    </style>
+    <library-ref ref="{{ ref }}"></library-ref>
+    <curly-block callback="{{ expander() }}" expandKey="{{ expandKey }}">
+      <div class="indented">
+        <template repeat="{{ field in ref.variables }}">
+          <template if="{{ field.isStatic }}">
+            {{ field.name }}&nbsp;:&nbsp;
+            <any-service-ref ref="{{ field.staticValue }}"
+                             expandKey="{{ makeExpandKey(field.name) }}">
+            </any-service-ref><br>
+          </template>
+        </template>
+      </div>
+    </curly-block>
+  </template>
+</polymer-element>
+
+<script type="application/dart" src="library_ref_as_value.dart"></script>