Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(892)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: runtime/bin/vmservice/client/deployed/web/index_devtools.html

Issue 299823004: Upgrade Observatory to Polymer 0.10.x (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: Created 6 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « runtime/bin/vmservice/client/deployed/web/index.html ('k') | runtime/bin/vmservice/client/deployed/web/packages/browser/interop.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html><html><head><script src="packages/shadow_dom/shadow_dom.debug.js" ></script> 1 <!DOCTYPE html><html><head>
2 <script src="packages/custom_element/custom-elements.debug.js"></script>
3
4 <title>Dart VM Observatory</title> 2 <title>Dart VM Observatory</title>
5 <meta charset="utf-8"> 3 <meta charset="utf-8">
6 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.css" > 4
7 <script type="text/javascript" src="https://www.google.com/jsapi"></script> 5
8 <script src="packages/browser/interop.js"></script> 6
9 7
10 <script type="application/dart" src="index_devtools.html_bootstrap.dart"></scr ipt> 8
11 <script src="packages/browser/dart.js"></script> 9
12 </head> 10 </head>
13 <body><polymer-element name="curly-block"> 11 <body><script type="text/javascript" src="https://www.google.com/jsapi"></script >
12
13 <!--
14 These two files are from the Polymer project:
15 https://github.com/Polymer/platform/ and https://github.com/Polymer/polymer/.
16
17 You can replace platform.js and polymer.html with different versions if desired.
18 -->
19 <!-- minified for deployment: -->
20
21
22
23 <!-- unminfied for debugging:
24 <script src="../../packages/web_components/platform.concat.js"></script>
25 <script src="src/js/polymer/polymer.concat.js"></script>
26 <link rel="import" href="src/js/polymer/polymer-body.html">
27 -->
28
29 <!-- Teach dart2js about Shadow DOM polyfill objects. -->
30
31
32 <!-- Bootstrap the user application in a new isolate. -->
33
34 <!-- TODO(sigmund): replace boot.js by boot.dart (dartbug.com/18007)
35 <script type="application/dart">export "package:polymer/boot.dart";</script>
36 -->
37 <script src="packages/polymer/src/js/use_native_dartium_shadowdom.js"></script>< script src="packages/web_components/platform.js"></script>
38 <!-- <link rel="import" href="../polymer-dev/polymer.html"> -->
39 <script src="packages/polymer/src/js/polymer/polymer.js"></script><polymer-eleme nt name="polymer-body" extends="body">
40
41 <script>
42
43 // upgrade polymer-body last so that it can contain other imported elements
44 document.addEventListener('polymer-ready', function() {
45
46 Polymer('polymer-body', Platform.mixin({
47
48 created: function() {
49 this.template = document.createElement('template');
50 var body = wrap(document).body;
51 var c$ = body.childNodes.array();
52 for (var i=0, c; (c=c$[i]); i++) {
53 if (c.localName !== 'script') {
54 this.template.content.appendChild(c);
55 }
56 }
57 // snarf up user defined model
58 window.model = this;
59 },
60
61 parseDeclaration: function(elementElement) {
62 this.lightFromTemplate(this.template);
63 }
64
65 }, window.model));
66
67 });
68
69 </script>
70
71 </polymer-element><script src="packages/web_components/dart_support.js"></script ><style>
72 /* Global styles */
73 * {
74 margin: 0;
75 padding: 0;
76 font: 400 14px 'Montserrat', sans-serif;
77 color: #333;
78 box-sizing: border-box;
79 }
80
81 .content {
82 padding-left: 10%;
83 font: 400 14px 'Montserrat', sans-serif;
84 }
85
86 .content-centered {
87 padding-left: 10%;
88 padding-right: 10%;
89 font: 400 14px 'Montserrat', sans-serif;
90 }
91
92 h1 {
93 font: 400 18px 'Montserrat', sans-serif;
94 }
95
96 .memberList {
97 display: table;
98 }
99
100 .memberItem {
101 display: table-row;
102 }
103
104 .memberName, .memberValue {
105 display: table-cell;
106 vertical-align: top;
107 padding: 3px 0 3px 1em;
108 font: 400 14px 'Montserrat', sans-serif;
109 }
110
111 .monospace {
112 font-family: consolas, courier, monospace;
113 font-size: 1em;
114 line-height: 1.2em;
115 white-space: nowrap;
116 }
117
118 a {
119 color: #0489c3;
120 text-decoration: none;
121 }
122
123 a:hover {
124 text-decoration: underline;
125 }
126
127 em {
128 color: inherit;
129 font-style:italic;
130 }
131
132 hr {
133 margin-top: 20px;
134 margin-bottom: 20px;
135 border: 0;
136 border-top: 1px solid #eee;
137 height: 0;
138 box-sizing: content-box;
139 }
140
141 .list-group {
142 padding-left: 0;
143 margin-bottom: 20px;
144 }
145
146 .list-group-item {
147 position: relative;
148 display: block;
149 padding: 10px 15px;
150 margin-bottom: -1px;
151 background-color: #fff;
152 }
153
154 .list-group-item:first-child {
155 /* rounded top corners */
156 border-top-right-radius:4px;
157 border-top-left-radius:4px;
158 }
159
160 .list-group-item:last-child {
161 margin-bottom: 0;
162 /* rounded bottom corners */
163 border-bottom-right-radius: 4px;
164 border-bottom-left-radius:4px;
165 }
166
167 /* Flex row container */
168 .flex-row {
169 display: flex;
170 flex-direction: row;
171 }
172
173 /* Flex column container */
174 .flex-column {
175 display: flex;
176 flex-direction: column;
177 }
178
179 .flex-item-fit {
180 flex-grow: 1;
181 flex-shrink: 1;
182 flex-basis: auto;
183 }
184
185 .flex-item-no-shrink {
186 flex-grow: 0;
187 flex-shrink: 0;
188 flex-basis: auto;
189 }
190
191 .flex-item-fill {
192 flex-grow: 0;
193 flex-shrink: 1; /* shrink when pressured */
194 flex-basis: 100%; /* try and take 100% */
195 }
196
197 .flex-item-fixed-1-12 {
198 flex-grow: 0;
199 flex-shrink: 0;
200 flex-basis: 8.3%;
201 }
202
203 .flex-item-fixed-2-12 {
204 flex-grow: 0;
205 flex-shrink: 0;
206 flex-basis: 16.6%;
207 }
208
209 .flex-item-fixed-4-12 {
210 flex-grow: 0;
211 flex-shrink: 0;
212 flex-basis: 33.3333%;
213 }
214
215 .flex-item-fixed-6-12, .flex-item-50-percent {
216 flex-grow: 0;
217 flex-shrink: 0;
218 flex-basis: 50%;
219 }
220
221 .flex-item-fixed-8-12 {
222 flex-grow: 0;
223 flex-shrink: 0;
224 flex-basis: 66.6666%;
225 }
226
227 .flex-item-fixed-9-12 {
228 flex-grow: 0;
229 flex-shrink: 0;
230 flex-basis: 75%;
231 }
232
233
234 .flex-item-fixed-12-12 {
235 flex-grow: 0;
236 flex-shrink: 0;
237 flex-basis: 100%;
238 }
239
240 .flex-item-10-percent {
241 flex-grow: 0;
242 flex-shrink: 0;
243 flex-basis: 10%;
244 }
245
246 .flex-item-15-percent {
247 flex-grow: 0;
248 flex-shrink: 0;
249 flex-basis: 15%;
250 }
251
252 .flex-item-20-percent {
253 flex-grow: 0;
254 flex-shrink: 0;
255 flex-basis: 20%;
256 }
257
258 .flex-item-30-percent {
259 flex-grow: 0;
260 flex-shrink: 0;
261 flex-basis: 30%;
262 }
263
264 .flex-item-40-percent {
265 flex-grow: 0;
266 flex-shrink: 0;
267 flex-basis: 40%;
268 }
269
270 .flex-item-60-percent {
271 flex-grow: 0;
272 flex-shrink: 0;
273 flex-basis: 60%;
274 }
275
276 .flex-item-70-percent {
277 flex-grow: 0;
278 flex-shrink: 0;
279 flex-basis: 70%;
280 }
281
282 .flex-item-80-percent {
283 flex-grow: 0;
284 flex-shrink: 0;
285 flex-basis: 80%;
286 }
287
288 .well {
289 min-height: 20px;
290 padding: 19px;
291 margin-bottom: 20px;
292 background-color: #f5f5f5;
293 border: 1px solid #e3e3e3;
294 border-radius: 4px;
295 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
296 }
297 </style>
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343 <polymer-element name="curly-block">
14 <template> 344 <template>
15 <style> 345 <style>
16 .idle { 346 .idle {
17 display: inline-block; 347 display: inline-block;
18 color: #0489c3; 348 color: #0489c3;
19 cursor: pointer; 349 cursor: pointer;
20 } 350 }
21 .busy { 351 .busy {
22 display: inline-block; 352 display: inline-block;
23 color: white; 353 color: white;
(...skipping 22 matching lines...) Expand all
46 <template if="{{ !busy }}"> 376 <template if="{{ !busy }}">
47 {<a on-click="{{ toggleExpand }}"><div class="idle">&nbsp;&nbsp;⊞&nbsp;& nbsp;</div></a>} 377 {<a on-click="{{ toggleExpand }}"><div class="idle">&nbsp;&nbsp;⊞&nbsp;& nbsp;</div></a>}
48 </template> 378 </template>
49 </template> 379 </template>
50 </template> 380 </template>
51 381
52 </polymer-element> 382 </polymer-element>
53 <polymer-element name="observatory-element"> 383 <polymer-element name="observatory-element">
54 384
55 </polymer-element> 385 </polymer-element>
386
387
56 <polymer-element name="service-ref" extends="observatory-element"> 388 <polymer-element name="service-ref" extends="observatory-element">
57 389
58 </polymer-element><polymer-element name="instance-ref" extends="service-ref"> 390 </polymer-element><polymer-element name="instance-ref" extends="service-ref">
59 <template> 391 <template>
60 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 392 <style>
393 /* Global styles */
394 * {
395 margin: 0;
396 padding: 0;
397 font: 400 14px 'Montserrat', sans-serif;
398 color: #333;
399 box-sizing: border-box;
400 }
401
402 .content {
403 padding-left: 10%;
404 font: 400 14px 'Montserrat', sans-serif;
405 }
406
407 .content-centered {
408 padding-left: 10%;
409 padding-right: 10%;
410 font: 400 14px 'Montserrat', sans-serif;
411 }
412
413 h1 {
414 font: 400 18px 'Montserrat', sans-serif;
415 }
416
417 .memberList {
418 display: table;
419 }
420
421 .memberItem {
422 display: table-row;
423 }
424
425 .memberName, .memberValue {
426 display: table-cell;
427 vertical-align: top;
428 padding: 3px 0 3px 1em;
429 font: 400 14px 'Montserrat', sans-serif;
430 }
431
432 .monospace {
433 font-family: consolas, courier, monospace;
434 font-size: 1em;
435 line-height: 1.2em;
436 white-space: nowrap;
437 }
438
439 a {
440 color: #0489c3;
441 text-decoration: none;
442 }
443
444 a:hover {
445 text-decoration: underline;
446 }
447
448 em {
449 color: inherit;
450 font-style:italic;
451 }
452
453 hr {
454 margin-top: 20px;
455 margin-bottom: 20px;
456 border: 0;
457 border-top: 1px solid #eee;
458 height: 0;
459 box-sizing: content-box;
460 }
461
462 .list-group {
463 padding-left: 0;
464 margin-bottom: 20px;
465 }
466
467 .list-group-item {
468 position: relative;
469 display: block;
470 padding: 10px 15px;
471 margin-bottom: -1px;
472 background-color: #fff;
473 }
474
475 .list-group-item:first-child {
476 /* rounded top corners */
477 border-top-right-radius:4px;
478 border-top-left-radius:4px;
479 }
480
481 .list-group-item:last-child {
482 margin-bottom: 0;
483 /* rounded bottom corners */
484 border-bottom-right-radius: 4px;
485 border-bottom-left-radius:4px;
486 }
487
488 /* Flex row container */
489 .flex-row {
490 display: flex;
491 flex-direction: row;
492 }
493
494 /* Flex column container */
495 .flex-column {
496 display: flex;
497 flex-direction: column;
498 }
499
500 .flex-item-fit {
501 flex-grow: 1;
502 flex-shrink: 1;
503 flex-basis: auto;
504 }
505
506 .flex-item-no-shrink {
507 flex-grow: 0;
508 flex-shrink: 0;
509 flex-basis: auto;
510 }
511
512 .flex-item-fill {
513 flex-grow: 0;
514 flex-shrink: 1; /* shrink when pressured */
515 flex-basis: 100%; /* try and take 100% */
516 }
517
518 .flex-item-fixed-1-12 {
519 flex-grow: 0;
520 flex-shrink: 0;
521 flex-basis: 8.3%;
522 }
523
524 .flex-item-fixed-2-12 {
525 flex-grow: 0;
526 flex-shrink: 0;
527 flex-basis: 16.6%;
528 }
529
530 .flex-item-fixed-4-12 {
531 flex-grow: 0;
532 flex-shrink: 0;
533 flex-basis: 33.3333%;
534 }
535
536 .flex-item-fixed-6-12, .flex-item-50-percent {
537 flex-grow: 0;
538 flex-shrink: 0;
539 flex-basis: 50%;
540 }
541
542 .flex-item-fixed-8-12 {
543 flex-grow: 0;
544 flex-shrink: 0;
545 flex-basis: 66.6666%;
546 }
547
548 .flex-item-fixed-9-12 {
549 flex-grow: 0;
550 flex-shrink: 0;
551 flex-basis: 75%;
552 }
553
554
555 .flex-item-fixed-12-12 {
556 flex-grow: 0;
557 flex-shrink: 0;
558 flex-basis: 100%;
559 }
560
561 .flex-item-10-percent {
562 flex-grow: 0;
563 flex-shrink: 0;
564 flex-basis: 10%;
565 }
566
567 .flex-item-15-percent {
568 flex-grow: 0;
569 flex-shrink: 0;
570 flex-basis: 15%;
571 }
572
573 .flex-item-20-percent {
574 flex-grow: 0;
575 flex-shrink: 0;
576 flex-basis: 20%;
577 }
578
579 .flex-item-30-percent {
580 flex-grow: 0;
581 flex-shrink: 0;
582 flex-basis: 30%;
583 }
584
585 .flex-item-40-percent {
586 flex-grow: 0;
587 flex-shrink: 0;
588 flex-basis: 40%;
589 }
590
591 .flex-item-60-percent {
592 flex-grow: 0;
593 flex-shrink: 0;
594 flex-basis: 60%;
595 }
596
597 .flex-item-70-percent {
598 flex-grow: 0;
599 flex-shrink: 0;
600 flex-basis: 70%;
601 }
602
603 .flex-item-80-percent {
604 flex-grow: 0;
605 flex-shrink: 0;
606 flex-basis: 80%;
607 }
608
609 .well {
610 min-height: 20px;
611 padding: 19px;
612 margin-bottom: 20px;
613 background-color: #f5f5f5;
614 border: 1px solid #e3e3e3;
615 border-radius: 4px;
616 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
617 }
618 </style>
61 <style> 619 <style>
62 .errorBox { 620 .errorBox {
63 background-color: #f5f5f5; 621 background-color: #f5f5f5;
64 border: 1px solid #ccc; 622 border: 1px solid #ccc;
65 padding: 10px; 623 padding: 10px;
66 font-family: consolas, courier, monospace; 624 font-family: consolas, courier, monospace;
67 font-size: 1em; 625 font-size: 1em;
68 line-height: 1.2em; 626 line-height: 1.2em;
69 white-space: pre; 627 white-space: pre;
70 } 628 }
(...skipping 84 matching lines...) Expand 10 before | Expand all | Expand 10 after
155 <template if="{{ busy }}"> 713 <template if="{{ busy }}">
156 <span class="busy">[{{ label }}]</span> 714 <span class="busy">[{{ label }}]</span>
157 </template> 715 </template>
158 <template if="{{ !busy }}"> 716 <template if="{{ !busy }}">
159 <span class="idle"><a on-click="{{ doAction }}">[{{ label }}]</a></span> 717 <span class="idle"><a on-click="{{ doAction }}">[{{ label }}]</a></span>
160 </template> 718 </template>
161 719
162 </template> 720 </template>
163 721
164 </polymer-element> 722 </polymer-element>
723
724
725
726
727
165 <polymer-element name="nav-bar" extends="observatory-element"> 728 <polymer-element name="nav-bar" extends="observatory-element">
166 <template> 729 <template>
167 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 730 <style>
731 /* Global styles */
732 * {
733 margin: 0;
734 padding: 0;
735 font: 400 14px 'Montserrat', sans-serif;
736 color: #333;
737 box-sizing: border-box;
738 }
739
740 .content {
741 padding-left: 10%;
742 font: 400 14px 'Montserrat', sans-serif;
743 }
744
745 .content-centered {
746 padding-left: 10%;
747 padding-right: 10%;
748 font: 400 14px 'Montserrat', sans-serif;
749 }
750
751 h1 {
752 font: 400 18px 'Montserrat', sans-serif;
753 }
754
755 .memberList {
756 display: table;
757 }
758
759 .memberItem {
760 display: table-row;
761 }
762
763 .memberName, .memberValue {
764 display: table-cell;
765 vertical-align: top;
766 padding: 3px 0 3px 1em;
767 font: 400 14px 'Montserrat', sans-serif;
768 }
769
770 .monospace {
771 font-family: consolas, courier, monospace;
772 font-size: 1em;
773 line-height: 1.2em;
774 white-space: nowrap;
775 }
776
777 a {
778 color: #0489c3;
779 text-decoration: none;
780 }
781
782 a:hover {
783 text-decoration: underline;
784 }
785
786 em {
787 color: inherit;
788 font-style:italic;
789 }
790
791 hr {
792 margin-top: 20px;
793 margin-bottom: 20px;
794 border: 0;
795 border-top: 1px solid #eee;
796 height: 0;
797 box-sizing: content-box;
798 }
799
800 .list-group {
801 padding-left: 0;
802 margin-bottom: 20px;
803 }
804
805 .list-group-item {
806 position: relative;
807 display: block;
808 padding: 10px 15px;
809 margin-bottom: -1px;
810 background-color: #fff;
811 }
812
813 .list-group-item:first-child {
814 /* rounded top corners */
815 border-top-right-radius:4px;
816 border-top-left-radius:4px;
817 }
818
819 .list-group-item:last-child {
820 margin-bottom: 0;
821 /* rounded bottom corners */
822 border-bottom-right-radius: 4px;
823 border-bottom-left-radius:4px;
824 }
825
826 /* Flex row container */
827 .flex-row {
828 display: flex;
829 flex-direction: row;
830 }
831
832 /* Flex column container */
833 .flex-column {
834 display: flex;
835 flex-direction: column;
836 }
837
838 .flex-item-fit {
839 flex-grow: 1;
840 flex-shrink: 1;
841 flex-basis: auto;
842 }
843
844 .flex-item-no-shrink {
845 flex-grow: 0;
846 flex-shrink: 0;
847 flex-basis: auto;
848 }
849
850 .flex-item-fill {
851 flex-grow: 0;
852 flex-shrink: 1; /* shrink when pressured */
853 flex-basis: 100%; /* try and take 100% */
854 }
855
856 .flex-item-fixed-1-12 {
857 flex-grow: 0;
858 flex-shrink: 0;
859 flex-basis: 8.3%;
860 }
861
862 .flex-item-fixed-2-12 {
863 flex-grow: 0;
864 flex-shrink: 0;
865 flex-basis: 16.6%;
866 }
867
868 .flex-item-fixed-4-12 {
869 flex-grow: 0;
870 flex-shrink: 0;
871 flex-basis: 33.3333%;
872 }
873
874 .flex-item-fixed-6-12, .flex-item-50-percent {
875 flex-grow: 0;
876 flex-shrink: 0;
877 flex-basis: 50%;
878 }
879
880 .flex-item-fixed-8-12 {
881 flex-grow: 0;
882 flex-shrink: 0;
883 flex-basis: 66.6666%;
884 }
885
886 .flex-item-fixed-9-12 {
887 flex-grow: 0;
888 flex-shrink: 0;
889 flex-basis: 75%;
890 }
891
892
893 .flex-item-fixed-12-12 {
894 flex-grow: 0;
895 flex-shrink: 0;
896 flex-basis: 100%;
897 }
898
899 .flex-item-10-percent {
900 flex-grow: 0;
901 flex-shrink: 0;
902 flex-basis: 10%;
903 }
904
905 .flex-item-15-percent {
906 flex-grow: 0;
907 flex-shrink: 0;
908 flex-basis: 15%;
909 }
910
911 .flex-item-20-percent {
912 flex-grow: 0;
913 flex-shrink: 0;
914 flex-basis: 20%;
915 }
916
917 .flex-item-30-percent {
918 flex-grow: 0;
919 flex-shrink: 0;
920 flex-basis: 30%;
921 }
922
923 .flex-item-40-percent {
924 flex-grow: 0;
925 flex-shrink: 0;
926 flex-basis: 40%;
927 }
928
929 .flex-item-60-percent {
930 flex-grow: 0;
931 flex-shrink: 0;
932 flex-basis: 60%;
933 }
934
935 .flex-item-70-percent {
936 flex-grow: 0;
937 flex-shrink: 0;
938 flex-basis: 70%;
939 }
940
941 .flex-item-80-percent {
942 flex-grow: 0;
943 flex-shrink: 0;
944 flex-basis: 80%;
945 }
946
947 .well {
948 min-height: 20px;
949 padding: 19px;
950 margin-bottom: 20px;
951 background-color: #f5f5f5;
952 border: 1px solid #e3e3e3;
953 border-radius: 4px;
954 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
955 }
956 </style>
168 <style> 957 <style>
169 nav { 958 nav {
170 position: fixed; 959 position: fixed;
171 width: 100%; 960 width: 100%;
172 z-index: 1000; 961 z-index: 1000;
173 } 962 }
174 nav ul { 963 nav ul {
175 display: inline-table; 964 display: inline-table;
176 position: relative; 965 position: relative;
177 list-style: none; 966 list-style: none;
(...skipping 180 matching lines...) Expand 10 before | Expand all | Expand 10 after
358 <template> 1147 <template>
359 <nav-menu link="{{ cls.hashLink }}" anchor="{{ cls.name }}" last="{{ last }} "> 1148 <nav-menu link="{{ cls.hashLink }}" anchor="{{ cls.name }}" last="{{ last }} ">
360 <content></content> 1149 <content></content>
361 </nav-menu> 1150 </nav-menu>
362 </template> 1151 </template>
363 </polymer-element> 1152 </polymer-element>
364 1153
365 1154
366 <polymer-element name="breakpoint-list" extends="observatory-element"> 1155 <polymer-element name="breakpoint-list" extends="observatory-element">
367 <template> 1156 <template>
368 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 1157 <style>
1158 /* Global styles */
1159 * {
1160 margin: 0;
1161 padding: 0;
1162 font: 400 14px 'Montserrat', sans-serif;
1163 color: #333;
1164 box-sizing: border-box;
1165 }
1166
1167 .content {
1168 padding-left: 10%;
1169 font: 400 14px 'Montserrat', sans-serif;
1170 }
1171
1172 .content-centered {
1173 padding-left: 10%;
1174 padding-right: 10%;
1175 font: 400 14px 'Montserrat', sans-serif;
1176 }
1177
1178 h1 {
1179 font: 400 18px 'Montserrat', sans-serif;
1180 }
1181
1182 .memberList {
1183 display: table;
1184 }
1185
1186 .memberItem {
1187 display: table-row;
1188 }
1189
1190 .memberName, .memberValue {
1191 display: table-cell;
1192 vertical-align: top;
1193 padding: 3px 0 3px 1em;
1194 font: 400 14px 'Montserrat', sans-serif;
1195 }
1196
1197 .monospace {
1198 font-family: consolas, courier, monospace;
1199 font-size: 1em;
1200 line-height: 1.2em;
1201 white-space: nowrap;
1202 }
1203
1204 a {
1205 color: #0489c3;
1206 text-decoration: none;
1207 }
1208
1209 a:hover {
1210 text-decoration: underline;
1211 }
1212
1213 em {
1214 color: inherit;
1215 font-style:italic;
1216 }
1217
1218 hr {
1219 margin-top: 20px;
1220 margin-bottom: 20px;
1221 border: 0;
1222 border-top: 1px solid #eee;
1223 height: 0;
1224 box-sizing: content-box;
1225 }
1226
1227 .list-group {
1228 padding-left: 0;
1229 margin-bottom: 20px;
1230 }
1231
1232 .list-group-item {
1233 position: relative;
1234 display: block;
1235 padding: 10px 15px;
1236 margin-bottom: -1px;
1237 background-color: #fff;
1238 }
1239
1240 .list-group-item:first-child {
1241 /* rounded top corners */
1242 border-top-right-radius:4px;
1243 border-top-left-radius:4px;
1244 }
1245
1246 .list-group-item:last-child {
1247 margin-bottom: 0;
1248 /* rounded bottom corners */
1249 border-bottom-right-radius: 4px;
1250 border-bottom-left-radius:4px;
1251 }
1252
1253 /* Flex row container */
1254 .flex-row {
1255 display: flex;
1256 flex-direction: row;
1257 }
1258
1259 /* Flex column container */
1260 .flex-column {
1261 display: flex;
1262 flex-direction: column;
1263 }
1264
1265 .flex-item-fit {
1266 flex-grow: 1;
1267 flex-shrink: 1;
1268 flex-basis: auto;
1269 }
1270
1271 .flex-item-no-shrink {
1272 flex-grow: 0;
1273 flex-shrink: 0;
1274 flex-basis: auto;
1275 }
1276
1277 .flex-item-fill {
1278 flex-grow: 0;
1279 flex-shrink: 1; /* shrink when pressured */
1280 flex-basis: 100%; /* try and take 100% */
1281 }
1282
1283 .flex-item-fixed-1-12 {
1284 flex-grow: 0;
1285 flex-shrink: 0;
1286 flex-basis: 8.3%;
1287 }
1288
1289 .flex-item-fixed-2-12 {
1290 flex-grow: 0;
1291 flex-shrink: 0;
1292 flex-basis: 16.6%;
1293 }
1294
1295 .flex-item-fixed-4-12 {
1296 flex-grow: 0;
1297 flex-shrink: 0;
1298 flex-basis: 33.3333%;
1299 }
1300
1301 .flex-item-fixed-6-12, .flex-item-50-percent {
1302 flex-grow: 0;
1303 flex-shrink: 0;
1304 flex-basis: 50%;
1305 }
1306
1307 .flex-item-fixed-8-12 {
1308 flex-grow: 0;
1309 flex-shrink: 0;
1310 flex-basis: 66.6666%;
1311 }
1312
1313 .flex-item-fixed-9-12 {
1314 flex-grow: 0;
1315 flex-shrink: 0;
1316 flex-basis: 75%;
1317 }
1318
1319
1320 .flex-item-fixed-12-12 {
1321 flex-grow: 0;
1322 flex-shrink: 0;
1323 flex-basis: 100%;
1324 }
1325
1326 .flex-item-10-percent {
1327 flex-grow: 0;
1328 flex-shrink: 0;
1329 flex-basis: 10%;
1330 }
1331
1332 .flex-item-15-percent {
1333 flex-grow: 0;
1334 flex-shrink: 0;
1335 flex-basis: 15%;
1336 }
1337
1338 .flex-item-20-percent {
1339 flex-grow: 0;
1340 flex-shrink: 0;
1341 flex-basis: 20%;
1342 }
1343
1344 .flex-item-30-percent {
1345 flex-grow: 0;
1346 flex-shrink: 0;
1347 flex-basis: 30%;
1348 }
1349
1350 .flex-item-40-percent {
1351 flex-grow: 0;
1352 flex-shrink: 0;
1353 flex-basis: 40%;
1354 }
1355
1356 .flex-item-60-percent {
1357 flex-grow: 0;
1358 flex-shrink: 0;
1359 flex-basis: 60%;
1360 }
1361
1362 .flex-item-70-percent {
1363 flex-grow: 0;
1364 flex-shrink: 0;
1365 flex-basis: 70%;
1366 }
1367
1368 .flex-item-80-percent {
1369 flex-grow: 0;
1370 flex-shrink: 0;
1371 flex-basis: 80%;
1372 }
1373
1374 .well {
1375 min-height: 20px;
1376 padding: 19px;
1377 margin-bottom: 20px;
1378 background-color: #f5f5f5;
1379 border: 1px solid #e3e3e3;
1380 border-radius: 4px;
1381 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
1382 }
1383 </style>
369 <nav-bar> 1384 <nav-bar>
370 <top-nav-menu></top-nav-menu> 1385 <top-nav-menu></top-nav-menu>
371 <isolate-nav-menu isolate="{{ msg.isolate }}"></isolate-nav-menu> 1386 <isolate-nav-menu isolate="{{ msg.isolate }}"></isolate-nav-menu>
372 <nav-menu link="{{ msg.isolate.relativeHashLink('debug/breakpoints') }}" a nchor="breakpoints" last="{{ true }}"></nav-menu> 1387 <nav-menu link="{{ msg.isolate.relativeHashLink('debug/breakpoints') }}" a nchor="breakpoints" last="{{ true }}"></nav-menu>
373 <nav-refresh callback="{{ refresh }}"></nav-refresh> 1388 <nav-refresh callback="{{ refresh }}"></nav-refresh>
374 </nav-bar> 1389 </nav-bar>
375 <template if="{{ msg['breakpoints'].isEmpty }}"> 1390 <template if="{{ msg['breakpoints'].isEmpty }}">
376 <div> 1391 <div>
377 <div>No breakpoints</div> 1392 <div>No breakpoints</div>
378 </div> 1393 </div>
379 </template> 1394 </template>
380 <template if="{{ msg['breakpoints'].isNotEmpty }}"> 1395 <template if="{{ msg['breakpoints'].isNotEmpty }}">
381 <ul class="list-group"> 1396 <ul class="list-group">
382 <template repeat="{{ bpt in msg['breakpoints'] }}"> 1397 <template repeat="{{ bpt in msg['breakpoints'] }}">
383 <li class="list-group-item"> 1398 <li class="list-group-item">
384 {{ bpt }} 1399 {{ bpt }}
385 </li> 1400 </li>
386 </template> 1401 </template>
387 </ul> 1402 </ul>
388 </template> 1403 </template>
389 </template> 1404 </template>
390 1405
391 </polymer-element> 1406 </polymer-element>
1407
1408
392 <polymer-element name="class-ref" extends="service-ref"> 1409 <polymer-element name="class-ref" extends="service-ref">
393 1410
394 <template><link rel="stylesheet" href="packages/observatory/src/elements/css/sha red.css"><a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a></template> 1411 <template><style>
1412 /* Global styles */
1413 * {
1414 margin: 0;
1415 padding: 0;
1416 font: 400 14px 'Montserrat', sans-serif;
1417 color: #333;
1418 box-sizing: border-box;
1419 }
1420
1421 .content {
1422 padding-left: 10%;
1423 font: 400 14px 'Montserrat', sans-serif;
1424 }
1425
1426 .content-centered {
1427 padding-left: 10%;
1428 padding-right: 10%;
1429 font: 400 14px 'Montserrat', sans-serif;
1430 }
1431
1432 h1 {
1433 font: 400 18px 'Montserrat', sans-serif;
1434 }
1435
1436 .memberList {
1437 display: table;
1438 }
1439
1440 .memberItem {
1441 display: table-row;
1442 }
1443
1444 .memberName, .memberValue {
1445 display: table-cell;
1446 vertical-align: top;
1447 padding: 3px 0 3px 1em;
1448 font: 400 14px 'Montserrat', sans-serif;
1449 }
1450
1451 .monospace {
1452 font-family: consolas, courier, monospace;
1453 font-size: 1em;
1454 line-height: 1.2em;
1455 white-space: nowrap;
1456 }
1457
1458 a {
1459 color: #0489c3;
1460 text-decoration: none;
1461 }
1462
1463 a:hover {
1464 text-decoration: underline;
1465 }
1466
1467 em {
1468 color: inherit;
1469 font-style:italic;
1470 }
1471
1472 hr {
1473 margin-top: 20px;
1474 margin-bottom: 20px;
1475 border: 0;
1476 border-top: 1px solid #eee;
1477 height: 0;
1478 box-sizing: content-box;
1479 }
1480
1481 .list-group {
1482 padding-left: 0;
1483 margin-bottom: 20px;
1484 }
1485
1486 .list-group-item {
1487 position: relative;
1488 display: block;
1489 padding: 10px 15px;
1490 margin-bottom: -1px;
1491 background-color: #fff;
1492 }
1493
1494 .list-group-item:first-child {
1495 /* rounded top corners */
1496 border-top-right-radius:4px;
1497 border-top-left-radius:4px;
1498 }
1499
1500 .list-group-item:last-child {
1501 margin-bottom: 0;
1502 /* rounded bottom corners */
1503 border-bottom-right-radius: 4px;
1504 border-bottom-left-radius:4px;
1505 }
1506
1507 /* Flex row container */
1508 .flex-row {
1509 display: flex;
1510 flex-direction: row;
1511 }
1512
1513 /* Flex column container */
1514 .flex-column {
1515 display: flex;
1516 flex-direction: column;
1517 }
1518
1519 .flex-item-fit {
1520 flex-grow: 1;
1521 flex-shrink: 1;
1522 flex-basis: auto;
1523 }
1524
1525 .flex-item-no-shrink {
1526 flex-grow: 0;
1527 flex-shrink: 0;
1528 flex-basis: auto;
1529 }
1530
1531 .flex-item-fill {
1532 flex-grow: 0;
1533 flex-shrink: 1; /* shrink when pressured */
1534 flex-basis: 100%; /* try and take 100% */
1535 }
1536
1537 .flex-item-fixed-1-12 {
1538 flex-grow: 0;
1539 flex-shrink: 0;
1540 flex-basis: 8.3%;
1541 }
1542
1543 .flex-item-fixed-2-12 {
1544 flex-grow: 0;
1545 flex-shrink: 0;
1546 flex-basis: 16.6%;
1547 }
1548
1549 .flex-item-fixed-4-12 {
1550 flex-grow: 0;
1551 flex-shrink: 0;
1552 flex-basis: 33.3333%;
1553 }
1554
1555 .flex-item-fixed-6-12, .flex-item-50-percent {
1556 flex-grow: 0;
1557 flex-shrink: 0;
1558 flex-basis: 50%;
1559 }
1560
1561 .flex-item-fixed-8-12 {
1562 flex-grow: 0;
1563 flex-shrink: 0;
1564 flex-basis: 66.6666%;
1565 }
1566
1567 .flex-item-fixed-9-12 {
1568 flex-grow: 0;
1569 flex-shrink: 0;
1570 flex-basis: 75%;
1571 }
1572
1573
1574 .flex-item-fixed-12-12 {
1575 flex-grow: 0;
1576 flex-shrink: 0;
1577 flex-basis: 100%;
1578 }
1579
1580 .flex-item-10-percent {
1581 flex-grow: 0;
1582 flex-shrink: 0;
1583 flex-basis: 10%;
1584 }
1585
1586 .flex-item-15-percent {
1587 flex-grow: 0;
1588 flex-shrink: 0;
1589 flex-basis: 15%;
1590 }
1591
1592 .flex-item-20-percent {
1593 flex-grow: 0;
1594 flex-shrink: 0;
1595 flex-basis: 20%;
1596 }
1597
1598 .flex-item-30-percent {
1599 flex-grow: 0;
1600 flex-shrink: 0;
1601 flex-basis: 30%;
1602 }
1603
1604 .flex-item-40-percent {
1605 flex-grow: 0;
1606 flex-shrink: 0;
1607 flex-basis: 40%;
1608 }
1609
1610 .flex-item-60-percent {
1611 flex-grow: 0;
1612 flex-shrink: 0;
1613 flex-basis: 60%;
1614 }
1615
1616 .flex-item-70-percent {
1617 flex-grow: 0;
1618 flex-shrink: 0;
1619 flex-basis: 70%;
1620 }
1621
1622 .flex-item-80-percent {
1623 flex-grow: 0;
1624 flex-shrink: 0;
1625 flex-basis: 80%;
1626 }
1627
1628 .well {
1629 min-height: 20px;
1630 padding: 19px;
1631 margin-bottom: 20px;
1632 background-color: #f5f5f5;
1633 border: 1px solid #e3e3e3;
1634 border-radius: 4px;
1635 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
1636 }
1637 </style><a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a></template>
395 1638
396 1639
397 </polymer-element> 1640 </polymer-element>
1641
1642
1643
1644
1645
1646
1647
1648
1649
1650
1651
1652
1653
1654
398 <polymer-element name="eval-box" extends="observatory-element"> 1655 <polymer-element name="eval-box" extends="observatory-element">
399 <template> 1656 <template>
400 <style> 1657 <style>
401 .textbox { 1658 .textbox {
402 width: 80ex; 1659 width: 80ex;
403 font: 400 16px 'Montserrat', sans-serif; 1660 font: 400 16px 'Montserrat', sans-serif;
404 } 1661 }
405 .bigtextbox { 1662 .bigtextbox {
406 font: 400 16px 'Montserrat', sans-serif; 1663 font: 400 16px 'Montserrat', sans-serif;
407 } 1664 }
(...skipping 60 matching lines...) Expand 10 before | Expand all | Expand 10 after
468 <instance-ref ref="{{ result['value'] }}"></instance-ref> 1725 <instance-ref ref="{{ result['value'] }}"></instance-ref>
469 </template> 1726 </template>
470 </td> 1727 </td>
471 </tr> 1728 </tr>
472 </tbody></table> 1729 </tbody></table>
473 </template> 1730 </template>
474 </template> 1731 </template>
475 </polymer-element> 1732 </polymer-element>
476 1733
477 1734
1735
1736
478 <polymer-element name="eval-link"> 1737 <polymer-element name="eval-link">
479 <template> 1738 <template>
480 <style> 1739 <style>
481 .idle { 1740 .idle {
482 color: #0489c3; 1741 color: #0489c3;
483 cursor: pointer; 1742 cursor: pointer;
484 } 1743 }
485 .busy { 1744 .busy {
486 color: #aaa; 1745 color: #aaa;
487 cursor: wait; 1746 cursor: wait;
488 } 1747 }
489 </style> 1748 </style>
490 1749
491 <template if="{{ busy }}"> 1750 <template if="{{ busy }}">
492 <span class="busy">{{ label }}</span> 1751 <span class="busy">{{ label }}</span>
493 </template> 1752 </template>
494 <template if="{{ !busy }}"> 1753 <template if="{{ !busy }}">
495 <span class="idle"><a on-click="{{ evalNow }}">{{ label }}</a></span> 1754 <span class="idle"><a on-click="{{ evalNow }}">{{ label }}</a></span>
496 </template> 1755 </template>
497 <template if="{{ result != null }}"> 1756 <template if="{{ result != null }}">
498 = <instance-ref ref="{{ result }}"></instance-ref> 1757 = <instance-ref ref="{{ result }}"></instance-ref>
499 </template> 1758 </template>
500 1759
501 </template> 1760 </template>
502 1761
503 </polymer-element> 1762 </polymer-element>
1763
1764
1765
1766
504 <polymer-element name="field-ref" extends="service-ref"> 1767 <polymer-element name="field-ref" extends="service-ref">
505 <template> 1768 <template>
506 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.css" > 1769 <style>
1770 /* Global styles */
1771 * {
1772 margin: 0;
1773 padding: 0;
1774 font: 400 14px 'Montserrat', sans-serif;
1775 color: #333;
1776 box-sizing: border-box;
1777 }
1778
1779 .content {
1780 padding-left: 10%;
1781 font: 400 14px 'Montserrat', sans-serif;
1782 }
1783
1784 .content-centered {
1785 padding-left: 10%;
1786 padding-right: 10%;
1787 font: 400 14px 'Montserrat', sans-serif;
1788 }
1789
1790 h1 {
1791 font: 400 18px 'Montserrat', sans-serif;
1792 }
1793
1794 .memberList {
1795 display: table;
1796 }
1797
1798 .memberItem {
1799 display: table-row;
1800 }
1801
1802 .memberName, .memberValue {
1803 display: table-cell;
1804 vertical-align: top;
1805 padding: 3px 0 3px 1em;
1806 font: 400 14px 'Montserrat', sans-serif;
1807 }
1808
1809 .monospace {
1810 font-family: consolas, courier, monospace;
1811 font-size: 1em;
1812 line-height: 1.2em;
1813 white-space: nowrap;
1814 }
1815
1816 a {
1817 color: #0489c3;
1818 text-decoration: none;
1819 }
1820
1821 a:hover {
1822 text-decoration: underline;
1823 }
1824
1825 em {
1826 color: inherit;
1827 font-style:italic;
1828 }
1829
1830 hr {
1831 margin-top: 20px;
1832 margin-bottom: 20px;
1833 border: 0;
1834 border-top: 1px solid #eee;
1835 height: 0;
1836 box-sizing: content-box;
1837 }
1838
1839 .list-group {
1840 padding-left: 0;
1841 margin-bottom: 20px;
1842 }
1843
1844 .list-group-item {
1845 position: relative;
1846 display: block;
1847 padding: 10px 15px;
1848 margin-bottom: -1px;
1849 background-color: #fff;
1850 }
1851
1852 .list-group-item:first-child {
1853 /* rounded top corners */
1854 border-top-right-radius:4px;
1855 border-top-left-radius:4px;
1856 }
1857
1858 .list-group-item:last-child {
1859 margin-bottom: 0;
1860 /* rounded bottom corners */
1861 border-bottom-right-radius: 4px;
1862 border-bottom-left-radius:4px;
1863 }
1864
1865 /* Flex row container */
1866 .flex-row {
1867 display: flex;
1868 flex-direction: row;
1869 }
1870
1871 /* Flex column container */
1872 .flex-column {
1873 display: flex;
1874 flex-direction: column;
1875 }
1876
1877 .flex-item-fit {
1878 flex-grow: 1;
1879 flex-shrink: 1;
1880 flex-basis: auto;
1881 }
1882
1883 .flex-item-no-shrink {
1884 flex-grow: 0;
1885 flex-shrink: 0;
1886 flex-basis: auto;
1887 }
1888
1889 .flex-item-fill {
1890 flex-grow: 0;
1891 flex-shrink: 1; /* shrink when pressured */
1892 flex-basis: 100%; /* try and take 100% */
1893 }
1894
1895 .flex-item-fixed-1-12 {
1896 flex-grow: 0;
1897 flex-shrink: 0;
1898 flex-basis: 8.3%;
1899 }
1900
1901 .flex-item-fixed-2-12 {
1902 flex-grow: 0;
1903 flex-shrink: 0;
1904 flex-basis: 16.6%;
1905 }
1906
1907 .flex-item-fixed-4-12 {
1908 flex-grow: 0;
1909 flex-shrink: 0;
1910 flex-basis: 33.3333%;
1911 }
1912
1913 .flex-item-fixed-6-12, .flex-item-50-percent {
1914 flex-grow: 0;
1915 flex-shrink: 0;
1916 flex-basis: 50%;
1917 }
1918
1919 .flex-item-fixed-8-12 {
1920 flex-grow: 0;
1921 flex-shrink: 0;
1922 flex-basis: 66.6666%;
1923 }
1924
1925 .flex-item-fixed-9-12 {
1926 flex-grow: 0;
1927 flex-shrink: 0;
1928 flex-basis: 75%;
1929 }
1930
1931
1932 .flex-item-fixed-12-12 {
1933 flex-grow: 0;
1934 flex-shrink: 0;
1935 flex-basis: 100%;
1936 }
1937
1938 .flex-item-10-percent {
1939 flex-grow: 0;
1940 flex-shrink: 0;
1941 flex-basis: 10%;
1942 }
1943
1944 .flex-item-15-percent {
1945 flex-grow: 0;
1946 flex-shrink: 0;
1947 flex-basis: 15%;
1948 }
1949
1950 .flex-item-20-percent {
1951 flex-grow: 0;
1952 flex-shrink: 0;
1953 flex-basis: 20%;
1954 }
1955
1956 .flex-item-30-percent {
1957 flex-grow: 0;
1958 flex-shrink: 0;
1959 flex-basis: 30%;
1960 }
1961
1962 .flex-item-40-percent {
1963 flex-grow: 0;
1964 flex-shrink: 0;
1965 flex-basis: 40%;
1966 }
1967
1968 .flex-item-60-percent {
1969 flex-grow: 0;
1970 flex-shrink: 0;
1971 flex-basis: 60%;
1972 }
1973
1974 .flex-item-70-percent {
1975 flex-grow: 0;
1976 flex-shrink: 0;
1977 flex-basis: 70%;
1978 }
1979
1980 .flex-item-80-percent {
1981 flex-grow: 0;
1982 flex-shrink: 0;
1983 flex-basis: 80%;
1984 }
1985
1986 .well {
1987 min-height: 20px;
1988 padding: 19px;
1989 margin-bottom: 20px;
1990 background-color: #f5f5f5;
1991 border: 1px solid #e3e3e3;
1992 border-radius: 4px;
1993 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
1994 }
1995 </style>
507 <div> 1996 <div>
508 <template if="{{ ref['static'] }}">static</template> 1997 <template if="{{ ref['static'] }}">static</template>
509 <template if="{{ ref['final'] }}">final</template> 1998 <template if="{{ ref['final'] }}">final</template>
510 <template if="{{ ref['const'] }}">const</template> 1999 <template if="{{ ref['const'] }}">const</template>
511 <template if="{{ (ref['declared_type']['name'] == 'dynamic' &amp;&amp; 2000 <template if="{{ (ref['declared_type']['name'] == 'dynamic' &amp;&amp;
512 !ref['final'] &amp;&amp; !ref['const']) }}"> 2001 !ref['final'] &amp;&amp; !ref['const']) }}">
513 var 2002 var
514 </template> 2003 </template>
515 <template if="{{ (ref['declared_type']['name'] != 'dynamic') }}"> 2004 <template if="{{ (ref['declared_type']['name'] != 'dynamic') }}">
516 <instance-ref ref="{{ ref['declared_type'] }}"></instance-ref> 2005 <instance-ref ref="{{ ref['declared_type'] }}"></instance-ref>
517 </template> 2006 </template>
518 <a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a> 2007 <a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a>
519 </div> 2008 </div>
520 </template> 2009 </template>
521 2010
522 </polymer-element> 2011 </polymer-element>
2012
2013
2014
523 <polymer-element name="function-ref" extends="service-ref"> 2015 <polymer-element name="function-ref" extends="service-ref">
524 <template><link rel="stylesheet" href="packages/observatory/src/elements/css/s hared.css"><!-- These comments are here to allow newlines. 2016 <template><style>
2017 /* Global styles */
2018 * {
2019 margin: 0;
2020 padding: 0;
2021 font: 400 14px 'Montserrat', sans-serif;
2022 color: #333;
2023 box-sizing: border-box;
2024 }
2025
2026 .content {
2027 padding-left: 10%;
2028 font: 400 14px 'Montserrat', sans-serif;
2029 }
2030
2031 .content-centered {
2032 padding-left: 10%;
2033 padding-right: 10%;
2034 font: 400 14px 'Montserrat', sans-serif;
2035 }
2036
2037 h1 {
2038 font: 400 18px 'Montserrat', sans-serif;
2039 }
2040
2041 .memberList {
2042 display: table;
2043 }
2044
2045 .memberItem {
2046 display: table-row;
2047 }
2048
2049 .memberName, .memberValue {
2050 display: table-cell;
2051 vertical-align: top;
2052 padding: 3px 0 3px 1em;
2053 font: 400 14px 'Montserrat', sans-serif;
2054 }
2055
2056 .monospace {
2057 font-family: consolas, courier, monospace;
2058 font-size: 1em;
2059 line-height: 1.2em;
2060 white-space: nowrap;
2061 }
2062
2063 a {
2064 color: #0489c3;
2065 text-decoration: none;
2066 }
2067
2068 a:hover {
2069 text-decoration: underline;
2070 }
2071
2072 em {
2073 color: inherit;
2074 font-style:italic;
2075 }
2076
2077 hr {
2078 margin-top: 20px;
2079 margin-bottom: 20px;
2080 border: 0;
2081 border-top: 1px solid #eee;
2082 height: 0;
2083 box-sizing: content-box;
2084 }
2085
2086 .list-group {
2087 padding-left: 0;
2088 margin-bottom: 20px;
2089 }
2090
2091 .list-group-item {
2092 position: relative;
2093 display: block;
2094 padding: 10px 15px;
2095 margin-bottom: -1px;
2096 background-color: #fff;
2097 }
2098
2099 .list-group-item:first-child {
2100 /* rounded top corners */
2101 border-top-right-radius:4px;
2102 border-top-left-radius:4px;
2103 }
2104
2105 .list-group-item:last-child {
2106 margin-bottom: 0;
2107 /* rounded bottom corners */
2108 border-bottom-right-radius: 4px;
2109 border-bottom-left-radius:4px;
2110 }
2111
2112 /* Flex row container */
2113 .flex-row {
2114 display: flex;
2115 flex-direction: row;
2116 }
2117
2118 /* Flex column container */
2119 .flex-column {
2120 display: flex;
2121 flex-direction: column;
2122 }
2123
2124 .flex-item-fit {
2125 flex-grow: 1;
2126 flex-shrink: 1;
2127 flex-basis: auto;
2128 }
2129
2130 .flex-item-no-shrink {
2131 flex-grow: 0;
2132 flex-shrink: 0;
2133 flex-basis: auto;
2134 }
2135
2136 .flex-item-fill {
2137 flex-grow: 0;
2138 flex-shrink: 1; /* shrink when pressured */
2139 flex-basis: 100%; /* try and take 100% */
2140 }
2141
2142 .flex-item-fixed-1-12 {
2143 flex-grow: 0;
2144 flex-shrink: 0;
2145 flex-basis: 8.3%;
2146 }
2147
2148 .flex-item-fixed-2-12 {
2149 flex-grow: 0;
2150 flex-shrink: 0;
2151 flex-basis: 16.6%;
2152 }
2153
2154 .flex-item-fixed-4-12 {
2155 flex-grow: 0;
2156 flex-shrink: 0;
2157 flex-basis: 33.3333%;
2158 }
2159
2160 .flex-item-fixed-6-12, .flex-item-50-percent {
2161 flex-grow: 0;
2162 flex-shrink: 0;
2163 flex-basis: 50%;
2164 }
2165
2166 .flex-item-fixed-8-12 {
2167 flex-grow: 0;
2168 flex-shrink: 0;
2169 flex-basis: 66.6666%;
2170 }
2171
2172 .flex-item-fixed-9-12 {
2173 flex-grow: 0;
2174 flex-shrink: 0;
2175 flex-basis: 75%;
2176 }
2177
2178
2179 .flex-item-fixed-12-12 {
2180 flex-grow: 0;
2181 flex-shrink: 0;
2182 flex-basis: 100%;
2183 }
2184
2185 .flex-item-10-percent {
2186 flex-grow: 0;
2187 flex-shrink: 0;
2188 flex-basis: 10%;
2189 }
2190
2191 .flex-item-15-percent {
2192 flex-grow: 0;
2193 flex-shrink: 0;
2194 flex-basis: 15%;
2195 }
2196
2197 .flex-item-20-percent {
2198 flex-grow: 0;
2199 flex-shrink: 0;
2200 flex-basis: 20%;
2201 }
2202
2203 .flex-item-30-percent {
2204 flex-grow: 0;
2205 flex-shrink: 0;
2206 flex-basis: 30%;
2207 }
2208
2209 .flex-item-40-percent {
2210 flex-grow: 0;
2211 flex-shrink: 0;
2212 flex-basis: 40%;
2213 }
2214
2215 .flex-item-60-percent {
2216 flex-grow: 0;
2217 flex-shrink: 0;
2218 flex-basis: 60%;
2219 }
2220
2221 .flex-item-70-percent {
2222 flex-grow: 0;
2223 flex-shrink: 0;
2224 flex-basis: 70%;
2225 }
2226
2227 .flex-item-80-percent {
2228 flex-grow: 0;
2229 flex-shrink: 0;
2230 flex-basis: 80%;
2231 }
2232
2233 .well {
2234 min-height: 20px;
2235 padding: 19px;
2236 margin-bottom: 20px;
2237 background-color: #f5f5f5;
2238 border: 1px solid #e3e3e3;
2239 border-radius: 4px;
2240 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
2241 }
2242 </style><!-- These comments are here to allow newlines.
525 --><template if="{{ isDart }}"><!-- 2243 --><template if="{{ isDart }}"><!--
526 --><template if="{{ qualified &amp;&amp; !hasParent &amp;&amp; hasClass } }"><!-- 2244 --><template if="{{ qualified &amp;&amp; !hasParent &amp;&amp; hasClass } }"><!--
527 --><class-ref ref="{{ ref['owner'] }}"></class-ref>.</template><!-- 2245 --><class-ref ref="{{ ref['owner'] }}"></class-ref>.</template><!--
528 --><template if="{{ qualified &amp;&amp; hasParent }}"><!-- 2246 --><template if="{{ qualified &amp;&amp; hasParent }}"><!--
529 --><function-ref ref="{{ ref['parent'] }}" qualified="{{ true }}"> 2247 --><function-ref ref="{{ ref['parent'] }}" qualified="{{ true }}">
530 </function-ref>.<!-- 2248 </function-ref>.<!--
531 --></template><a href="{{ url }}">{{ name }}</a><!-- 2249 --></template><a href="{{ url }}">{{ name }}</a><!--
532 --></template><template if="{{ !isDart }}"><span> {{ name }}</span></template> </template> 2250 --></template><template if="{{ !isDart }}"><span> {{ name }}</span></template> </template>
533 2251
534 </polymer-element> 2252 </polymer-element>
2253
2254
535 <polymer-element name="library-ref" extends="service-ref"> 2255 <polymer-element name="library-ref" extends="service-ref">
536 <template><link rel="stylesheet" href="packages/observatory/src/elements/css/sha red.css"> 2256 <template><style>
2257 /* Global styles */
2258 * {
2259 margin: 0;
2260 padding: 0;
2261 font: 400 14px 'Montserrat', sans-serif;
2262 color: #333;
2263 box-sizing: border-box;
2264 }
2265
2266 .content {
2267 padding-left: 10%;
2268 font: 400 14px 'Montserrat', sans-serif;
2269 }
2270
2271 .content-centered {
2272 padding-left: 10%;
2273 padding-right: 10%;
2274 font: 400 14px 'Montserrat', sans-serif;
2275 }
2276
2277 h1 {
2278 font: 400 18px 'Montserrat', sans-serif;
2279 }
2280
2281 .memberList {
2282 display: table;
2283 }
2284
2285 .memberItem {
2286 display: table-row;
2287 }
2288
2289 .memberName, .memberValue {
2290 display: table-cell;
2291 vertical-align: top;
2292 padding: 3px 0 3px 1em;
2293 font: 400 14px 'Montserrat', sans-serif;
2294 }
2295
2296 .monospace {
2297 font-family: consolas, courier, monospace;
2298 font-size: 1em;
2299 line-height: 1.2em;
2300 white-space: nowrap;
2301 }
2302
2303 a {
2304 color: #0489c3;
2305 text-decoration: none;
2306 }
2307
2308 a:hover {
2309 text-decoration: underline;
2310 }
2311
2312 em {
2313 color: inherit;
2314 font-style:italic;
2315 }
2316
2317 hr {
2318 margin-top: 20px;
2319 margin-bottom: 20px;
2320 border: 0;
2321 border-top: 1px solid #eee;
2322 height: 0;
2323 box-sizing: content-box;
2324 }
2325
2326 .list-group {
2327 padding-left: 0;
2328 margin-bottom: 20px;
2329 }
2330
2331 .list-group-item {
2332 position: relative;
2333 display: block;
2334 padding: 10px 15px;
2335 margin-bottom: -1px;
2336 background-color: #fff;
2337 }
2338
2339 .list-group-item:first-child {
2340 /* rounded top corners */
2341 border-top-right-radius:4px;
2342 border-top-left-radius:4px;
2343 }
2344
2345 .list-group-item:last-child {
2346 margin-bottom: 0;
2347 /* rounded bottom corners */
2348 border-bottom-right-radius: 4px;
2349 border-bottom-left-radius:4px;
2350 }
2351
2352 /* Flex row container */
2353 .flex-row {
2354 display: flex;
2355 flex-direction: row;
2356 }
2357
2358 /* Flex column container */
2359 .flex-column {
2360 display: flex;
2361 flex-direction: column;
2362 }
2363
2364 .flex-item-fit {
2365 flex-grow: 1;
2366 flex-shrink: 1;
2367 flex-basis: auto;
2368 }
2369
2370 .flex-item-no-shrink {
2371 flex-grow: 0;
2372 flex-shrink: 0;
2373 flex-basis: auto;
2374 }
2375
2376 .flex-item-fill {
2377 flex-grow: 0;
2378 flex-shrink: 1; /* shrink when pressured */
2379 flex-basis: 100%; /* try and take 100% */
2380 }
2381
2382 .flex-item-fixed-1-12 {
2383 flex-grow: 0;
2384 flex-shrink: 0;
2385 flex-basis: 8.3%;
2386 }
2387
2388 .flex-item-fixed-2-12 {
2389 flex-grow: 0;
2390 flex-shrink: 0;
2391 flex-basis: 16.6%;
2392 }
2393
2394 .flex-item-fixed-4-12 {
2395 flex-grow: 0;
2396 flex-shrink: 0;
2397 flex-basis: 33.3333%;
2398 }
2399
2400 .flex-item-fixed-6-12, .flex-item-50-percent {
2401 flex-grow: 0;
2402 flex-shrink: 0;
2403 flex-basis: 50%;
2404 }
2405
2406 .flex-item-fixed-8-12 {
2407 flex-grow: 0;
2408 flex-shrink: 0;
2409 flex-basis: 66.6666%;
2410 }
2411
2412 .flex-item-fixed-9-12 {
2413 flex-grow: 0;
2414 flex-shrink: 0;
2415 flex-basis: 75%;
2416 }
2417
2418
2419 .flex-item-fixed-12-12 {
2420 flex-grow: 0;
2421 flex-shrink: 0;
2422 flex-basis: 100%;
2423 }
2424
2425 .flex-item-10-percent {
2426 flex-grow: 0;
2427 flex-shrink: 0;
2428 flex-basis: 10%;
2429 }
2430
2431 .flex-item-15-percent {
2432 flex-grow: 0;
2433 flex-shrink: 0;
2434 flex-basis: 15%;
2435 }
2436
2437 .flex-item-20-percent {
2438 flex-grow: 0;
2439 flex-shrink: 0;
2440 flex-basis: 20%;
2441 }
2442
2443 .flex-item-30-percent {
2444 flex-grow: 0;
2445 flex-shrink: 0;
2446 flex-basis: 30%;
2447 }
2448
2449 .flex-item-40-percent {
2450 flex-grow: 0;
2451 flex-shrink: 0;
2452 flex-basis: 40%;
2453 }
2454
2455 .flex-item-60-percent {
2456 flex-grow: 0;
2457 flex-shrink: 0;
2458 flex-basis: 60%;
2459 }
2460
2461 .flex-item-70-percent {
2462 flex-grow: 0;
2463 flex-shrink: 0;
2464 flex-basis: 70%;
2465 }
2466
2467 .flex-item-80-percent {
2468 flex-grow: 0;
2469 flex-shrink: 0;
2470 flex-basis: 80%;
2471 }
2472
2473 .well {
2474 min-height: 20px;
2475 padding: 19px;
2476 margin-bottom: 20px;
2477 background-color: #f5f5f5;
2478 border: 1px solid #e3e3e3;
2479 border-radius: 4px;
2480 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
2481 }
2482 </style>
537 <template if="{{ nameIsEmpty }}"> 2483 <template if="{{ nameIsEmpty }}">
538 <a href="{{ url }}">unnamed</a> 2484 <a href="{{ url }}">unnamed</a>
539 </template> 2485 </template>
540 <template if="{{ !nameIsEmpty }}"> 2486 <template if="{{ !nameIsEmpty }}">
541 <a href="{{ url }}">{{ name }}</a> 2487 <a href="{{ url }}">{{ name }}</a>
542 </template> 2488 </template>
543 </template> 2489 </template>
544 2490
545 </polymer-element> 2491 </polymer-element>
2492
2493
2494
546 <polymer-element name="script-ref" extends="service-ref"> 2495 <polymer-element name="script-ref" extends="service-ref">
547 <template> 2496 <template>
548 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.css" > 2497 <style>
2498 /* Global styles */
2499 * {
2500 margin: 0;
2501 padding: 0;
2502 font: 400 14px 'Montserrat', sans-serif;
2503 color: #333;
2504 box-sizing: border-box;
2505 }
2506
2507 .content {
2508 padding-left: 10%;
2509 font: 400 14px 'Montserrat', sans-serif;
2510 }
2511
2512 .content-centered {
2513 padding-left: 10%;
2514 padding-right: 10%;
2515 font: 400 14px 'Montserrat', sans-serif;
2516 }
2517
2518 h1 {
2519 font: 400 18px 'Montserrat', sans-serif;
2520 }
2521
2522 .memberList {
2523 display: table;
2524 }
2525
2526 .memberItem {
2527 display: table-row;
2528 }
2529
2530 .memberName, .memberValue {
2531 display: table-cell;
2532 vertical-align: top;
2533 padding: 3px 0 3px 1em;
2534 font: 400 14px 'Montserrat', sans-serif;
2535 }
2536
2537 .monospace {
2538 font-family: consolas, courier, monospace;
2539 font-size: 1em;
2540 line-height: 1.2em;
2541 white-space: nowrap;
2542 }
2543
2544 a {
2545 color: #0489c3;
2546 text-decoration: none;
2547 }
2548
2549 a:hover {
2550 text-decoration: underline;
2551 }
2552
2553 em {
2554 color: inherit;
2555 font-style:italic;
2556 }
2557
2558 hr {
2559 margin-top: 20px;
2560 margin-bottom: 20px;
2561 border: 0;
2562 border-top: 1px solid #eee;
2563 height: 0;
2564 box-sizing: content-box;
2565 }
2566
2567 .list-group {
2568 padding-left: 0;
2569 margin-bottom: 20px;
2570 }
2571
2572 .list-group-item {
2573 position: relative;
2574 display: block;
2575 padding: 10px 15px;
2576 margin-bottom: -1px;
2577 background-color: #fff;
2578 }
2579
2580 .list-group-item:first-child {
2581 /* rounded top corners */
2582 border-top-right-radius:4px;
2583 border-top-left-radius:4px;
2584 }
2585
2586 .list-group-item:last-child {
2587 margin-bottom: 0;
2588 /* rounded bottom corners */
2589 border-bottom-right-radius: 4px;
2590 border-bottom-left-radius:4px;
2591 }
2592
2593 /* Flex row container */
2594 .flex-row {
2595 display: flex;
2596 flex-direction: row;
2597 }
2598
2599 /* Flex column container */
2600 .flex-column {
2601 display: flex;
2602 flex-direction: column;
2603 }
2604
2605 .flex-item-fit {
2606 flex-grow: 1;
2607 flex-shrink: 1;
2608 flex-basis: auto;
2609 }
2610
2611 .flex-item-no-shrink {
2612 flex-grow: 0;
2613 flex-shrink: 0;
2614 flex-basis: auto;
2615 }
2616
2617 .flex-item-fill {
2618 flex-grow: 0;
2619 flex-shrink: 1; /* shrink when pressured */
2620 flex-basis: 100%; /* try and take 100% */
2621 }
2622
2623 .flex-item-fixed-1-12 {
2624 flex-grow: 0;
2625 flex-shrink: 0;
2626 flex-basis: 8.3%;
2627 }
2628
2629 .flex-item-fixed-2-12 {
2630 flex-grow: 0;
2631 flex-shrink: 0;
2632 flex-basis: 16.6%;
2633 }
2634
2635 .flex-item-fixed-4-12 {
2636 flex-grow: 0;
2637 flex-shrink: 0;
2638 flex-basis: 33.3333%;
2639 }
2640
2641 .flex-item-fixed-6-12, .flex-item-50-percent {
2642 flex-grow: 0;
2643 flex-shrink: 0;
2644 flex-basis: 50%;
2645 }
2646
2647 .flex-item-fixed-8-12 {
2648 flex-grow: 0;
2649 flex-shrink: 0;
2650 flex-basis: 66.6666%;
2651 }
2652
2653 .flex-item-fixed-9-12 {
2654 flex-grow: 0;
2655 flex-shrink: 0;
2656 flex-basis: 75%;
2657 }
2658
2659
2660 .flex-item-fixed-12-12 {
2661 flex-grow: 0;
2662 flex-shrink: 0;
2663 flex-basis: 100%;
2664 }
2665
2666 .flex-item-10-percent {
2667 flex-grow: 0;
2668 flex-shrink: 0;
2669 flex-basis: 10%;
2670 }
2671
2672 .flex-item-15-percent {
2673 flex-grow: 0;
2674 flex-shrink: 0;
2675 flex-basis: 15%;
2676 }
2677
2678 .flex-item-20-percent {
2679 flex-grow: 0;
2680 flex-shrink: 0;
2681 flex-basis: 20%;
2682 }
2683
2684 .flex-item-30-percent {
2685 flex-grow: 0;
2686 flex-shrink: 0;
2687 flex-basis: 30%;
2688 }
2689
2690 .flex-item-40-percent {
2691 flex-grow: 0;
2692 flex-shrink: 0;
2693 flex-basis: 40%;
2694 }
2695
2696 .flex-item-60-percent {
2697 flex-grow: 0;
2698 flex-shrink: 0;
2699 flex-basis: 60%;
2700 }
2701
2702 .flex-item-70-percent {
2703 flex-grow: 0;
2704 flex-shrink: 0;
2705 flex-basis: 70%;
2706 }
2707
2708 .flex-item-80-percent {
2709 flex-grow: 0;
2710 flex-shrink: 0;
2711 flex-basis: 80%;
2712 }
2713
2714 .well {
2715 min-height: 20px;
2716 padding: 19px;
2717 margin-bottom: 20px;
2718 background-color: #f5f5f5;
2719 border: 1px solid #e3e3e3;
2720 border-radius: 4px;
2721 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
2722 }
2723 </style>
549 <a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a> 2724 <a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a>
550 </template> 2725 </template>
551 2726
552 </polymer-element> 2727 </polymer-element>
553 <polymer-element name="class-view" extends="observatory-element"> 2728 <polymer-element name="class-view" extends="observatory-element">
554 <template> 2729 <template>
555 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 2730 <style>
2731 /* Global styles */
2732 * {
2733 margin: 0;
2734 padding: 0;
2735 font: 400 14px 'Montserrat', sans-serif;
2736 color: #333;
2737 box-sizing: border-box;
2738 }
2739
2740 .content {
2741 padding-left: 10%;
2742 font: 400 14px 'Montserrat', sans-serif;
2743 }
2744
2745 .content-centered {
2746 padding-left: 10%;
2747 padding-right: 10%;
2748 font: 400 14px 'Montserrat', sans-serif;
2749 }
2750
2751 h1 {
2752 font: 400 18px 'Montserrat', sans-serif;
2753 }
2754
2755 .memberList {
2756 display: table;
2757 }
2758
2759 .memberItem {
2760 display: table-row;
2761 }
2762
2763 .memberName, .memberValue {
2764 display: table-cell;
2765 vertical-align: top;
2766 padding: 3px 0 3px 1em;
2767 font: 400 14px 'Montserrat', sans-serif;
2768 }
2769
2770 .monospace {
2771 font-family: consolas, courier, monospace;
2772 font-size: 1em;
2773 line-height: 1.2em;
2774 white-space: nowrap;
2775 }
2776
2777 a {
2778 color: #0489c3;
2779 text-decoration: none;
2780 }
2781
2782 a:hover {
2783 text-decoration: underline;
2784 }
2785
2786 em {
2787 color: inherit;
2788 font-style:italic;
2789 }
2790
2791 hr {
2792 margin-top: 20px;
2793 margin-bottom: 20px;
2794 border: 0;
2795 border-top: 1px solid #eee;
2796 height: 0;
2797 box-sizing: content-box;
2798 }
2799
2800 .list-group {
2801 padding-left: 0;
2802 margin-bottom: 20px;
2803 }
2804
2805 .list-group-item {
2806 position: relative;
2807 display: block;
2808 padding: 10px 15px;
2809 margin-bottom: -1px;
2810 background-color: #fff;
2811 }
2812
2813 .list-group-item:first-child {
2814 /* rounded top corners */
2815 border-top-right-radius:4px;
2816 border-top-left-radius:4px;
2817 }
2818
2819 .list-group-item:last-child {
2820 margin-bottom: 0;
2821 /* rounded bottom corners */
2822 border-bottom-right-radius: 4px;
2823 border-bottom-left-radius:4px;
2824 }
2825
2826 /* Flex row container */
2827 .flex-row {
2828 display: flex;
2829 flex-direction: row;
2830 }
2831
2832 /* Flex column container */
2833 .flex-column {
2834 display: flex;
2835 flex-direction: column;
2836 }
2837
2838 .flex-item-fit {
2839 flex-grow: 1;
2840 flex-shrink: 1;
2841 flex-basis: auto;
2842 }
2843
2844 .flex-item-no-shrink {
2845 flex-grow: 0;
2846 flex-shrink: 0;
2847 flex-basis: auto;
2848 }
2849
2850 .flex-item-fill {
2851 flex-grow: 0;
2852 flex-shrink: 1; /* shrink when pressured */
2853 flex-basis: 100%; /* try and take 100% */
2854 }
2855
2856 .flex-item-fixed-1-12 {
2857 flex-grow: 0;
2858 flex-shrink: 0;
2859 flex-basis: 8.3%;
2860 }
2861
2862 .flex-item-fixed-2-12 {
2863 flex-grow: 0;
2864 flex-shrink: 0;
2865 flex-basis: 16.6%;
2866 }
2867
2868 .flex-item-fixed-4-12 {
2869 flex-grow: 0;
2870 flex-shrink: 0;
2871 flex-basis: 33.3333%;
2872 }
2873
2874 .flex-item-fixed-6-12, .flex-item-50-percent {
2875 flex-grow: 0;
2876 flex-shrink: 0;
2877 flex-basis: 50%;
2878 }
2879
2880 .flex-item-fixed-8-12 {
2881 flex-grow: 0;
2882 flex-shrink: 0;
2883 flex-basis: 66.6666%;
2884 }
2885
2886 .flex-item-fixed-9-12 {
2887 flex-grow: 0;
2888 flex-shrink: 0;
2889 flex-basis: 75%;
2890 }
2891
2892
2893 .flex-item-fixed-12-12 {
2894 flex-grow: 0;
2895 flex-shrink: 0;
2896 flex-basis: 100%;
2897 }
2898
2899 .flex-item-10-percent {
2900 flex-grow: 0;
2901 flex-shrink: 0;
2902 flex-basis: 10%;
2903 }
2904
2905 .flex-item-15-percent {
2906 flex-grow: 0;
2907 flex-shrink: 0;
2908 flex-basis: 15%;
2909 }
2910
2911 .flex-item-20-percent {
2912 flex-grow: 0;
2913 flex-shrink: 0;
2914 flex-basis: 20%;
2915 }
2916
2917 .flex-item-30-percent {
2918 flex-grow: 0;
2919 flex-shrink: 0;
2920 flex-basis: 30%;
2921 }
2922
2923 .flex-item-40-percent {
2924 flex-grow: 0;
2925 flex-shrink: 0;
2926 flex-basis: 40%;
2927 }
2928
2929 .flex-item-60-percent {
2930 flex-grow: 0;
2931 flex-shrink: 0;
2932 flex-basis: 60%;
2933 }
2934
2935 .flex-item-70-percent {
2936 flex-grow: 0;
2937 flex-shrink: 0;
2938 flex-basis: 70%;
2939 }
2940
2941 .flex-item-80-percent {
2942 flex-grow: 0;
2943 flex-shrink: 0;
2944 flex-basis: 80%;
2945 }
2946
2947 .well {
2948 min-height: 20px;
2949 padding: 19px;
2950 margin-bottom: 20px;
2951 background-color: #f5f5f5;
2952 border: 1px solid #e3e3e3;
2953 border-radius: 4px;
2954 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
2955 }
2956 </style>
556 <nav-bar> 2957 <nav-bar>
557 <top-nav-menu></top-nav-menu> 2958 <top-nav-menu></top-nav-menu>
558 <isolate-nav-menu isolate="{{ cls.isolate }}"></isolate-nav-menu> 2959 <isolate-nav-menu isolate="{{ cls.isolate }}"></isolate-nav-menu>
559 <library-nav-menu library="{{ cls['library'] }}"></library-nav-menu> 2960 <library-nav-menu library="{{ cls['library'] }}"></library-nav-menu>
560 <class-nav-menu cls="{{ cls }}" last="{{ true }}"></class-nav-menu> 2961 <class-nav-menu cls="{{ cls }}" last="{{ true }}"></class-nav-menu>
561 <nav-refresh callback="{{ refresh }}"></nav-refresh> 2962 <nav-refresh callback="{{ refresh }}"></nav-refresh>
562 </nav-bar> 2963 </nav-bar>
563 2964
564 <div class="content"> 2965 <div class="content">
565 <h1> 2966 <h1>
(...skipping 116 matching lines...) Expand 10 before | Expand all | Expand 10 after
682 <hr> 3083 <hr>
683 3084
684 <div class="content"> 3085 <div class="content">
685 <eval-box callback="{{ eval }}"></eval-box> 3086 <eval-box callback="{{ eval }}"></eval-box>
686 </div> 3087 </div>
687 <br><br><br><br> 3088 <br><br><br><br>
688 <br><br><br><br> 3089 <br><br><br><br>
689 </template> 3090 </template>
690 3091
691 </polymer-element> 3092 </polymer-element>
3093
3094
692 <polymer-element name="code-ref" extends="service-ref"> 3095 <polymer-element name="code-ref" extends="service-ref">
693 <template> 3096 <template>
694 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 3097 <style>
3098 /* Global styles */
3099 * {
3100 margin: 0;
3101 padding: 0;
3102 font: 400 14px 'Montserrat', sans-serif;
3103 color: #333;
3104 box-sizing: border-box;
3105 }
3106
3107 .content {
3108 padding-left: 10%;
3109 font: 400 14px 'Montserrat', sans-serif;
3110 }
3111
3112 .content-centered {
3113 padding-left: 10%;
3114 padding-right: 10%;
3115 font: 400 14px 'Montserrat', sans-serif;
3116 }
3117
3118 h1 {
3119 font: 400 18px 'Montserrat', sans-serif;
3120 }
3121
3122 .memberList {
3123 display: table;
3124 }
3125
3126 .memberItem {
3127 display: table-row;
3128 }
3129
3130 .memberName, .memberValue {
3131 display: table-cell;
3132 vertical-align: top;
3133 padding: 3px 0 3px 1em;
3134 font: 400 14px 'Montserrat', sans-serif;
3135 }
3136
3137 .monospace {
3138 font-family: consolas, courier, monospace;
3139 font-size: 1em;
3140 line-height: 1.2em;
3141 white-space: nowrap;
3142 }
3143
3144 a {
3145 color: #0489c3;
3146 text-decoration: none;
3147 }
3148
3149 a:hover {
3150 text-decoration: underline;
3151 }
3152
3153 em {
3154 color: inherit;
3155 font-style:italic;
3156 }
3157
3158 hr {
3159 margin-top: 20px;
3160 margin-bottom: 20px;
3161 border: 0;
3162 border-top: 1px solid #eee;
3163 height: 0;
3164 box-sizing: content-box;
3165 }
3166
3167 .list-group {
3168 padding-left: 0;
3169 margin-bottom: 20px;
3170 }
3171
3172 .list-group-item {
3173 position: relative;
3174 display: block;
3175 padding: 10px 15px;
3176 margin-bottom: -1px;
3177 background-color: #fff;
3178 }
3179
3180 .list-group-item:first-child {
3181 /* rounded top corners */
3182 border-top-right-radius:4px;
3183 border-top-left-radius:4px;
3184 }
3185
3186 .list-group-item:last-child {
3187 margin-bottom: 0;
3188 /* rounded bottom corners */
3189 border-bottom-right-radius: 4px;
3190 border-bottom-left-radius:4px;
3191 }
3192
3193 /* Flex row container */
3194 .flex-row {
3195 display: flex;
3196 flex-direction: row;
3197 }
3198
3199 /* Flex column container */
3200 .flex-column {
3201 display: flex;
3202 flex-direction: column;
3203 }
3204
3205 .flex-item-fit {
3206 flex-grow: 1;
3207 flex-shrink: 1;
3208 flex-basis: auto;
3209 }
3210
3211 .flex-item-no-shrink {
3212 flex-grow: 0;
3213 flex-shrink: 0;
3214 flex-basis: auto;
3215 }
3216
3217 .flex-item-fill {
3218 flex-grow: 0;
3219 flex-shrink: 1; /* shrink when pressured */
3220 flex-basis: 100%; /* try and take 100% */
3221 }
3222
3223 .flex-item-fixed-1-12 {
3224 flex-grow: 0;
3225 flex-shrink: 0;
3226 flex-basis: 8.3%;
3227 }
3228
3229 .flex-item-fixed-2-12 {
3230 flex-grow: 0;
3231 flex-shrink: 0;
3232 flex-basis: 16.6%;
3233 }
3234
3235 .flex-item-fixed-4-12 {
3236 flex-grow: 0;
3237 flex-shrink: 0;
3238 flex-basis: 33.3333%;
3239 }
3240
3241 .flex-item-fixed-6-12, .flex-item-50-percent {
3242 flex-grow: 0;
3243 flex-shrink: 0;
3244 flex-basis: 50%;
3245 }
3246
3247 .flex-item-fixed-8-12 {
3248 flex-grow: 0;
3249 flex-shrink: 0;
3250 flex-basis: 66.6666%;
3251 }
3252
3253 .flex-item-fixed-9-12 {
3254 flex-grow: 0;
3255 flex-shrink: 0;
3256 flex-basis: 75%;
3257 }
3258
3259
3260 .flex-item-fixed-12-12 {
3261 flex-grow: 0;
3262 flex-shrink: 0;
3263 flex-basis: 100%;
3264 }
3265
3266 .flex-item-10-percent {
3267 flex-grow: 0;
3268 flex-shrink: 0;
3269 flex-basis: 10%;
3270 }
3271
3272 .flex-item-15-percent {
3273 flex-grow: 0;
3274 flex-shrink: 0;
3275 flex-basis: 15%;
3276 }
3277
3278 .flex-item-20-percent {
3279 flex-grow: 0;
3280 flex-shrink: 0;
3281 flex-basis: 20%;
3282 }
3283
3284 .flex-item-30-percent {
3285 flex-grow: 0;
3286 flex-shrink: 0;
3287 flex-basis: 30%;
3288 }
3289
3290 .flex-item-40-percent {
3291 flex-grow: 0;
3292 flex-shrink: 0;
3293 flex-basis: 40%;
3294 }
3295
3296 .flex-item-60-percent {
3297 flex-grow: 0;
3298 flex-shrink: 0;
3299 flex-basis: 60%;
3300 }
3301
3302 .flex-item-70-percent {
3303 flex-grow: 0;
3304 flex-shrink: 0;
3305 flex-basis: 70%;
3306 }
3307
3308 .flex-item-80-percent {
3309 flex-grow: 0;
3310 flex-shrink: 0;
3311 flex-basis: 80%;
3312 }
3313
3314 .well {
3315 min-height: 20px;
3316 padding: 19px;
3317 margin-bottom: 20px;
3318 background-color: #f5f5f5;
3319 border: 1px solid #e3e3e3;
3320 border-radius: 4px;
3321 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
3322 }
3323 </style>
695 <template if="{{ code.isDartCode }}"> 3324 <template if="{{ code.isDartCode }}">
696 <template if="{{ code.isOptimized }}"> 3325 <template if="{{ code.isOptimized }}">
697 <a href="{{ url }}">*{{ name }}</a> 3326 <a href="{{ url }}">*{{ name }}</a>
698 </template> 3327 </template>
699 <template if="{{ !code.isOptimized }}"> 3328 <template if="{{ !code.isOptimized }}">
700 <a href="{{ url }}">{{ name }}</a> 3329 <a href="{{ url }}">{{ name }}</a>
701 </template> 3330 </template>
702 </template> 3331 </template>
703 <template if="{{ !code.isDartCode }}"> 3332 <template if="{{ !code.isDartCode }}">
704 <span>{{ name }}</span> 3333 <span>{{ name }}</span>
705 </template> 3334 </template>
706 </template> 3335 </template>
707 3336
708 </polymer-element><polymer-element name="code-view" extends="observatory-element "> 3337 </polymer-element>
3338
3339
3340
3341
3342 <polymer-element name="code-view" extends="observatory-element">
709 <template> 3343 <template>
710 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 3344 <style>
3345 /* Global styles */
3346 * {
3347 margin: 0;
3348 padding: 0;
3349 font: 400 14px 'Montserrat', sans-serif;
3350 color: #333;
3351 box-sizing: border-box;
3352 }
3353
3354 .content {
3355 padding-left: 10%;
3356 font: 400 14px 'Montserrat', sans-serif;
3357 }
3358
3359 .content-centered {
3360 padding-left: 10%;
3361 padding-right: 10%;
3362 font: 400 14px 'Montserrat', sans-serif;
3363 }
3364
3365 h1 {
3366 font: 400 18px 'Montserrat', sans-serif;
3367 }
3368
3369 .memberList {
3370 display: table;
3371 }
3372
3373 .memberItem {
3374 display: table-row;
3375 }
3376
3377 .memberName, .memberValue {
3378 display: table-cell;
3379 vertical-align: top;
3380 padding: 3px 0 3px 1em;
3381 font: 400 14px 'Montserrat', sans-serif;
3382 }
3383
3384 .monospace {
3385 font-family: consolas, courier, monospace;
3386 font-size: 1em;
3387 line-height: 1.2em;
3388 white-space: nowrap;
3389 }
3390
3391 a {
3392 color: #0489c3;
3393 text-decoration: none;
3394 }
3395
3396 a:hover {
3397 text-decoration: underline;
3398 }
3399
3400 em {
3401 color: inherit;
3402 font-style:italic;
3403 }
3404
3405 hr {
3406 margin-top: 20px;
3407 margin-bottom: 20px;
3408 border: 0;
3409 border-top: 1px solid #eee;
3410 height: 0;
3411 box-sizing: content-box;
3412 }
3413
3414 .list-group {
3415 padding-left: 0;
3416 margin-bottom: 20px;
3417 }
3418
3419 .list-group-item {
3420 position: relative;
3421 display: block;
3422 padding: 10px 15px;
3423 margin-bottom: -1px;
3424 background-color: #fff;
3425 }
3426
3427 .list-group-item:first-child {
3428 /* rounded top corners */
3429 border-top-right-radius:4px;
3430 border-top-left-radius:4px;
3431 }
3432
3433 .list-group-item:last-child {
3434 margin-bottom: 0;
3435 /* rounded bottom corners */
3436 border-bottom-right-radius: 4px;
3437 border-bottom-left-radius:4px;
3438 }
3439
3440 /* Flex row container */
3441 .flex-row {
3442 display: flex;
3443 flex-direction: row;
3444 }
3445
3446 /* Flex column container */
3447 .flex-column {
3448 display: flex;
3449 flex-direction: column;
3450 }
3451
3452 .flex-item-fit {
3453 flex-grow: 1;
3454 flex-shrink: 1;
3455 flex-basis: auto;
3456 }
3457
3458 .flex-item-no-shrink {
3459 flex-grow: 0;
3460 flex-shrink: 0;
3461 flex-basis: auto;
3462 }
3463
3464 .flex-item-fill {
3465 flex-grow: 0;
3466 flex-shrink: 1; /* shrink when pressured */
3467 flex-basis: 100%; /* try and take 100% */
3468 }
3469
3470 .flex-item-fixed-1-12 {
3471 flex-grow: 0;
3472 flex-shrink: 0;
3473 flex-basis: 8.3%;
3474 }
3475
3476 .flex-item-fixed-2-12 {
3477 flex-grow: 0;
3478 flex-shrink: 0;
3479 flex-basis: 16.6%;
3480 }
3481
3482 .flex-item-fixed-4-12 {
3483 flex-grow: 0;
3484 flex-shrink: 0;
3485 flex-basis: 33.3333%;
3486 }
3487
3488 .flex-item-fixed-6-12, .flex-item-50-percent {
3489 flex-grow: 0;
3490 flex-shrink: 0;
3491 flex-basis: 50%;
3492 }
3493
3494 .flex-item-fixed-8-12 {
3495 flex-grow: 0;
3496 flex-shrink: 0;
3497 flex-basis: 66.6666%;
3498 }
3499
3500 .flex-item-fixed-9-12 {
3501 flex-grow: 0;
3502 flex-shrink: 0;
3503 flex-basis: 75%;
3504 }
3505
3506
3507 .flex-item-fixed-12-12 {
3508 flex-grow: 0;
3509 flex-shrink: 0;
3510 flex-basis: 100%;
3511 }
3512
3513 .flex-item-10-percent {
3514 flex-grow: 0;
3515 flex-shrink: 0;
3516 flex-basis: 10%;
3517 }
3518
3519 .flex-item-15-percent {
3520 flex-grow: 0;
3521 flex-shrink: 0;
3522 flex-basis: 15%;
3523 }
3524
3525 .flex-item-20-percent {
3526 flex-grow: 0;
3527 flex-shrink: 0;
3528 flex-basis: 20%;
3529 }
3530
3531 .flex-item-30-percent {
3532 flex-grow: 0;
3533 flex-shrink: 0;
3534 flex-basis: 30%;
3535 }
3536
3537 .flex-item-40-percent {
3538 flex-grow: 0;
3539 flex-shrink: 0;
3540 flex-basis: 40%;
3541 }
3542
3543 .flex-item-60-percent {
3544 flex-grow: 0;
3545 flex-shrink: 0;
3546 flex-basis: 60%;
3547 }
3548
3549 .flex-item-70-percent {
3550 flex-grow: 0;
3551 flex-shrink: 0;
3552 flex-basis: 70%;
3553 }
3554
3555 .flex-item-80-percent {
3556 flex-grow: 0;
3557 flex-shrink: 0;
3558 flex-basis: 80%;
3559 }
3560
3561 .well {
3562 min-height: 20px;
3563 padding: 19px;
3564 margin-bottom: 20px;
3565 background-color: #f5f5f5;
3566 border: 1px solid #e3e3e3;
3567 border-radius: 4px;
3568 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
3569 }
3570 </style>
711 <style> 3571 <style>
712 div.flex-row:hover { 3572 div.flex-row:hover {
713 background-color: #FFF3E3; 3573 background-color: #FFF3E3;
714 } 3574 }
715 3575
716 .highlight { 3576 .highlight {
717 background-color: #FFF3E3; 3577 background-color: #FFF3E3;
718 } 3578 }
719 3579
720 .tooltip { 3580 .tooltip {
(...skipping 138 matching lines...) Expand 10 before | Expand all | Expand 10 after
859 <div class="flex-item-fixed-6-12 monospace"> 3719 <div class="flex-item-fixed-6-12 monospace">
860 {{ instruction.human }} 3720 {{ instruction.human }}
861 </div> 3721 </div>
862 </template> 3722 </template>
863 </div> 3723 </div>
864 </template> 3724 </template>
865 </div> 3725 </div>
866 </template> 3726 </template>
867 3727
868 </polymer-element> 3728 </polymer-element>
3729
3730
869 <polymer-element name="collapsible-content" extends="observatory-element"> 3731 <polymer-element name="collapsible-content" extends="observatory-element">
870 <template> 3732 <template>
871 <div class="well row"> 3733 <div class="well row">
872 <a on-click="toggleDisplay" class="btn muted unselectable"> 3734 <a on-click="toggleDisplay" class="btn muted unselectable">
873 Raw message... <i class="{{ iconClass }}"></i> 3735 Raw message... <i class="{{ iconClass }}"></i>
874 </a> 3736 </a>
875 <div style="display: {{ displayValue }}" class="well"> 3737 <div style="display: {{ displayValue }}" class="well">
876 <content></content> 3738 <content></content>
877 </div> 3739 </div>
878 </div> 3740 </div>
879 </template> 3741 </template>
880 3742
881 </polymer-element><polymer-element name="error-view" extends="observatory-elemen t"> 3743 </polymer-element>
3744
3745
3746 <polymer-element name="error-view" extends="observatory-element">
882 <template> 3747 <template>
883 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 3748 <style>
3749 /* Global styles */
3750 * {
3751 margin: 0;
3752 padding: 0;
3753 font: 400 14px 'Montserrat', sans-serif;
3754 color: #333;
3755 box-sizing: border-box;
3756 }
3757
3758 .content {
3759 padding-left: 10%;
3760 font: 400 14px 'Montserrat', sans-serif;
3761 }
3762
3763 .content-centered {
3764 padding-left: 10%;
3765 padding-right: 10%;
3766 font: 400 14px 'Montserrat', sans-serif;
3767 }
3768
3769 h1 {
3770 font: 400 18px 'Montserrat', sans-serif;
3771 }
3772
3773 .memberList {
3774 display: table;
3775 }
3776
3777 .memberItem {
3778 display: table-row;
3779 }
3780
3781 .memberName, .memberValue {
3782 display: table-cell;
3783 vertical-align: top;
3784 padding: 3px 0 3px 1em;
3785 font: 400 14px 'Montserrat', sans-serif;
3786 }
3787
3788 .monospace {
3789 font-family: consolas, courier, monospace;
3790 font-size: 1em;
3791 line-height: 1.2em;
3792 white-space: nowrap;
3793 }
3794
3795 a {
3796 color: #0489c3;
3797 text-decoration: none;
3798 }
3799
3800 a:hover {
3801 text-decoration: underline;
3802 }
3803
3804 em {
3805 color: inherit;
3806 font-style:italic;
3807 }
3808
3809 hr {
3810 margin-top: 20px;
3811 margin-bottom: 20px;
3812 border: 0;
3813 border-top: 1px solid #eee;
3814 height: 0;
3815 box-sizing: content-box;
3816 }
3817
3818 .list-group {
3819 padding-left: 0;
3820 margin-bottom: 20px;
3821 }
3822
3823 .list-group-item {
3824 position: relative;
3825 display: block;
3826 padding: 10px 15px;
3827 margin-bottom: -1px;
3828 background-color: #fff;
3829 }
3830
3831 .list-group-item:first-child {
3832 /* rounded top corners */
3833 border-top-right-radius:4px;
3834 border-top-left-radius:4px;
3835 }
3836
3837 .list-group-item:last-child {
3838 margin-bottom: 0;
3839 /* rounded bottom corners */
3840 border-bottom-right-radius: 4px;
3841 border-bottom-left-radius:4px;
3842 }
3843
3844 /* Flex row container */
3845 .flex-row {
3846 display: flex;
3847 flex-direction: row;
3848 }
3849
3850 /* Flex column container */
3851 .flex-column {
3852 display: flex;
3853 flex-direction: column;
3854 }
3855
3856 .flex-item-fit {
3857 flex-grow: 1;
3858 flex-shrink: 1;
3859 flex-basis: auto;
3860 }
3861
3862 .flex-item-no-shrink {
3863 flex-grow: 0;
3864 flex-shrink: 0;
3865 flex-basis: auto;
3866 }
3867
3868 .flex-item-fill {
3869 flex-grow: 0;
3870 flex-shrink: 1; /* shrink when pressured */
3871 flex-basis: 100%; /* try and take 100% */
3872 }
3873
3874 .flex-item-fixed-1-12 {
3875 flex-grow: 0;
3876 flex-shrink: 0;
3877 flex-basis: 8.3%;
3878 }
3879
3880 .flex-item-fixed-2-12 {
3881 flex-grow: 0;
3882 flex-shrink: 0;
3883 flex-basis: 16.6%;
3884 }
3885
3886 .flex-item-fixed-4-12 {
3887 flex-grow: 0;
3888 flex-shrink: 0;
3889 flex-basis: 33.3333%;
3890 }
3891
3892 .flex-item-fixed-6-12, .flex-item-50-percent {
3893 flex-grow: 0;
3894 flex-shrink: 0;
3895 flex-basis: 50%;
3896 }
3897
3898 .flex-item-fixed-8-12 {
3899 flex-grow: 0;
3900 flex-shrink: 0;
3901 flex-basis: 66.6666%;
3902 }
3903
3904 .flex-item-fixed-9-12 {
3905 flex-grow: 0;
3906 flex-shrink: 0;
3907 flex-basis: 75%;
3908 }
3909
3910
3911 .flex-item-fixed-12-12 {
3912 flex-grow: 0;
3913 flex-shrink: 0;
3914 flex-basis: 100%;
3915 }
3916
3917 .flex-item-10-percent {
3918 flex-grow: 0;
3919 flex-shrink: 0;
3920 flex-basis: 10%;
3921 }
3922
3923 .flex-item-15-percent {
3924 flex-grow: 0;
3925 flex-shrink: 0;
3926 flex-basis: 15%;
3927 }
3928
3929 .flex-item-20-percent {
3930 flex-grow: 0;
3931 flex-shrink: 0;
3932 flex-basis: 20%;
3933 }
3934
3935 .flex-item-30-percent {
3936 flex-grow: 0;
3937 flex-shrink: 0;
3938 flex-basis: 30%;
3939 }
3940
3941 .flex-item-40-percent {
3942 flex-grow: 0;
3943 flex-shrink: 0;
3944 flex-basis: 40%;
3945 }
3946
3947 .flex-item-60-percent {
3948 flex-grow: 0;
3949 flex-shrink: 0;
3950 flex-basis: 60%;
3951 }
3952
3953 .flex-item-70-percent {
3954 flex-grow: 0;
3955 flex-shrink: 0;
3956 flex-basis: 70%;
3957 }
3958
3959 .flex-item-80-percent {
3960 flex-grow: 0;
3961 flex-shrink: 0;
3962 flex-basis: 80%;
3963 }
3964
3965 .well {
3966 min-height: 20px;
3967 padding: 19px;
3968 margin-bottom: 20px;
3969 background-color: #f5f5f5;
3970 border: 1px solid #e3e3e3;
3971 border-radius: 4px;
3972 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
3973 }
3974 </style>
884 <nav-bar> 3975 <nav-bar>
885 <top-nav-menu last="{{ true }}"></top-nav-menu> 3976 <top-nav-menu last="{{ true }}"></top-nav-menu>
886 </nav-bar> 3977 </nav-bar>
887 <div class="content-centered"> 3978 <div class="content-centered">
888 <h1>{{ error.kind }}</h1> 3979 <h1>{{ error.kind }}</h1>
889 <br> 3980 <br>
890 <div class="well">{{ error.message }}</div> 3981 <div class="well">{{ error.message }}</div>
891 </div> 3982 </div>
892 </template> 3983 </template>
893 3984
894 </polymer-element> 3985 </polymer-element>
3986
3987
3988
3989
3990
3991
3992
895 <polymer-element name="field-view" extends="observatory-element"> 3993 <polymer-element name="field-view" extends="observatory-element">
896 <template> 3994 <template>
897 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 3995 <style>
3996 /* Global styles */
3997 * {
3998 margin: 0;
3999 padding: 0;
4000 font: 400 14px 'Montserrat', sans-serif;
4001 color: #333;
4002 box-sizing: border-box;
4003 }
4004
4005 .content {
4006 padding-left: 10%;
4007 font: 400 14px 'Montserrat', sans-serif;
4008 }
4009
4010 .content-centered {
4011 padding-left: 10%;
4012 padding-right: 10%;
4013 font: 400 14px 'Montserrat', sans-serif;
4014 }
4015
4016 h1 {
4017 font: 400 18px 'Montserrat', sans-serif;
4018 }
4019
4020 .memberList {
4021 display: table;
4022 }
4023
4024 .memberItem {
4025 display: table-row;
4026 }
4027
4028 .memberName, .memberValue {
4029 display: table-cell;
4030 vertical-align: top;
4031 padding: 3px 0 3px 1em;
4032 font: 400 14px 'Montserrat', sans-serif;
4033 }
4034
4035 .monospace {
4036 font-family: consolas, courier, monospace;
4037 font-size: 1em;
4038 line-height: 1.2em;
4039 white-space: nowrap;
4040 }
4041
4042 a {
4043 color: #0489c3;
4044 text-decoration: none;
4045 }
4046
4047 a:hover {
4048 text-decoration: underline;
4049 }
4050
4051 em {
4052 color: inherit;
4053 font-style:italic;
4054 }
4055
4056 hr {
4057 margin-top: 20px;
4058 margin-bottom: 20px;
4059 border: 0;
4060 border-top: 1px solid #eee;
4061 height: 0;
4062 box-sizing: content-box;
4063 }
4064
4065 .list-group {
4066 padding-left: 0;
4067 margin-bottom: 20px;
4068 }
4069
4070 .list-group-item {
4071 position: relative;
4072 display: block;
4073 padding: 10px 15px;
4074 margin-bottom: -1px;
4075 background-color: #fff;
4076 }
4077
4078 .list-group-item:first-child {
4079 /* rounded top corners */
4080 border-top-right-radius:4px;
4081 border-top-left-radius:4px;
4082 }
4083
4084 .list-group-item:last-child {
4085 margin-bottom: 0;
4086 /* rounded bottom corners */
4087 border-bottom-right-radius: 4px;
4088 border-bottom-left-radius:4px;
4089 }
4090
4091 /* Flex row container */
4092 .flex-row {
4093 display: flex;
4094 flex-direction: row;
4095 }
4096
4097 /* Flex column container */
4098 .flex-column {
4099 display: flex;
4100 flex-direction: column;
4101 }
4102
4103 .flex-item-fit {
4104 flex-grow: 1;
4105 flex-shrink: 1;
4106 flex-basis: auto;
4107 }
4108
4109 .flex-item-no-shrink {
4110 flex-grow: 0;
4111 flex-shrink: 0;
4112 flex-basis: auto;
4113 }
4114
4115 .flex-item-fill {
4116 flex-grow: 0;
4117 flex-shrink: 1; /* shrink when pressured */
4118 flex-basis: 100%; /* try and take 100% */
4119 }
4120
4121 .flex-item-fixed-1-12 {
4122 flex-grow: 0;
4123 flex-shrink: 0;
4124 flex-basis: 8.3%;
4125 }
4126
4127 .flex-item-fixed-2-12 {
4128 flex-grow: 0;
4129 flex-shrink: 0;
4130 flex-basis: 16.6%;
4131 }
4132
4133 .flex-item-fixed-4-12 {
4134 flex-grow: 0;
4135 flex-shrink: 0;
4136 flex-basis: 33.3333%;
4137 }
4138
4139 .flex-item-fixed-6-12, .flex-item-50-percent {
4140 flex-grow: 0;
4141 flex-shrink: 0;
4142 flex-basis: 50%;
4143 }
4144
4145 .flex-item-fixed-8-12 {
4146 flex-grow: 0;
4147 flex-shrink: 0;
4148 flex-basis: 66.6666%;
4149 }
4150
4151 .flex-item-fixed-9-12 {
4152 flex-grow: 0;
4153 flex-shrink: 0;
4154 flex-basis: 75%;
4155 }
4156
4157
4158 .flex-item-fixed-12-12 {
4159 flex-grow: 0;
4160 flex-shrink: 0;
4161 flex-basis: 100%;
4162 }
4163
4164 .flex-item-10-percent {
4165 flex-grow: 0;
4166 flex-shrink: 0;
4167 flex-basis: 10%;
4168 }
4169
4170 .flex-item-15-percent {
4171 flex-grow: 0;
4172 flex-shrink: 0;
4173 flex-basis: 15%;
4174 }
4175
4176 .flex-item-20-percent {
4177 flex-grow: 0;
4178 flex-shrink: 0;
4179 flex-basis: 20%;
4180 }
4181
4182 .flex-item-30-percent {
4183 flex-grow: 0;
4184 flex-shrink: 0;
4185 flex-basis: 30%;
4186 }
4187
4188 .flex-item-40-percent {
4189 flex-grow: 0;
4190 flex-shrink: 0;
4191 flex-basis: 40%;
4192 }
4193
4194 .flex-item-60-percent {
4195 flex-grow: 0;
4196 flex-shrink: 0;
4197 flex-basis: 60%;
4198 }
4199
4200 .flex-item-70-percent {
4201 flex-grow: 0;
4202 flex-shrink: 0;
4203 flex-basis: 70%;
4204 }
4205
4206 .flex-item-80-percent {
4207 flex-grow: 0;
4208 flex-shrink: 0;
4209 flex-basis: 80%;
4210 }
4211
4212 .well {
4213 min-height: 20px;
4214 padding: 19px;
4215 margin-bottom: 20px;
4216 background-color: #f5f5f5;
4217 border: 1px solid #e3e3e3;
4218 border-radius: 4px;
4219 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
4220 }
4221 </style>
898 <nav-bar> 4222 <nav-bar>
899 <top-nav-menu></top-nav-menu> 4223 <top-nav-menu></top-nav-menu>
900 <isolate-nav-menu isolate="{{ field.isolate }}"></isolate-nav-menu> 4224 <isolate-nav-menu isolate="{{ field.isolate }}"></isolate-nav-menu>
901 <template if="{{ field['owner'].serviceType == 'Class' }}"> 4225 <template if="{{ field['owner'].serviceType == 'Class' }}">
902 <!-- TODO(turnidge): Add library nav menu here. --> 4226 <!-- TODO(turnidge): Add library nav menu here. -->
903 <class-nav-menu cls="{{ field['owner'] }}"></class-nav-menu> 4227 <class-nav-menu cls="{{ field['owner'] }}"></class-nav-menu>
904 </template> 4228 </template>
905 <template if="{{ field['owner'].serviceType == 'Library' }}"> 4229 <template if="{{ field['owner'].serviceType == 'Library' }}">
906 <library-nav-menu library="{{ field['owner'] }}"></library-nav-menu> 4230 <library-nav-menu library="{{ field['owner'] }}"></library-nav-menu>
907 </template> 4231 </template>
(...skipping 62 matching lines...) Expand 10 before | Expand all | Expand 10 after
970 <div class="memberValue"> 4294 <div class="memberValue">
971 <instance-ref ref="{{ field['value'] }}"></instance-ref> 4295 <instance-ref ref="{{ field['value'] }}"></instance-ref>
972 </div> 4296 </div>
973 </div> 4297 </div>
974 </template> 4298 </template>
975 </div> 4299 </div>
976 </div> 4300 </div>
977 </template> 4301 </template>
978 4302
979 </polymer-element> 4303 </polymer-element>
4304
4305
4306
4307
4308
4309
4310
4311
4312
4313
4314
980 <polymer-element name="script-inset" extends="observatory-element"> 4315 <polymer-element name="script-inset" extends="observatory-element">
981 <template> 4316 <template>
982 <style> 4317 <style>
983 .sourceInset { 4318 .sourceInset {
984 padding-left: 15%; 4319 padding-left: 15%;
985 padding-right: 15%; 4320 padding-right: 15%;
986 } 4321 }
987 .grayBox { 4322 .grayBox {
988 width: 100%; 4323 width: 100%;
989 background-color: #f5f5f5; 4324 background-color: #f5f5f5;
(...skipping 27 matching lines...) Expand all
1017 </tbody> 4352 </tbody>
1018 </table> 4353 </table>
1019 </template> 4354 </template>
1020 </div> 4355 </div>
1021 </div> 4356 </div>
1022 </template> 4357 </template>
1023 4358
1024 </polymer-element> 4359 </polymer-element>
1025 <polymer-element name="function-view" extends="observatory-element"> 4360 <polymer-element name="function-view" extends="observatory-element">
1026 <template> 4361 <template>
1027 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 4362 <style>
4363 /* Global styles */
4364 * {
4365 margin: 0;
4366 padding: 0;
4367 font: 400 14px 'Montserrat', sans-serif;
4368 color: #333;
4369 box-sizing: border-box;
4370 }
4371
4372 .content {
4373 padding-left: 10%;
4374 font: 400 14px 'Montserrat', sans-serif;
4375 }
4376
4377 .content-centered {
4378 padding-left: 10%;
4379 padding-right: 10%;
4380 font: 400 14px 'Montserrat', sans-serif;
4381 }
4382
4383 h1 {
4384 font: 400 18px 'Montserrat', sans-serif;
4385 }
4386
4387 .memberList {
4388 display: table;
4389 }
4390
4391 .memberItem {
4392 display: table-row;
4393 }
4394
4395 .memberName, .memberValue {
4396 display: table-cell;
4397 vertical-align: top;
4398 padding: 3px 0 3px 1em;
4399 font: 400 14px 'Montserrat', sans-serif;
4400 }
4401
4402 .monospace {
4403 font-family: consolas, courier, monospace;
4404 font-size: 1em;
4405 line-height: 1.2em;
4406 white-space: nowrap;
4407 }
4408
4409 a {
4410 color: #0489c3;
4411 text-decoration: none;
4412 }
4413
4414 a:hover {
4415 text-decoration: underline;
4416 }
4417
4418 em {
4419 color: inherit;
4420 font-style:italic;
4421 }
4422
4423 hr {
4424 margin-top: 20px;
4425 margin-bottom: 20px;
4426 border: 0;
4427 border-top: 1px solid #eee;
4428 height: 0;
4429 box-sizing: content-box;
4430 }
4431
4432 .list-group {
4433 padding-left: 0;
4434 margin-bottom: 20px;
4435 }
4436
4437 .list-group-item {
4438 position: relative;
4439 display: block;
4440 padding: 10px 15px;
4441 margin-bottom: -1px;
4442 background-color: #fff;
4443 }
4444
4445 .list-group-item:first-child {
4446 /* rounded top corners */
4447 border-top-right-radius:4px;
4448 border-top-left-radius:4px;
4449 }
4450
4451 .list-group-item:last-child {
4452 margin-bottom: 0;
4453 /* rounded bottom corners */
4454 border-bottom-right-radius: 4px;
4455 border-bottom-left-radius:4px;
4456 }
4457
4458 /* Flex row container */
4459 .flex-row {
4460 display: flex;
4461 flex-direction: row;
4462 }
4463
4464 /* Flex column container */
4465 .flex-column {
4466 display: flex;
4467 flex-direction: column;
4468 }
4469
4470 .flex-item-fit {
4471 flex-grow: 1;
4472 flex-shrink: 1;
4473 flex-basis: auto;
4474 }
4475
4476 .flex-item-no-shrink {
4477 flex-grow: 0;
4478 flex-shrink: 0;
4479 flex-basis: auto;
4480 }
4481
4482 .flex-item-fill {
4483 flex-grow: 0;
4484 flex-shrink: 1; /* shrink when pressured */
4485 flex-basis: 100%; /* try and take 100% */
4486 }
4487
4488 .flex-item-fixed-1-12 {
4489 flex-grow: 0;
4490 flex-shrink: 0;
4491 flex-basis: 8.3%;
4492 }
4493
4494 .flex-item-fixed-2-12 {
4495 flex-grow: 0;
4496 flex-shrink: 0;
4497 flex-basis: 16.6%;
4498 }
4499
4500 .flex-item-fixed-4-12 {
4501 flex-grow: 0;
4502 flex-shrink: 0;
4503 flex-basis: 33.3333%;
4504 }
4505
4506 .flex-item-fixed-6-12, .flex-item-50-percent {
4507 flex-grow: 0;
4508 flex-shrink: 0;
4509 flex-basis: 50%;
4510 }
4511
4512 .flex-item-fixed-8-12 {
4513 flex-grow: 0;
4514 flex-shrink: 0;
4515 flex-basis: 66.6666%;
4516 }
4517
4518 .flex-item-fixed-9-12 {
4519 flex-grow: 0;
4520 flex-shrink: 0;
4521 flex-basis: 75%;
4522 }
4523
4524
4525 .flex-item-fixed-12-12 {
4526 flex-grow: 0;
4527 flex-shrink: 0;
4528 flex-basis: 100%;
4529 }
4530
4531 .flex-item-10-percent {
4532 flex-grow: 0;
4533 flex-shrink: 0;
4534 flex-basis: 10%;
4535 }
4536
4537 .flex-item-15-percent {
4538 flex-grow: 0;
4539 flex-shrink: 0;
4540 flex-basis: 15%;
4541 }
4542
4543 .flex-item-20-percent {
4544 flex-grow: 0;
4545 flex-shrink: 0;
4546 flex-basis: 20%;
4547 }
4548
4549 .flex-item-30-percent {
4550 flex-grow: 0;
4551 flex-shrink: 0;
4552 flex-basis: 30%;
4553 }
4554
4555 .flex-item-40-percent {
4556 flex-grow: 0;
4557 flex-shrink: 0;
4558 flex-basis: 40%;
4559 }
4560
4561 .flex-item-60-percent {
4562 flex-grow: 0;
4563 flex-shrink: 0;
4564 flex-basis: 60%;
4565 }
4566
4567 .flex-item-70-percent {
4568 flex-grow: 0;
4569 flex-shrink: 0;
4570 flex-basis: 70%;
4571 }
4572
4573 .flex-item-80-percent {
4574 flex-grow: 0;
4575 flex-shrink: 0;
4576 flex-basis: 80%;
4577 }
4578
4579 .well {
4580 min-height: 20px;
4581 padding: 19px;
4582 margin-bottom: 20px;
4583 background-color: #f5f5f5;
4584 border: 1px solid #e3e3e3;
4585 border-radius: 4px;
4586 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
4587 }
4588 </style>
1028 <nav-bar> 4589 <nav-bar>
1029 <top-nav-menu></top-nav-menu> 4590 <top-nav-menu></top-nav-menu>
1030 <isolate-nav-menu isolate="{{ function.isolate }}"></isolate-nav-menu> 4591 <isolate-nav-menu isolate="{{ function.isolate }}"></isolate-nav-menu>
1031 <template if="{{ function['owner'].serviceType == 'Class' }}"> 4592 <template if="{{ function['owner'].serviceType == 'Class' }}">
1032 <!-- TODO(turnidge): Add library nav menu here. --> 4593 <!-- TODO(turnidge): Add library nav menu here. -->
1033 <class-nav-menu cls="{{ function['owner'] }}"></class-nav-menu> 4594 <class-nav-menu cls="{{ function['owner'] }}"></class-nav-menu>
1034 </template> 4595 </template>
1035 <template if="{{ function['owner'].serviceType == 'Library' }}"> 4596 <template if="{{ function['owner'].serviceType == 'Library' }}">
1036 <library-nav-menu library="{{ function['owner'] }}"></library-nav-menu> 4597 <library-nav-menu library="{{ function['owner'] }}"></library-nav-menu>
1037 </template> 4598 </template>
(...skipping 85 matching lines...) Expand 10 before | Expand all | Expand 10 after
1123 </div> 4684 </div>
1124 4685
1125 <hr> 4686 <hr>
1126 <script-inset script="{{ function['script'] }}" pos="{{ function['tokenPos'] }}" endpos="{{ function['endTokenPos'] }}"> 4687 <script-inset script="{{ function['script'] }}" pos="{{ function['tokenPos'] }}" endpos="{{ function['endTokenPos'] }}">
1127 </script-inset> 4688 </script-inset>
1128 4689
1129 <br> 4690 <br>
1130 </template> 4691 </template>
1131 4692
1132 </polymer-element> 4693 </polymer-element>
4694
4695
4696
4697
1133 <polymer-element name="heap-map" extends="observatory-element"> 4698 <polymer-element name="heap-map" extends="observatory-element">
1134 <template> 4699 <template>
1135 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.css" > 4700 <style>
4701 /* Global styles */
4702 * {
4703 margin: 0;
4704 padding: 0;
4705 font: 400 14px 'Montserrat', sans-serif;
4706 color: #333;
4707 box-sizing: border-box;
4708 }
4709
4710 .content {
4711 padding-left: 10%;
4712 font: 400 14px 'Montserrat', sans-serif;
4713 }
4714
4715 .content-centered {
4716 padding-left: 10%;
4717 padding-right: 10%;
4718 font: 400 14px 'Montserrat', sans-serif;
4719 }
4720
4721 h1 {
4722 font: 400 18px 'Montserrat', sans-serif;
4723 }
4724
4725 .memberList {
4726 display: table;
4727 }
4728
4729 .memberItem {
4730 display: table-row;
4731 }
4732
4733 .memberName, .memberValue {
4734 display: table-cell;
4735 vertical-align: top;
4736 padding: 3px 0 3px 1em;
4737 font: 400 14px 'Montserrat', sans-serif;
4738 }
4739
4740 .monospace {
4741 font-family: consolas, courier, monospace;
4742 font-size: 1em;
4743 line-height: 1.2em;
4744 white-space: nowrap;
4745 }
4746
4747 a {
4748 color: #0489c3;
4749 text-decoration: none;
4750 }
4751
4752 a:hover {
4753 text-decoration: underline;
4754 }
4755
4756 em {
4757 color: inherit;
4758 font-style:italic;
4759 }
4760
4761 hr {
4762 margin-top: 20px;
4763 margin-bottom: 20px;
4764 border: 0;
4765 border-top: 1px solid #eee;
4766 height: 0;
4767 box-sizing: content-box;
4768 }
4769
4770 .list-group {
4771 padding-left: 0;
4772 margin-bottom: 20px;
4773 }
4774
4775 .list-group-item {
4776 position: relative;
4777 display: block;
4778 padding: 10px 15px;
4779 margin-bottom: -1px;
4780 background-color: #fff;
4781 }
4782
4783 .list-group-item:first-child {
4784 /* rounded top corners */
4785 border-top-right-radius:4px;
4786 border-top-left-radius:4px;
4787 }
4788
4789 .list-group-item:last-child {
4790 margin-bottom: 0;
4791 /* rounded bottom corners */
4792 border-bottom-right-radius: 4px;
4793 border-bottom-left-radius:4px;
4794 }
4795
4796 /* Flex row container */
4797 .flex-row {
4798 display: flex;
4799 flex-direction: row;
4800 }
4801
4802 /* Flex column container */
4803 .flex-column {
4804 display: flex;
4805 flex-direction: column;
4806 }
4807
4808 .flex-item-fit {
4809 flex-grow: 1;
4810 flex-shrink: 1;
4811 flex-basis: auto;
4812 }
4813
4814 .flex-item-no-shrink {
4815 flex-grow: 0;
4816 flex-shrink: 0;
4817 flex-basis: auto;
4818 }
4819
4820 .flex-item-fill {
4821 flex-grow: 0;
4822 flex-shrink: 1; /* shrink when pressured */
4823 flex-basis: 100%; /* try and take 100% */
4824 }
4825
4826 .flex-item-fixed-1-12 {
4827 flex-grow: 0;
4828 flex-shrink: 0;
4829 flex-basis: 8.3%;
4830 }
4831
4832 .flex-item-fixed-2-12 {
4833 flex-grow: 0;
4834 flex-shrink: 0;
4835 flex-basis: 16.6%;
4836 }
4837
4838 .flex-item-fixed-4-12 {
4839 flex-grow: 0;
4840 flex-shrink: 0;
4841 flex-basis: 33.3333%;
4842 }
4843
4844 .flex-item-fixed-6-12, .flex-item-50-percent {
4845 flex-grow: 0;
4846 flex-shrink: 0;
4847 flex-basis: 50%;
4848 }
4849
4850 .flex-item-fixed-8-12 {
4851 flex-grow: 0;
4852 flex-shrink: 0;
4853 flex-basis: 66.6666%;
4854 }
4855
4856 .flex-item-fixed-9-12 {
4857 flex-grow: 0;
4858 flex-shrink: 0;
4859 flex-basis: 75%;
4860 }
4861
4862
4863 .flex-item-fixed-12-12 {
4864 flex-grow: 0;
4865 flex-shrink: 0;
4866 flex-basis: 100%;
4867 }
4868
4869 .flex-item-10-percent {
4870 flex-grow: 0;
4871 flex-shrink: 0;
4872 flex-basis: 10%;
4873 }
4874
4875 .flex-item-15-percent {
4876 flex-grow: 0;
4877 flex-shrink: 0;
4878 flex-basis: 15%;
4879 }
4880
4881 .flex-item-20-percent {
4882 flex-grow: 0;
4883 flex-shrink: 0;
4884 flex-basis: 20%;
4885 }
4886
4887 .flex-item-30-percent {
4888 flex-grow: 0;
4889 flex-shrink: 0;
4890 flex-basis: 30%;
4891 }
4892
4893 .flex-item-40-percent {
4894 flex-grow: 0;
4895 flex-shrink: 0;
4896 flex-basis: 40%;
4897 }
4898
4899 .flex-item-60-percent {
4900 flex-grow: 0;
4901 flex-shrink: 0;
4902 flex-basis: 60%;
4903 }
4904
4905 .flex-item-70-percent {
4906 flex-grow: 0;
4907 flex-shrink: 0;
4908 flex-basis: 70%;
4909 }
4910
4911 .flex-item-80-percent {
4912 flex-grow: 0;
4913 flex-shrink: 0;
4914 flex-basis: 80%;
4915 }
4916
4917 .well {
4918 min-height: 20px;
4919 padding: 19px;
4920 margin-bottom: 20px;
4921 background-color: #f5f5f5;
4922 border: 1px solid #e3e3e3;
4923 border-radius: 4px;
4924 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
4925 }
4926 </style>
1136 <style> 4927 <style>
1137 .hover { 4928 .hover {
1138 position: fixed; 4929 position: fixed;
1139 z-index: 999; 4930 z-index: 999;
1140 height: 16px; 4931 height: 16px;
1141 width: 100%; 4932 width: 100%;
1142 background: #ffffff; 4933 background: #ffffff;
1143 } 4934 }
1144 .spacer { 4935 .spacer {
1145 height: 16px; 4936 height: 16px;
(...skipping 11 matching lines...) Expand all
1157 </div> 4948 </div>
1158 <div class="spacer"> 4949 <div class="spacer">
1159 <!-- Make sure no data is covered by hover bar initially --> 4950 <!-- Make sure no data is covered by hover bar initially -->
1160 </div> 4951 </div>
1161 <div class="flex-row"> 4952 <div class="flex-row">
1162 <canvas id="fragmentation" width="1px" height="1px"></canvas> 4953 <canvas id="fragmentation" width="1px" height="1px"></canvas>
1163 </div> 4954 </div>
1164 </template> 4955 </template>
1165 4956
1166 </polymer-element> 4957 </polymer-element>
4958
4959
1167 <polymer-element name="isolate-ref" extends="service-ref"> 4960 <polymer-element name="isolate-ref" extends="service-ref">
1168 <template><link rel="stylesheet" href="packages/observatory/src/elements/css/sha red.css"> 4961 <template><style>
4962 /* Global styles */
4963 * {
4964 margin: 0;
4965 padding: 0;
4966 font: 400 14px 'Montserrat', sans-serif;
4967 color: #333;
4968 box-sizing: border-box;
4969 }
4970
4971 .content {
4972 padding-left: 10%;
4973 font: 400 14px 'Montserrat', sans-serif;
4974 }
4975
4976 .content-centered {
4977 padding-left: 10%;
4978 padding-right: 10%;
4979 font: 400 14px 'Montserrat', sans-serif;
4980 }
4981
4982 h1 {
4983 font: 400 18px 'Montserrat', sans-serif;
4984 }
4985
4986 .memberList {
4987 display: table;
4988 }
4989
4990 .memberItem {
4991 display: table-row;
4992 }
4993
4994 .memberName, .memberValue {
4995 display: table-cell;
4996 vertical-align: top;
4997 padding: 3px 0 3px 1em;
4998 font: 400 14px 'Montserrat', sans-serif;
4999 }
5000
5001 .monospace {
5002 font-family: consolas, courier, monospace;
5003 font-size: 1em;
5004 line-height: 1.2em;
5005 white-space: nowrap;
5006 }
5007
5008 a {
5009 color: #0489c3;
5010 text-decoration: none;
5011 }
5012
5013 a:hover {
5014 text-decoration: underline;
5015 }
5016
5017 em {
5018 color: inherit;
5019 font-style:italic;
5020 }
5021
5022 hr {
5023 margin-top: 20px;
5024 margin-bottom: 20px;
5025 border: 0;
5026 border-top: 1px solid #eee;
5027 height: 0;
5028 box-sizing: content-box;
5029 }
5030
5031 .list-group {
5032 padding-left: 0;
5033 margin-bottom: 20px;
5034 }
5035
5036 .list-group-item {
5037 position: relative;
5038 display: block;
5039 padding: 10px 15px;
5040 margin-bottom: -1px;
5041 background-color: #fff;
5042 }
5043
5044 .list-group-item:first-child {
5045 /* rounded top corners */
5046 border-top-right-radius:4px;
5047 border-top-left-radius:4px;
5048 }
5049
5050 .list-group-item:last-child {
5051 margin-bottom: 0;
5052 /* rounded bottom corners */
5053 border-bottom-right-radius: 4px;
5054 border-bottom-left-radius:4px;
5055 }
5056
5057 /* Flex row container */
5058 .flex-row {
5059 display: flex;
5060 flex-direction: row;
5061 }
5062
5063 /* Flex column container */
5064 .flex-column {
5065 display: flex;
5066 flex-direction: column;
5067 }
5068
5069 .flex-item-fit {
5070 flex-grow: 1;
5071 flex-shrink: 1;
5072 flex-basis: auto;
5073 }
5074
5075 .flex-item-no-shrink {
5076 flex-grow: 0;
5077 flex-shrink: 0;
5078 flex-basis: auto;
5079 }
5080
5081 .flex-item-fill {
5082 flex-grow: 0;
5083 flex-shrink: 1; /* shrink when pressured */
5084 flex-basis: 100%; /* try and take 100% */
5085 }
5086
5087 .flex-item-fixed-1-12 {
5088 flex-grow: 0;
5089 flex-shrink: 0;
5090 flex-basis: 8.3%;
5091 }
5092
5093 .flex-item-fixed-2-12 {
5094 flex-grow: 0;
5095 flex-shrink: 0;
5096 flex-basis: 16.6%;
5097 }
5098
5099 .flex-item-fixed-4-12 {
5100 flex-grow: 0;
5101 flex-shrink: 0;
5102 flex-basis: 33.3333%;
5103 }
5104
5105 .flex-item-fixed-6-12, .flex-item-50-percent {
5106 flex-grow: 0;
5107 flex-shrink: 0;
5108 flex-basis: 50%;
5109 }
5110
5111 .flex-item-fixed-8-12 {
5112 flex-grow: 0;
5113 flex-shrink: 0;
5114 flex-basis: 66.6666%;
5115 }
5116
5117 .flex-item-fixed-9-12 {
5118 flex-grow: 0;
5119 flex-shrink: 0;
5120 flex-basis: 75%;
5121 }
5122
5123
5124 .flex-item-fixed-12-12 {
5125 flex-grow: 0;
5126 flex-shrink: 0;
5127 flex-basis: 100%;
5128 }
5129
5130 .flex-item-10-percent {
5131 flex-grow: 0;
5132 flex-shrink: 0;
5133 flex-basis: 10%;
5134 }
5135
5136 .flex-item-15-percent {
5137 flex-grow: 0;
5138 flex-shrink: 0;
5139 flex-basis: 15%;
5140 }
5141
5142 .flex-item-20-percent {
5143 flex-grow: 0;
5144 flex-shrink: 0;
5145 flex-basis: 20%;
5146 }
5147
5148 .flex-item-30-percent {
5149 flex-grow: 0;
5150 flex-shrink: 0;
5151 flex-basis: 30%;
5152 }
5153
5154 .flex-item-40-percent {
5155 flex-grow: 0;
5156 flex-shrink: 0;
5157 flex-basis: 40%;
5158 }
5159
5160 .flex-item-60-percent {
5161 flex-grow: 0;
5162 flex-shrink: 0;
5163 flex-basis: 60%;
5164 }
5165
5166 .flex-item-70-percent {
5167 flex-grow: 0;
5168 flex-shrink: 0;
5169 flex-basis: 70%;
5170 }
5171
5172 .flex-item-80-percent {
5173 flex-grow: 0;
5174 flex-shrink: 0;
5175 flex-basis: 80%;
5176 }
5177
5178 .well {
5179 min-height: 20px;
5180 padding: 19px;
5181 margin-bottom: 20px;
5182 background-color: #f5f5f5;
5183 border: 1px solid #e3e3e3;
5184 border-radius: 4px;
5185 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
5186 }
5187 </style>
1169 <a href="{{ url }}">{{ ref.name }}</a> 5188 <a href="{{ url }}">{{ ref.name }}</a>
1170 </template> 5189 </template>
1171 5190
1172 </polymer-element> 5191 </polymer-element>
5192
5193
5194
5195
5196
5197
5198
1173 <polymer-element name="isolate-summary" extends="observatory-element"> 5199 <polymer-element name="isolate-summary" extends="observatory-element">
1174 <template> 5200 <template>
1175 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 5201 <style>
5202 /* Global styles */
5203 * {
5204 margin: 0;
5205 padding: 0;
5206 font: 400 14px 'Montserrat', sans-serif;
5207 color: #333;
5208 box-sizing: border-box;
5209 }
5210
5211 .content {
5212 padding-left: 10%;
5213 font: 400 14px 'Montserrat', sans-serif;
5214 }
5215
5216 .content-centered {
5217 padding-left: 10%;
5218 padding-right: 10%;
5219 font: 400 14px 'Montserrat', sans-serif;
5220 }
5221
5222 h1 {
5223 font: 400 18px 'Montserrat', sans-serif;
5224 }
5225
5226 .memberList {
5227 display: table;
5228 }
5229
5230 .memberItem {
5231 display: table-row;
5232 }
5233
5234 .memberName, .memberValue {
5235 display: table-cell;
5236 vertical-align: top;
5237 padding: 3px 0 3px 1em;
5238 font: 400 14px 'Montserrat', sans-serif;
5239 }
5240
5241 .monospace {
5242 font-family: consolas, courier, monospace;
5243 font-size: 1em;
5244 line-height: 1.2em;
5245 white-space: nowrap;
5246 }
5247
5248 a {
5249 color: #0489c3;
5250 text-decoration: none;
5251 }
5252
5253 a:hover {
5254 text-decoration: underline;
5255 }
5256
5257 em {
5258 color: inherit;
5259 font-style:italic;
5260 }
5261
5262 hr {
5263 margin-top: 20px;
5264 margin-bottom: 20px;
5265 border: 0;
5266 border-top: 1px solid #eee;
5267 height: 0;
5268 box-sizing: content-box;
5269 }
5270
5271 .list-group {
5272 padding-left: 0;
5273 margin-bottom: 20px;
5274 }
5275
5276 .list-group-item {
5277 position: relative;
5278 display: block;
5279 padding: 10px 15px;
5280 margin-bottom: -1px;
5281 background-color: #fff;
5282 }
5283
5284 .list-group-item:first-child {
5285 /* rounded top corners */
5286 border-top-right-radius:4px;
5287 border-top-left-radius:4px;
5288 }
5289
5290 .list-group-item:last-child {
5291 margin-bottom: 0;
5292 /* rounded bottom corners */
5293 border-bottom-right-radius: 4px;
5294 border-bottom-left-radius:4px;
5295 }
5296
5297 /* Flex row container */
5298 .flex-row {
5299 display: flex;
5300 flex-direction: row;
5301 }
5302
5303 /* Flex column container */
5304 .flex-column {
5305 display: flex;
5306 flex-direction: column;
5307 }
5308
5309 .flex-item-fit {
5310 flex-grow: 1;
5311 flex-shrink: 1;
5312 flex-basis: auto;
5313 }
5314
5315 .flex-item-no-shrink {
5316 flex-grow: 0;
5317 flex-shrink: 0;
5318 flex-basis: auto;
5319 }
5320
5321 .flex-item-fill {
5322 flex-grow: 0;
5323 flex-shrink: 1; /* shrink when pressured */
5324 flex-basis: 100%; /* try and take 100% */
5325 }
5326
5327 .flex-item-fixed-1-12 {
5328 flex-grow: 0;
5329 flex-shrink: 0;
5330 flex-basis: 8.3%;
5331 }
5332
5333 .flex-item-fixed-2-12 {
5334 flex-grow: 0;
5335 flex-shrink: 0;
5336 flex-basis: 16.6%;
5337 }
5338
5339 .flex-item-fixed-4-12 {
5340 flex-grow: 0;
5341 flex-shrink: 0;
5342 flex-basis: 33.3333%;
5343 }
5344
5345 .flex-item-fixed-6-12, .flex-item-50-percent {
5346 flex-grow: 0;
5347 flex-shrink: 0;
5348 flex-basis: 50%;
5349 }
5350
5351 .flex-item-fixed-8-12 {
5352 flex-grow: 0;
5353 flex-shrink: 0;
5354 flex-basis: 66.6666%;
5355 }
5356
5357 .flex-item-fixed-9-12 {
5358 flex-grow: 0;
5359 flex-shrink: 0;
5360 flex-basis: 75%;
5361 }
5362
5363
5364 .flex-item-fixed-12-12 {
5365 flex-grow: 0;
5366 flex-shrink: 0;
5367 flex-basis: 100%;
5368 }
5369
5370 .flex-item-10-percent {
5371 flex-grow: 0;
5372 flex-shrink: 0;
5373 flex-basis: 10%;
5374 }
5375
5376 .flex-item-15-percent {
5377 flex-grow: 0;
5378 flex-shrink: 0;
5379 flex-basis: 15%;
5380 }
5381
5382 .flex-item-20-percent {
5383 flex-grow: 0;
5384 flex-shrink: 0;
5385 flex-basis: 20%;
5386 }
5387
5388 .flex-item-30-percent {
5389 flex-grow: 0;
5390 flex-shrink: 0;
5391 flex-basis: 30%;
5392 }
5393
5394 .flex-item-40-percent {
5395 flex-grow: 0;
5396 flex-shrink: 0;
5397 flex-basis: 40%;
5398 }
5399
5400 .flex-item-60-percent {
5401 flex-grow: 0;
5402 flex-shrink: 0;
5403 flex-basis: 60%;
5404 }
5405
5406 .flex-item-70-percent {
5407 flex-grow: 0;
5408 flex-shrink: 0;
5409 flex-basis: 70%;
5410 }
5411
5412 .flex-item-80-percent {
5413 flex-grow: 0;
5414 flex-shrink: 0;
5415 flex-basis: 80%;
5416 }
5417
5418 .well {
5419 min-height: 20px;
5420 padding: 19px;
5421 margin-bottom: 20px;
5422 background-color: #f5f5f5;
5423 border: 1px solid #e3e3e3;
5424 border-radius: 4px;
5425 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
5426 }
5427 </style>
1176 <div class="flex-row"> 5428 <div class="flex-row">
1177 <div class="flex-item-10-percent"> 5429 <div class="flex-item-10-percent">
1178 <img src="packages/observatory/src/elements/img/isolate_icon.png"> 5430 <img src="packages/observatory/src/elements/img/isolate_icon.png">
1179 </div> 5431 </div>
1180 <div class="flex-item-10-percent"> 5432 <div class="flex-item-10-percent">
1181 <isolate-ref ref="{{ isolate }}"></isolate-ref> 5433 <isolate-ref ref="{{ isolate }}"></isolate-ref>
1182 </div> 5434 </div>
1183 <div class="flex-item-20-percent"> 5435 <div class="flex-item-20-percent">
1184 <isolate-run-state isolate="{{ isolate }}"></isolate-run-state> 5436 <isolate-run-state isolate="{{ isolate }}"></isolate-run-state>
1185 </div> 5437 </div>
(...skipping 78 matching lines...) Expand 10 before | Expand all | Expand 10 after
1264 .errorBox { 5516 .errorBox {
1265 background-color: #f5f5f5; 5517 background-color: #f5f5f5;
1266 border: 1px solid #ccc; 5518 border: 1px solid #ccc;
1267 padding: 10px; 5519 padding: 10px;
1268 font-family: consolas, courier, monospace; 5520 font-family: consolas, courier, monospace;
1269 font-size: 1em; 5521 font-size: 1em;
1270 line-height: 1.2em; 5522 line-height: 1.2em;
1271 white-space: pre; 5523 white-space: pre;
1272 } 5524 }
1273 </style> 5525 </style>
1274 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 5526 <style>
5527 /* Global styles */
5528 * {
5529 margin: 0;
5530 padding: 0;
5531 font: 400 14px 'Montserrat', sans-serif;
5532 color: #333;
5533 box-sizing: border-box;
5534 }
5535
5536 .content {
5537 padding-left: 10%;
5538 font: 400 14px 'Montserrat', sans-serif;
5539 }
5540
5541 .content-centered {
5542 padding-left: 10%;
5543 padding-right: 10%;
5544 font: 400 14px 'Montserrat', sans-serif;
5545 }
5546
5547 h1 {
5548 font: 400 18px 'Montserrat', sans-serif;
5549 }
5550
5551 .memberList {
5552 display: table;
5553 }
5554
5555 .memberItem {
5556 display: table-row;
5557 }
5558
5559 .memberName, .memberValue {
5560 display: table-cell;
5561 vertical-align: top;
5562 padding: 3px 0 3px 1em;
5563 font: 400 14px 'Montserrat', sans-serif;
5564 }
5565
5566 .monospace {
5567 font-family: consolas, courier, monospace;
5568 font-size: 1em;
5569 line-height: 1.2em;
5570 white-space: nowrap;
5571 }
5572
5573 a {
5574 color: #0489c3;
5575 text-decoration: none;
5576 }
5577
5578 a:hover {
5579 text-decoration: underline;
5580 }
5581
5582 em {
5583 color: inherit;
5584 font-style:italic;
5585 }
5586
5587 hr {
5588 margin-top: 20px;
5589 margin-bottom: 20px;
5590 border: 0;
5591 border-top: 1px solid #eee;
5592 height: 0;
5593 box-sizing: content-box;
5594 }
5595
5596 .list-group {
5597 padding-left: 0;
5598 margin-bottom: 20px;
5599 }
5600
5601 .list-group-item {
5602 position: relative;
5603 display: block;
5604 padding: 10px 15px;
5605 margin-bottom: -1px;
5606 background-color: #fff;
5607 }
5608
5609 .list-group-item:first-child {
5610 /* rounded top corners */
5611 border-top-right-radius:4px;
5612 border-top-left-radius:4px;
5613 }
5614
5615 .list-group-item:last-child {
5616 margin-bottom: 0;
5617 /* rounded bottom corners */
5618 border-bottom-right-radius: 4px;
5619 border-bottom-left-radius:4px;
5620 }
5621
5622 /* Flex row container */
5623 .flex-row {
5624 display: flex;
5625 flex-direction: row;
5626 }
5627
5628 /* Flex column container */
5629 .flex-column {
5630 display: flex;
5631 flex-direction: column;
5632 }
5633
5634 .flex-item-fit {
5635 flex-grow: 1;
5636 flex-shrink: 1;
5637 flex-basis: auto;
5638 }
5639
5640 .flex-item-no-shrink {
5641 flex-grow: 0;
5642 flex-shrink: 0;
5643 flex-basis: auto;
5644 }
5645
5646 .flex-item-fill {
5647 flex-grow: 0;
5648 flex-shrink: 1; /* shrink when pressured */
5649 flex-basis: 100%; /* try and take 100% */
5650 }
5651
5652 .flex-item-fixed-1-12 {
5653 flex-grow: 0;
5654 flex-shrink: 0;
5655 flex-basis: 8.3%;
5656 }
5657
5658 .flex-item-fixed-2-12 {
5659 flex-grow: 0;
5660 flex-shrink: 0;
5661 flex-basis: 16.6%;
5662 }
5663
5664 .flex-item-fixed-4-12 {
5665 flex-grow: 0;
5666 flex-shrink: 0;
5667 flex-basis: 33.3333%;
5668 }
5669
5670 .flex-item-fixed-6-12, .flex-item-50-percent {
5671 flex-grow: 0;
5672 flex-shrink: 0;
5673 flex-basis: 50%;
5674 }
5675
5676 .flex-item-fixed-8-12 {
5677 flex-grow: 0;
5678 flex-shrink: 0;
5679 flex-basis: 66.6666%;
5680 }
5681
5682 .flex-item-fixed-9-12 {
5683 flex-grow: 0;
5684 flex-shrink: 0;
5685 flex-basis: 75%;
5686 }
5687
5688
5689 .flex-item-fixed-12-12 {
5690 flex-grow: 0;
5691 flex-shrink: 0;
5692 flex-basis: 100%;
5693 }
5694
5695 .flex-item-10-percent {
5696 flex-grow: 0;
5697 flex-shrink: 0;
5698 flex-basis: 10%;
5699 }
5700
5701 .flex-item-15-percent {
5702 flex-grow: 0;
5703 flex-shrink: 0;
5704 flex-basis: 15%;
5705 }
5706
5707 .flex-item-20-percent {
5708 flex-grow: 0;
5709 flex-shrink: 0;
5710 flex-basis: 20%;
5711 }
5712
5713 .flex-item-30-percent {
5714 flex-grow: 0;
5715 flex-shrink: 0;
5716 flex-basis: 30%;
5717 }
5718
5719 .flex-item-40-percent {
5720 flex-grow: 0;
5721 flex-shrink: 0;
5722 flex-basis: 40%;
5723 }
5724
5725 .flex-item-60-percent {
5726 flex-grow: 0;
5727 flex-shrink: 0;
5728 flex-basis: 60%;
5729 }
5730
5731 .flex-item-70-percent {
5732 flex-grow: 0;
5733 flex-shrink: 0;
5734 flex-basis: 70%;
5735 }
5736
5737 .flex-item-80-percent {
5738 flex-grow: 0;
5739 flex-shrink: 0;
5740 flex-basis: 80%;
5741 }
5742
5743 .well {
5744 min-height: 20px;
5745 padding: 19px;
5746 margin-bottom: 20px;
5747 background-color: #f5f5f5;
5748 border: 1px solid #e3e3e3;
5749 border-radius: 4px;
5750 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
5751 }
5752 </style>
1275 <template if="{{ isolate.error != null }}"> 5753 <template if="{{ isolate.error != null }}">
1276 <div class="content-centered"> 5754 <div class="content-centered">
1277 <pre class="errorBox">{{ isolate.error.message }}</pre> 5755 <pre class="errorBox">{{ isolate.error.message }}</pre>
1278 <br> 5756 <br>
1279 </div> 5757 </div>
1280 </template> 5758 </template>
1281 <div class="flex-row"> 5759 <div class="flex-row">
1282 <div class="flex-item-10-percent"> 5760 <div class="flex-item-10-percent">
1283 </div> 5761 </div>
1284 <div class="flex-item-40-percent"> 5762 <div class="flex-item-40-percent">
(...skipping 48 matching lines...) Expand 10 before | Expand all | Expand 10 after
1333 </template> 5811 </template>
1334 </polymer-element> 5812 </polymer-element>
1335 5813
1336 <polymer-element name="isolate-counter-chart" extends="observatory-element"> 5814 <polymer-element name="isolate-counter-chart" extends="observatory-element">
1337 <template> 5815 <template>
1338 <div id="counterPieChart" style="height: 200px"></div> 5816 <div id="counterPieChart" style="height: 200px"></div>
1339 </template> 5817 </template>
1340 </polymer-element> 5818 </polymer-element>
1341 5819
1342 5820
5821
5822
5823
5824
5825
5826
5827
5828
5829
5830
5831
1343 <polymer-element name="isolate-view" extends="observatory-element"> 5832 <polymer-element name="isolate-view" extends="observatory-element">
1344 <template> 5833 <template>
1345 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 5834 <style>
5835 /* Global styles */
5836 * {
5837 margin: 0;
5838 padding: 0;
5839 font: 400 14px 'Montserrat', sans-serif;
5840 color: #333;
5841 box-sizing: border-box;
5842 }
5843
5844 .content {
5845 padding-left: 10%;
5846 font: 400 14px 'Montserrat', sans-serif;
5847 }
5848
5849 .content-centered {
5850 padding-left: 10%;
5851 padding-right: 10%;
5852 font: 400 14px 'Montserrat', sans-serif;
5853 }
5854
5855 h1 {
5856 font: 400 18px 'Montserrat', sans-serif;
5857 }
5858
5859 .memberList {
5860 display: table;
5861 }
5862
5863 .memberItem {
5864 display: table-row;
5865 }
5866
5867 .memberName, .memberValue {
5868 display: table-cell;
5869 vertical-align: top;
5870 padding: 3px 0 3px 1em;
5871 font: 400 14px 'Montserrat', sans-serif;
5872 }
5873
5874 .monospace {
5875 font-family: consolas, courier, monospace;
5876 font-size: 1em;
5877 line-height: 1.2em;
5878 white-space: nowrap;
5879 }
5880
5881 a {
5882 color: #0489c3;
5883 text-decoration: none;
5884 }
5885
5886 a:hover {
5887 text-decoration: underline;
5888 }
5889
5890 em {
5891 color: inherit;
5892 font-style:italic;
5893 }
5894
5895 hr {
5896 margin-top: 20px;
5897 margin-bottom: 20px;
5898 border: 0;
5899 border-top: 1px solid #eee;
5900 height: 0;
5901 box-sizing: content-box;
5902 }
5903
5904 .list-group {
5905 padding-left: 0;
5906 margin-bottom: 20px;
5907 }
5908
5909 .list-group-item {
5910 position: relative;
5911 display: block;
5912 padding: 10px 15px;
5913 margin-bottom: -1px;
5914 background-color: #fff;
5915 }
5916
5917 .list-group-item:first-child {
5918 /* rounded top corners */
5919 border-top-right-radius:4px;
5920 border-top-left-radius:4px;
5921 }
5922
5923 .list-group-item:last-child {
5924 margin-bottom: 0;
5925 /* rounded bottom corners */
5926 border-bottom-right-radius: 4px;
5927 border-bottom-left-radius:4px;
5928 }
5929
5930 /* Flex row container */
5931 .flex-row {
5932 display: flex;
5933 flex-direction: row;
5934 }
5935
5936 /* Flex column container */
5937 .flex-column {
5938 display: flex;
5939 flex-direction: column;
5940 }
5941
5942 .flex-item-fit {
5943 flex-grow: 1;
5944 flex-shrink: 1;
5945 flex-basis: auto;
5946 }
5947
5948 .flex-item-no-shrink {
5949 flex-grow: 0;
5950 flex-shrink: 0;
5951 flex-basis: auto;
5952 }
5953
5954 .flex-item-fill {
5955 flex-grow: 0;
5956 flex-shrink: 1; /* shrink when pressured */
5957 flex-basis: 100%; /* try and take 100% */
5958 }
5959
5960 .flex-item-fixed-1-12 {
5961 flex-grow: 0;
5962 flex-shrink: 0;
5963 flex-basis: 8.3%;
5964 }
5965
5966 .flex-item-fixed-2-12 {
5967 flex-grow: 0;
5968 flex-shrink: 0;
5969 flex-basis: 16.6%;
5970 }
5971
5972 .flex-item-fixed-4-12 {
5973 flex-grow: 0;
5974 flex-shrink: 0;
5975 flex-basis: 33.3333%;
5976 }
5977
5978 .flex-item-fixed-6-12, .flex-item-50-percent {
5979 flex-grow: 0;
5980 flex-shrink: 0;
5981 flex-basis: 50%;
5982 }
5983
5984 .flex-item-fixed-8-12 {
5985 flex-grow: 0;
5986 flex-shrink: 0;
5987 flex-basis: 66.6666%;
5988 }
5989
5990 .flex-item-fixed-9-12 {
5991 flex-grow: 0;
5992 flex-shrink: 0;
5993 flex-basis: 75%;
5994 }
5995
5996
5997 .flex-item-fixed-12-12 {
5998 flex-grow: 0;
5999 flex-shrink: 0;
6000 flex-basis: 100%;
6001 }
6002
6003 .flex-item-10-percent {
6004 flex-grow: 0;
6005 flex-shrink: 0;
6006 flex-basis: 10%;
6007 }
6008
6009 .flex-item-15-percent {
6010 flex-grow: 0;
6011 flex-shrink: 0;
6012 flex-basis: 15%;
6013 }
6014
6015 .flex-item-20-percent {
6016 flex-grow: 0;
6017 flex-shrink: 0;
6018 flex-basis: 20%;
6019 }
6020
6021 .flex-item-30-percent {
6022 flex-grow: 0;
6023 flex-shrink: 0;
6024 flex-basis: 30%;
6025 }
6026
6027 .flex-item-40-percent {
6028 flex-grow: 0;
6029 flex-shrink: 0;
6030 flex-basis: 40%;
6031 }
6032
6033 .flex-item-60-percent {
6034 flex-grow: 0;
6035 flex-shrink: 0;
6036 flex-basis: 60%;
6037 }
6038
6039 .flex-item-70-percent {
6040 flex-grow: 0;
6041 flex-shrink: 0;
6042 flex-basis: 70%;
6043 }
6044
6045 .flex-item-80-percent {
6046 flex-grow: 0;
6047 flex-shrink: 0;
6048 flex-basis: 80%;
6049 }
6050
6051 .well {
6052 min-height: 20px;
6053 padding: 19px;
6054 margin-bottom: 20px;
6055 background-color: #f5f5f5;
6056 border: 1px solid #e3e3e3;
6057 border-radius: 4px;
6058 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
6059 }
6060 </style>
1346 <style> 6061 <style>
1347 .sourceInset { 6062 .sourceInset {
1348 padding-left: 15%; 6063 padding-left: 15%;
1349 padding-right: 15%; 6064 padding-right: 15%;
1350 } 6065 }
1351 .miniProfileChart { 6066 .miniProfileChart {
1352 width: 80%; 6067 width: 80%;
1353 } 6068 }
1354 </style> 6069 </style>
1355 6070
(...skipping 105 matching lines...) Expand 10 before | Expand all | Expand 10 after
1461 <hr> 6176 <hr>
1462 6177
1463 <div class="content"> 6178 <div class="content">
1464 <eval-box callback="{{ eval }}"></eval-box> 6179 <eval-box callback="{{ eval }}"></eval-box>
1465 </div> 6180 </div>
1466 <br><br><br><br> 6181 <br><br><br><br>
1467 <br><br><br><br> 6182 <br><br><br><br>
1468 </template> 6183 </template>
1469 6184
1470 </polymer-element> 6185 </polymer-element>
6186
6187
6188
6189
6190
6191
6192
6193
6194
6195
1471 <polymer-element name="instance-view" extends="observatory-element"> 6196 <polymer-element name="instance-view" extends="observatory-element">
1472 <template> 6197 <template>
1473 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 6198 <style>
6199 /* Global styles */
6200 * {
6201 margin: 0;
6202 padding: 0;
6203 font: 400 14px 'Montserrat', sans-serif;
6204 color: #333;
6205 box-sizing: border-box;
6206 }
6207
6208 .content {
6209 padding-left: 10%;
6210 font: 400 14px 'Montserrat', sans-serif;
6211 }
6212
6213 .content-centered {
6214 padding-left: 10%;
6215 padding-right: 10%;
6216 font: 400 14px 'Montserrat', sans-serif;
6217 }
6218
6219 h1 {
6220 font: 400 18px 'Montserrat', sans-serif;
6221 }
6222
6223 .memberList {
6224 display: table;
6225 }
6226
6227 .memberItem {
6228 display: table-row;
6229 }
6230
6231 .memberName, .memberValue {
6232 display: table-cell;
6233 vertical-align: top;
6234 padding: 3px 0 3px 1em;
6235 font: 400 14px 'Montserrat', sans-serif;
6236 }
6237
6238 .monospace {
6239 font-family: consolas, courier, monospace;
6240 font-size: 1em;
6241 line-height: 1.2em;
6242 white-space: nowrap;
6243 }
6244
6245 a {
6246 color: #0489c3;
6247 text-decoration: none;
6248 }
6249
6250 a:hover {
6251 text-decoration: underline;
6252 }
6253
6254 em {
6255 color: inherit;
6256 font-style:italic;
6257 }
6258
6259 hr {
6260 margin-top: 20px;
6261 margin-bottom: 20px;
6262 border: 0;
6263 border-top: 1px solid #eee;
6264 height: 0;
6265 box-sizing: content-box;
6266 }
6267
6268 .list-group {
6269 padding-left: 0;
6270 margin-bottom: 20px;
6271 }
6272
6273 .list-group-item {
6274 position: relative;
6275 display: block;
6276 padding: 10px 15px;
6277 margin-bottom: -1px;
6278 background-color: #fff;
6279 }
6280
6281 .list-group-item:first-child {
6282 /* rounded top corners */
6283 border-top-right-radius:4px;
6284 border-top-left-radius:4px;
6285 }
6286
6287 .list-group-item:last-child {
6288 margin-bottom: 0;
6289 /* rounded bottom corners */
6290 border-bottom-right-radius: 4px;
6291 border-bottom-left-radius:4px;
6292 }
6293
6294 /* Flex row container */
6295 .flex-row {
6296 display: flex;
6297 flex-direction: row;
6298 }
6299
6300 /* Flex column container */
6301 .flex-column {
6302 display: flex;
6303 flex-direction: column;
6304 }
6305
6306 .flex-item-fit {
6307 flex-grow: 1;
6308 flex-shrink: 1;
6309 flex-basis: auto;
6310 }
6311
6312 .flex-item-no-shrink {
6313 flex-grow: 0;
6314 flex-shrink: 0;
6315 flex-basis: auto;
6316 }
6317
6318 .flex-item-fill {
6319 flex-grow: 0;
6320 flex-shrink: 1; /* shrink when pressured */
6321 flex-basis: 100%; /* try and take 100% */
6322 }
6323
6324 .flex-item-fixed-1-12 {
6325 flex-grow: 0;
6326 flex-shrink: 0;
6327 flex-basis: 8.3%;
6328 }
6329
6330 .flex-item-fixed-2-12 {
6331 flex-grow: 0;
6332 flex-shrink: 0;
6333 flex-basis: 16.6%;
6334 }
6335
6336 .flex-item-fixed-4-12 {
6337 flex-grow: 0;
6338 flex-shrink: 0;
6339 flex-basis: 33.3333%;
6340 }
6341
6342 .flex-item-fixed-6-12, .flex-item-50-percent {
6343 flex-grow: 0;
6344 flex-shrink: 0;
6345 flex-basis: 50%;
6346 }
6347
6348 .flex-item-fixed-8-12 {
6349 flex-grow: 0;
6350 flex-shrink: 0;
6351 flex-basis: 66.6666%;
6352 }
6353
6354 .flex-item-fixed-9-12 {
6355 flex-grow: 0;
6356 flex-shrink: 0;
6357 flex-basis: 75%;
6358 }
6359
6360
6361 .flex-item-fixed-12-12 {
6362 flex-grow: 0;
6363 flex-shrink: 0;
6364 flex-basis: 100%;
6365 }
6366
6367 .flex-item-10-percent {
6368 flex-grow: 0;
6369 flex-shrink: 0;
6370 flex-basis: 10%;
6371 }
6372
6373 .flex-item-15-percent {
6374 flex-grow: 0;
6375 flex-shrink: 0;
6376 flex-basis: 15%;
6377 }
6378
6379 .flex-item-20-percent {
6380 flex-grow: 0;
6381 flex-shrink: 0;
6382 flex-basis: 20%;
6383 }
6384
6385 .flex-item-30-percent {
6386 flex-grow: 0;
6387 flex-shrink: 0;
6388 flex-basis: 30%;
6389 }
6390
6391 .flex-item-40-percent {
6392 flex-grow: 0;
6393 flex-shrink: 0;
6394 flex-basis: 40%;
6395 }
6396
6397 .flex-item-60-percent {
6398 flex-grow: 0;
6399 flex-shrink: 0;
6400 flex-basis: 60%;
6401 }
6402
6403 .flex-item-70-percent {
6404 flex-grow: 0;
6405 flex-shrink: 0;
6406 flex-basis: 70%;
6407 }
6408
6409 .flex-item-80-percent {
6410 flex-grow: 0;
6411 flex-shrink: 0;
6412 flex-basis: 80%;
6413 }
6414
6415 .well {
6416 min-height: 20px;
6417 padding: 19px;
6418 margin-bottom: 20px;
6419 background-color: #f5f5f5;
6420 border: 1px solid #e3e3e3;
6421 border-radius: 4px;
6422 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
6423 }
6424 </style>
1474 <nav-bar> 6425 <nav-bar>
1475 <top-nav-menu></top-nav-menu> 6426 <top-nav-menu></top-nav-menu>
1476 <isolate-nav-menu isolate="{{ instance.isolate }}"></isolate-nav-menu> 6427 <isolate-nav-menu isolate="{{ instance.isolate }}"></isolate-nav-menu>
1477 <!-- TODO(turnidge): Add library nav menu here. --> 6428 <!-- TODO(turnidge): Add library nav menu here. -->
1478 <class-nav-menu cls="{{ instance['class'] }}"></class-nav-menu> 6429 <class-nav-menu cls="{{ instance['class'] }}"></class-nav-menu>
1479 <nav-menu link="." anchor="instance" last="{{ true }}"></nav-menu> 6430 <nav-menu link="." anchor="instance" last="{{ true }}"></nav-menu>
1480 <nav-refresh callback="{{ refresh }}"></nav-refresh> 6431 <nav-refresh callback="{{ refresh }}"></nav-refresh>
1481 </nav-bar> 6432 </nav-bar>
1482 6433
1483 <template if="{{ instance['error'] != null }}"> 6434 <template if="{{ instance['error'] != null }}">
(...skipping 27 matching lines...) Expand all
1511 <div class="memberName">size</div> 6462 <div class="memberName">size</div>
1512 <div class="memberValue">{{ instance['size'] | formatSize }}</div> 6463 <div class="memberValue">{{ instance['size'] | formatSize }}</div>
1513 </div> 6464 </div>
1514 <div class="memberItem"> 6465 <div class="memberItem">
1515 <div class="memberName">retained size</div> 6466 <div class="memberName">retained size</div>
1516 <div class="memberValue"> 6467 <div class="memberValue">
1517 <eval-link callback="{{ retainedSize }}" label="[calculate]"> 6468 <eval-link callback="{{ retainedSize }}" label="[calculate]">
1518 </eval-link> 6469 </eval-link>
1519 </div> 6470 </div>
1520 </div> 6471 </div>
1521 </div>
1522 <div class="memberItem"> 6472 <div class="memberItem">
1523 <div class="memberName">retaining path</div> 6473 <div class="memberName">retaining path</div>
1524 <div class="memberValue"> 6474 <div class="memberValue">
1525 <template if="{{ path == null }}"> 6475 <template if="{{ path == null }}">
1526 <eval-link callback="{{ retainingPath }}" label="[find]" expr="1 0"> 6476 <eval-link callback="{{ retainingPath }}" label="[find]" expr="1 0">
1527 </eval-link> 6477 </eval-link>
1528 </template> 6478 </template>
1529 <template if="{{ path != null }}"> 6479 <template if="{{ path != null }}">
1530 <template repeat="{{ element in path['elements'] }}"> 6480 <template repeat="{{ element in path['elements'] }}">
1531 <div class="memberItem"> 6481 <div class="memberItem">
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after
1564 6514
1565 <div class="memberItem">&nbsp;</div> 6515 <div class="memberItem">&nbsp;</div>
1566 6516
1567 <div class="memberItem"> 6517 <div class="memberItem">
1568 <div class="memberName">toString()</div> 6518 <div class="memberName">toString()</div>
1569 <div class="memberValue"> 6519 <div class="memberValue">
1570 <eval-link callback="{{ eval }}" expr="toString()"></eval-link> 6520 <eval-link callback="{{ eval }}" expr="toString()"></eval-link>
1571 </div> 6521 </div>
1572 </div> 6522 </div>
1573 </div> 6523 </div>
1574 6524 </div>
1575 6525
1576 <hr> 6526 <hr>
1577 6527
1578 <div class="content"> 6528 <div class="content">
1579 <template if="{{ instance['fields'].isNotEmpty }}"> 6529 <template if="{{ instance['fields'].isNotEmpty }}">
1580 fields ({{ instance['fields'].length }}) 6530 fields ({{ instance['fields'].length }})
1581 <curly-block expand="{{ instance['fields'].length <= 8 }}"> 6531 <curly-block expand="{{ instance['fields'].length <= 8 }}">
1582 <div class="memberList"> 6532 <div class="memberList">
1583 <template repeat="{{ field in instance['fields'] }}"> 6533 <template repeat="{{ field in instance['fields'] }}">
1584 <div class="memberItem"> 6534 <div class="memberItem">
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after
1626 </template> 6576 </template>
1627 </div> 6577 </div>
1628 6578
1629 <hr> 6579 <hr>
1630 6580
1631 <div class="content"> 6581 <div class="content">
1632 <eval-box callback="{{ eval }}"></eval-box> 6582 <eval-box callback="{{ eval }}"></eval-box>
1633 </div> 6583 </div>
1634 <br><br><br><br> 6584 <br><br><br><br>
1635 <br><br><br><br> 6585 <br><br><br><br>
6586
1636 </template> 6587 </template>
1637 </template> 6588 </template>
1638 6589
1639 </polymer-element> 6590 </polymer-element>
6591
6592
1640 <polymer-element name="json-view" extends="observatory-element"> 6593 <polymer-element name="json-view" extends="observatory-element">
1641 <template> 6594 <template>
1642 <nav-bar> 6595 <nav-bar>
1643 <top-nav-menu last="{{ true }}"></top-nav-menu> 6596 <top-nav-menu last="{{ true }}"></top-nav-menu>
1644 </nav-bar> 6597 </nav-bar>
1645 <pre>{{ mapAsString }}</pre> 6598 <pre>{{ mapAsString }}</pre>
1646 </template> 6599 </template>
1647 6600
1648 </polymer-element> 6601 </polymer-element>
6602
6603
6604
6605
6606
6607
6608
6609
6610
6611
6612
1649 <polymer-element name="library-view" extends="observatory-element"> 6613 <polymer-element name="library-view" extends="observatory-element">
1650 <template> 6614 <template>
1651 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 6615 <style>
6616 /* Global styles */
6617 * {
6618 margin: 0;
6619 padding: 0;
6620 font: 400 14px 'Montserrat', sans-serif;
6621 color: #333;
6622 box-sizing: border-box;
6623 }
6624
6625 .content {
6626 padding-left: 10%;
6627 font: 400 14px 'Montserrat', sans-serif;
6628 }
6629
6630 .content-centered {
6631 padding-left: 10%;
6632 padding-right: 10%;
6633 font: 400 14px 'Montserrat', sans-serif;
6634 }
6635
6636 h1 {
6637 font: 400 18px 'Montserrat', sans-serif;
6638 }
6639
6640 .memberList {
6641 display: table;
6642 }
6643
6644 .memberItem {
6645 display: table-row;
6646 }
6647
6648 .memberName, .memberValue {
6649 display: table-cell;
6650 vertical-align: top;
6651 padding: 3px 0 3px 1em;
6652 font: 400 14px 'Montserrat', sans-serif;
6653 }
6654
6655 .monospace {
6656 font-family: consolas, courier, monospace;
6657 font-size: 1em;
6658 line-height: 1.2em;
6659 white-space: nowrap;
6660 }
6661
6662 a {
6663 color: #0489c3;
6664 text-decoration: none;
6665 }
6666
6667 a:hover {
6668 text-decoration: underline;
6669 }
6670
6671 em {
6672 color: inherit;
6673 font-style:italic;
6674 }
6675
6676 hr {
6677 margin-top: 20px;
6678 margin-bottom: 20px;
6679 border: 0;
6680 border-top: 1px solid #eee;
6681 height: 0;
6682 box-sizing: content-box;
6683 }
6684
6685 .list-group {
6686 padding-left: 0;
6687 margin-bottom: 20px;
6688 }
6689
6690 .list-group-item {
6691 position: relative;
6692 display: block;
6693 padding: 10px 15px;
6694 margin-bottom: -1px;
6695 background-color: #fff;
6696 }
6697
6698 .list-group-item:first-child {
6699 /* rounded top corners */
6700 border-top-right-radius:4px;
6701 border-top-left-radius:4px;
6702 }
6703
6704 .list-group-item:last-child {
6705 margin-bottom: 0;
6706 /* rounded bottom corners */
6707 border-bottom-right-radius: 4px;
6708 border-bottom-left-radius:4px;
6709 }
6710
6711 /* Flex row container */
6712 .flex-row {
6713 display: flex;
6714 flex-direction: row;
6715 }
6716
6717 /* Flex column container */
6718 .flex-column {
6719 display: flex;
6720 flex-direction: column;
6721 }
6722
6723 .flex-item-fit {
6724 flex-grow: 1;
6725 flex-shrink: 1;
6726 flex-basis: auto;
6727 }
6728
6729 .flex-item-no-shrink {
6730 flex-grow: 0;
6731 flex-shrink: 0;
6732 flex-basis: auto;
6733 }
6734
6735 .flex-item-fill {
6736 flex-grow: 0;
6737 flex-shrink: 1; /* shrink when pressured */
6738 flex-basis: 100%; /* try and take 100% */
6739 }
6740
6741 .flex-item-fixed-1-12 {
6742 flex-grow: 0;
6743 flex-shrink: 0;
6744 flex-basis: 8.3%;
6745 }
6746
6747 .flex-item-fixed-2-12 {
6748 flex-grow: 0;
6749 flex-shrink: 0;
6750 flex-basis: 16.6%;
6751 }
6752
6753 .flex-item-fixed-4-12 {
6754 flex-grow: 0;
6755 flex-shrink: 0;
6756 flex-basis: 33.3333%;
6757 }
6758
6759 .flex-item-fixed-6-12, .flex-item-50-percent {
6760 flex-grow: 0;
6761 flex-shrink: 0;
6762 flex-basis: 50%;
6763 }
6764
6765 .flex-item-fixed-8-12 {
6766 flex-grow: 0;
6767 flex-shrink: 0;
6768 flex-basis: 66.6666%;
6769 }
6770
6771 .flex-item-fixed-9-12 {
6772 flex-grow: 0;
6773 flex-shrink: 0;
6774 flex-basis: 75%;
6775 }
6776
6777
6778 .flex-item-fixed-12-12 {
6779 flex-grow: 0;
6780 flex-shrink: 0;
6781 flex-basis: 100%;
6782 }
6783
6784 .flex-item-10-percent {
6785 flex-grow: 0;
6786 flex-shrink: 0;
6787 flex-basis: 10%;
6788 }
6789
6790 .flex-item-15-percent {
6791 flex-grow: 0;
6792 flex-shrink: 0;
6793 flex-basis: 15%;
6794 }
6795
6796 .flex-item-20-percent {
6797 flex-grow: 0;
6798 flex-shrink: 0;
6799 flex-basis: 20%;
6800 }
6801
6802 .flex-item-30-percent {
6803 flex-grow: 0;
6804 flex-shrink: 0;
6805 flex-basis: 30%;
6806 }
6807
6808 .flex-item-40-percent {
6809 flex-grow: 0;
6810 flex-shrink: 0;
6811 flex-basis: 40%;
6812 }
6813
6814 .flex-item-60-percent {
6815 flex-grow: 0;
6816 flex-shrink: 0;
6817 flex-basis: 60%;
6818 }
6819
6820 .flex-item-70-percent {
6821 flex-grow: 0;
6822 flex-shrink: 0;
6823 flex-basis: 70%;
6824 }
6825
6826 .flex-item-80-percent {
6827 flex-grow: 0;
6828 flex-shrink: 0;
6829 flex-basis: 80%;
6830 }
6831
6832 .well {
6833 min-height: 20px;
6834 padding: 19px;
6835 margin-bottom: 20px;
6836 background-color: #f5f5f5;
6837 border: 1px solid #e3e3e3;
6838 border-radius: 4px;
6839 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
6840 }
6841 </style>
1652 6842
1653 <nav-bar> 6843 <nav-bar>
1654 <top-nav-menu></top-nav-menu> 6844 <top-nav-menu></top-nav-menu>
1655 <isolate-nav-menu isolate="{{ library.isolate }}"></isolate-nav-menu> 6845 <isolate-nav-menu isolate="{{ library.isolate }}"></isolate-nav-menu>
1656 <library-nav-menu library="{{ library }}" last="{{ true }}"></library-nav- menu> 6846 <library-nav-menu library="{{ library }}" last="{{ true }}"></library-nav- menu>
1657 <nav-refresh callback="{{ refresh }}"></nav-refresh> 6847 <nav-refresh callback="{{ refresh }}"></nav-refresh>
1658 </nav-bar> 6848 </nav-bar>
1659 6849
1660 <div class="content"> 6850 <div class="content">
1661 <h1> 6851 <h1>
(...skipping 106 matching lines...) Expand 10 before | Expand all | Expand 10 after
1768 <hr> 6958 <hr>
1769 6959
1770 <div class="content"> 6960 <div class="content">
1771 <eval-box callback="{{ eval }}"></eval-box> 6961 <eval-box callback="{{ eval }}"></eval-box>
1772 </div> 6962 </div>
1773 <br><br><br><br> 6963 <br><br><br><br>
1774 <br><br><br><br> 6964 <br><br><br><br>
1775 </template> 6965 </template>
1776 6966
1777 </polymer-element> 6967 </polymer-element>
6968
6969
6970
6971
6972
6973
6974
6975
6976
6977
6978
6979
6980
6981
6982
6983
6984
6985
6986
6987
6988
6989
6990
6991
6992
6993
6994 <polymer-element name="heap-profile" extends="observatory-element">
6995 <template>
6996 <style>
6997 /* Global styles */
6998 * {
6999 margin: 0;
7000 padding: 0;
7001 font: 400 14px 'Montserrat', sans-serif;
7002 color: #333;
7003 box-sizing: border-box;
7004 }
7005
7006 .content {
7007 padding-left: 10%;
7008 font: 400 14px 'Montserrat', sans-serif;
7009 }
7010
7011 .content-centered {
7012 padding-left: 10%;
7013 padding-right: 10%;
7014 font: 400 14px 'Montserrat', sans-serif;
7015 }
7016
7017 h1 {
7018 font: 400 18px 'Montserrat', sans-serif;
7019 }
7020
7021 .memberList {
7022 display: table;
7023 }
7024
7025 .memberItem {
7026 display: table-row;
7027 }
7028
7029 .memberName, .memberValue {
7030 display: table-cell;
7031 vertical-align: top;
7032 padding: 3px 0 3px 1em;
7033 font: 400 14px 'Montserrat', sans-serif;
7034 }
7035
7036 .monospace {
7037 font-family: consolas, courier, monospace;
7038 font-size: 1em;
7039 line-height: 1.2em;
7040 white-space: nowrap;
7041 }
7042
7043 a {
7044 color: #0489c3;
7045 text-decoration: none;
7046 }
7047
7048 a:hover {
7049 text-decoration: underline;
7050 }
7051
7052 em {
7053 color: inherit;
7054 font-style:italic;
7055 }
7056
7057 hr {
7058 margin-top: 20px;
7059 margin-bottom: 20px;
7060 border: 0;
7061 border-top: 1px solid #eee;
7062 height: 0;
7063 box-sizing: content-box;
7064 }
7065
7066 .list-group {
7067 padding-left: 0;
7068 margin-bottom: 20px;
7069 }
7070
7071 .list-group-item {
7072 position: relative;
7073 display: block;
7074 padding: 10px 15px;
7075 margin-bottom: -1px;
7076 background-color: #fff;
7077 }
7078
7079 .list-group-item:first-child {
7080 /* rounded top corners */
7081 border-top-right-radius:4px;
7082 border-top-left-radius:4px;
7083 }
7084
7085 .list-group-item:last-child {
7086 margin-bottom: 0;
7087 /* rounded bottom corners */
7088 border-bottom-right-radius: 4px;
7089 border-bottom-left-radius:4px;
7090 }
7091
7092 /* Flex row container */
7093 .flex-row {
7094 display: flex;
7095 flex-direction: row;
7096 }
7097
7098 /* Flex column container */
7099 .flex-column {
7100 display: flex;
7101 flex-direction: column;
7102 }
7103
7104 .flex-item-fit {
7105 flex-grow: 1;
7106 flex-shrink: 1;
7107 flex-basis: auto;
7108 }
7109
7110 .flex-item-no-shrink {
7111 flex-grow: 0;
7112 flex-shrink: 0;
7113 flex-basis: auto;
7114 }
7115
7116 .flex-item-fill {
7117 flex-grow: 0;
7118 flex-shrink: 1; /* shrink when pressured */
7119 flex-basis: 100%; /* try and take 100% */
7120 }
7121
7122 .flex-item-fixed-1-12 {
7123 flex-grow: 0;
7124 flex-shrink: 0;
7125 flex-basis: 8.3%;
7126 }
7127
7128 .flex-item-fixed-2-12 {
7129 flex-grow: 0;
7130 flex-shrink: 0;
7131 flex-basis: 16.6%;
7132 }
7133
7134 .flex-item-fixed-4-12 {
7135 flex-grow: 0;
7136 flex-shrink: 0;
7137 flex-basis: 33.3333%;
7138 }
7139
7140 .flex-item-fixed-6-12, .flex-item-50-percent {
7141 flex-grow: 0;
7142 flex-shrink: 0;
7143 flex-basis: 50%;
7144 }
7145
7146 .flex-item-fixed-8-12 {
7147 flex-grow: 0;
7148 flex-shrink: 0;
7149 flex-basis: 66.6666%;
7150 }
7151
7152 .flex-item-fixed-9-12 {
7153 flex-grow: 0;
7154 flex-shrink: 0;
7155 flex-basis: 75%;
7156 }
7157
7158
7159 .flex-item-fixed-12-12 {
7160 flex-grow: 0;
7161 flex-shrink: 0;
7162 flex-basis: 100%;
7163 }
7164
7165 .flex-item-10-percent {
7166 flex-grow: 0;
7167 flex-shrink: 0;
7168 flex-basis: 10%;
7169 }
7170
7171 .flex-item-15-percent {
7172 flex-grow: 0;
7173 flex-shrink: 0;
7174 flex-basis: 15%;
7175 }
7176
7177 .flex-item-20-percent {
7178 flex-grow: 0;
7179 flex-shrink: 0;
7180 flex-basis: 20%;
7181 }
7182
7183 .flex-item-30-percent {
7184 flex-grow: 0;
7185 flex-shrink: 0;
7186 flex-basis: 30%;
7187 }
7188
7189 .flex-item-40-percent {
7190 flex-grow: 0;
7191 flex-shrink: 0;
7192 flex-basis: 40%;
7193 }
7194
7195 .flex-item-60-percent {
7196 flex-grow: 0;
7197 flex-shrink: 0;
7198 flex-basis: 60%;
7199 }
7200
7201 .flex-item-70-percent {
7202 flex-grow: 0;
7203 flex-shrink: 0;
7204 flex-basis: 70%;
7205 }
7206
7207 .flex-item-80-percent {
7208 flex-grow: 0;
7209 flex-shrink: 0;
7210 flex-basis: 80%;
7211 }
7212
7213 .well {
7214 min-height: 20px;
7215 padding: 19px;
7216 margin-bottom: 20px;
7217 background-color: #f5f5f5;
7218 border: 1px solid #e3e3e3;
7219 border-radius: 4px;
7220 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
7221 }
7222 </style>
7223 <style>
7224 .table {
7225 border-collapse: collapse!important;
7226 width: 100%;
7227 margin-bottom: 20px
7228 table-layout: fixed;
7229 }
7230 .table td:nth-of-type(1) {
7231 width: 30%;
7232 }
7233 .th, .td {
7234 padding: 8px;
7235 vertical-align: top;
7236 }
7237 .table thead > tr > th {
7238 vertical-align: bottom;
7239 text-align: left;
7240 border-bottom:2px solid #ddd;
7241 }
7242 .clickable {
7243 color: #0489c3;
7244 text-decoration: none;
7245 cursor: pointer;
7246 }
7247 .clickable:hover {
7248 text-decoration: underline;
7249 cursor: pointer;
7250 }
7251 #classtable tr:hover > td {
7252 background-color: #F4C7C3;
7253 }
7254 </style>
7255 <nav-bar>
7256 <top-nav-menu></top-nav-menu>
7257 <isolate-nav-menu isolate="{{ profile.isolate }}"></isolate-nav-menu>
7258 <nav-menu link="{{ profile.isolate.relativeHashLink('allocationprofile') }}" anchor="heap profile" last="{{ true }}"></nav-menu>
7259 <nav-refresh callback="{{ resetAccumulator }}" label="Reset Accumulator"></n av-refresh>
7260 <nav-refresh callback="{{ refreshGC }}" label="GC"></nav-refresh>
7261 <nav-refresh callback="{{ refresh }}"></nav-refresh>
7262 </nav-bar>
7263
7264 <div class="flex-row">
7265 <div id="newPieChart" class="flex-item-fixed-4-12" style="height: 400px">
7266 </div>
7267 <div id="newStatus" class="flex-item-fixed-2-12">
7268 <div class="memberList">
7269 <div class="memberItem">
7270 <div class="memberName">Collections</div>
7271 <div class="memberValue">{{ formattedCollections(true) }}</div>
7272 </div>
7273 <div class="memberItem">
7274 <div class="memberName">Average Collection Time</div>
7275 <div class="memberValue">{{ formattedAverage(true) }}</div>
7276 </div>
7277 <div class="memberItem">
7278 <div class="memberName">Cumulative Collection Time</div>
7279 <div class="memberValue">{{ formattedTotalCollectionTime(true) }}</d iv>
7280 </div>
7281 </div>
7282 </div>
7283 <div id="oldPieChart" class="flex-item-fixed-4-12" style="height: 400px">
7284 </div>
7285 <div id="oldStatus" class="flex-item-fixed-2-12">
7286 <div class="memberList">
7287 <div class="memberItem">
7288 <div class="memberName">Collections</div>
7289 <div class="memberValue">{{ formattedCollections(false) }}</div>
7290 </div>
7291 <div class="memberItem">
7292 <div class="memberName">Average Collection Time</div>
7293 <div class="memberValue">{{ formattedAverage(false) }}</div>
7294 </div>
7295 <div class="memberItem">
7296 <div class="memberName">Cumulative Collection Time</div>
7297 <div class="memberValue">{{ formattedTotalCollectionTime(false) }}</ div>
7298 </div>
7299 </div>
7300 </div>
7301 </div>
7302 <div class="flex-row">
7303 <table id="classtable" class="flex-item-fixed-12-12 table">
7304 <thead>
7305 <tr>
7306 <th on-click="{{changeSort}}" class="clickable" title="Class">{{ class Table.getColumnLabel(0) }}</th>
7307 <th on-click="{{changeSort}}" class="clickable" title="New Accumulated Size">{{ classTable.getColumnLabel(1) }}</th>
7308 <th on-click="{{changeSort}}" class="clickable" title="New Accumulated Instances">{{ classTable.getColumnLabel(2) }}</th>
7309 <th on-click="{{changeSort}}" class="clickable" title="New Current Siz e">{{ classTable.getColumnLabel(3) }}</th>
7310 <th on-click="{{changeSort}}" class="clickable" title="New Current Ins tances">{{ classTable.getColumnLabel(4) }}</th>
7311 <th on-click="{{changeSort}}" class="clickable" title="Old Accumulated Size">{{ classTable.getColumnLabel(5) }}</th>
7312 <th on-click="{{changeSort}}" class="clickable" title="Old Accumulated Instances">{{ classTable.getColumnLabel(6) }}</th>
7313 <th on-click="{{changeSort}}" class="clickable" title="Old Current Siz e">{{ classTable.getColumnLabel(7) }}</th>
7314 <th on-click="{{changeSort}}" class="clickable" title="Old Current Ins tances">{{ classTable.getColumnLabel(8) }}</th>
7315 </tr>
7316 </thead>
7317 <tbody>
7318 <tr template="" repeat="{{row in classTable.sortedRows }}">
7319 <td><class-ref ref="{{ classTable.getValue(row, 0) }}"></class-ref></t d>
7320 <td title="{{ classTable.getValue(row, 1) }}">{{ classTable.getFormatt edValue(row, 1) }}</td>
7321 <td title="{{ classTable.getValue(row, 2) }}">{{ classTable.getFormatt edValue(row, 2) }}</td>
7322 <td title="{{ classTable.getValue(row, 3) }}">{{ classTable.getFormatt edValue(row, 3) }}</td>
7323 <td title="{{ classTable.getValue(row, 4) }}">{{ classTable.getFormatt edValue(row, 4) }}</td>
7324 <td title="{{ classTable.getValue(row, 5) }}">{{ classTable.getFormatt edValue(row, 5) }}</td>
7325 <td title="{{ classTable.getValue(row, 6) }}">{{ classTable.getFormatt edValue(row, 6) }}</td>
7326 <td title="{{ classTable.getValue(row, 7) }}">{{ classTable.getFormatt edValue(row, 7) }}</td>
7327 <td title="{{ classTable.getValue(row, 8) }}">{{ classTable.getFormatt edValue(row, 8) }}</td>
7328 </tr>
7329 </tbody>
7330 </table>
7331 </div>
7332 </template>
7333
7334 </polymer-element>
7335
7336
7337
7338
7339
7340
1778 <polymer-element name="sliding-checkbox"> 7341 <polymer-element name="sliding-checkbox">
1779 <template> 7342 <template>
1780 <style> 7343 <style>
1781 .switch { 7344 .switch {
1782 position: relative; 7345 position: relative;
1783 width: 121px; 7346 width: 121px;
1784 -webkit-user-select: none; 7347 -webkit-user-select: none;
1785 -moz-user-select: none; 7348 -moz-user-select: none;
1786 -ms-user-select: none; 7349 -ms-user-select: none;
1787 } 7350 }
(...skipping 66 matching lines...) Expand 10 before | Expand all | Expand 10 after
1854 <label class="label" for="slide-switch"> 7417 <label class="label" for="slide-switch">
1855 <div class="content"></div> 7418 <div class="content"></div>
1856 <div class="dot"></div> 7419 <div class="dot"></div>
1857 </label> 7420 </label>
1858 </div> 7421 </div>
1859 </template> 7422 </template>
1860 7423
1861 </polymer-element> 7424 </polymer-element>
1862 <polymer-element name="isolate-profile" extends="observatory-element"> 7425 <polymer-element name="isolate-profile" extends="observatory-element">
1863 <template> 7426 <template>
1864 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 7427 <style>
7428 /* Global styles */
7429 * {
7430 margin: 0;
7431 padding: 0;
7432 font: 400 14px 'Montserrat', sans-serif;
7433 color: #333;
7434 box-sizing: border-box;
7435 }
7436
7437 .content {
7438 padding-left: 10%;
7439 font: 400 14px 'Montserrat', sans-serif;
7440 }
7441
7442 .content-centered {
7443 padding-left: 10%;
7444 padding-right: 10%;
7445 font: 400 14px 'Montserrat', sans-serif;
7446 }
7447
7448 h1 {
7449 font: 400 18px 'Montserrat', sans-serif;
7450 }
7451
7452 .memberList {
7453 display: table;
7454 }
7455
7456 .memberItem {
7457 display: table-row;
7458 }
7459
7460 .memberName, .memberValue {
7461 display: table-cell;
7462 vertical-align: top;
7463 padding: 3px 0 3px 1em;
7464 font: 400 14px 'Montserrat', sans-serif;
7465 }
7466
7467 .monospace {
7468 font-family: consolas, courier, monospace;
7469 font-size: 1em;
7470 line-height: 1.2em;
7471 white-space: nowrap;
7472 }
7473
7474 a {
7475 color: #0489c3;
7476 text-decoration: none;
7477 }
7478
7479 a:hover {
7480 text-decoration: underline;
7481 }
7482
7483 em {
7484 color: inherit;
7485 font-style:italic;
7486 }
7487
7488 hr {
7489 margin-top: 20px;
7490 margin-bottom: 20px;
7491 border: 0;
7492 border-top: 1px solid #eee;
7493 height: 0;
7494 box-sizing: content-box;
7495 }
7496
7497 .list-group {
7498 padding-left: 0;
7499 margin-bottom: 20px;
7500 }
7501
7502 .list-group-item {
7503 position: relative;
7504 display: block;
7505 padding: 10px 15px;
7506 margin-bottom: -1px;
7507 background-color: #fff;
7508 }
7509
7510 .list-group-item:first-child {
7511 /* rounded top corners */
7512 border-top-right-radius:4px;
7513 border-top-left-radius:4px;
7514 }
7515
7516 .list-group-item:last-child {
7517 margin-bottom: 0;
7518 /* rounded bottom corners */
7519 border-bottom-right-radius: 4px;
7520 border-bottom-left-radius:4px;
7521 }
7522
7523 /* Flex row container */
7524 .flex-row {
7525 display: flex;
7526 flex-direction: row;
7527 }
7528
7529 /* Flex column container */
7530 .flex-column {
7531 display: flex;
7532 flex-direction: column;
7533 }
7534
7535 .flex-item-fit {
7536 flex-grow: 1;
7537 flex-shrink: 1;
7538 flex-basis: auto;
7539 }
7540
7541 .flex-item-no-shrink {
7542 flex-grow: 0;
7543 flex-shrink: 0;
7544 flex-basis: auto;
7545 }
7546
7547 .flex-item-fill {
7548 flex-grow: 0;
7549 flex-shrink: 1; /* shrink when pressured */
7550 flex-basis: 100%; /* try and take 100% */
7551 }
7552
7553 .flex-item-fixed-1-12 {
7554 flex-grow: 0;
7555 flex-shrink: 0;
7556 flex-basis: 8.3%;
7557 }
7558
7559 .flex-item-fixed-2-12 {
7560 flex-grow: 0;
7561 flex-shrink: 0;
7562 flex-basis: 16.6%;
7563 }
7564
7565 .flex-item-fixed-4-12 {
7566 flex-grow: 0;
7567 flex-shrink: 0;
7568 flex-basis: 33.3333%;
7569 }
7570
7571 .flex-item-fixed-6-12, .flex-item-50-percent {
7572 flex-grow: 0;
7573 flex-shrink: 0;
7574 flex-basis: 50%;
7575 }
7576
7577 .flex-item-fixed-8-12 {
7578 flex-grow: 0;
7579 flex-shrink: 0;
7580 flex-basis: 66.6666%;
7581 }
7582
7583 .flex-item-fixed-9-12 {
7584 flex-grow: 0;
7585 flex-shrink: 0;
7586 flex-basis: 75%;
7587 }
7588
7589
7590 .flex-item-fixed-12-12 {
7591 flex-grow: 0;
7592 flex-shrink: 0;
7593 flex-basis: 100%;
7594 }
7595
7596 .flex-item-10-percent {
7597 flex-grow: 0;
7598 flex-shrink: 0;
7599 flex-basis: 10%;
7600 }
7601
7602 .flex-item-15-percent {
7603 flex-grow: 0;
7604 flex-shrink: 0;
7605 flex-basis: 15%;
7606 }
7607
7608 .flex-item-20-percent {
7609 flex-grow: 0;
7610 flex-shrink: 0;
7611 flex-basis: 20%;
7612 }
7613
7614 .flex-item-30-percent {
7615 flex-grow: 0;
7616 flex-shrink: 0;
7617 flex-basis: 30%;
7618 }
7619
7620 .flex-item-40-percent {
7621 flex-grow: 0;
7622 flex-shrink: 0;
7623 flex-basis: 40%;
7624 }
7625
7626 .flex-item-60-percent {
7627 flex-grow: 0;
7628 flex-shrink: 0;
7629 flex-basis: 60%;
7630 }
7631
7632 .flex-item-70-percent {
7633 flex-grow: 0;
7634 flex-shrink: 0;
7635 flex-basis: 70%;
7636 }
7637
7638 .flex-item-80-percent {
7639 flex-grow: 0;
7640 flex-shrink: 0;
7641 flex-basis: 80%;
7642 }
7643
7644 .well {
7645 min-height: 20px;
7646 padding: 19px;
7647 margin-bottom: 20px;
7648 background-color: #f5f5f5;
7649 border: 1px solid #e3e3e3;
7650 border-radius: 4px;
7651 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
7652 }
7653 </style>
1865 <nav-bar> 7654 <nav-bar>
1866 <top-nav-menu></top-nav-menu> 7655 <top-nav-menu></top-nav-menu>
1867 <isolate-nav-menu isolate="{{ profile.isolate }}"></isolate-nav-menu> 7656 <isolate-nav-menu isolate="{{ profile.isolate }}"></isolate-nav-menu>
1868 <nav-menu link="{{ profile.isolate.relativeHashLink('profile') }}" anchor= "cpu profile" last="{{ true }}"></nav-menu> 7657 <nav-menu link="{{ profile.isolate.relativeHashLink('profile') }}" anchor= "cpu profile" last="{{ true }}"></nav-menu>
1869 <nav-refresh callback="{{ refresh }}"></nav-refresh> 7658 <nav-refresh callback="{{ refresh }}"></nav-refresh>
1870 </nav-bar> 7659 </nav-bar>
1871 <style> 7660 <style>
1872 .table { 7661 .table {
1873 border-collapse: collapse!important; 7662 border-collapse: collapse!important;
1874 width: 100%; 7663 width: 100%;
(...skipping 158 matching lines...) Expand 10 before | Expand all | Expand 10 after
2033 </div> 7822 </div>
2034 </div> 7823 </div>
2035 </td> 7824 </td>
2036 </tr> 7825 </tr>
2037 </tbody> 7826 </tbody>
2038 </table> 7827 </table>
2039 </div> 7828 </div>
2040 </template> 7829 </template>
2041 7830
2042 </polymer-element> 7831 </polymer-element>
2043 <polymer-element name="heap-profile" extends="observatory-element"> 7832
2044 <template> 7833
2045 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.css" > 7834
2046 <style> 7835
2047 .table {
2048 border-collapse: collapse!important;
2049 width: 100%;
2050 margin-bottom: 20px
2051 table-layout: fixed;
2052 }
2053 .table td:nth-of-type(1) {
2054 width: 30%;
2055 }
2056 .th, .td {
2057 padding: 8px;
2058 vertical-align: top;
2059 }
2060 .table thead > tr > th {
2061 vertical-align: bottom;
2062 text-align: left;
2063 border-bottom:2px solid #ddd;
2064 }
2065 .clickable {
2066 color: #0489c3;
2067 text-decoration: none;
2068 cursor: pointer;
2069 }
2070 .clickable:hover {
2071 text-decoration: underline;
2072 cursor: pointer;
2073 }
2074 #classtable tr:hover > td {
2075 background-color: #F4C7C3;
2076 }
2077 </style>
2078 <nav-bar>
2079 <top-nav-menu></top-nav-menu>
2080 <isolate-nav-menu isolate="{{ profile.isolate }}"></isolate-nav-menu>
2081 <nav-menu link="{{ profile.isolate.relativeHashLink('allocationprofile') }}" anchor="heap profile" last="{{ true }}"></nav-menu>
2082 <nav-refresh callback="{{ resetAccumulator }}" label="Reset Accumulator"></n av-refresh>
2083 <nav-refresh callback="{{ refreshGC }}" label="GC"></nav-refresh>
2084 <nav-refresh callback="{{ refresh }}"></nav-refresh>
2085 </nav-bar>
2086
2087 <div class="flex-row">
2088 <div id="newPieChart" class="flex-item-fixed-4-12" style="height: 400px">
2089 </div>
2090 <div id="newStatus" class="flex-item-fixed-2-12">
2091 <div class="memberList">
2092 <div class="memberItem">
2093 <div class="memberName">Collections</div>
2094 <div class="memberValue">{{ formattedCollections(true) }}</div>
2095 </div>
2096 <div class="memberItem">
2097 <div class="memberName">Average Collection Time</div>
2098 <div class="memberValue">{{ formattedAverage(true) }}</div>
2099 </div>
2100 <div class="memberItem">
2101 <div class="memberName">Cumulative Collection Time</div>
2102 <div class="memberValue">{{ formattedTotalCollectionTime(true) }}</d iv>
2103 </div>
2104 </div>
2105 </div>
2106 <div id="oldPieChart" class="flex-item-fixed-4-12" style="height: 400px">
2107 </div>
2108 <div id="oldStatus" class="flex-item-fixed-2-12">
2109 <div class="memberList">
2110 <div class="memberItem">
2111 <div class="memberName">Collections</div>
2112 <div class="memberValue">{{ formattedCollections(false) }}</div>
2113 </div>
2114 <div class="memberItem">
2115 <div class="memberName">Average Collection Time</div>
2116 <div class="memberValue">{{ formattedAverage(false) }}</div>
2117 </div>
2118 <div class="memberItem">
2119 <div class="memberName">Cumulative Collection Time</div>
2120 <div class="memberValue">{{ formattedTotalCollectionTime(false) }}</ div>
2121 </div>
2122 </div>
2123 </div>
2124 </div>
2125 <div class="flex-row">
2126 <table id="classtable" class="flex-item-fixed-12-12 table">
2127 <thead>
2128 <tr>
2129 <th on-click="{{changeSort}}" class="clickable" title="Class">{{ class Table.getColumnLabel(0) }}</th>
2130 <th on-click="{{changeSort}}" class="clickable" title="New Accumulated Size">{{ classTable.getColumnLabel(1) }}</th>
2131 <th on-click="{{changeSort}}" class="clickable" title="New Accumulated Instances">{{ classTable.getColumnLabel(2) }}</th>
2132 <th on-click="{{changeSort}}" class="clickable" title="New Current Siz e">{{ classTable.getColumnLabel(3) }}</th>
2133 <th on-click="{{changeSort}}" class="clickable" title="New Current Ins tances">{{ classTable.getColumnLabel(4) }}</th>
2134 <th on-click="{{changeSort}}" class="clickable" title="Old Accumulated Size">{{ classTable.getColumnLabel(5) }}</th>
2135 <th on-click="{{changeSort}}" class="clickable" title="Old Accumulated Instances">{{ classTable.getColumnLabel(6) }}</th>
2136 <th on-click="{{changeSort}}" class="clickable" title="Old Current Siz e">{{ classTable.getColumnLabel(7) }}</th>
2137 <th on-click="{{changeSort}}" class="clickable" title="Old Current Ins tances">{{ classTable.getColumnLabel(8) }}</th>
2138 </tr>
2139 </thead>
2140 <tbody>
2141 <tr template="" repeat="{{row in classTable.sortedRows }}">
2142 <td><class-ref ref="{{ classTable.getValue(row, 0) }}"></class-ref></t d>
2143 <td title="{{ classTable.getValue(row, 1) }}">{{ classTable.getFormatt edValue(row, 1) }}</td>
2144 <td title="{{ classTable.getValue(row, 2) }}">{{ classTable.getFormatt edValue(row, 2) }}</td>
2145 <td title="{{ classTable.getValue(row, 3) }}">{{ classTable.getFormatt edValue(row, 3) }}</td>
2146 <td title="{{ classTable.getValue(row, 4) }}">{{ classTable.getFormatt edValue(row, 4) }}</td>
2147 <td title="{{ classTable.getValue(row, 5) }}">{{ classTable.getFormatt edValue(row, 5) }}</td>
2148 <td title="{{ classTable.getValue(row, 6) }}">{{ classTable.getFormatt edValue(row, 6) }}</td>
2149 <td title="{{ classTable.getValue(row, 7) }}">{{ classTable.getFormatt edValue(row, 7) }}</td>
2150 <td title="{{ classTable.getValue(row, 8) }}">{{ classTable.getFormatt edValue(row, 8) }}</td>
2151 </tr>
2152 </tbody>
2153 </table>
2154 </div>
2155 </template>
2156
2157 </polymer-element>
2158 <polymer-element name="script-view" extends="observatory-element"> 7836 <polymer-element name="script-view" extends="observatory-element">
2159 <template> 7837 <template>
2160 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.css" > 7838 <style>
7839 /* Global styles */
7840 * {
7841 margin: 0;
7842 padding: 0;
7843 font: 400 14px 'Montserrat', sans-serif;
7844 color: #333;
7845 box-sizing: border-box;
7846 }
7847
7848 .content {
7849 padding-left: 10%;
7850 font: 400 14px 'Montserrat', sans-serif;
7851 }
7852
7853 .content-centered {
7854 padding-left: 10%;
7855 padding-right: 10%;
7856 font: 400 14px 'Montserrat', sans-serif;
7857 }
7858
7859 h1 {
7860 font: 400 18px 'Montserrat', sans-serif;
7861 }
7862
7863 .memberList {
7864 display: table;
7865 }
7866
7867 .memberItem {
7868 display: table-row;
7869 }
7870
7871 .memberName, .memberValue {
7872 display: table-cell;
7873 vertical-align: top;
7874 padding: 3px 0 3px 1em;
7875 font: 400 14px 'Montserrat', sans-serif;
7876 }
7877
7878 .monospace {
7879 font-family: consolas, courier, monospace;
7880 font-size: 1em;
7881 line-height: 1.2em;
7882 white-space: nowrap;
7883 }
7884
7885 a {
7886 color: #0489c3;
7887 text-decoration: none;
7888 }
7889
7890 a:hover {
7891 text-decoration: underline;
7892 }
7893
7894 em {
7895 color: inherit;
7896 font-style:italic;
7897 }
7898
7899 hr {
7900 margin-top: 20px;
7901 margin-bottom: 20px;
7902 border: 0;
7903 border-top: 1px solid #eee;
7904 height: 0;
7905 box-sizing: content-box;
7906 }
7907
7908 .list-group {
7909 padding-left: 0;
7910 margin-bottom: 20px;
7911 }
7912
7913 .list-group-item {
7914 position: relative;
7915 display: block;
7916 padding: 10px 15px;
7917 margin-bottom: -1px;
7918 background-color: #fff;
7919 }
7920
7921 .list-group-item:first-child {
7922 /* rounded top corners */
7923 border-top-right-radius:4px;
7924 border-top-left-radius:4px;
7925 }
7926
7927 .list-group-item:last-child {
7928 margin-bottom: 0;
7929 /* rounded bottom corners */
7930 border-bottom-right-radius: 4px;
7931 border-bottom-left-radius:4px;
7932 }
7933
7934 /* Flex row container */
7935 .flex-row {
7936 display: flex;
7937 flex-direction: row;
7938 }
7939
7940 /* Flex column container */
7941 .flex-column {
7942 display: flex;
7943 flex-direction: column;
7944 }
7945
7946 .flex-item-fit {
7947 flex-grow: 1;
7948 flex-shrink: 1;
7949 flex-basis: auto;
7950 }
7951
7952 .flex-item-no-shrink {
7953 flex-grow: 0;
7954 flex-shrink: 0;
7955 flex-basis: auto;
7956 }
7957
7958 .flex-item-fill {
7959 flex-grow: 0;
7960 flex-shrink: 1; /* shrink when pressured */
7961 flex-basis: 100%; /* try and take 100% */
7962 }
7963
7964 .flex-item-fixed-1-12 {
7965 flex-grow: 0;
7966 flex-shrink: 0;
7967 flex-basis: 8.3%;
7968 }
7969
7970 .flex-item-fixed-2-12 {
7971 flex-grow: 0;
7972 flex-shrink: 0;
7973 flex-basis: 16.6%;
7974 }
7975
7976 .flex-item-fixed-4-12 {
7977 flex-grow: 0;
7978 flex-shrink: 0;
7979 flex-basis: 33.3333%;
7980 }
7981
7982 .flex-item-fixed-6-12, .flex-item-50-percent {
7983 flex-grow: 0;
7984 flex-shrink: 0;
7985 flex-basis: 50%;
7986 }
7987
7988 .flex-item-fixed-8-12 {
7989 flex-grow: 0;
7990 flex-shrink: 0;
7991 flex-basis: 66.6666%;
7992 }
7993
7994 .flex-item-fixed-9-12 {
7995 flex-grow: 0;
7996 flex-shrink: 0;
7997 flex-basis: 75%;
7998 }
7999
8000
8001 .flex-item-fixed-12-12 {
8002 flex-grow: 0;
8003 flex-shrink: 0;
8004 flex-basis: 100%;
8005 }
8006
8007 .flex-item-10-percent {
8008 flex-grow: 0;
8009 flex-shrink: 0;
8010 flex-basis: 10%;
8011 }
8012
8013 .flex-item-15-percent {
8014 flex-grow: 0;
8015 flex-shrink: 0;
8016 flex-basis: 15%;
8017 }
8018
8019 .flex-item-20-percent {
8020 flex-grow: 0;
8021 flex-shrink: 0;
8022 flex-basis: 20%;
8023 }
8024
8025 .flex-item-30-percent {
8026 flex-grow: 0;
8027 flex-shrink: 0;
8028 flex-basis: 30%;
8029 }
8030
8031 .flex-item-40-percent {
8032 flex-grow: 0;
8033 flex-shrink: 0;
8034 flex-basis: 40%;
8035 }
8036
8037 .flex-item-60-percent {
8038 flex-grow: 0;
8039 flex-shrink: 0;
8040 flex-basis: 60%;
8041 }
8042
8043 .flex-item-70-percent {
8044 flex-grow: 0;
8045 flex-shrink: 0;
8046 flex-basis: 70%;
8047 }
8048
8049 .flex-item-80-percent {
8050 flex-grow: 0;
8051 flex-shrink: 0;
8052 flex-basis: 80%;
8053 }
8054
8055 .well {
8056 min-height: 20px;
8057 padding: 19px;
8058 margin-bottom: 20px;
8059 background-color: #f5f5f5;
8060 border: 1px solid #e3e3e3;
8061 border-radius: 4px;
8062 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
8063 }
8064 </style>
2161 <nav-bar> 8065 <nav-bar>
2162 <top-nav-menu></top-nav-menu> 8066 <top-nav-menu></top-nav-menu>
2163 <isolate-nav-menu isolate="{{ script.isolate }}"> 8067 <isolate-nav-menu isolate="{{ script.isolate }}">
2164 </isolate-nav-menu> 8068 </isolate-nav-menu>
2165 <nav-menu link="." anchor="{{ script.name }}" last="{{ true }}"> 8069 <nav-menu link="." anchor="{{ script.name }}" last="{{ true }}">
2166 <li> 8070 <li>
2167 <input type="checkbox" checked="{{ showCoverage }}"> 8071 <input type="checkbox" checked="{{ showCoverage }}">
2168 <label>Show Coverage Data</label> 8072 <label>Show Coverage Data</label>
2169 </li> 8073 </li>
2170 </nav-menu> 8074 </nav-menu>
2171 <nav-refresh callback="{{ refreshCoverage }}" label="Refresh Coverage"></nav -refresh> 8075 <nav-refresh callback="{{ refreshCoverage }}" label="Refresh Coverage"></nav -refresh>
2172 <nav-refresh callback="{{ refresh }}"> 8076 <nav-refresh callback="{{ refresh }}">
2173 </nav-refresh> 8077 </nav-refresh>
2174 </nav-bar> 8078 </nav-bar>
2175 8079
2176 <script-inset id="scriptInset" script="{{ script }}" pos="{{ script.firstToken Pos }}" endpos="{{ script.lastTokenPos }}"> 8080 <script-inset id="scriptInset" script="{{ script }}" pos="{{ script.firstToken Pos }}" endpos="{{ script.lastTokenPos }}">
2177 <h1>script {{ script.name }}</h1> 8081 <h1>script {{ script.name }}</h1>
2178 </script-inset> 8082 </script-inset>
2179 </template> 8083 </template>
2180 8084
2181 </polymer-element> 8085 </polymer-element>
8086
8087
8088
8089
8090
8091
8092
8093
8094
8095
2182 <polymer-element name="stack-frame" extends="observatory-element"> 8096 <polymer-element name="stack-frame" extends="observatory-element">
2183 <template> 8097 <template>
2184 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 8098 <style>
8099 /* Global styles */
8100 * {
8101 margin: 0;
8102 padding: 0;
8103 font: 400 14px 'Montserrat', sans-serif;
8104 color: #333;
8105 box-sizing: border-box;
8106 }
8107
8108 .content {
8109 padding-left: 10%;
8110 font: 400 14px 'Montserrat', sans-serif;
8111 }
8112
8113 .content-centered {
8114 padding-left: 10%;
8115 padding-right: 10%;
8116 font: 400 14px 'Montserrat', sans-serif;
8117 }
8118
8119 h1 {
8120 font: 400 18px 'Montserrat', sans-serif;
8121 }
8122
8123 .memberList {
8124 display: table;
8125 }
8126
8127 .memberItem {
8128 display: table-row;
8129 }
8130
8131 .memberName, .memberValue {
8132 display: table-cell;
8133 vertical-align: top;
8134 padding: 3px 0 3px 1em;
8135 font: 400 14px 'Montserrat', sans-serif;
8136 }
8137
8138 .monospace {
8139 font-family: consolas, courier, monospace;
8140 font-size: 1em;
8141 line-height: 1.2em;
8142 white-space: nowrap;
8143 }
8144
8145 a {
8146 color: #0489c3;
8147 text-decoration: none;
8148 }
8149
8150 a:hover {
8151 text-decoration: underline;
8152 }
8153
8154 em {
8155 color: inherit;
8156 font-style:italic;
8157 }
8158
8159 hr {
8160 margin-top: 20px;
8161 margin-bottom: 20px;
8162 border: 0;
8163 border-top: 1px solid #eee;
8164 height: 0;
8165 box-sizing: content-box;
8166 }
8167
8168 .list-group {
8169 padding-left: 0;
8170 margin-bottom: 20px;
8171 }
8172
8173 .list-group-item {
8174 position: relative;
8175 display: block;
8176 padding: 10px 15px;
8177 margin-bottom: -1px;
8178 background-color: #fff;
8179 }
8180
8181 .list-group-item:first-child {
8182 /* rounded top corners */
8183 border-top-right-radius:4px;
8184 border-top-left-radius:4px;
8185 }
8186
8187 .list-group-item:last-child {
8188 margin-bottom: 0;
8189 /* rounded bottom corners */
8190 border-bottom-right-radius: 4px;
8191 border-bottom-left-radius:4px;
8192 }
8193
8194 /* Flex row container */
8195 .flex-row {
8196 display: flex;
8197 flex-direction: row;
8198 }
8199
8200 /* Flex column container */
8201 .flex-column {
8202 display: flex;
8203 flex-direction: column;
8204 }
8205
8206 .flex-item-fit {
8207 flex-grow: 1;
8208 flex-shrink: 1;
8209 flex-basis: auto;
8210 }
8211
8212 .flex-item-no-shrink {
8213 flex-grow: 0;
8214 flex-shrink: 0;
8215 flex-basis: auto;
8216 }
8217
8218 .flex-item-fill {
8219 flex-grow: 0;
8220 flex-shrink: 1; /* shrink when pressured */
8221 flex-basis: 100%; /* try and take 100% */
8222 }
8223
8224 .flex-item-fixed-1-12 {
8225 flex-grow: 0;
8226 flex-shrink: 0;
8227 flex-basis: 8.3%;
8228 }
8229
8230 .flex-item-fixed-2-12 {
8231 flex-grow: 0;
8232 flex-shrink: 0;
8233 flex-basis: 16.6%;
8234 }
8235
8236 .flex-item-fixed-4-12 {
8237 flex-grow: 0;
8238 flex-shrink: 0;
8239 flex-basis: 33.3333%;
8240 }
8241
8242 .flex-item-fixed-6-12, .flex-item-50-percent {
8243 flex-grow: 0;
8244 flex-shrink: 0;
8245 flex-basis: 50%;
8246 }
8247
8248 .flex-item-fixed-8-12 {
8249 flex-grow: 0;
8250 flex-shrink: 0;
8251 flex-basis: 66.6666%;
8252 }
8253
8254 .flex-item-fixed-9-12 {
8255 flex-grow: 0;
8256 flex-shrink: 0;
8257 flex-basis: 75%;
8258 }
8259
8260
8261 .flex-item-fixed-12-12 {
8262 flex-grow: 0;
8263 flex-shrink: 0;
8264 flex-basis: 100%;
8265 }
8266
8267 .flex-item-10-percent {
8268 flex-grow: 0;
8269 flex-shrink: 0;
8270 flex-basis: 10%;
8271 }
8272
8273 .flex-item-15-percent {
8274 flex-grow: 0;
8275 flex-shrink: 0;
8276 flex-basis: 15%;
8277 }
8278
8279 .flex-item-20-percent {
8280 flex-grow: 0;
8281 flex-shrink: 0;
8282 flex-basis: 20%;
8283 }
8284
8285 .flex-item-30-percent {
8286 flex-grow: 0;
8287 flex-shrink: 0;
8288 flex-basis: 30%;
8289 }
8290
8291 .flex-item-40-percent {
8292 flex-grow: 0;
8293 flex-shrink: 0;
8294 flex-basis: 40%;
8295 }
8296
8297 .flex-item-60-percent {
8298 flex-grow: 0;
8299 flex-shrink: 0;
8300 flex-basis: 60%;
8301 }
8302
8303 .flex-item-70-percent {
8304 flex-grow: 0;
8305 flex-shrink: 0;
8306 flex-basis: 70%;
8307 }
8308
8309 .flex-item-80-percent {
8310 flex-grow: 0;
8311 flex-shrink: 0;
8312 flex-basis: 80%;
8313 }
8314
8315 .well {
8316 min-height: 20px;
8317 padding: 19px;
8318 margin-bottom: 20px;
8319 background-color: #f5f5f5;
8320 border: 1px solid #e3e3e3;
8321 border-radius: 4px;
8322 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
8323 }
8324 </style>
2185 <div class="flex-row"> 8325 <div class="flex-row">
2186 <div class="flex-item-fixed-1-12"> 8326 <div class="flex-item-fixed-1-12">
2187 </div> 8327 </div>
2188 <div class="flex-item-fixed-1-12"> 8328 <div class="flex-item-fixed-1-12">
2189 #{{ frame['depth'] }} 8329 #{{ frame['depth'] }}
2190 </div> 8330 </div>
2191 <div class="flex-item-fixed-9-12"> 8331 <div class="flex-item-fixed-9-12">
2192 <function-ref ref="{{ frame['function'] }}"></function-ref> 8332 <function-ref ref="{{ frame['function'] }}"></function-ref>
2193 ( <script-ref ref="{{ frame['script'] }}" pos="{{ frame['tokenPos'] }} "> 8333 ( <script-ref ref="{{ frame['script'] }}" pos="{{ frame['tokenPos'] }} ">
2194 </script-ref> ) 8334 </script-ref> )
(...skipping 12 matching lines...) Expand all
2207 </curly-block> 8347 </curly-block>
2208 </div> 8348 </div>
2209 <div class="flex-item-fixed-1-12"> 8349 <div class="flex-item-fixed-1-12">
2210 </div> 8350 </div>
2211 </div> 8351 </div>
2212 </template> 8352 </template>
2213 8353
2214 </polymer-element> 8354 </polymer-element>
2215 <polymer-element name="stack-trace" extends="observatory-element"> 8355 <polymer-element name="stack-trace" extends="observatory-element">
2216 <template> 8356 <template>
2217 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 8357 <style>
8358 /* Global styles */
8359 * {
8360 margin: 0;
8361 padding: 0;
8362 font: 400 14px 'Montserrat', sans-serif;
8363 color: #333;
8364 box-sizing: border-box;
8365 }
8366
8367 .content {
8368 padding-left: 10%;
8369 font: 400 14px 'Montserrat', sans-serif;
8370 }
8371
8372 .content-centered {
8373 padding-left: 10%;
8374 padding-right: 10%;
8375 font: 400 14px 'Montserrat', sans-serif;
8376 }
8377
8378 h1 {
8379 font: 400 18px 'Montserrat', sans-serif;
8380 }
8381
8382 .memberList {
8383 display: table;
8384 }
8385
8386 .memberItem {
8387 display: table-row;
8388 }
8389
8390 .memberName, .memberValue {
8391 display: table-cell;
8392 vertical-align: top;
8393 padding: 3px 0 3px 1em;
8394 font: 400 14px 'Montserrat', sans-serif;
8395 }
8396
8397 .monospace {
8398 font-family: consolas, courier, monospace;
8399 font-size: 1em;
8400 line-height: 1.2em;
8401 white-space: nowrap;
8402 }
8403
8404 a {
8405 color: #0489c3;
8406 text-decoration: none;
8407 }
8408
8409 a:hover {
8410 text-decoration: underline;
8411 }
8412
8413 em {
8414 color: inherit;
8415 font-style:italic;
8416 }
8417
8418 hr {
8419 margin-top: 20px;
8420 margin-bottom: 20px;
8421 border: 0;
8422 border-top: 1px solid #eee;
8423 height: 0;
8424 box-sizing: content-box;
8425 }
8426
8427 .list-group {
8428 padding-left: 0;
8429 margin-bottom: 20px;
8430 }
8431
8432 .list-group-item {
8433 position: relative;
8434 display: block;
8435 padding: 10px 15px;
8436 margin-bottom: -1px;
8437 background-color: #fff;
8438 }
8439
8440 .list-group-item:first-child {
8441 /* rounded top corners */
8442 border-top-right-radius:4px;
8443 border-top-left-radius:4px;
8444 }
8445
8446 .list-group-item:last-child {
8447 margin-bottom: 0;
8448 /* rounded bottom corners */
8449 border-bottom-right-radius: 4px;
8450 border-bottom-left-radius:4px;
8451 }
8452
8453 /* Flex row container */
8454 .flex-row {
8455 display: flex;
8456 flex-direction: row;
8457 }
8458
8459 /* Flex column container */
8460 .flex-column {
8461 display: flex;
8462 flex-direction: column;
8463 }
8464
8465 .flex-item-fit {
8466 flex-grow: 1;
8467 flex-shrink: 1;
8468 flex-basis: auto;
8469 }
8470
8471 .flex-item-no-shrink {
8472 flex-grow: 0;
8473 flex-shrink: 0;
8474 flex-basis: auto;
8475 }
8476
8477 .flex-item-fill {
8478 flex-grow: 0;
8479 flex-shrink: 1; /* shrink when pressured */
8480 flex-basis: 100%; /* try and take 100% */
8481 }
8482
8483 .flex-item-fixed-1-12 {
8484 flex-grow: 0;
8485 flex-shrink: 0;
8486 flex-basis: 8.3%;
8487 }
8488
8489 .flex-item-fixed-2-12 {
8490 flex-grow: 0;
8491 flex-shrink: 0;
8492 flex-basis: 16.6%;
8493 }
8494
8495 .flex-item-fixed-4-12 {
8496 flex-grow: 0;
8497 flex-shrink: 0;
8498 flex-basis: 33.3333%;
8499 }
8500
8501 .flex-item-fixed-6-12, .flex-item-50-percent {
8502 flex-grow: 0;
8503 flex-shrink: 0;
8504 flex-basis: 50%;
8505 }
8506
8507 .flex-item-fixed-8-12 {
8508 flex-grow: 0;
8509 flex-shrink: 0;
8510 flex-basis: 66.6666%;
8511 }
8512
8513 .flex-item-fixed-9-12 {
8514 flex-grow: 0;
8515 flex-shrink: 0;
8516 flex-basis: 75%;
8517 }
8518
8519
8520 .flex-item-fixed-12-12 {
8521 flex-grow: 0;
8522 flex-shrink: 0;
8523 flex-basis: 100%;
8524 }
8525
8526 .flex-item-10-percent {
8527 flex-grow: 0;
8528 flex-shrink: 0;
8529 flex-basis: 10%;
8530 }
8531
8532 .flex-item-15-percent {
8533 flex-grow: 0;
8534 flex-shrink: 0;
8535 flex-basis: 15%;
8536 }
8537
8538 .flex-item-20-percent {
8539 flex-grow: 0;
8540 flex-shrink: 0;
8541 flex-basis: 20%;
8542 }
8543
8544 .flex-item-30-percent {
8545 flex-grow: 0;
8546 flex-shrink: 0;
8547 flex-basis: 30%;
8548 }
8549
8550 .flex-item-40-percent {
8551 flex-grow: 0;
8552 flex-shrink: 0;
8553 flex-basis: 40%;
8554 }
8555
8556 .flex-item-60-percent {
8557 flex-grow: 0;
8558 flex-shrink: 0;
8559 flex-basis: 60%;
8560 }
8561
8562 .flex-item-70-percent {
8563 flex-grow: 0;
8564 flex-shrink: 0;
8565 flex-basis: 70%;
8566 }
8567
8568 .flex-item-80-percent {
8569 flex-grow: 0;
8570 flex-shrink: 0;
8571 flex-basis: 80%;
8572 }
8573
8574 .well {
8575 min-height: 20px;
8576 padding: 19px;
8577 margin-bottom: 20px;
8578 background-color: #f5f5f5;
8579 border: 1px solid #e3e3e3;
8580 border-radius: 4px;
8581 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
8582 }
8583 </style>
2218 <nav-bar> 8584 <nav-bar>
2219 <top-nav-menu></top-nav-menu> 8585 <top-nav-menu></top-nav-menu>
2220 <isolate-nav-menu isolate="{{ trace.isolate }}"></isolate-nav-menu> 8586 <isolate-nav-menu isolate="{{ trace.isolate }}"></isolate-nav-menu>
2221 <nav-menu link="{{ trace.isolate.relativeHashLink('stacktrace') }}" anchor ="stack trace" last="{{ true }}"></nav-menu> 8587 <nav-menu link="{{ trace.isolate.relativeHashLink('stacktrace') }}" anchor ="stack trace" last="{{ true }}"></nav-menu>
2222 <nav-refresh callback="{{ refresh }}"></nav-refresh> 8588 <nav-refresh callback="{{ refresh }}"></nav-refresh>
2223 </nav-bar> 8589 </nav-bar>
2224 <template if="{{ trace['members'].isEmpty }}"> 8590 <template if="{{ trace['members'].isEmpty }}">
2225 <div class="content"> 8591 <div class="content">
2226 <em>No stack</em> 8592 <em>No stack</em>
2227 </div> 8593 </div>
2228 </template> 8594 </template>
2229 <template if="{{ trace['members'].isNotEmpty }}"> 8595 <template if="{{ trace['members'].isNotEmpty }}">
2230 <ul class="list-group"> 8596 <ul class="list-group">
2231 <template repeat="{{ frame in trace['members'] }}"> 8597 <template repeat="{{ frame in trace['members'] }}">
2232 <li class="list-group-item"> 8598 <li class="list-group-item">
2233 <stack-frame frame="{{ frame }}"></stack-frame> 8599 <stack-frame frame="{{ frame }}"></stack-frame>
2234 </li> 8600 </li>
2235 </template> 8601 </template>
2236 </ul> 8602 </ul>
2237 </template> 8603 </template>
2238 </template> 8604 </template>
2239 8605
2240 </polymer-element> 8606 </polymer-element>
8607
8608
8609
8610
8611
8612
8613
8614
8615
2241 <polymer-element name="vm-view" extends="observatory-element"> 8616 <polymer-element name="vm-view" extends="observatory-element">
2242 <template> 8617 <template>
2243 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 8618 <style>
8619 /* Global styles */
8620 * {
8621 margin: 0;
8622 padding: 0;
8623 font: 400 14px 'Montserrat', sans-serif;
8624 color: #333;
8625 box-sizing: border-box;
8626 }
8627
8628 .content {
8629 padding-left: 10%;
8630 font: 400 14px 'Montserrat', sans-serif;
8631 }
8632
8633 .content-centered {
8634 padding-left: 10%;
8635 padding-right: 10%;
8636 font: 400 14px 'Montserrat', sans-serif;
8637 }
8638
8639 h1 {
8640 font: 400 18px 'Montserrat', sans-serif;
8641 }
8642
8643 .memberList {
8644 display: table;
8645 }
8646
8647 .memberItem {
8648 display: table-row;
8649 }
8650
8651 .memberName, .memberValue {
8652 display: table-cell;
8653 vertical-align: top;
8654 padding: 3px 0 3px 1em;
8655 font: 400 14px 'Montserrat', sans-serif;
8656 }
8657
8658 .monospace {
8659 font-family: consolas, courier, monospace;
8660 font-size: 1em;
8661 line-height: 1.2em;
8662 white-space: nowrap;
8663 }
8664
8665 a {
8666 color: #0489c3;
8667 text-decoration: none;
8668 }
8669
8670 a:hover {
8671 text-decoration: underline;
8672 }
8673
8674 em {
8675 color: inherit;
8676 font-style:italic;
8677 }
8678
8679 hr {
8680 margin-top: 20px;
8681 margin-bottom: 20px;
8682 border: 0;
8683 border-top: 1px solid #eee;
8684 height: 0;
8685 box-sizing: content-box;
8686 }
8687
8688 .list-group {
8689 padding-left: 0;
8690 margin-bottom: 20px;
8691 }
8692
8693 .list-group-item {
8694 position: relative;
8695 display: block;
8696 padding: 10px 15px;
8697 margin-bottom: -1px;
8698 background-color: #fff;
8699 }
8700
8701 .list-group-item:first-child {
8702 /* rounded top corners */
8703 border-top-right-radius:4px;
8704 border-top-left-radius:4px;
8705 }
8706
8707 .list-group-item:last-child {
8708 margin-bottom: 0;
8709 /* rounded bottom corners */
8710 border-bottom-right-radius: 4px;
8711 border-bottom-left-radius:4px;
8712 }
8713
8714 /* Flex row container */
8715 .flex-row {
8716 display: flex;
8717 flex-direction: row;
8718 }
8719
8720 /* Flex column container */
8721 .flex-column {
8722 display: flex;
8723 flex-direction: column;
8724 }
8725
8726 .flex-item-fit {
8727 flex-grow: 1;
8728 flex-shrink: 1;
8729 flex-basis: auto;
8730 }
8731
8732 .flex-item-no-shrink {
8733 flex-grow: 0;
8734 flex-shrink: 0;
8735 flex-basis: auto;
8736 }
8737
8738 .flex-item-fill {
8739 flex-grow: 0;
8740 flex-shrink: 1; /* shrink when pressured */
8741 flex-basis: 100%; /* try and take 100% */
8742 }
8743
8744 .flex-item-fixed-1-12 {
8745 flex-grow: 0;
8746 flex-shrink: 0;
8747 flex-basis: 8.3%;
8748 }
8749
8750 .flex-item-fixed-2-12 {
8751 flex-grow: 0;
8752 flex-shrink: 0;
8753 flex-basis: 16.6%;
8754 }
8755
8756 .flex-item-fixed-4-12 {
8757 flex-grow: 0;
8758 flex-shrink: 0;
8759 flex-basis: 33.3333%;
8760 }
8761
8762 .flex-item-fixed-6-12, .flex-item-50-percent {
8763 flex-grow: 0;
8764 flex-shrink: 0;
8765 flex-basis: 50%;
8766 }
8767
8768 .flex-item-fixed-8-12 {
8769 flex-grow: 0;
8770 flex-shrink: 0;
8771 flex-basis: 66.6666%;
8772 }
8773
8774 .flex-item-fixed-9-12 {
8775 flex-grow: 0;
8776 flex-shrink: 0;
8777 flex-basis: 75%;
8778 }
8779
8780
8781 .flex-item-fixed-12-12 {
8782 flex-grow: 0;
8783 flex-shrink: 0;
8784 flex-basis: 100%;
8785 }
8786
8787 .flex-item-10-percent {
8788 flex-grow: 0;
8789 flex-shrink: 0;
8790 flex-basis: 10%;
8791 }
8792
8793 .flex-item-15-percent {
8794 flex-grow: 0;
8795 flex-shrink: 0;
8796 flex-basis: 15%;
8797 }
8798
8799 .flex-item-20-percent {
8800 flex-grow: 0;
8801 flex-shrink: 0;
8802 flex-basis: 20%;
8803 }
8804
8805 .flex-item-30-percent {
8806 flex-grow: 0;
8807 flex-shrink: 0;
8808 flex-basis: 30%;
8809 }
8810
8811 .flex-item-40-percent {
8812 flex-grow: 0;
8813 flex-shrink: 0;
8814 flex-basis: 40%;
8815 }
8816
8817 .flex-item-60-percent {
8818 flex-grow: 0;
8819 flex-shrink: 0;
8820 flex-basis: 60%;
8821 }
8822
8823 .flex-item-70-percent {
8824 flex-grow: 0;
8825 flex-shrink: 0;
8826 flex-basis: 70%;
8827 }
8828
8829 .flex-item-80-percent {
8830 flex-grow: 0;
8831 flex-shrink: 0;
8832 flex-basis: 80%;
8833 }
8834
8835 .well {
8836 min-height: 20px;
8837 padding: 19px;
8838 margin-bottom: 20px;
8839 background-color: #f5f5f5;
8840 border: 1px solid #e3e3e3;
8841 border-radius: 4px;
8842 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
8843 }
8844 </style>
2244 8845
2245 <nav-bar> 8846 <nav-bar>
2246 <top-nav-menu last="{{ true }}"></top-nav-menu> 8847 <top-nav-menu last="{{ true }}"></top-nav-menu>
2247 <nav-refresh callback="{{ refresh }}"></nav-refresh> 8848 <nav-refresh callback="{{ refresh }}"></nav-refresh>
2248 </nav-bar> 8849 </nav-bar>
2249 8850
2250 <div class="content"> 8851 <div class="content">
2251 <h1>VM</h1> 8852 <h1>VM</h1>
2252 <div class="memberList"> 8853 <div class="memberList">
2253 <div class="memberItem"> 8854 <div class="memberItem">
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after
2288 an observable property on the old element to an invalid type. --> 8889 an observable property on the old element to an invalid type. -->
2289 8890
2290 </polymer-element> 8891 </polymer-element>
2291 <polymer-element name="response-viewer" extends="observatory-element"> 8892 <polymer-element name="response-viewer" extends="observatory-element">
2292 <template> 8893 <template>
2293 <service-view object="{{ app.response }}"></service-view> 8894 <service-view object="{{ app.response }}"></service-view>
2294 </template> 8895 </template>
2295 8896
2296 </polymer-element><polymer-element name="observatory-application" extends="obser vatory-element"> 8897 </polymer-element><polymer-element name="observatory-application" extends="obser vatory-element">
2297 <template> 8898 <template>
2298 <response-viewer app="{{ app }}"></response-viewer> 8899 <response-viewer app="{{ this.app }}"></response-viewer>
2299 </template> 8900 </template>
2300 8901
2301 </polymer-element> 8902 </polymer-element>
8903
8904
8905
2302 <polymer-element name="service-exception-view" extends="observatory-element"> 8906 <polymer-element name="service-exception-view" extends="observatory-element">
2303 <template> 8907 <template>
2304 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 8908 <style>
8909 /* Global styles */
8910 * {
8911 margin: 0;
8912 padding: 0;
8913 font: 400 14px 'Montserrat', sans-serif;
8914 color: #333;
8915 box-sizing: border-box;
8916 }
8917
8918 .content {
8919 padding-left: 10%;
8920 font: 400 14px 'Montserrat', sans-serif;
8921 }
8922
8923 .content-centered {
8924 padding-left: 10%;
8925 padding-right: 10%;
8926 font: 400 14px 'Montserrat', sans-serif;
8927 }
8928
8929 h1 {
8930 font: 400 18px 'Montserrat', sans-serif;
8931 }
8932
8933 .memberList {
8934 display: table;
8935 }
8936
8937 .memberItem {
8938 display: table-row;
8939 }
8940
8941 .memberName, .memberValue {
8942 display: table-cell;
8943 vertical-align: top;
8944 padding: 3px 0 3px 1em;
8945 font: 400 14px 'Montserrat', sans-serif;
8946 }
8947
8948 .monospace {
8949 font-family: consolas, courier, monospace;
8950 font-size: 1em;
8951 line-height: 1.2em;
8952 white-space: nowrap;
8953 }
8954
8955 a {
8956 color: #0489c3;
8957 text-decoration: none;
8958 }
8959
8960 a:hover {
8961 text-decoration: underline;
8962 }
8963
8964 em {
8965 color: inherit;
8966 font-style:italic;
8967 }
8968
8969 hr {
8970 margin-top: 20px;
8971 margin-bottom: 20px;
8972 border: 0;
8973 border-top: 1px solid #eee;
8974 height: 0;
8975 box-sizing: content-box;
8976 }
8977
8978 .list-group {
8979 padding-left: 0;
8980 margin-bottom: 20px;
8981 }
8982
8983 .list-group-item {
8984 position: relative;
8985 display: block;
8986 padding: 10px 15px;
8987 margin-bottom: -1px;
8988 background-color: #fff;
8989 }
8990
8991 .list-group-item:first-child {
8992 /* rounded top corners */
8993 border-top-right-radius:4px;
8994 border-top-left-radius:4px;
8995 }
8996
8997 .list-group-item:last-child {
8998 margin-bottom: 0;
8999 /* rounded bottom corners */
9000 border-bottom-right-radius: 4px;
9001 border-bottom-left-radius:4px;
9002 }
9003
9004 /* Flex row container */
9005 .flex-row {
9006 display: flex;
9007 flex-direction: row;
9008 }
9009
9010 /* Flex column container */
9011 .flex-column {
9012 display: flex;
9013 flex-direction: column;
9014 }
9015
9016 .flex-item-fit {
9017 flex-grow: 1;
9018 flex-shrink: 1;
9019 flex-basis: auto;
9020 }
9021
9022 .flex-item-no-shrink {
9023 flex-grow: 0;
9024 flex-shrink: 0;
9025 flex-basis: auto;
9026 }
9027
9028 .flex-item-fill {
9029 flex-grow: 0;
9030 flex-shrink: 1; /* shrink when pressured */
9031 flex-basis: 100%; /* try and take 100% */
9032 }
9033
9034 .flex-item-fixed-1-12 {
9035 flex-grow: 0;
9036 flex-shrink: 0;
9037 flex-basis: 8.3%;
9038 }
9039
9040 .flex-item-fixed-2-12 {
9041 flex-grow: 0;
9042 flex-shrink: 0;
9043 flex-basis: 16.6%;
9044 }
9045
9046 .flex-item-fixed-4-12 {
9047 flex-grow: 0;
9048 flex-shrink: 0;
9049 flex-basis: 33.3333%;
9050 }
9051
9052 .flex-item-fixed-6-12, .flex-item-50-percent {
9053 flex-grow: 0;
9054 flex-shrink: 0;
9055 flex-basis: 50%;
9056 }
9057
9058 .flex-item-fixed-8-12 {
9059 flex-grow: 0;
9060 flex-shrink: 0;
9061 flex-basis: 66.6666%;
9062 }
9063
9064 .flex-item-fixed-9-12 {
9065 flex-grow: 0;
9066 flex-shrink: 0;
9067 flex-basis: 75%;
9068 }
9069
9070
9071 .flex-item-fixed-12-12 {
9072 flex-grow: 0;
9073 flex-shrink: 0;
9074 flex-basis: 100%;
9075 }
9076
9077 .flex-item-10-percent {
9078 flex-grow: 0;
9079 flex-shrink: 0;
9080 flex-basis: 10%;
9081 }
9082
9083 .flex-item-15-percent {
9084 flex-grow: 0;
9085 flex-shrink: 0;
9086 flex-basis: 15%;
9087 }
9088
9089 .flex-item-20-percent {
9090 flex-grow: 0;
9091 flex-shrink: 0;
9092 flex-basis: 20%;
9093 }
9094
9095 .flex-item-30-percent {
9096 flex-grow: 0;
9097 flex-shrink: 0;
9098 flex-basis: 30%;
9099 }
9100
9101 .flex-item-40-percent {
9102 flex-grow: 0;
9103 flex-shrink: 0;
9104 flex-basis: 40%;
9105 }
9106
9107 .flex-item-60-percent {
9108 flex-grow: 0;
9109 flex-shrink: 0;
9110 flex-basis: 60%;
9111 }
9112
9113 .flex-item-70-percent {
9114 flex-grow: 0;
9115 flex-shrink: 0;
9116 flex-basis: 70%;
9117 }
9118
9119 .flex-item-80-percent {
9120 flex-grow: 0;
9121 flex-shrink: 0;
9122 flex-basis: 80%;
9123 }
9124
9125 .well {
9126 min-height: 20px;
9127 padding: 19px;
9128 margin-bottom: 20px;
9129 background-color: #f5f5f5;
9130 border: 1px solid #e3e3e3;
9131 border-radius: 4px;
9132 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
9133 }
9134 </style>
2305 <nav-bar> 9135 <nav-bar>
2306 <top-nav-menu last="{{ true }}"></top-nav-menu> 9136 <top-nav-menu last="{{ true }}"></top-nav-menu>
2307 </nav-bar> 9137 </nav-bar>
2308 <div class="content-centered"> 9138 <div class="content-centered">
2309 <h1>{{ exception.kind }}</h1> 9139 <h1>{{ exception.kind }}</h1>
2310 <br> 9140 <br>
2311 <div class="well">{{ exception.message }}</div> 9141 <div class="well">{{ exception.message }}</div>
2312 <template if="{{ exception.response != '' }}"> 9142 <template if="{{ exception.response != '' }}">
2313 <div class="well">{{ exception.response }}</div> 9143 <div class="well">{{ exception.response }}</div>
2314 </template> 9144 </template>
2315 </div> 9145 </div>
2316 </template> 9146 </template>
2317 9147
2318 </polymer-element> 9148 </polymer-element>
9149
9150
9151
2319 <polymer-element name="service-error-view" extends="observatory-element"> 9152 <polymer-element name="service-error-view" extends="observatory-element">
2320 <template> 9153 <template>
2321 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 9154 <style>
9155 /* Global styles */
9156 * {
9157 margin: 0;
9158 padding: 0;
9159 font: 400 14px 'Montserrat', sans-serif;
9160 color: #333;
9161 box-sizing: border-box;
9162 }
9163
9164 .content {
9165 padding-left: 10%;
9166 font: 400 14px 'Montserrat', sans-serif;
9167 }
9168
9169 .content-centered {
9170 padding-left: 10%;
9171 padding-right: 10%;
9172 font: 400 14px 'Montserrat', sans-serif;
9173 }
9174
9175 h1 {
9176 font: 400 18px 'Montserrat', sans-serif;
9177 }
9178
9179 .memberList {
9180 display: table;
9181 }
9182
9183 .memberItem {
9184 display: table-row;
9185 }
9186
9187 .memberName, .memberValue {
9188 display: table-cell;
9189 vertical-align: top;
9190 padding: 3px 0 3px 1em;
9191 font: 400 14px 'Montserrat', sans-serif;
9192 }
9193
9194 .monospace {
9195 font-family: consolas, courier, monospace;
9196 font-size: 1em;
9197 line-height: 1.2em;
9198 white-space: nowrap;
9199 }
9200
9201 a {
9202 color: #0489c3;
9203 text-decoration: none;
9204 }
9205
9206 a:hover {
9207 text-decoration: underline;
9208 }
9209
9210 em {
9211 color: inherit;
9212 font-style:italic;
9213 }
9214
9215 hr {
9216 margin-top: 20px;
9217 margin-bottom: 20px;
9218 border: 0;
9219 border-top: 1px solid #eee;
9220 height: 0;
9221 box-sizing: content-box;
9222 }
9223
9224 .list-group {
9225 padding-left: 0;
9226 margin-bottom: 20px;
9227 }
9228
9229 .list-group-item {
9230 position: relative;
9231 display: block;
9232 padding: 10px 15px;
9233 margin-bottom: -1px;
9234 background-color: #fff;
9235 }
9236
9237 .list-group-item:first-child {
9238 /* rounded top corners */
9239 border-top-right-radius:4px;
9240 border-top-left-radius:4px;
9241 }
9242
9243 .list-group-item:last-child {
9244 margin-bottom: 0;
9245 /* rounded bottom corners */
9246 border-bottom-right-radius: 4px;
9247 border-bottom-left-radius:4px;
9248 }
9249
9250 /* Flex row container */
9251 .flex-row {
9252 display: flex;
9253 flex-direction: row;
9254 }
9255
9256 /* Flex column container */
9257 .flex-column {
9258 display: flex;
9259 flex-direction: column;
9260 }
9261
9262 .flex-item-fit {
9263 flex-grow: 1;
9264 flex-shrink: 1;
9265 flex-basis: auto;
9266 }
9267
9268 .flex-item-no-shrink {
9269 flex-grow: 0;
9270 flex-shrink: 0;
9271 flex-basis: auto;
9272 }
9273
9274 .flex-item-fill {
9275 flex-grow: 0;
9276 flex-shrink: 1; /* shrink when pressured */
9277 flex-basis: 100%; /* try and take 100% */
9278 }
9279
9280 .flex-item-fixed-1-12 {
9281 flex-grow: 0;
9282 flex-shrink: 0;
9283 flex-basis: 8.3%;
9284 }
9285
9286 .flex-item-fixed-2-12 {
9287 flex-grow: 0;
9288 flex-shrink: 0;
9289 flex-basis: 16.6%;
9290 }
9291
9292 .flex-item-fixed-4-12 {
9293 flex-grow: 0;
9294 flex-shrink: 0;
9295 flex-basis: 33.3333%;
9296 }
9297
9298 .flex-item-fixed-6-12, .flex-item-50-percent {
9299 flex-grow: 0;
9300 flex-shrink: 0;
9301 flex-basis: 50%;
9302 }
9303
9304 .flex-item-fixed-8-12 {
9305 flex-grow: 0;
9306 flex-shrink: 0;
9307 flex-basis: 66.6666%;
9308 }
9309
9310 .flex-item-fixed-9-12 {
9311 flex-grow: 0;
9312 flex-shrink: 0;
9313 flex-basis: 75%;
9314 }
9315
9316
9317 .flex-item-fixed-12-12 {
9318 flex-grow: 0;
9319 flex-shrink: 0;
9320 flex-basis: 100%;
9321 }
9322
9323 .flex-item-10-percent {
9324 flex-grow: 0;
9325 flex-shrink: 0;
9326 flex-basis: 10%;
9327 }
9328
9329 .flex-item-15-percent {
9330 flex-grow: 0;
9331 flex-shrink: 0;
9332 flex-basis: 15%;
9333 }
9334
9335 .flex-item-20-percent {
9336 flex-grow: 0;
9337 flex-shrink: 0;
9338 flex-basis: 20%;
9339 }
9340
9341 .flex-item-30-percent {
9342 flex-grow: 0;
9343 flex-shrink: 0;
9344 flex-basis: 30%;
9345 }
9346
9347 .flex-item-40-percent {
9348 flex-grow: 0;
9349 flex-shrink: 0;
9350 flex-basis: 40%;
9351 }
9352
9353 .flex-item-60-percent {
9354 flex-grow: 0;
9355 flex-shrink: 0;
9356 flex-basis: 60%;
9357 }
9358
9359 .flex-item-70-percent {
9360 flex-grow: 0;
9361 flex-shrink: 0;
9362 flex-basis: 70%;
9363 }
9364
9365 .flex-item-80-percent {
9366 flex-grow: 0;
9367 flex-shrink: 0;
9368 flex-basis: 80%;
9369 }
9370
9371 .well {
9372 min-height: 20px;
9373 padding: 19px;
9374 margin-bottom: 20px;
9375 background-color: #f5f5f5;
9376 border: 1px solid #e3e3e3;
9377 border-radius: 4px;
9378 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
9379 }
9380 </style>
2322 <nav-bar> 9381 <nav-bar>
2323 <top-nav-menu last="{{ true }}"></top-nav-menu> 9382 <top-nav-menu last="{{ true }}"></top-nav-menu>
2324 </nav-bar> 9383 </nav-bar>
2325 <div class="content-centered"> 9384 <div class="content-centered">
2326 <h1>{{ error.kind }}</h1> 9385 <h1>{{ error.kind }}</h1>
2327 <br> 9386 <br>
2328 <div class="well">{{ error.message }}</div> 9387 <div class="well">{{ error.message }}</div>
2329 </div> 9388 </div>
2330 </template> 9389 </template>
2331 9390
2332 </polymer-element> 9391 </polymer-element>
9392
9393
2333 <polymer-element name="vm-ref" extends="service-ref"> 9394 <polymer-element name="vm-ref" extends="service-ref">
2334 <template><link rel="stylesheet" href="packages/observatory/src/elements/css/sha red.css"> 9395 <template><style>
9396 /* Global styles */
9397 * {
9398 margin: 0;
9399 padding: 0;
9400 font: 400 14px 'Montserrat', sans-serif;
9401 color: #333;
9402 box-sizing: border-box;
9403 }
9404
9405 .content {
9406 padding-left: 10%;
9407 font: 400 14px 'Montserrat', sans-serif;
9408 }
9409
9410 .content-centered {
9411 padding-left: 10%;
9412 padding-right: 10%;
9413 font: 400 14px 'Montserrat', sans-serif;
9414 }
9415
9416 h1 {
9417 font: 400 18px 'Montserrat', sans-serif;
9418 }
9419
9420 .memberList {
9421 display: table;
9422 }
9423
9424 .memberItem {
9425 display: table-row;
9426 }
9427
9428 .memberName, .memberValue {
9429 display: table-cell;
9430 vertical-align: top;
9431 padding: 3px 0 3px 1em;
9432 font: 400 14px 'Montserrat', sans-serif;
9433 }
9434
9435 .monospace {
9436 font-family: consolas, courier, monospace;
9437 font-size: 1em;
9438 line-height: 1.2em;
9439 white-space: nowrap;
9440 }
9441
9442 a {
9443 color: #0489c3;
9444 text-decoration: none;
9445 }
9446
9447 a:hover {
9448 text-decoration: underline;
9449 }
9450
9451 em {
9452 color: inherit;
9453 font-style:italic;
9454 }
9455
9456 hr {
9457 margin-top: 20px;
9458 margin-bottom: 20px;
9459 border: 0;
9460 border-top: 1px solid #eee;
9461 height: 0;
9462 box-sizing: content-box;
9463 }
9464
9465 .list-group {
9466 padding-left: 0;
9467 margin-bottom: 20px;
9468 }
9469
9470 .list-group-item {
9471 position: relative;
9472 display: block;
9473 padding: 10px 15px;
9474 margin-bottom: -1px;
9475 background-color: #fff;
9476 }
9477
9478 .list-group-item:first-child {
9479 /* rounded top corners */
9480 border-top-right-radius:4px;
9481 border-top-left-radius:4px;
9482 }
9483
9484 .list-group-item:last-child {
9485 margin-bottom: 0;
9486 /* rounded bottom corners */
9487 border-bottom-right-radius: 4px;
9488 border-bottom-left-radius:4px;
9489 }
9490
9491 /* Flex row container */
9492 .flex-row {
9493 display: flex;
9494 flex-direction: row;
9495 }
9496
9497 /* Flex column container */
9498 .flex-column {
9499 display: flex;
9500 flex-direction: column;
9501 }
9502
9503 .flex-item-fit {
9504 flex-grow: 1;
9505 flex-shrink: 1;
9506 flex-basis: auto;
9507 }
9508
9509 .flex-item-no-shrink {
9510 flex-grow: 0;
9511 flex-shrink: 0;
9512 flex-basis: auto;
9513 }
9514
9515 .flex-item-fill {
9516 flex-grow: 0;
9517 flex-shrink: 1; /* shrink when pressured */
9518 flex-basis: 100%; /* try and take 100% */
9519 }
9520
9521 .flex-item-fixed-1-12 {
9522 flex-grow: 0;
9523 flex-shrink: 0;
9524 flex-basis: 8.3%;
9525 }
9526
9527 .flex-item-fixed-2-12 {
9528 flex-grow: 0;
9529 flex-shrink: 0;
9530 flex-basis: 16.6%;
9531 }
9532
9533 .flex-item-fixed-4-12 {
9534 flex-grow: 0;
9535 flex-shrink: 0;
9536 flex-basis: 33.3333%;
9537 }
9538
9539 .flex-item-fixed-6-12, .flex-item-50-percent {
9540 flex-grow: 0;
9541 flex-shrink: 0;
9542 flex-basis: 50%;
9543 }
9544
9545 .flex-item-fixed-8-12 {
9546 flex-grow: 0;
9547 flex-shrink: 0;
9548 flex-basis: 66.6666%;
9549 }
9550
9551 .flex-item-fixed-9-12 {
9552 flex-grow: 0;
9553 flex-shrink: 0;
9554 flex-basis: 75%;
9555 }
9556
9557
9558 .flex-item-fixed-12-12 {
9559 flex-grow: 0;
9560 flex-shrink: 0;
9561 flex-basis: 100%;
9562 }
9563
9564 .flex-item-10-percent {
9565 flex-grow: 0;
9566 flex-shrink: 0;
9567 flex-basis: 10%;
9568 }
9569
9570 .flex-item-15-percent {
9571 flex-grow: 0;
9572 flex-shrink: 0;
9573 flex-basis: 15%;
9574 }
9575
9576 .flex-item-20-percent {
9577 flex-grow: 0;
9578 flex-shrink: 0;
9579 flex-basis: 20%;
9580 }
9581
9582 .flex-item-30-percent {
9583 flex-grow: 0;
9584 flex-shrink: 0;
9585 flex-basis: 30%;
9586 }
9587
9588 .flex-item-40-percent {
9589 flex-grow: 0;
9590 flex-shrink: 0;
9591 flex-basis: 40%;
9592 }
9593
9594 .flex-item-60-percent {
9595 flex-grow: 0;
9596 flex-shrink: 0;
9597 flex-basis: 60%;
9598 }
9599
9600 .flex-item-70-percent {
9601 flex-grow: 0;
9602 flex-shrink: 0;
9603 flex-basis: 70%;
9604 }
9605
9606 .flex-item-80-percent {
9607 flex-grow: 0;
9608 flex-shrink: 0;
9609 flex-basis: 80%;
9610 }
9611
9612 .well {
9613 min-height: 20px;
9614 padding: 19px;
9615 margin-bottom: 20px;
9616 background-color: #f5f5f5;
9617 border: 1px solid #e3e3e3;
9618 border-radius: 4px;
9619 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
9620 }
9621 </style>
2335 <a href="{{ url }}">{{ ref.name }}</a> 9622 <a href="{{ url }}">{{ ref.name }}</a>
2336 </template> 9623 </template>
2337 9624
2338 </polymer-element> 9625 </polymer-element>
2339 9626
2340 9627 <script src="main.dart.js"></script>
2341 <observatory-application devtools="true"></observatory-application> 9628 <observatory-application devtools="true"></observatory-application>
2342 9629
2343 </body></html> 9630 <script src="index_devtools.html_bootstrap.dart.js"></script></body></html>
OLDNEW
« no previous file with comments | « runtime/bin/vmservice/client/deployed/web/index.html ('k') | runtime/bin/vmservice/client/deployed/web/packages/browser/interop.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698