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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 342513004: Visual refresh of allocation profile page (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: Created 6 years, 6 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_bootstrap.dart.js ('k') | runtime/bin/vmservice/client/deployed/web/index_devtools.html._data » ('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> 1 <!DOCTYPE html><html><head>
2 <title>Dart VM Observatory</title> 2 <title>Dart VM Observatory</title>
3 <meta charset="utf-8"> 3 <meta charset="utf-8">
4 4
5 5
6 6
7 7
8 8
9 9
10
10 </head> 11 </head>
11 <body><script type="text/javascript" src="https://www.google.com/jsapi"></script > 12 <body><script src="packages/web_components/platform.js"></script>
12 13
13 <!-- 14 <!-- unminfied for debugging:
14 These two files are from the Polymer project: 15 <link rel="import" href="src/js/polymer/layout.html">
15 https://github.com/Polymer/platform/ and https://github.com/Polymer/polymer/. 16 <script src="src/js/polymer/polymer.concat.js"></script>
16
17 You can replace platform.js and polymer.html with different versions if desired.
18 --> 17 -->
19 <!-- minified for deployment: --> 18
20 19
21 20
22 21 <style shim-shadowdom="">
23 <!-- unminfied for debugging: 22 /*******************************
24 <script src="../../packages/web_components/platform.concat.js"></script> 23 Flex Layout
25 <script src="src/js/polymer/polymer.concat.js"></script> 24 *******************************/
26 <link rel="import" href="src/js/polymer/polymer-body.html"> 25
27 --> 26 html /deep/ [layout][horizontal], html /deep/ [layout][vertical] {
28 27 display: -ms-flexbox;
29 <!-- Teach dart2js about Shadow DOM polyfill objects. --> 28 display: -webkit-flex;
30 29 display: flex;
31 <script src="packages/polymer/src/js/use_native_dartium_shadowdom.js"></script>< script src="packages/web_components/platform.js"></script> 30 }
32 <!-- <link rel="import" href="../polymer-dev/polymer.html"> --> 31
33 32 html /deep/ [layout][horizontal][inline], html /deep/ [layout][vertical][inline] {
34 <script src="packages/polymer/src/js/polymer/polymer.js"></script><polymer-eleme nt name="polymer-body" extends="body"> 33 display: -ms-inline-flexbox;
35 34 display: -webkit-inline-flex;
36 <script> 35 display: inline-flex;
37 36 }
38 // upgrade polymer-body last so that it can contain other imported elements 37
39 document.addEventListener('polymer-ready', function() { 38 html /deep/ [layout][horizontal] {
40 39 -ms-flex-direction: row;
41 Polymer('polymer-body', Platform.mixin({ 40 -webkit-flex-direction: row;
42 41 flex-direction: row;
43 created: function() { 42 }
44 this.template = document.createElement('template'); 43
45 var body = wrap(document).body; 44 html /deep/ [layout][horizontal][reverse] {
46 var c$ = body.childNodes.array(); 45 -ms-flex-direction: row-reverse;
47 for (var i=0, c; (c=c$[i]); i++) { 46 -webkit-flex-direction: row-reverse;
48 if (c.localName !== 'script') { 47 flex-direction: row-reverse;
49 this.template.content.appendChild(c); 48 }
50 } 49
51 } 50 html /deep/ [layout][vertical] {
52 // snarf up user defined model 51 -ms-flex-direction: column;
53 window.model = this; 52 -webkit-flex-direction: column;
54 }, 53 flex-direction: column;
55 54 }
56 parseDeclaration: function(elementElement) { 55
57 this.lightFromTemplate(this.template); 56 html /deep/ [layout][vertical][reverse] {
58 } 57 -ms-flex-direction: column-reverse;
59 58 -webkit-flex-direction: column-reverse;
60 }, window.model)); 59 flex-direction: column-reverse;
61 60 }
62 }); 61
63 62 html /deep/ [layout][wrap] {
64 </script> 63 -ms-flex-wrap: wrap;
65 64 -webkit-flex-wrap: wrap;
66 </polymer-element><script src="packages/web_components/dart_support.js"></script ><style> 65 flex-wrap: wrap;
66 }
67
68 html /deep/ [layout][wrap-reverse] {
69 -ms-flex-wrap: wrap-reverse;
70 -webkit-flex-wrap: wrap-reverse;
71 flex-wrap: wrap-reverse;
72 }
73
74 html /deep/ [flex] {
75 -ms-flex: 1;
76 -webkit-flex: 1;
77 flex: 1;
78 }
79
80 html /deep/ [flex][auto] {
81 -ms-flex: 1 1 auto;
82 -webkit-flex: 1 1 auto;
83 flex: 1 1 auto;
84 }
85
86 html /deep/ [flex][none] {
87 -ms-flex: none;
88 -webkit-flex: none;
89 flex: none;
90 }
91
92 html /deep/ [flex][one] {
93 -ms-flex: 1;
94 -webkit-flex: 1;
95 flex: 1;
96 }
97
98 html /deep/ [flex][two] {
99 -ms-flex: 2;
100 -webkit-flex: 2;
101 flex: 2;
102 }
103
104 html /deep/ [flex][three] {
105 -ms-flex: 3;
106 -webkit-flex: 3;
107 flex: 3;
108 }
109
110 html /deep/ [flex][four] {
111 -ms-flex: 4;
112 -webkit-flex: 4;
113 flex: 4;
114 }
115
116 html /deep/ [flex][five] {
117 -ms-flex: 5;
118 -webkit-flex: 5;
119 flex: 5;
120 }
121
122 html /deep/ [flex][six] {
123 -ms-flex: 6;
124 -webkit-flex: 6;
125 flex: 6;
126 }
127
128 html /deep/ [flex][seven] {
129 -ms-flex: 7;
130 -webkit-flex: 7;
131 flex: 7;
132 }
133
134 html /deep/ [flex][eight] {
135 -ms-flex: 8;
136 -webkit-flex: 8;
137 flex: 8;
138 }
139
140 html /deep/ [flex][nine] {
141 -ms-flex: 9;
142 -webkit-flex: 9;
143 flex: 9;
144 }
145
146 html /deep/ [flex][ten] {
147 -ms-flex: 10;
148 -webkit-flex: 10;
149 flex: 10;
150 }
151
152 html /deep/ [flex][eleven] {
153 -ms-flex: 11;
154 -webkit-flex: 11;
155 flex: 11;
156 }
157
158 html /deep/ [flex][twelve] {
159 -ms-flex: 12;
160 -webkit-flex: 12;
161 flex: 12;
162 }
163
164 /* alignment in cross axis */
165
166 html /deep/ [layout][start] {
167 -ms-flex-align: start;
168 -webkit-align-items: flex-start;
169 align-items: flex-start;
170 }
171
172 html /deep/ [layout][center] {
173 -ms-flex-align: center;
174 -webkit-align-items: center;
175 align-items: center;
176 }
177
178 html /deep/ [layout][end] {
179 -ms-flex-align: end;
180 -webkit-align-items: flex-end;
181 align-items: flex-end;
182 }
183
184 /* alignment in main axis */
185
186 html /deep/ [layout][start-justified] {
187 -ms-flex-pack: start;
188 -webkit-justify-content: flex-start;
189 justify-content: flex-start;
190 }
191
192 html /deep/ [layout][center-justified] {
193 -ms-flex-pack: center;
194 -webkit-justify-content: center;
195 justify-content: center;
196 }
197
198 html /deep/ [layout][end-justified] {
199 -ms-flex-pack: end;
200 -webkit-justify-content: flex-end;
201 justify-content: flex-end;
202 }
203
204 html /deep/ [layout][around-justified] {
205 -ms-flex-pack: around;
206 -webkit-justify-content: space-around;
207 justify-content: space-around;
208 }
209
210 html /deep/ [layout][justified] {
211 -ms-flex-pack: justify;
212 -webkit-justify-content: space-between;
213 justify-content: space-between;
214 }
215
216 /* self alignment */
217
218 html /deep/ [self-start] {
219 -ms-align-self: flex-start;
220 -webkit-align-self: flex-start;
221 align-self: flex-start;
222 }
223
224 html /deep/ [self-center] {
225 -ms-align-self: center;
226 -webkit-align-self: center;
227 align-self: center;
228 }
229
230 html /deep/ [self-end] {
231 -ms-align-self: flex-end;
232 -webkit-align-self: flex-end;
233 align-self: flex-end;
234 }
235
236 html /deep/ [self-stretch] {
237 -ms-align-self: stretch;
238 -webkit-align-self: stretch;
239 align-self: stretch;
240 }
241
242 /*******************************
243 Other Layout
244 *******************************/
245
246 html /deep/ [block] {
247 display: block;
248 }
249
250 /* ie support for hidden */
251 html /deep/ [hidden] {
252 display: none;
253 }
254
255 html /deep/ [relative] {
256 position: relative;
257 }
258
259 html /deep/ [fit] {
260 position: absolute;
261 top: 0;
262 right: 0;
263 bottom: 0;
264 left: 0;
265 }
266
267 body[fullbleed] {
268 margin: 0;
269 height: 100vh;
270 }
271
272 /*******************************
273 Other
274 *******************************/
275
276 html /deep/ [segment], html /deep/ segment {
277 display: block;
278 position: relative;
279 -webkit-box-sizing: border-box;
280 -ms-box-sizing: border-box;
281 box-sizing: border-box;
282 margin: 1em 0.5em;
283 padding: 1em;
284 background-color: white;
285 -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
286 box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
287 border-radius: 5px 5px 5px 5px;
288 }
289
290 </style><script src="packages/polymer/src/js/polymer/polymer.js"></script><scrip t type="text/javascript" src="https://www.google.com/jsapi"></script><style>
67 /* Global styles */ 291 /* Global styles */
68 * { 292 * {
69 margin: 0; 293 margin: 0;
70 padding: 0; 294 padding: 0;
71 font: 400 14px 'Montserrat', sans-serif; 295 font: 400 14px 'Montserrat', sans-serif;
72 color: #333; 296 color: #333;
73 box-sizing: border-box; 297 box-sizing: border-box;
74 } 298 }
75 299
76 .content { 300 .content {
77 padding-left: 10%; 301 padding-left: 10%;
78 font: 400 14px 'Montserrat', sans-serif; 302 font: 400 14px 'Montserrat', sans-serif;
79 } 303 }
80 304
81 .content-centered { 305 .content-centered {
82 padding-left: 10%; 306 padding-left: 10%;
83 padding-right: 10%; 307 padding-right: 10%;
84 font: 400 14px 'Montserrat', sans-serif; 308 font: 400 14px 'Montserrat', sans-serif;
85 } 309 }
86 310
311 .content-centered-big {
312 padding-left: 5%;
313 padding-right: 5%;
314 font: 400 14px 'Montserrat', sans-serif;
315 }
316
87 h1 { 317 h1 {
88 font: 400 18px 'Montserrat', sans-serif; 318 font: 400 18px 'Montserrat', sans-serif;
89 } 319 }
90 320
91 .memberList { 321 .memberList {
92 display: table; 322 display: table;
93 } 323 }
94 324
95 .memberItem { 325 .memberItem {
96 display: table-row; 326 display: table-row;
(...skipping 235 matching lines...) Expand 10 before | Expand all | Expand 10 after
332 562
333 563
334 564
335 565
336 566
337 567
338 568
339 569
340 570
341 571
342
343 572
344
345 573
346 574
347 575
348 576
577
578
579
580
581
349 <polymer-element name="curly-block"> 582 <polymer-element name="curly-block">
350 <template> 583 <template>
351 <style> 584 <style>
352 .idle { 585 .idle {
353 display: inline-block; 586 display: inline-block;
354 color: #0489c3; 587 color: #0489c3;
355 cursor: pointer; 588 cursor: pointer;
356 } 589 }
357 .busy { 590 .busy {
358 display: inline-block; 591 display: inline-block;
(...skipping 18 matching lines...) Expand all
377 610
378 <template if="{{ !expanded }}"> 611 <template if="{{ !expanded }}">
379 <template if="{{ busy }}"> 612 <template if="{{ busy }}">
380 {<div class="busy">&nbsp;&nbsp;⊞&nbsp;&nbsp;</div>} 613 {<div class="busy">&nbsp;&nbsp;⊞&nbsp;&nbsp;</div>}
381 </template> 614 </template>
382 <template if="{{ !busy }}"> 615 <template if="{{ !busy }}">
383 {<a on-click="{{ toggleExpand }}"><div class="idle">&nbsp;&nbsp;⊞&nbsp;& nbsp;</div></a>} 616 {<a on-click="{{ toggleExpand }}"><div class="idle">&nbsp;&nbsp;⊞&nbsp;& nbsp;</div></a>}
384 </template> 617 </template>
385 </template> 618 </template>
386 </template> 619 </template>
387
388 </polymer-element>
389 <polymer-element name="observatory-element">
390
391 </polymer-element> 620 </polymer-element>
392 621
393 622
623
624
625 <polymer-element name="observatory-element">
626 </polymer-element>
627
628
629
630
394 <polymer-element name="service-ref" extends="observatory-element"> 631 <polymer-element name="service-ref" extends="observatory-element">
395 632 </polymer-element>
396 </polymer-element><polymer-element name="instance-ref" extends="service-ref"> 633
634 <polymer-element name="instance-ref" extends="service-ref">
397 <template> 635 <template>
398 <style> 636 <style>
399 /* Global styles */ 637 /* Global styles */
400 * { 638 * {
401 margin: 0; 639 margin: 0;
402 padding: 0; 640 padding: 0;
403 font: 400 14px 'Montserrat', sans-serif; 641 font: 400 14px 'Montserrat', sans-serif;
404 color: #333; 642 color: #333;
405 box-sizing: border-box; 643 box-sizing: border-box;
406 } 644 }
407 645
408 .content { 646 .content {
409 padding-left: 10%; 647 padding-left: 10%;
410 font: 400 14px 'Montserrat', sans-serif; 648 font: 400 14px 'Montserrat', sans-serif;
411 } 649 }
412 650
413 .content-centered { 651 .content-centered {
414 padding-left: 10%; 652 padding-left: 10%;
415 padding-right: 10%; 653 padding-right: 10%;
416 font: 400 14px 'Montserrat', sans-serif; 654 font: 400 14px 'Montserrat', sans-serif;
417 } 655 }
418 656
657 .content-centered-big {
658 padding-left: 5%;
659 padding-right: 5%;
660 font: 400 14px 'Montserrat', sans-serif;
661 }
662
419 h1 { 663 h1 {
420 font: 400 18px 'Montserrat', sans-serif; 664 font: 400 18px 'Montserrat', sans-serif;
421 } 665 }
422 666
423 .memberList { 667 .memberList {
424 display: table; 668 display: table;
425 } 669 }
426 670
427 .memberItem { 671 .memberItem {
428 display: table-row; 672 display: table-row;
(...skipping 274 matching lines...) Expand 10 before | Expand all | Expand 10 after
703 <div class="memberValue"> 947 <div class="memberValue">
704 <instance-ref ref="{{ element['value'] }}"></instance-ref> 948 <instance-ref ref="{{ element['value'] }}"></instance-ref>
705 </div> 949 </div>
706 </div> 950 </div>
707 </template> 951 </template>
708 </div> 952 </div>
709 </curly-block> 953 </curly-block>
710 </template> 954 </template>
711 </span> 955 </span>
712 </template> 956 </template>
713
714 </polymer-element> 957 </polymer-element>
958
715 <polymer-element name="action-link"> 959 <polymer-element name="action-link">
716 <template> 960 <template>
717 <style> 961 <style>
718 .idle { 962 .idle {
719 color: #0489c3; 963 color: #0489c3;
720 cursor: pointer; 964 cursor: pointer;
721 } 965 }
722 .busy { 966 .busy {
723 color: #aaa; 967 color: #aaa;
724 cursor: wait; 968 cursor: wait;
725 } 969 }
726 </style> 970 </style>
727 971
728 <template if="{{ busy }}"> 972 <template if="{{ busy }}">
729 <span class="busy">[{{ label }}]</span> 973 <span class="busy">[{{ label }}]</span>
730 </template> 974 </template>
731 <template if="{{ !busy }}"> 975 <template if="{{ !busy }}">
732 <span class="idle"><a on-click="{{ doAction }}">[{{ label }}]</a></span> 976 <span class="idle"><a on-click="{{ doAction }}">[{{ label }}]</a></span>
733 </template> 977 </template>
734
735 </template> 978 </template>
736
737 </polymer-element> 979 </polymer-element>
738 980
739
740
741 981
742 982
983
984
985
986
987
988
743 <polymer-element name="nav-bar" extends="observatory-element"> 989 <polymer-element name="nav-bar" extends="observatory-element">
744 <template> 990 <template>
745 <style> 991 <style>
746 /* Global styles */ 992 /* Global styles */
747 * { 993 * {
748 margin: 0; 994 margin: 0;
749 padding: 0; 995 padding: 0;
750 font: 400 14px 'Montserrat', sans-serif; 996 font: 400 14px 'Montserrat', sans-serif;
751 color: #333; 997 color: #333;
752 box-sizing: border-box; 998 box-sizing: border-box;
753 } 999 }
754 1000
755 .content { 1001 .content {
756 padding-left: 10%; 1002 padding-left: 10%;
757 font: 400 14px 'Montserrat', sans-serif; 1003 font: 400 14px 'Montserrat', sans-serif;
758 } 1004 }
759 1005
760 .content-centered { 1006 .content-centered {
761 padding-left: 10%; 1007 padding-left: 10%;
762 padding-right: 10%; 1008 padding-right: 10%;
763 font: 400 14px 'Montserrat', sans-serif; 1009 font: 400 14px 'Montserrat', sans-serif;
764 } 1010 }
765 1011
1012 .content-centered-big {
1013 padding-left: 5%;
1014 padding-right: 5%;
1015 font: 400 14px 'Montserrat', sans-serif;
1016 }
1017
766 h1 { 1018 h1 {
767 font: 400 18px 'Montserrat', sans-serif; 1019 font: 400 18px 'Montserrat', sans-serif;
768 } 1020 }
769 1021
770 .memberList { 1022 .memberList {
771 display: table; 1023 display: table;
772 } 1024 }
773 1025
774 .memberItem { 1026 .memberItem {
775 display: table-row; 1027 display: table-row;
(...skipping 440 matching lines...) Expand 10 before | Expand all | Expand 10 after
1216 padding-left: 10%; 1468 padding-left: 10%;
1217 font: 400 14px 'Montserrat', sans-serif; 1469 font: 400 14px 'Montserrat', sans-serif;
1218 } 1470 }
1219 1471
1220 .content-centered { 1472 .content-centered {
1221 padding-left: 10%; 1473 padding-left: 10%;
1222 padding-right: 10%; 1474 padding-right: 10%;
1223 font: 400 14px 'Montserrat', sans-serif; 1475 font: 400 14px 'Montserrat', sans-serif;
1224 } 1476 }
1225 1477
1478 .content-centered-big {
1479 padding-left: 5%;
1480 padding-right: 5%;
1481 font: 400 14px 'Montserrat', sans-serif;
1482 }
1483
1226 h1 { 1484 h1 {
1227 font: 400 18px 'Montserrat', sans-serif; 1485 font: 400 18px 'Montserrat', sans-serif;
1228 } 1486 }
1229 1487
1230 .memberList { 1488 .memberList {
1231 display: table; 1489 display: table;
1232 } 1490 }
1233 1491
1234 .memberItem { 1492 .memberItem {
1235 display: table-row; 1493 display: table-row;
(...skipping 217 matching lines...) Expand 10 before | Expand all | Expand 10 after
1453 <template if="{{ msg['breakpoints'].isNotEmpty }}"> 1711 <template if="{{ msg['breakpoints'].isNotEmpty }}">
1454 <ul class="list-group"> 1712 <ul class="list-group">
1455 <template repeat="{{ bpt in msg['breakpoints'] }}"> 1713 <template repeat="{{ bpt in msg['breakpoints'] }}">
1456 <li class="list-group-item"> 1714 <li class="list-group-item">
1457 {{ bpt }} 1715 {{ bpt }}
1458 </li> 1716 </li>
1459 </template> 1717 </template>
1460 </ul> 1718 </ul>
1461 </template> 1719 </template>
1462 </template> 1720 </template>
1463
1464 </polymer-element> 1721 </polymer-element>
1465 1722
1466 1723
1724
1725
1726
1467 <polymer-element name="class-ref" extends="service-ref"> 1727 <polymer-element name="class-ref" extends="service-ref">
1468 1728 <template><style>
1469 <template><style>
1470 /* Global styles */ 1729 /* Global styles */
1471 * { 1730 * {
1472 margin: 0; 1731 margin: 0;
1473 padding: 0; 1732 padding: 0;
1474 font: 400 14px 'Montserrat', sans-serif; 1733 font: 400 14px 'Montserrat', sans-serif;
1475 color: #333; 1734 color: #333;
1476 box-sizing: border-box; 1735 box-sizing: border-box;
1477 } 1736 }
1478 1737
1479 .content { 1738 .content {
1480 padding-left: 10%; 1739 padding-left: 10%;
1481 font: 400 14px 'Montserrat', sans-serif; 1740 font: 400 14px 'Montserrat', sans-serif;
1482 } 1741 }
1483 1742
1484 .content-centered { 1743 .content-centered {
1485 padding-left: 10%; 1744 padding-left: 10%;
1486 padding-right: 10%; 1745 padding-right: 10%;
1487 font: 400 14px 'Montserrat', sans-serif; 1746 font: 400 14px 'Montserrat', sans-serif;
1488 } 1747 }
1489 1748
1749 .content-centered-big {
1750 padding-left: 5%;
1751 padding-right: 5%;
1752 font: 400 14px 'Montserrat', sans-serif;
1753 }
1754
1490 h1 { 1755 h1 {
1491 font: 400 18px 'Montserrat', sans-serif; 1756 font: 400 18px 'Montserrat', sans-serif;
1492 } 1757 }
1493 1758
1494 .memberList { 1759 .memberList {
1495 display: table; 1760 display: table;
1496 } 1761 }
1497 1762
1498 .memberItem { 1763 .memberItem {
1499 display: table-row; 1764 display: table-row;
(...skipping 195 matching lines...) Expand 10 before | Expand all | Expand 10 after
1695 background-color: #f5f5f5; 1960 background-color: #f5f5f5;
1696 border: 1px solid #e3e3e3; 1961 border: 1px solid #e3e3e3;
1697 border-radius: 4px; 1962 border-radius: 4px;
1698 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 1963 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
1699 } 1964 }
1700 1965
1701 .break-wrap { 1966 .break-wrap {
1702 word-wrap: break-word; 1967 word-wrap: break-word;
1703 } 1968 }
1704 </style><a on-click="{{ goto }}" title="{{ hoverText }}" href="{{ url }}">{{ nam e }}</a></template> 1969 </style><a on-click="{{ goto }}" title="{{ hoverText }}" href="{{ url }}">{{ nam e }}</a></template>
1705
1706
1707 </polymer-element> 1970 </polymer-element>
1708 1971
1709 1972
1710 1973
1974
1975
1976
1711 1977
1712 <polymer-element name="class-tree" extends="observatory-element"> 1978 <polymer-element name="class-tree" extends="observatory-element">
1713 <template> 1979 <template>
1714 <style> 1980 <style>
1715 /* Global styles */ 1981 /* Global styles */
1716 * { 1982 * {
1717 margin: 0; 1983 margin: 0;
1718 padding: 0; 1984 padding: 0;
1719 font: 400 14px 'Montserrat', sans-serif; 1985 font: 400 14px 'Montserrat', sans-serif;
1720 color: #333; 1986 color: #333;
1721 box-sizing: border-box; 1987 box-sizing: border-box;
1722 } 1988 }
1723 1989
1724 .content { 1990 .content {
1725 padding-left: 10%; 1991 padding-left: 10%;
1726 font: 400 14px 'Montserrat', sans-serif; 1992 font: 400 14px 'Montserrat', sans-serif;
1727 } 1993 }
1728 1994
1729 .content-centered { 1995 .content-centered {
1730 padding-left: 10%; 1996 padding-left: 10%;
1731 padding-right: 10%; 1997 padding-right: 10%;
1732 font: 400 14px 'Montserrat', sans-serif; 1998 font: 400 14px 'Montserrat', sans-serif;
1733 } 1999 }
1734 2000
2001 .content-centered-big {
2002 padding-left: 5%;
2003 padding-right: 5%;
2004 font: 400 14px 'Montserrat', sans-serif;
2005 }
2006
1735 h1 { 2007 h1 {
1736 font: 400 18px 'Montserrat', sans-serif; 2008 font: 400 18px 'Montserrat', sans-serif;
1737 } 2009 }
1738 2010
1739 .memberList { 2011 .memberList {
1740 display: table; 2012 display: table;
1741 } 2013 }
1742 2014
1743 .memberItem { 2015 .memberItem {
1744 display: table-row; 2016 display: table-row;
(...skipping 306 matching lines...) Expand 10 before | Expand all | Expand 10 after
2051 </td> 2323 </td>
2052 </tr> 2324 </tr>
2053 </tbody> 2325 </tbody>
2054 </table> 2326 </table>
2055 </div> 2327 </div>
2056 </template> 2328 </template>
2057 </polymer-element> 2329 </polymer-element>
2058 2330
2059 2331
2060 2332
2061
2062
2063
2064
2065
2066
2067
2068
2069
2070
2071 2333
2072 2334
2073 2335
2336
2337
2338
2339
2340
2341
2342
2343
2344
2345
2346
2347
2074 <polymer-element name="eval-box" extends="observatory-element"> 2348 <polymer-element name="eval-box" extends="observatory-element">
2075 <template> 2349 <template>
2076 <style> 2350 <style>
2077 .textbox { 2351 .textbox {
2078 width: 80ex; 2352 width: 80ex;
2079 font: 400 16px 'Montserrat', sans-serif; 2353 font: 400 16px 'Montserrat', sans-serif;
2080 } 2354 }
2081 .bigtextbox { 2355 .bigtextbox {
2082 font: 400 16px 'Montserrat', sans-serif; 2356 font: 400 16px 'Montserrat', sans-serif;
2083 } 2357 }
(...skipping 61 matching lines...) Expand 10 before | Expand all | Expand 10 after
2145 </template> 2419 </template>
2146 </td> 2420 </td>
2147 </tr> 2421 </tr>
2148 </tbody></table> 2422 </tbody></table>
2149 </template> 2423 </template>
2150 </template> 2424 </template>
2151 </polymer-element> 2425 </polymer-element>
2152 2426
2153 2427
2154 2428
2155 2429
2430
2156 <polymer-element name="eval-link"> 2431 <polymer-element name="eval-link">
2157 <template> 2432 <template>
2158 <style> 2433 <style>
2159 .idle { 2434 .idle {
2160 color: #0489c3; 2435 color: #0489c3;
2161 cursor: pointer; 2436 cursor: pointer;
2162 } 2437 }
2163 .busy { 2438 .busy {
2164 color: #aaa; 2439 color: #aaa;
2165 cursor: wait; 2440 cursor: wait;
2166 } 2441 }
2167 </style> 2442 </style>
2168 2443
2169 <template if="{{ busy }}"> 2444 <template if="{{ busy }}">
2170 <span class="busy">{{ label }}</span> 2445 <span class="busy">{{ label }}</span>
2171 </template> 2446 </template>
2172 <template if="{{ !busy }}"> 2447 <template if="{{ !busy }}">
2173 <span class="idle"><a on-click="{{ evalNow }}">{{ label }}</a></span> 2448 <span class="idle"><a on-click="{{ evalNow }}">{{ label }}</a></span>
2174 </template> 2449 </template>
2175 <template if="{{ result != null }}"> 2450 <template if="{{ result != null }}">
2176 = <instance-ref ref="{{ result }}"></instance-ref> 2451 = <instance-ref ref="{{ result }}"></instance-ref>
2177 </template> 2452 </template>
2453 </template>
2454 </polymer-element>
2178 2455
2179 </template> 2456
2180 2457
2181 </polymer-element>
2182 2458
2183 2459
2184 2460
2185 2461
2186 <polymer-element name="field-ref" extends="service-ref"> 2462 <polymer-element name="field-ref" extends="service-ref">
2187 <template> 2463 <template>
2188 <style> 2464 <style>
2189 /* Global styles */ 2465 /* Global styles */
2190 * { 2466 * {
2191 margin: 0; 2467 margin: 0;
2192 padding: 0; 2468 padding: 0;
2193 font: 400 14px 'Montserrat', sans-serif; 2469 font: 400 14px 'Montserrat', sans-serif;
2194 color: #333; 2470 color: #333;
2195 box-sizing: border-box; 2471 box-sizing: border-box;
2196 } 2472 }
2197 2473
2198 .content { 2474 .content {
2199 padding-left: 10%; 2475 padding-left: 10%;
2200 font: 400 14px 'Montserrat', sans-serif; 2476 font: 400 14px 'Montserrat', sans-serif;
2201 } 2477 }
2202 2478
2203 .content-centered { 2479 .content-centered {
2204 padding-left: 10%; 2480 padding-left: 10%;
2205 padding-right: 10%; 2481 padding-right: 10%;
2206 font: 400 14px 'Montserrat', sans-serif; 2482 font: 400 14px 'Montserrat', sans-serif;
2207 } 2483 }
2208 2484
2485 .content-centered-big {
2486 padding-left: 5%;
2487 padding-right: 5%;
2488 font: 400 14px 'Montserrat', sans-serif;
2489 }
2490
2209 h1 { 2491 h1 {
2210 font: 400 18px 'Montserrat', sans-serif; 2492 font: 400 18px 'Montserrat', sans-serif;
2211 } 2493 }
2212 2494
2213 .memberList { 2495 .memberList {
2214 display: table; 2496 display: table;
2215 } 2497 }
2216 2498
2217 .memberItem { 2499 .memberItem {
2218 display: table-row; 2500 display: table-row;
(...skipping 209 matching lines...) Expand 10 before | Expand all | Expand 10 after
2428 <template if="{{ (ref['declared_type']['name'] == 'dynamic' &amp;&amp; 2710 <template if="{{ (ref['declared_type']['name'] == 'dynamic' &amp;&amp;
2429 !ref['final'] &amp;&amp; !ref['const']) }}"> 2711 !ref['final'] &amp;&amp; !ref['const']) }}">
2430 var 2712 var
2431 </template> 2713 </template>
2432 <template if="{{ (ref['declared_type']['name'] != 'dynamic') }}"> 2714 <template if="{{ (ref['declared_type']['name'] != 'dynamic') }}">
2433 <instance-ref ref="{{ ref['declared_type'] }}"></instance-ref> 2715 <instance-ref ref="{{ ref['declared_type'] }}"></instance-ref>
2434 </template> 2716 </template>
2435 <a on-click="{{ goto }}" title="{{ hoverText }}" href="{{ url }}">{{ name }}</a> 2717 <a on-click="{{ goto }}" title="{{ hoverText }}" href="{{ url }}">{{ name }}</a>
2436 </div> 2718 </div>
2437 </template> 2719 </template>
2438
2439 </polymer-element> 2720 </polymer-element>
2440 2721
2441 2722
2442 2723
2724
2725
2726
2443 <polymer-element name="function-ref" extends="service-ref"> 2727 <polymer-element name="function-ref" extends="service-ref">
2444 <template><style> 2728 <template><style>
2445 /* Global styles */ 2729 /* Global styles */
2446 * { 2730 * {
2447 margin: 0; 2731 margin: 0;
2448 padding: 0; 2732 padding: 0;
2449 font: 400 14px 'Montserrat', sans-serif; 2733 font: 400 14px 'Montserrat', sans-serif;
2450 color: #333; 2734 color: #333;
2451 box-sizing: border-box; 2735 box-sizing: border-box;
2452 } 2736 }
2453 2737
2454 .content { 2738 .content {
2455 padding-left: 10%; 2739 padding-left: 10%;
2456 font: 400 14px 'Montserrat', sans-serif; 2740 font: 400 14px 'Montserrat', sans-serif;
2457 } 2741 }
2458 2742
2459 .content-centered { 2743 .content-centered {
2460 padding-left: 10%; 2744 padding-left: 10%;
2461 padding-right: 10%; 2745 padding-right: 10%;
2462 font: 400 14px 'Montserrat', sans-serif; 2746 font: 400 14px 'Montserrat', sans-serif;
2463 } 2747 }
2464 2748
2749 .content-centered-big {
2750 padding-left: 5%;
2751 padding-right: 5%;
2752 font: 400 14px 'Montserrat', sans-serif;
2753 }
2754
2465 h1 { 2755 h1 {
2466 font: 400 18px 'Montserrat', sans-serif; 2756 font: 400 18px 'Montserrat', sans-serif;
2467 } 2757 }
2468 2758
2469 .memberList { 2759 .memberList {
2470 display: table; 2760 display: table;
2471 } 2761 }
2472 2762
2473 .memberItem { 2763 .memberItem {
2474 display: table-row; 2764 display: table-row;
(...skipping 203 matching lines...) Expand 10 before | Expand all | Expand 10 after
2678 } 2968 }
2679 </style><!-- These comments are here to allow newlines. 2969 </style><!-- These comments are here to allow newlines.
2680 --><template if="{{ isDart }}"><!-- 2970 --><template if="{{ isDart }}"><!--
2681 --><template if="{{ qualified &amp;&amp; !hasParent &amp;&amp; hasClass } }"><!-- 2971 --><template if="{{ qualified &amp;&amp; !hasParent &amp;&amp; hasClass } }"><!--
2682 --><class-ref ref="{{ ref['owner'] }}"></class-ref>.</template><!-- 2972 --><class-ref ref="{{ ref['owner'] }}"></class-ref>.</template><!--
2683 --><template if="{{ qualified &amp;&amp; hasParent }}"><!-- 2973 --><template if="{{ qualified &amp;&amp; hasParent }}"><!--
2684 --><function-ref ref="{{ ref['parent'] }}" qualified="{{ true }}"> 2974 --><function-ref ref="{{ ref['parent'] }}" qualified="{{ true }}">
2685 </function-ref>.<!-- 2975 </function-ref>.<!--
2686 --></template><a on-click="{{ goto }}" href="{{ url }}">{{ name }}</a><!-- 2976 --></template><a on-click="{{ goto }}" href="{{ url }}">{{ name }}</a><!--
2687 --></template><template if="{{ !isDart }}"><span> {{ name }}</span></template> </template> 2977 --></template><template if="{{ !isDart }}"><span> {{ name }}</span></template> </template>
2688
2689 </polymer-element> 2978 </polymer-element>
2690 2979
2691 2980
2981
2982
2692 <polymer-element name="library-ref" extends="service-ref"> 2983 <polymer-element name="library-ref" extends="service-ref">
2693 <template><style> 2984 <template><style>
2694 /* Global styles */ 2985 /* Global styles */
2695 * { 2986 * {
2696 margin: 0; 2987 margin: 0;
2697 padding: 0; 2988 padding: 0;
2698 font: 400 14px 'Montserrat', sans-serif; 2989 font: 400 14px 'Montserrat', sans-serif;
2699 color: #333; 2990 color: #333;
2700 box-sizing: border-box; 2991 box-sizing: border-box;
2701 } 2992 }
2702 2993
2703 .content { 2994 .content {
2704 padding-left: 10%; 2995 padding-left: 10%;
2705 font: 400 14px 'Montserrat', sans-serif; 2996 font: 400 14px 'Montserrat', sans-serif;
2706 } 2997 }
2707 2998
2708 .content-centered { 2999 .content-centered {
2709 padding-left: 10%; 3000 padding-left: 10%;
2710 padding-right: 10%; 3001 padding-right: 10%;
2711 font: 400 14px 'Montserrat', sans-serif; 3002 font: 400 14px 'Montserrat', sans-serif;
2712 } 3003 }
2713 3004
3005 .content-centered-big {
3006 padding-left: 5%;
3007 padding-right: 5%;
3008 font: 400 14px 'Montserrat', sans-serif;
3009 }
3010
2714 h1 { 3011 h1 {
2715 font: 400 18px 'Montserrat', sans-serif; 3012 font: 400 18px 'Montserrat', sans-serif;
2716 } 3013 }
2717 3014
2718 .memberList { 3015 .memberList {
2719 display: table; 3016 display: table;
2720 } 3017 }
2721 3018
2722 .memberItem { 3019 .memberItem {
2723 display: table-row; 3020 display: table-row;
(...skipping 195 matching lines...) Expand 10 before | Expand all | Expand 10 after
2919 background-color: #f5f5f5; 3216 background-color: #f5f5f5;
2920 border: 1px solid #e3e3e3; 3217 border: 1px solid #e3e3e3;
2921 border-radius: 4px; 3218 border-radius: 4px;
2922 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 3219 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
2923 } 3220 }
2924 3221
2925 .break-wrap { 3222 .break-wrap {
2926 word-wrap: break-word; 3223 word-wrap: break-word;
2927 } 3224 }
2928 </style> 3225 </style>
2929 <template if="{{ nameIsEmpty }}"> 3226 <template if="{{ nameIsEmpty }}">
2930 <a on-click="{{ goto }}" href="{{ url }}">unnamed</a> 3227 <a on-click="{{ goto }}" href="{{ url }}">unnamed</a>
3228 </template>
3229 <template if="{{ !nameIsEmpty }}">
3230 <a on-click="{{ goto }}" href="{{ url }}">{{ name }}</a>
3231 </template>
2931 </template> 3232 </template>
2932 <template if="{{ !nameIsEmpty }}"> 3233 </polymer-element>
2933 <a on-click="{{ goto }}" href="{{ url }}">{{ name }}</a>
2934 </template>
2935 </template>
2936 3234
2937 </polymer-element> 3235
2938 3236
2939 3237
2940 3238
2941 <polymer-element name="script-ref" extends="service-ref"> 3239 <polymer-element name="script-ref" extends="service-ref">
2942 <template> 3240 <template>
2943 <style> 3241 <style>
2944 /* Global styles */ 3242 /* Global styles */
2945 * { 3243 * {
2946 margin: 0; 3244 margin: 0;
2947 padding: 0; 3245 padding: 0;
2948 font: 400 14px 'Montserrat', sans-serif; 3246 font: 400 14px 'Montserrat', sans-serif;
2949 color: #333; 3247 color: #333;
2950 box-sizing: border-box; 3248 box-sizing: border-box;
2951 } 3249 }
2952 3250
2953 .content { 3251 .content {
2954 padding-left: 10%; 3252 padding-left: 10%;
2955 font: 400 14px 'Montserrat', sans-serif; 3253 font: 400 14px 'Montserrat', sans-serif;
2956 } 3254 }
2957 3255
2958 .content-centered { 3256 .content-centered {
2959 padding-left: 10%; 3257 padding-left: 10%;
2960 padding-right: 10%; 3258 padding-right: 10%;
2961 font: 400 14px 'Montserrat', sans-serif; 3259 font: 400 14px 'Montserrat', sans-serif;
2962 } 3260 }
2963 3261
3262 .content-centered-big {
3263 padding-left: 5%;
3264 padding-right: 5%;
3265 font: 400 14px 'Montserrat', sans-serif;
3266 }
3267
2964 h1 { 3268 h1 {
2965 font: 400 18px 'Montserrat', sans-serif; 3269 font: 400 18px 'Montserrat', sans-serif;
2966 } 3270 }
2967 3271
2968 .memberList { 3272 .memberList {
2969 display: table; 3273 display: table;
2970 } 3274 }
2971 3275
2972 .memberItem { 3276 .memberItem {
2973 display: table-row; 3277 display: table-row;
(...skipping 197 matching lines...) Expand 10 before | Expand all | Expand 10 after
3171 border-radius: 4px; 3475 border-radius: 4px;
3172 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 3476 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
3173 } 3477 }
3174 3478
3175 .break-wrap { 3479 .break-wrap {
3176 word-wrap: break-word; 3480 word-wrap: break-word;
3177 } 3481 }
3178 </style> 3482 </style>
3179 <a on-click="{{ goto }}" title="{{ hoverText }}" href="{{ url }}">{{ name }}</ a> 3483 <a on-click="{{ goto }}" title="{{ hoverText }}" href="{{ url }}">{{ name }}</ a>
3180 </template> 3484 </template>
3485 </polymer-element>
3181 3486
3182 </polymer-element> 3487
3183 <polymer-element name="class-view" extends="observatory-element"> 3488 <polymer-element name="class-view" extends="observatory-element">
3184 <template> 3489 <template>
3185 <style> 3490 <style>
3186 /* Global styles */ 3491 /* Global styles */
3187 * { 3492 * {
3188 margin: 0; 3493 margin: 0;
3189 padding: 0; 3494 padding: 0;
3190 font: 400 14px 'Montserrat', sans-serif; 3495 font: 400 14px 'Montserrat', sans-serif;
3191 color: #333; 3496 color: #333;
3192 box-sizing: border-box; 3497 box-sizing: border-box;
3193 } 3498 }
3194 3499
3195 .content { 3500 .content {
3196 padding-left: 10%; 3501 padding-left: 10%;
3197 font: 400 14px 'Montserrat', sans-serif; 3502 font: 400 14px 'Montserrat', sans-serif;
3198 } 3503 }
3199 3504
3200 .content-centered { 3505 .content-centered {
3201 padding-left: 10%; 3506 padding-left: 10%;
3202 padding-right: 10%; 3507 padding-right: 10%;
3203 font: 400 14px 'Montserrat', sans-serif; 3508 font: 400 14px 'Montserrat', sans-serif;
3204 } 3509 }
3205 3510
3511 .content-centered-big {
3512 padding-left: 5%;
3513 padding-right: 5%;
3514 font: 400 14px 'Montserrat', sans-serif;
3515 }
3516
3206 h1 { 3517 h1 {
3207 font: 400 18px 'Montserrat', sans-serif; 3518 font: 400 18px 'Montserrat', sans-serif;
3208 } 3519 }
3209 3520
3210 .memberList { 3521 .memberList {
3211 display: table; 3522 display: table;
3212 } 3523 }
3213 3524
3214 .memberItem { 3525 .memberItem {
3215 display: table-row; 3526 display: table-row;
(...skipping 330 matching lines...) Expand 10 before | Expand all | Expand 10 after
3546 </div> 3857 </div>
3547 3858
3548 <hr> 3859 <hr>
3549 3860
3550 <div class="content"> 3861 <div class="content">
3551 <eval-box callback="{{ eval }}"></eval-box> 3862 <eval-box callback="{{ eval }}"></eval-box>
3552 </div> 3863 </div>
3553 <br><br><br><br> 3864 <br><br><br><br>
3554 <br><br><br><br> 3865 <br><br><br><br>
3555 </template> 3866 </template>
3556
3557 </polymer-element> 3867 </polymer-element>
3558 3868
3559 3869
3870
3871
3560 <polymer-element name="code-ref" extends="service-ref"> 3872 <polymer-element name="code-ref" extends="service-ref">
3561 <template> 3873 <template>
3562 <style> 3874 <style>
3563 /* Global styles */ 3875 /* Global styles */
3564 * { 3876 * {
3565 margin: 0; 3877 margin: 0;
3566 padding: 0; 3878 padding: 0;
3567 font: 400 14px 'Montserrat', sans-serif; 3879 font: 400 14px 'Montserrat', sans-serif;
3568 color: #333; 3880 color: #333;
3569 box-sizing: border-box; 3881 box-sizing: border-box;
3570 } 3882 }
3571 3883
3572 .content { 3884 .content {
3573 padding-left: 10%; 3885 padding-left: 10%;
3574 font: 400 14px 'Montserrat', sans-serif; 3886 font: 400 14px 'Montserrat', sans-serif;
3575 } 3887 }
3576 3888
3577 .content-centered { 3889 .content-centered {
3578 padding-left: 10%; 3890 padding-left: 10%;
3579 padding-right: 10%; 3891 padding-right: 10%;
3580 font: 400 14px 'Montserrat', sans-serif; 3892 font: 400 14px 'Montserrat', sans-serif;
3581 } 3893 }
3582 3894
3895 .content-centered-big {
3896 padding-left: 5%;
3897 padding-right: 5%;
3898 font: 400 14px 'Montserrat', sans-serif;
3899 }
3900
3583 h1 { 3901 h1 {
3584 font: 400 18px 'Montserrat', sans-serif; 3902 font: 400 18px 'Montserrat', sans-serif;
3585 } 3903 }
3586 3904
3587 .memberList { 3905 .memberList {
3588 display: table; 3906 display: table;
3589 } 3907 }
3590 3908
3591 .memberItem { 3909 .memberItem {
3592 display: table-row; 3910 display: table-row;
(...skipping 207 matching lines...) Expand 10 before | Expand all | Expand 10 after
3800 <a on-click="{{ goto }}" href="{{ url }}">*{{ name }}</a> 4118 <a on-click="{{ goto }}" href="{{ url }}">*{{ name }}</a>
3801 </template> 4119 </template>
3802 <template if="{{ !code.isOptimized }}"> 4120 <template if="{{ !code.isOptimized }}">
3803 <a on-click="{{ goto }}" href="{{ url }}">{{ name }}</a> 4121 <a on-click="{{ goto }}" href="{{ url }}">{{ name }}</a>
3804 </template> 4122 </template>
3805 </template> 4123 </template>
3806 <template if="{{ !code.isDartCode }}"> 4124 <template if="{{ !code.isDartCode }}">
3807 <span>{{ name }}</span> 4125 <span>{{ name }}</span>
3808 </template> 4126 </template>
3809 </template> 4127 </template>
4128 </polymer-element>
3810 4129
3811 </polymer-element> 4130
4131
4132
3812 4133
3813 4134
3814 4135
3815 4136
3816 <polymer-element name="code-view" extends="observatory-element"> 4137 <polymer-element name="code-view" extends="observatory-element">
3817 <template> 4138 <template>
3818 <style> 4139 <style>
3819 /* Global styles */ 4140 /* Global styles */
3820 * { 4141 * {
3821 margin: 0; 4142 margin: 0;
3822 padding: 0; 4143 padding: 0;
3823 font: 400 14px 'Montserrat', sans-serif; 4144 font: 400 14px 'Montserrat', sans-serif;
3824 color: #333; 4145 color: #333;
3825 box-sizing: border-box; 4146 box-sizing: border-box;
3826 } 4147 }
3827 4148
3828 .content { 4149 .content {
3829 padding-left: 10%; 4150 padding-left: 10%;
3830 font: 400 14px 'Montserrat', sans-serif; 4151 font: 400 14px 'Montserrat', sans-serif;
3831 } 4152 }
3832 4153
3833 .content-centered { 4154 .content-centered {
3834 padding-left: 10%; 4155 padding-left: 10%;
3835 padding-right: 10%; 4156 padding-right: 10%;
3836 font: 400 14px 'Montserrat', sans-serif; 4157 font: 400 14px 'Montserrat', sans-serif;
3837 } 4158 }
3838 4159
4160 .content-centered-big {
4161 padding-left: 5%;
4162 padding-right: 5%;
4163 font: 400 14px 'Montserrat', sans-serif;
4164 }
4165
3839 h1 { 4166 h1 {
3840 font: 400 18px 'Montserrat', sans-serif; 4167 font: 400 18px 'Montserrat', sans-serif;
3841 } 4168 }
3842 4169
3843 .memberList { 4170 .memberList {
3844 display: table; 4171 display: table;
3845 } 4172 }
3846 4173
3847 .memberItem { 4174 .memberItem {
3848 display: table-row; 4175 display: table-row;
(...skipping 352 matching lines...) Expand 10 before | Expand all | Expand 10 after
4201 </div> 4528 </div>
4202 </template> 4529 </template>
4203 <div class="flex-item-fixed-6-12 monospace"> 4530 <div class="flex-item-fixed-6-12 monospace">
4204 {{ instruction.human }} 4531 {{ instruction.human }}
4205 </div> 4532 </div>
4206 </template> 4533 </template>
4207 </div> 4534 </div>
4208 </template> 4535 </template>
4209 </div> 4536 </div>
4210 </template> 4537 </template>
4211
4212 </polymer-element> 4538 </polymer-element>
4213 4539
4214 4540
4215 <polymer-element name="collapsible-content" extends="observatory-element"> 4541
4216 <template> 4542
4217 <div class="well row"> 4543
4218 <a on-click="toggleDisplay" class="btn muted unselectable"> 4544
4219 Raw message... <i class="{{ iconClass }}"></i>
4220 </a>
4221 <div style="display: {{ displayValue }}" class="well">
4222 <content></content>
4223 </div>
4224 </div>
4225 </template>
4226
4227 </polymer-element>
4228
4229
4230 <polymer-element name="error-view" extends="observatory-element"> 4545 <polymer-element name="error-view" extends="observatory-element">
4231 <template> 4546 <template>
4232 <style> 4547 <style>
4233 /* Global styles */ 4548 /* Global styles */
4234 * { 4549 * {
4235 margin: 0; 4550 margin: 0;
4236 padding: 0; 4551 padding: 0;
4237 font: 400 14px 'Montserrat', sans-serif; 4552 font: 400 14px 'Montserrat', sans-serif;
4238 color: #333; 4553 color: #333;
4239 box-sizing: border-box; 4554 box-sizing: border-box;
4240 } 4555 }
4241 4556
4242 .content { 4557 .content {
4243 padding-left: 10%; 4558 padding-left: 10%;
4244 font: 400 14px 'Montserrat', sans-serif; 4559 font: 400 14px 'Montserrat', sans-serif;
4245 } 4560 }
4246 4561
4247 .content-centered { 4562 .content-centered {
4248 padding-left: 10%; 4563 padding-left: 10%;
4249 padding-right: 10%; 4564 padding-right: 10%;
4250 font: 400 14px 'Montserrat', sans-serif; 4565 font: 400 14px 'Montserrat', sans-serif;
4251 } 4566 }
4252 4567
4568 .content-centered-big {
4569 padding-left: 5%;
4570 padding-right: 5%;
4571 font: 400 14px 'Montserrat', sans-serif;
4572 }
4573
4253 h1 { 4574 h1 {
4254 font: 400 18px 'Montserrat', sans-serif; 4575 font: 400 18px 'Montserrat', sans-serif;
4255 } 4576 }
4256 4577
4257 .memberList { 4578 .memberList {
4258 display: table; 4579 display: table;
4259 } 4580 }
4260 4581
4261 .memberItem { 4582 .memberItem {
4262 display: table-row; 4583 display: table-row;
(...skipping 205 matching lines...) Expand 10 before | Expand all | Expand 10 after
4468 <nav-bar> 4789 <nav-bar>
4469 <top-nav-menu last="{{ true }}"></top-nav-menu> 4790 <top-nav-menu last="{{ true }}"></top-nav-menu>
4470 <nav-control></nav-control> 4791 <nav-control></nav-control>
4471 </nav-bar> 4792 </nav-bar>
4472 <div class="content-centered"> 4793 <div class="content-centered">
4473 <h1>{{ error.kind }}</h1> 4794 <h1>{{ error.kind }}</h1>
4474 <br> 4795 <br>
4475 <div class="well">{{ error.message }}</div> 4796 <div class="well">{{ error.message }}</div>
4476 </div> 4797 </div>
4477 </template> 4798 </template>
4478
4479 </polymer-element> 4799 </polymer-element>
4480 4800
4481 4801
4482 4802
4483 4803
4484 4804
4485 4805
4486 4806
4807
4808
4809
4487 <polymer-element name="field-view" extends="observatory-element"> 4810 <polymer-element name="field-view" extends="observatory-element">
4488 <template> 4811 <template>
4489 <style> 4812 <style>
4490 /* Global styles */ 4813 /* Global styles */
4491 * { 4814 * {
4492 margin: 0; 4815 margin: 0;
4493 padding: 0; 4816 padding: 0;
4494 font: 400 14px 'Montserrat', sans-serif; 4817 font: 400 14px 'Montserrat', sans-serif;
4495 color: #333; 4818 color: #333;
4496 box-sizing: border-box; 4819 box-sizing: border-box;
4497 } 4820 }
4498 4821
4499 .content { 4822 .content {
4500 padding-left: 10%; 4823 padding-left: 10%;
4501 font: 400 14px 'Montserrat', sans-serif; 4824 font: 400 14px 'Montserrat', sans-serif;
4502 } 4825 }
4503 4826
4504 .content-centered { 4827 .content-centered {
4505 padding-left: 10%; 4828 padding-left: 10%;
4506 padding-right: 10%; 4829 padding-right: 10%;
4507 font: 400 14px 'Montserrat', sans-serif; 4830 font: 400 14px 'Montserrat', sans-serif;
4508 } 4831 }
4509 4832
4833 .content-centered-big {
4834 padding-left: 5%;
4835 padding-right: 5%;
4836 font: 400 14px 'Montserrat', sans-serif;
4837 }
4838
4510 h1 { 4839 h1 {
4511 font: 400 18px 'Montserrat', sans-serif; 4840 font: 400 18px 'Montserrat', sans-serif;
4512 } 4841 }
4513 4842
4514 .memberList { 4843 .memberList {
4515 display: table; 4844 display: table;
4516 } 4845 }
4517 4846
4518 .memberItem { 4847 .memberItem {
4519 display: table-row; 4848 display: table-row;
(...skipping 276 matching lines...) Expand 10 before | Expand all | Expand 10 after
4796 <div class="memberItem"> 5125 <div class="memberItem">
4797 <div class="memberName">static value</div> 5126 <div class="memberName">static value</div>
4798 <div class="memberValue"> 5127 <div class="memberValue">
4799 <instance-ref ref="{{ field['value'] }}"></instance-ref> 5128 <instance-ref ref="{{ field['value'] }}"></instance-ref>
4800 </div> 5129 </div>
4801 </div> 5130 </div>
4802 </template> 5131 </template>
4803 </div> 5132 </div>
4804 </div> 5133 </div>
4805 </template> 5134 </template>
4806
4807 </polymer-element> 5135 </polymer-element>
4808 5136
4809
4810
4811
4812 5137
4813 5138
4814 5139
4815 5140
4816 5141
4817 5142
5143
5144
5145
5146
5147
5148
4818 <polymer-element name="stack-frame" extends="observatory-element"> 5149 <polymer-element name="stack-frame" extends="observatory-element">
4819 <template> 5150 <template>
4820 <style> 5151 <style>
4821 /* Global styles */ 5152 /* Global styles */
4822 * { 5153 * {
4823 margin: 0; 5154 margin: 0;
4824 padding: 0; 5155 padding: 0;
4825 font: 400 14px 'Montserrat', sans-serif; 5156 font: 400 14px 'Montserrat', sans-serif;
4826 color: #333; 5157 color: #333;
4827 box-sizing: border-box; 5158 box-sizing: border-box;
4828 } 5159 }
4829 5160
4830 .content { 5161 .content {
4831 padding-left: 10%; 5162 padding-left: 10%;
4832 font: 400 14px 'Montserrat', sans-serif; 5163 font: 400 14px 'Montserrat', sans-serif;
4833 } 5164 }
4834 5165
4835 .content-centered { 5166 .content-centered {
4836 padding-left: 10%; 5167 padding-left: 10%;
4837 padding-right: 10%; 5168 padding-right: 10%;
4838 font: 400 14px 'Montserrat', sans-serif; 5169 font: 400 14px 'Montserrat', sans-serif;
4839 } 5170 }
4840 5171
5172 .content-centered-big {
5173 padding-left: 5%;
5174 padding-right: 5%;
5175 font: 400 14px 'Montserrat', sans-serif;
5176 }
5177
4841 h1 { 5178 h1 {
4842 font: 400 18px 'Montserrat', sans-serif; 5179 font: 400 18px 'Montserrat', sans-serif;
4843 } 5180 }
4844 5181
4845 .memberList { 5182 .memberList {
4846 display: table; 5183 display: table;
4847 } 5184 }
4848 5185
4849 .memberItem { 5186 .memberItem {
4850 display: table-row; 5187 display: table-row;
(...skipping 223 matching lines...) Expand 10 before | Expand all | Expand 10 after
5074 </div> 5411 </div>
5075 </div> 5412 </div>
5076 </template> 5413 </template>
5077 </div> 5414 </div>
5078 </curly-block> 5415 </curly-block>
5079 </div> 5416 </div>
5080 <div class="flex-item-fixed-1-12"> 5417 <div class="flex-item-fixed-1-12">
5081 </div> 5418 </div>
5082 </div> 5419 </div>
5083 </template> 5420 </template>
5084
5085 </polymer-element> 5421 </polymer-element>
5422
5086 <polymer-element name="flag-list" extends="observatory-element"> 5423 <polymer-element name="flag-list" extends="observatory-element">
5087 <template> 5424 <template>
5088 <style> 5425 <style>
5089 /* Global styles */ 5426 /* Global styles */
5090 * { 5427 * {
5091 margin: 0; 5428 margin: 0;
5092 padding: 0; 5429 padding: 0;
5093 font: 400 14px 'Montserrat', sans-serif; 5430 font: 400 14px 'Montserrat', sans-serif;
5094 color: #333; 5431 color: #333;
5095 box-sizing: border-box; 5432 box-sizing: border-box;
5096 } 5433 }
5097 5434
5098 .content { 5435 .content {
5099 padding-left: 10%; 5436 padding-left: 10%;
5100 font: 400 14px 'Montserrat', sans-serif; 5437 font: 400 14px 'Montserrat', sans-serif;
5101 } 5438 }
5102 5439
5103 .content-centered { 5440 .content-centered {
5104 padding-left: 10%; 5441 padding-left: 10%;
5105 padding-right: 10%; 5442 padding-right: 10%;
5106 font: 400 14px 'Montserrat', sans-serif; 5443 font: 400 14px 'Montserrat', sans-serif;
5107 } 5444 }
5108 5445
5446 .content-centered-big {
5447 padding-left: 5%;
5448 padding-right: 5%;
5449 font: 400 14px 'Montserrat', sans-serif;
5450 }
5451
5109 h1 { 5452 h1 {
5110 font: 400 18px 'Montserrat', sans-serif; 5453 font: 400 18px 'Montserrat', sans-serif;
5111 } 5454 }
5112 5455
5113 .memberList { 5456 .memberList {
5114 display: table; 5457 display: table;
5115 } 5458 }
5116 5459
5117 .memberItem { 5460 .memberItem {
5118 display: table-row; 5461 display: table-row;
(...skipping 252 matching lines...) Expand 10 before | Expand all | Expand 10 after
5371 padding-left: 10%; 5714 padding-left: 10%;
5372 font: 400 14px 'Montserrat', sans-serif; 5715 font: 400 14px 'Montserrat', sans-serif;
5373 } 5716 }
5374 5717
5375 .content-centered { 5718 .content-centered {
5376 padding-left: 10%; 5719 padding-left: 10%;
5377 padding-right: 10%; 5720 padding-right: 10%;
5378 font: 400 14px 'Montserrat', sans-serif; 5721 font: 400 14px 'Montserrat', sans-serif;
5379 } 5722 }
5380 5723
5724 .content-centered-big {
5725 padding-left: 5%;
5726 padding-right: 5%;
5727 font: 400 14px 'Montserrat', sans-serif;
5728 }
5729
5381 h1 { 5730 h1 {
5382 font: 400 18px 'Montserrat', sans-serif; 5731 font: 400 18px 'Montserrat', sans-serif;
5383 } 5732 }
5384 5733
5385 .memberList { 5734 .memberList {
5386 display: table; 5735 display: table;
5387 } 5736 }
5388 5737
5389 .memberItem { 5738 .memberItem {
5390 display: table-row; 5739 display: table-row;
(...skipping 206 matching lines...) Expand 10 before | Expand all | Expand 10 after
5597 <div style="padding: 3px 0"> 5946 <div style="padding: 3px 0">
5598 <b>{{ flag['name'] }}</b> 5947 <b>{{ flag['name'] }}</b>
5599 &nbsp;=&nbsp; 5948 &nbsp;=&nbsp;
5600 {{ flag['valueAsString'] }} 5949 {{ flag['valueAsString'] }}
5601 </div> 5950 </div>
5602 </template> 5951 </template>
5603 </polymer-element> 5952 </polymer-element>
5604 5953
5605 5954
5606 5955
5607
5608
5609
5610
5611
5612
5613
5614
5615 5956
5616 5957
5958
5959
5960
5961
5962
5963
5964
5965
5966
5967
5617 <polymer-element name="script-inset" extends="observatory-element"> 5968 <polymer-element name="script-inset" extends="observatory-element">
5618 <template> 5969 <template>
5619 <style> 5970 <style>
5620 .sourceInset { 5971 .sourceInset {
5621 padding-left: 15%; 5972 padding-left: 15%;
5622 padding-right: 15%; 5973 padding-right: 15%;
5623 } 5974 }
5624 .grayBox { 5975 .grayBox {
5625 width: 100%; 5976 width: 100%;
5626 background-color: #f5f5f5; 5977 background-color: #f5f5f5;
(...skipping 23 matching lines...) Expand all
5650 <td style="font-family: consolas, courier, monospace;font-size: 1em;line-height: 1.2em;white-space: nowrap;">{{line.line}}</td> 6001 <td style="font-family: consolas, courier, monospace;font-size: 1em;line-height: 1.2em;white-space: nowrap;">{{line.line}}</td>
5651 <td>&nbsp;</td> 6002 <td>&nbsp;</td>
5652 <td width="99%" style="font-family: consolas, courier, monospace ;font-size: 1em;line-height: 1.2em;white-space: pre;">{{line.text}}</td> 6003 <td width="99%" style="font-family: consolas, courier, monospace ;font-size: 1em;line-height: 1.2em;white-space: pre;">{{line.text}}</td>
5653 </tr> 6004 </tr>
5654 </tbody> 6005 </tbody>
5655 </table> 6006 </table>
5656 </template> 6007 </template>
5657 </div> 6008 </div>
5658 </div> 6009 </div>
5659 </template> 6010 </template>
5660
5661 </polymer-element> 6011 </polymer-element>
6012
6013
5662 <polymer-element name="function-view" extends="observatory-element"> 6014 <polymer-element name="function-view" extends="observatory-element">
5663 <template> 6015 <template>
5664 <style> 6016 <style>
5665 /* Global styles */ 6017 /* Global styles */
5666 * { 6018 * {
5667 margin: 0; 6019 margin: 0;
5668 padding: 0; 6020 padding: 0;
5669 font: 400 14px 'Montserrat', sans-serif; 6021 font: 400 14px 'Montserrat', sans-serif;
5670 color: #333; 6022 color: #333;
5671 box-sizing: border-box; 6023 box-sizing: border-box;
5672 } 6024 }
5673 6025
5674 .content { 6026 .content {
5675 padding-left: 10%; 6027 padding-left: 10%;
5676 font: 400 14px 'Montserrat', sans-serif; 6028 font: 400 14px 'Montserrat', sans-serif;
5677 } 6029 }
5678 6030
5679 .content-centered { 6031 .content-centered {
5680 padding-left: 10%; 6032 padding-left: 10%;
5681 padding-right: 10%; 6033 padding-right: 10%;
5682 font: 400 14px 'Montserrat', sans-serif; 6034 font: 400 14px 'Montserrat', sans-serif;
5683 } 6035 }
5684 6036
6037 .content-centered-big {
6038 padding-left: 5%;
6039 padding-right: 5%;
6040 font: 400 14px 'Montserrat', sans-serif;
6041 }
6042
5685 h1 { 6043 h1 {
5686 font: 400 18px 'Montserrat', sans-serif; 6044 font: 400 18px 'Montserrat', sans-serif;
5687 } 6045 }
5688 6046
5689 .memberList { 6047 .memberList {
5690 display: table; 6048 display: table;
5691 } 6049 }
5692 6050
5693 .memberItem { 6051 .memberItem {
5694 display: table-row; 6052 display: table-row;
(...skipping 299 matching lines...) Expand 10 before | Expand all | Expand 10 after
5994 </template> 6352 </template>
5995 </div> 6353 </div>
5996 </div> 6354 </div>
5997 6355
5998 <hr> 6356 <hr>
5999 <script-inset script="{{ function['script'] }}" pos="{{ function['tokenPos'] }}" endpos="{{ function['endTokenPos'] }}"> 6357 <script-inset script="{{ function['script'] }}" pos="{{ function['tokenPos'] }}" endpos="{{ function['endTokenPos'] }}">
6000 </script-inset> 6358 </script-inset>
6001 6359
6002 <br> 6360 <br>
6003 </template> 6361 </template>
6004
6005 </polymer-element> 6362 </polymer-element>
6006 6363
6007 6364
6008 6365
6009 6366
6367
6368
6369
6010 <polymer-element name="heap-map" extends="observatory-element"> 6370 <polymer-element name="heap-map" extends="observatory-element">
6011 <template> 6371 <template>
6012 <style> 6372 <style>
6013 /* Global styles */ 6373 /* Global styles */
6014 * { 6374 * {
6015 margin: 0; 6375 margin: 0;
6016 padding: 0; 6376 padding: 0;
6017 font: 400 14px 'Montserrat', sans-serif; 6377 font: 400 14px 'Montserrat', sans-serif;
6018 color: #333; 6378 color: #333;
6019 box-sizing: border-box; 6379 box-sizing: border-box;
6020 } 6380 }
6021 6381
6022 .content { 6382 .content {
6023 padding-left: 10%; 6383 padding-left: 10%;
6024 font: 400 14px 'Montserrat', sans-serif; 6384 font: 400 14px 'Montserrat', sans-serif;
6025 } 6385 }
6026 6386
6027 .content-centered { 6387 .content-centered {
6028 padding-left: 10%; 6388 padding-left: 10%;
6029 padding-right: 10%; 6389 padding-right: 10%;
6030 font: 400 14px 'Montserrat', sans-serif; 6390 font: 400 14px 'Montserrat', sans-serif;
6031 } 6391 }
6032 6392
6393 .content-centered-big {
6394 padding-left: 5%;
6395 padding-right: 5%;
6396 font: 400 14px 'Montserrat', sans-serif;
6397 }
6398
6033 h1 { 6399 h1 {
6034 font: 400 18px 'Montserrat', sans-serif; 6400 font: 400 18px 'Montserrat', sans-serif;
6035 } 6401 }
6036 6402
6037 .memberList { 6403 .memberList {
6038 display: table; 6404 display: table;
6039 } 6405 }
6040 6406
6041 .memberItem { 6407 .memberItem {
6042 display: table-row; 6408 display: table-row;
(...skipping 225 matching lines...) Expand 10 before | Expand all | Expand 10 after
6268 <div class="hover"> 6634 <div class="hover">
6269 <p style="text-align:center">{{ status }}</p> 6635 <p style="text-align:center">{{ status }}</p>
6270 </div> 6636 </div>
6271 <div class="spacer"> 6637 <div class="spacer">
6272 <!-- Make sure no data is covered by hover bar initially --> 6638 <!-- Make sure no data is covered by hover bar initially -->
6273 </div> 6639 </div>
6274 <div class="flex-row"> 6640 <div class="flex-row">
6275 <canvas id="fragmentation" width="1px" height="1px"></canvas> 6641 <canvas id="fragmentation" width="1px" height="1px"></canvas>
6276 </div> 6642 </div>
6277 </template> 6643 </template>
6278
6279 </polymer-element> 6644 </polymer-element>
6280 6645
6281 6646
6282 6647
6283 6648
6649
6650
6284 <polymer-element name="io-view" extends="observatory-element"> 6651 <polymer-element name="io-view" extends="observatory-element">
6285 <template> 6652 <template>
6286 <style> 6653 <style>
6287 /* Global styles */ 6654 /* Global styles */
6288 * { 6655 * {
6289 margin: 0; 6656 margin: 0;
6290 padding: 0; 6657 padding: 0;
6291 font: 400 14px 'Montserrat', sans-serif; 6658 font: 400 14px 'Montserrat', sans-serif;
6292 color: #333; 6659 color: #333;
6293 box-sizing: border-box; 6660 box-sizing: border-box;
6294 } 6661 }
6295 6662
6296 .content { 6663 .content {
6297 padding-left: 10%; 6664 padding-left: 10%;
6298 font: 400 14px 'Montserrat', sans-serif; 6665 font: 400 14px 'Montserrat', sans-serif;
6299 } 6666 }
6300 6667
6301 .content-centered { 6668 .content-centered {
6302 padding-left: 10%; 6669 padding-left: 10%;
6303 padding-right: 10%; 6670 padding-right: 10%;
6304 font: 400 14px 'Montserrat', sans-serif; 6671 font: 400 14px 'Montserrat', sans-serif;
6305 } 6672 }
6306 6673
6674 .content-centered-big {
6675 padding-left: 5%;
6676 padding-right: 5%;
6677 font: 400 14px 'Montserrat', sans-serif;
6678 }
6679
6307 h1 { 6680 h1 {
6308 font: 400 18px 'Montserrat', sans-serif; 6681 font: 400 18px 'Montserrat', sans-serif;
6309 } 6682 }
6310 6683
6311 .memberList { 6684 .memberList {
6312 display: table; 6685 display: table;
6313 } 6686 }
6314 6687
6315 .memberItem { 6688 .memberItem {
6316 display: table-row; 6689 display: table-row;
(...skipping 274 matching lines...) Expand 10 before | Expand all | Expand 10 after
6591 padding-left: 10%; 6964 padding-left: 10%;
6592 font: 400 14px 'Montserrat', sans-serif; 6965 font: 400 14px 'Montserrat', sans-serif;
6593 } 6966 }
6594 6967
6595 .content-centered { 6968 .content-centered {
6596 padding-left: 10%; 6969 padding-left: 10%;
6597 padding-right: 10%; 6970 padding-right: 10%;
6598 font: 400 14px 'Montserrat', sans-serif; 6971 font: 400 14px 'Montserrat', sans-serif;
6599 } 6972 }
6600 6973
6974 .content-centered-big {
6975 padding-left: 5%;
6976 padding-right: 5%;
6977 font: 400 14px 'Montserrat', sans-serif;
6978 }
6979
6601 h1 { 6980 h1 {
6602 font: 400 18px 'Montserrat', sans-serif; 6981 font: 400 18px 'Montserrat', sans-serif;
6603 } 6982 }
6604 6983
6605 .memberList { 6984 .memberList {
6606 display: table; 6985 display: table;
6607 } 6986 }
6608 6987
6609 .memberItem { 6988 .memberItem {
6610 display: table-row; 6989 display: table-row;
(...skipping 236 matching lines...) Expand 10 before | Expand all | Expand 10 after
6847 padding-left: 10%; 7226 padding-left: 10%;
6848 font: 400 14px 'Montserrat', sans-serif; 7227 font: 400 14px 'Montserrat', sans-serif;
6849 } 7228 }
6850 7229
6851 .content-centered { 7230 .content-centered {
6852 padding-left: 10%; 7231 padding-left: 10%;
6853 padding-right: 10%; 7232 padding-right: 10%;
6854 font: 400 14px 'Montserrat', sans-serif; 7233 font: 400 14px 'Montserrat', sans-serif;
6855 } 7234 }
6856 7235
7236 .content-centered-big {
7237 padding-left: 5%;
7238 padding-right: 5%;
7239 font: 400 14px 'Montserrat', sans-serif;
7240 }
7241
6857 h1 { 7242 h1 {
6858 font: 400 18px 'Montserrat', sans-serif; 7243 font: 400 18px 'Montserrat', sans-serif;
6859 } 7244 }
6860 7245
6861 .memberList { 7246 .memberList {
6862 display: table; 7247 display: table;
6863 } 7248 }
6864 7249
6865 .memberItem { 7250 .memberItem {
6866 display: table-row; 7251 display: table-row;
(...skipping 242 matching lines...) Expand 10 before | Expand all | Expand 10 after
7109 padding-left: 10%; 7494 padding-left: 10%;
7110 font: 400 14px 'Montserrat', sans-serif; 7495 font: 400 14px 'Montserrat', sans-serif;
7111 } 7496 }
7112 7497
7113 .content-centered { 7498 .content-centered {
7114 padding-left: 10%; 7499 padding-left: 10%;
7115 padding-right: 10%; 7500 padding-right: 10%;
7116 font: 400 14px 'Montserrat', sans-serif; 7501 font: 400 14px 'Montserrat', sans-serif;
7117 } 7502 }
7118 7503
7504 .content-centered-big {
7505 padding-left: 5%;
7506 padding-right: 5%;
7507 font: 400 14px 'Montserrat', sans-serif;
7508 }
7509
7119 h1 { 7510 h1 {
7120 font: 400 18px 'Montserrat', sans-serif; 7511 font: 400 18px 'Montserrat', sans-serif;
7121 } 7512 }
7122 7513
7123 .memberList { 7514 .memberList {
7124 display: table; 7515 display: table;
7125 } 7516 }
7126 7517
7127 .memberItem { 7518 .memberItem {
7128 display: table-row; 7519 display: table-row;
(...skipping 222 matching lines...) Expand 10 before | Expand all | Expand 10 after
7351 padding-left: 10%; 7742 padding-left: 10%;
7352 font: 400 14px 'Montserrat', sans-serif; 7743 font: 400 14px 'Montserrat', sans-serif;
7353 } 7744 }
7354 7745
7355 .content-centered { 7746 .content-centered {
7356 padding-left: 10%; 7747 padding-left: 10%;
7357 padding-right: 10%; 7748 padding-right: 10%;
7358 font: 400 14px 'Montserrat', sans-serif; 7749 font: 400 14px 'Montserrat', sans-serif;
7359 } 7750 }
7360 7751
7752 .content-centered-big {
7753 padding-left: 5%;
7754 padding-right: 5%;
7755 font: 400 14px 'Montserrat', sans-serif;
7756 }
7757
7361 h1 { 7758 h1 {
7362 font: 400 18px 'Montserrat', sans-serif; 7759 font: 400 18px 'Montserrat', sans-serif;
7363 } 7760 }
7364 7761
7365 .memberList { 7762 .memberList {
7366 display: table; 7763 display: table;
7367 } 7764 }
7368 7765
7369 .memberItem { 7766 .memberItem {
7370 display: table-row; 7767 display: table-row;
(...skipping 269 matching lines...) Expand 10 before | Expand all | Expand 10 after
7640 padding-left: 10%; 8037 padding-left: 10%;
7641 font: 400 14px 'Montserrat', sans-serif; 8038 font: 400 14px 'Montserrat', sans-serif;
7642 } 8039 }
7643 8040
7644 .content-centered { 8041 .content-centered {
7645 padding-left: 10%; 8042 padding-left: 10%;
7646 padding-right: 10%; 8043 padding-right: 10%;
7647 font: 400 14px 'Montserrat', sans-serif; 8044 font: 400 14px 'Montserrat', sans-serif;
7648 } 8045 }
7649 8046
8047 .content-centered-big {
8048 padding-left: 5%;
8049 padding-right: 5%;
8050 font: 400 14px 'Montserrat', sans-serif;
8051 }
8052
7650 h1 { 8053 h1 {
7651 font: 400 18px 'Montserrat', sans-serif; 8054 font: 400 18px 'Montserrat', sans-serif;
7652 } 8055 }
7653 8056
7654 .memberList { 8057 .memberList {
7655 display: table; 8058 display: table;
7656 } 8059 }
7657 8060
7658 .memberItem { 8061 .memberItem {
7659 display: table-row; 8062 display: table-row;
(...skipping 222 matching lines...) Expand 10 before | Expand all | Expand 10 after
7882 padding-left: 10%; 8285 padding-left: 10%;
7883 font: 400 14px 'Montserrat', sans-serif; 8286 font: 400 14px 'Montserrat', sans-serif;
7884 } 8287 }
7885 8288
7886 .content-centered { 8289 .content-centered {
7887 padding-left: 10%; 8290 padding-left: 10%;
7888 padding-right: 10%; 8291 padding-right: 10%;
7889 font: 400 14px 'Montserrat', sans-serif; 8292 font: 400 14px 'Montserrat', sans-serif;
7890 } 8293 }
7891 8294
8295 .content-centered-big {
8296 padding-left: 5%;
8297 padding-right: 5%;
8298 font: 400 14px 'Montserrat', sans-serif;
8299 }
8300
7892 h1 { 8301 h1 {
7893 font: 400 18px 'Montserrat', sans-serif; 8302 font: 400 18px 'Montserrat', sans-serif;
7894 } 8303 }
7895 8304
7896 .memberList { 8305 .memberList {
7897 display: table; 8306 display: table;
7898 } 8307 }
7899 8308
7900 .memberItem { 8309 .memberItem {
7901 display: table-row; 8310 display: table-row;
(...skipping 249 matching lines...) Expand 10 before | Expand all | Expand 10 after
8151 padding-left: 10%; 8560 padding-left: 10%;
8152 font: 400 14px 'Montserrat', sans-serif; 8561 font: 400 14px 'Montserrat', sans-serif;
8153 } 8562 }
8154 8563
8155 .content-centered { 8564 .content-centered {
8156 padding-left: 10%; 8565 padding-left: 10%;
8157 padding-right: 10%; 8566 padding-right: 10%;
8158 font: 400 14px 'Montserrat', sans-serif; 8567 font: 400 14px 'Montserrat', sans-serif;
8159 } 8568 }
8160 8569
8570 .content-centered-big {
8571 padding-left: 5%;
8572 padding-right: 5%;
8573 font: 400 14px 'Montserrat', sans-serif;
8574 }
8575
8161 h1 { 8576 h1 {
8162 font: 400 18px 'Montserrat', sans-serif; 8577 font: 400 18px 'Montserrat', sans-serif;
8163 } 8578 }
8164 8579
8165 .memberList { 8580 .memberList {
8166 display: table; 8581 display: table;
8167 } 8582 }
8168 8583
8169 .memberItem { 8584 .memberItem {
8170 display: table-row; 8585 display: table-row;
(...skipping 222 matching lines...) Expand 10 before | Expand all | Expand 10 after
8393 padding-left: 10%; 8808 padding-left: 10%;
8394 font: 400 14px 'Montserrat', sans-serif; 8809 font: 400 14px 'Montserrat', sans-serif;
8395 } 8810 }
8396 8811
8397 .content-centered { 8812 .content-centered {
8398 padding-left: 10%; 8813 padding-left: 10%;
8399 padding-right: 10%; 8814 padding-right: 10%;
8400 font: 400 14px 'Montserrat', sans-serif; 8815 font: 400 14px 'Montserrat', sans-serif;
8401 } 8816 }
8402 8817
8818 .content-centered-big {
8819 padding-left: 5%;
8820 padding-right: 5%;
8821 font: 400 14px 'Montserrat', sans-serif;
8822 }
8823
8403 h1 { 8824 h1 {
8404 font: 400 18px 'Montserrat', sans-serif; 8825 font: 400 18px 'Montserrat', sans-serif;
8405 } 8826 }
8406 8827
8407 .memberList { 8828 .memberList {
8408 display: table; 8829 display: table;
8409 } 8830 }
8410 8831
8411 .memberItem { 8832 .memberItem {
8412 display: table-row; 8833 display: table-row;
(...skipping 242 matching lines...) Expand 10 before | Expand all | Expand 10 after
8655 padding-left: 10%; 9076 padding-left: 10%;
8656 font: 400 14px 'Montserrat', sans-serif; 9077 font: 400 14px 'Montserrat', sans-serif;
8657 } 9078 }
8658 9079
8659 .content-centered { 9080 .content-centered {
8660 padding-left: 10%; 9081 padding-left: 10%;
8661 padding-right: 10%; 9082 padding-right: 10%;
8662 font: 400 14px 'Montserrat', sans-serif; 9083 font: 400 14px 'Montserrat', sans-serif;
8663 } 9084 }
8664 9085
9086 .content-centered-big {
9087 padding-left: 5%;
9088 padding-right: 5%;
9089 font: 400 14px 'Montserrat', sans-serif;
9090 }
9091
8665 h1 { 9092 h1 {
8666 font: 400 18px 'Montserrat', sans-serif; 9093 font: 400 18px 'Montserrat', sans-serif;
8667 } 9094 }
8668 9095
8669 .memberList { 9096 .memberList {
8670 display: table; 9097 display: table;
8671 } 9098 }
8672 9099
8673 .memberItem { 9100 .memberItem {
8674 display: table-row; 9101 display: table-row;
(...skipping 311 matching lines...) Expand 10 before | Expand all | Expand 10 after
8986 padding-left: 10%; 9413 padding-left: 10%;
8987 font: 400 14px 'Montserrat', sans-serif; 9414 font: 400 14px 'Montserrat', sans-serif;
8988 } 9415 }
8989 9416
8990 .content-centered { 9417 .content-centered {
8991 padding-left: 10%; 9418 padding-left: 10%;
8992 padding-right: 10%; 9419 padding-right: 10%;
8993 font: 400 14px 'Montserrat', sans-serif; 9420 font: 400 14px 'Montserrat', sans-serif;
8994 } 9421 }
8995 9422
9423 .content-centered-big {
9424 padding-left: 5%;
9425 padding-right: 5%;
9426 font: 400 14px 'Montserrat', sans-serif;
9427 }
9428
8996 h1 { 9429 h1 {
8997 font: 400 18px 'Montserrat', sans-serif; 9430 font: 400 18px 'Montserrat', sans-serif;
8998 } 9431 }
8999 9432
9000 .memberList { 9433 .memberList {
9001 display: table; 9434 display: table;
9002 } 9435 }
9003 9436
9004 .memberItem { 9437 .memberItem {
9005 display: table-row; 9438 display: table-row;
(...skipping 222 matching lines...) Expand 10 before | Expand all | Expand 10 after
9228 padding-left: 10%; 9661 padding-left: 10%;
9229 font: 400 14px 'Montserrat', sans-serif; 9662 font: 400 14px 'Montserrat', sans-serif;
9230 } 9663 }
9231 9664
9232 .content-centered { 9665 .content-centered {
9233 padding-left: 10%; 9666 padding-left: 10%;
9234 padding-right: 10%; 9667 padding-right: 10%;
9235 font: 400 14px 'Montserrat', sans-serif; 9668 font: 400 14px 'Montserrat', sans-serif;
9236 } 9669 }
9237 9670
9671 .content-centered-big {
9672 padding-left: 5%;
9673 padding-right: 5%;
9674 font: 400 14px 'Montserrat', sans-serif;
9675 }
9676
9238 h1 { 9677 h1 {
9239 font: 400 18px 'Montserrat', sans-serif; 9678 font: 400 18px 'Montserrat', sans-serif;
9240 } 9679 }
9241 9680
9242 .memberList { 9681 .memberList {
9243 display: table; 9682 display: table;
9244 } 9683 }
9245 9684
9246 .memberItem { 9685 .memberItem {
9247 display: table-row; 9686 display: table-row;
(...skipping 242 matching lines...) Expand 10 before | Expand all | Expand 10 after
9490 padding-left: 10%; 9929 padding-left: 10%;
9491 font: 400 14px 'Montserrat', sans-serif; 9930 font: 400 14px 'Montserrat', sans-serif;
9492 } 9931 }
9493 9932
9494 .content-centered { 9933 .content-centered {
9495 padding-left: 10%; 9934 padding-left: 10%;
9496 padding-right: 10%; 9935 padding-right: 10%;
9497 font: 400 14px 'Montserrat', sans-serif; 9936 font: 400 14px 'Montserrat', sans-serif;
9498 } 9937 }
9499 9938
9939 .content-centered-big {
9940 padding-left: 5%;
9941 padding-right: 5%;
9942 font: 400 14px 'Montserrat', sans-serif;
9943 }
9944
9500 h1 { 9945 h1 {
9501 font: 400 18px 'Montserrat', sans-serif; 9946 font: 400 18px 'Montserrat', sans-serif;
9502 } 9947 }
9503 9948
9504 .memberList { 9949 .memberList {
9505 display: table; 9950 display: table;
9506 } 9951 }
9507 9952
9508 .memberItem { 9953 .memberItem {
9509 display: table-row; 9954 display: table-row;
(...skipping 241 matching lines...) Expand 10 before | Expand all | Expand 10 after
9751 padding-left: 10%; 10196 padding-left: 10%;
9752 font: 400 14px 'Montserrat', sans-serif; 10197 font: 400 14px 'Montserrat', sans-serif;
9753 } 10198 }
9754 10199
9755 .content-centered { 10200 .content-centered {
9756 padding-left: 10%; 10201 padding-left: 10%;
9757 padding-right: 10%; 10202 padding-right: 10%;
9758 font: 400 14px 'Montserrat', sans-serif; 10203 font: 400 14px 'Montserrat', sans-serif;
9759 } 10204 }
9760 10205
10206 .content-centered-big {
10207 padding-left: 5%;
10208 padding-right: 5%;
10209 font: 400 14px 'Montserrat', sans-serif;
10210 }
10211
9761 h1 { 10212 h1 {
9762 font: 400 18px 'Montserrat', sans-serif; 10213 font: 400 18px 'Montserrat', sans-serif;
9763 } 10214 }
9764 10215
9765 .memberList { 10216 .memberList {
9766 display: table; 10217 display: table;
9767 } 10218 }
9768 10219
9769 .memberItem { 10220 .memberItem {
9770 display: table-row; 10221 display: table-row;
(...skipping 222 matching lines...) Expand 10 before | Expand all | Expand 10 after
9993 padding-left: 10%; 10444 padding-left: 10%;
9994 font: 400 14px 'Montserrat', sans-serif; 10445 font: 400 14px 'Montserrat', sans-serif;
9995 } 10446 }
9996 10447
9997 .content-centered { 10448 .content-centered {
9998 padding-left: 10%; 10449 padding-left: 10%;
9999 padding-right: 10%; 10450 padding-right: 10%;
10000 font: 400 14px 'Montserrat', sans-serif; 10451 font: 400 14px 'Montserrat', sans-serif;
10001 } 10452 }
10002 10453
10454 .content-centered-big {
10455 padding-left: 5%;
10456 padding-right: 5%;
10457 font: 400 14px 'Montserrat', sans-serif;
10458 }
10459
10003 h1 { 10460 h1 {
10004 font: 400 18px 'Montserrat', sans-serif; 10461 font: 400 18px 'Montserrat', sans-serif;
10005 } 10462 }
10006 10463
10007 .memberList { 10464 .memberList {
10008 display: table; 10465 display: table;
10009 } 10466 }
10010 10467
10011 .memberItem { 10468 .memberItem {
10012 display: table-row; 10469 display: table-row;
(...skipping 242 matching lines...) Expand 10 before | Expand all | Expand 10 after
10255 padding-left: 10%; 10712 padding-left: 10%;
10256 font: 400 14px 'Montserrat', sans-serif; 10713 font: 400 14px 'Montserrat', sans-serif;
10257 } 10714 }
10258 10715
10259 .content-centered { 10716 .content-centered {
10260 padding-left: 10%; 10717 padding-left: 10%;
10261 padding-right: 10%; 10718 padding-right: 10%;
10262 font: 400 14px 'Montserrat', sans-serif; 10719 font: 400 14px 'Montserrat', sans-serif;
10263 } 10720 }
10264 10721
10722 .content-centered-big {
10723 padding-left: 5%;
10724 padding-right: 5%;
10725 font: 400 14px 'Montserrat', sans-serif;
10726 }
10727
10265 h1 { 10728 h1 {
10266 font: 400 18px 'Montserrat', sans-serif; 10729 font: 400 18px 'Montserrat', sans-serif;
10267 } 10730 }
10268 10731
10269 .memberList { 10732 .memberList {
10270 display: table; 10733 display: table;
10271 } 10734 }
10272 10735
10273 .memberItem { 10736 .memberItem {
10274 display: table-row; 10737 display: table-row;
(...skipping 249 matching lines...) Expand 10 before | Expand all | Expand 10 after
10524 padding-left: 10%; 10987 padding-left: 10%;
10525 font: 400 14px 'Montserrat', sans-serif; 10988 font: 400 14px 'Montserrat', sans-serif;
10526 } 10989 }
10527 10990
10528 .content-centered { 10991 .content-centered {
10529 padding-left: 10%; 10992 padding-left: 10%;
10530 padding-right: 10%; 10993 padding-right: 10%;
10531 font: 400 14px 'Montserrat', sans-serif; 10994 font: 400 14px 'Montserrat', sans-serif;
10532 } 10995 }
10533 10996
10997 .content-centered-big {
10998 padding-left: 5%;
10999 padding-right: 5%;
11000 font: 400 14px 'Montserrat', sans-serif;
11001 }
11002
10534 h1 { 11003 h1 {
10535 font: 400 18px 'Montserrat', sans-serif; 11004 font: 400 18px 'Montserrat', sans-serif;
10536 } 11005 }
10537 11006
10538 .memberList { 11007 .memberList {
10539 display: table; 11008 display: table;
10540 } 11009 }
10541 11010
10542 .memberItem { 11011 .memberItem {
10543 display: table-row; 11012 display: table-row;
(...skipping 242 matching lines...) Expand 10 before | Expand all | Expand 10 after
10786 padding-left: 10%; 11255 padding-left: 10%;
10787 font: 400 14px 'Montserrat', sans-serif; 11256 font: 400 14px 'Montserrat', sans-serif;
10788 } 11257 }
10789 11258
10790 .content-centered { 11259 .content-centered {
10791 padding-left: 10%; 11260 padding-left: 10%;
10792 padding-right: 10%; 11261 padding-right: 10%;
10793 font: 400 14px 'Montserrat', sans-serif; 11262 font: 400 14px 'Montserrat', sans-serif;
10794 } 11263 }
10795 11264
11265 .content-centered-big {
11266 padding-left: 5%;
11267 padding-right: 5%;
11268 font: 400 14px 'Montserrat', sans-serif;
11269 }
11270
10796 h1 { 11271 h1 {
10797 font: 400 18px 'Montserrat', sans-serif; 11272 font: 400 18px 'Montserrat', sans-serif;
10798 } 11273 }
10799 11274
10800 .memberList { 11275 .memberList {
10801 display: table; 11276 display: table;
10802 } 11277 }
10803 11278
10804 .memberItem { 11279 .memberItem {
10805 display: table-row; 11280 display: table-row;
(...skipping 227 matching lines...) Expand 10 before | Expand all | Expand 10 after
11033 padding-left: 10%; 11508 padding-left: 10%;
11034 font: 400 14px 'Montserrat', sans-serif; 11509 font: 400 14px 'Montserrat', sans-serif;
11035 } 11510 }
11036 11511
11037 .content-centered { 11512 .content-centered {
11038 padding-left: 10%; 11513 padding-left: 10%;
11039 padding-right: 10%; 11514 padding-right: 10%;
11040 font: 400 14px 'Montserrat', sans-serif; 11515 font: 400 14px 'Montserrat', sans-serif;
11041 } 11516 }
11042 11517
11518 .content-centered-big {
11519 padding-left: 5%;
11520 padding-right: 5%;
11521 font: 400 14px 'Montserrat', sans-serif;
11522 }
11523
11043 h1 { 11524 h1 {
11044 font: 400 18px 'Montserrat', sans-serif; 11525 font: 400 18px 'Montserrat', sans-serif;
11045 } 11526 }
11046 11527
11047 .memberList { 11528 .memberList {
11048 display: table; 11529 display: table;
11049 } 11530 }
11050 11531
11051 .memberItem { 11532 .memberItem {
11052 display: table-row; 11533 display: table-row;
(...skipping 272 matching lines...) Expand 10 before | Expand all | Expand 10 after
11325 </div> 11806 </div>
11326 </div> 11807 </div>
11327 </div> 11808 </div>
11328 <br> 11809 <br>
11329 <hr> 11810 <hr>
11330 </template> 11811 </template>
11331 </polymer-element> 11812 </polymer-element>
11332 11813
11333 11814
11334 11815
11816
11335 <polymer-element name="isolate-ref" extends="service-ref"> 11817 <polymer-element name="isolate-ref" extends="service-ref">
11336 <template><style> 11818 <template><style>
11337 /* Global styles */ 11819 /* Global styles */
11338 * { 11820 * {
11339 margin: 0; 11821 margin: 0;
11340 padding: 0; 11822 padding: 0;
11341 font: 400 14px 'Montserrat', sans-serif; 11823 font: 400 14px 'Montserrat', sans-serif;
11342 color: #333; 11824 color: #333;
11343 box-sizing: border-box; 11825 box-sizing: border-box;
11344 } 11826 }
11345 11827
11346 .content { 11828 .content {
11347 padding-left: 10%; 11829 padding-left: 10%;
11348 font: 400 14px 'Montserrat', sans-serif; 11830 font: 400 14px 'Montserrat', sans-serif;
11349 } 11831 }
11350 11832
11351 .content-centered { 11833 .content-centered {
11352 padding-left: 10%; 11834 padding-left: 10%;
11353 padding-right: 10%; 11835 padding-right: 10%;
11354 font: 400 14px 'Montserrat', sans-serif; 11836 font: 400 14px 'Montserrat', sans-serif;
11355 } 11837 }
11356 11838
11839 .content-centered-big {
11840 padding-left: 5%;
11841 padding-right: 5%;
11842 font: 400 14px 'Montserrat', sans-serif;
11843 }
11844
11357 h1 { 11845 h1 {
11358 font: 400 18px 'Montserrat', sans-serif; 11846 font: 400 18px 'Montserrat', sans-serif;
11359 } 11847 }
11360 11848
11361 .memberList { 11849 .memberList {
11362 display: table; 11850 display: table;
11363 } 11851 }
11364 11852
11365 .memberItem { 11853 .memberItem {
11366 display: table-row; 11854 display: table-row;
(...skipping 200 matching lines...) Expand 10 before | Expand all | Expand 10 after
11567 12055
11568 .break-wrap { 12056 .break-wrap {
11569 word-wrap: break-word; 12057 word-wrap: break-word;
11570 } 12058 }
11571 </style> 12059 </style>
11572 <a on-click="{{ goto }}" href="{{ url }}">{{ ref.name }}</a> 12060 <a on-click="{{ goto }}" href="{{ url }}">{{ ref.name }}</a>
11573 </template> 12061 </template>
11574 </polymer-element> 12062 </polymer-element>
11575 12063
11576 12064
11577 12065
11578 12066
11579 12067
11580 12068
11581 12069
11582 12070
11583 <polymer-element name="isolate-summary" extends="observatory-element"> 12071 <polymer-element name="isolate-summary" extends="observatory-element">
11584 <template> 12072 <template>
11585 <style> 12073 <style>
11586 /* Global styles */ 12074 /* Global styles */
11587 * { 12075 * {
11588 margin: 0; 12076 margin: 0;
11589 padding: 0; 12077 padding: 0;
11590 font: 400 14px 'Montserrat', sans-serif; 12078 font: 400 14px 'Montserrat', sans-serif;
11591 color: #333; 12079 color: #333;
11592 box-sizing: border-box; 12080 box-sizing: border-box;
11593 } 12081 }
11594 12082
11595 .content { 12083 .content {
11596 padding-left: 10%; 12084 padding-left: 10%;
11597 font: 400 14px 'Montserrat', sans-serif; 12085 font: 400 14px 'Montserrat', sans-serif;
11598 } 12086 }
11599 12087
11600 .content-centered { 12088 .content-centered {
11601 padding-left: 10%; 12089 padding-left: 10%;
11602 padding-right: 10%; 12090 padding-right: 10%;
11603 font: 400 14px 'Montserrat', sans-serif; 12091 font: 400 14px 'Montserrat', sans-serif;
11604 } 12092 }
11605 12093
12094 .content-centered-big {
12095 padding-left: 5%;
12096 padding-right: 5%;
12097 font: 400 14px 'Montserrat', sans-serif;
12098 }
12099
11606 h1 { 12100 h1 {
11607 font: 400 18px 'Montserrat', sans-serif; 12101 font: 400 18px 'Montserrat', sans-serif;
11608 } 12102 }
11609 12103
11610 .memberList { 12104 .memberList {
11611 display: table; 12105 display: table;
11612 } 12106 }
11613 12107
11614 .memberItem { 12108 .memberItem {
11615 display: table-row; 12109 display: table-row;
(...skipping 314 matching lines...) Expand 10 before | Expand all | Expand 10 after
11930 padding-left: 10%; 12424 padding-left: 10%;
11931 font: 400 14px 'Montserrat', sans-serif; 12425 font: 400 14px 'Montserrat', sans-serif;
11932 } 12426 }
11933 12427
11934 .content-centered { 12428 .content-centered {
11935 padding-left: 10%; 12429 padding-left: 10%;
11936 padding-right: 10%; 12430 padding-right: 10%;
11937 font: 400 14px 'Montserrat', sans-serif; 12431 font: 400 14px 'Montserrat', sans-serif;
11938 } 12432 }
11939 12433
12434 .content-centered-big {
12435 padding-left: 5%;
12436 padding-right: 5%;
12437 font: 400 14px 'Montserrat', sans-serif;
12438 }
12439
11940 h1 { 12440 h1 {
11941 font: 400 18px 'Montserrat', sans-serif; 12441 font: 400 18px 'Montserrat', sans-serif;
11942 } 12442 }
11943 12443
11944 .memberList { 12444 .memberList {
11945 display: table; 12445 display: table;
11946 } 12446 }
11947 12447
11948 .memberItem { 12448 .memberItem {
11949 display: table-row; 12449 display: table-row;
(...skipping 212 matching lines...) Expand 10 before | Expand all | Expand 10 after
12162 <div class="flex-item-10-percent"> 12662 <div class="flex-item-10-percent">
12163 </div> 12663 </div>
12164 <div class="flex-item-40-percent"> 12664 <div class="flex-item-40-percent">
12165 <isolate-counter-chart counters="{{ isolate.counters }}"></isolate-count er-chart> 12665 <isolate-counter-chart counters="{{ isolate.counters }}"></isolate-count er-chart>
12166 </div> 12666 </div>
12167 <div class="flex-item-40-percent"> 12667 <div class="flex-item-40-percent">
12168 <div class="memberList"> 12668 <div class="memberList">
12169 <div class="memberItem"> 12669 <div class="memberItem">
12170 <div class="memberName">new heap</div> 12670 <div class="memberName">new heap</div>
12171 <div class="memberValue"> 12671 <div class="memberValue">
12172 {{ isolate.newHeapUsed | formatSize }} 12672 {{ isolate.newSpace.used | formatSize }}
12173 of 12673 of
12174 {{ isolate.newHeapCapacity | formatSize }} 12674 {{ isolate.newSpace.capacity | formatSize }}
12175 </div> 12675 </div>
12176 </div> 12676 </div>
12177 <div class="memberItem"> 12677 <div class="memberItem">
12178 <div class="memberName">old heap</div> 12678 <div class="memberName">old heap</div>
12179 <div class="memberValue"> 12679 <div class="memberValue">
12180 {{ isolate.oldHeapUsed | formatSize }} 12680 {{ isolate.oldSpace.used | formatSize }}
12181 of 12681 of
12182 {{ isolate.oldHeapCapacity | formatSize }} 12682 {{ isolate.oldSpace.capacity | formatSize }}
12183 </div> 12683 </div>
12184 </div> 12684 </div>
12185 </div> 12685 </div>
12186 <br> 12686 <br>
12187 <div class="memberItem"> 12687 <div class="memberItem">
12188 <div class="memberValue"> 12688 <div class="memberValue">
12189 See <a on-click="{{ goto }}" href="{{ gotoLink('/class-tree' + isola te.link) }}">class hierarchy</a> 12689 See <a on-click="{{ goto }}" href="{{ gotoLink('/class-tree' + isola te.link) }}">class hierarchy</a>
12190 </div> 12690 </div>
12191 </div> 12691 </div>
12192 <div class="memberItem"> 12692 <div class="memberItem">
12193 <div class="memberValue"> 12693 <div class="memberValue">
12194 See <a on-click="{{ goto }}" href="{{ gotoLink(isolate.relativeLink( 'stacktrace')) }}">stack trace</a> 12694 See <a on-click="{{ goto }}" href="{{ gotoLink(isolate.relativeLink( 'stacktrace')) }}">stack trace</a>
12195 </div> 12695 </div>
12196 </div> 12696 </div>
12197 <div class="memberItem"> 12697 <div class="memberItem">
12198 <div class="memberValue"> 12698 <div class="memberValue">
12199 See <a on-click="{{ goto }}" href="{{ gotoLink(isolate.relativeLink( 'profile')) }}">cpu profile</a> 12699 See <a on-click="{{ goto }}" href="{{ gotoLink(isolate.relativeLink( 'profile')) }}">cpu profile</a>
12200 </div> 12700 </div>
12201 </div> 12701 </div>
12202 <div class="memberItem"> 12702 <div class="memberItem">
12203 <div class="memberValue"> 12703 <div class="memberValue">
12204 See <a on-click="{{ goto }}" href="{{ gotoLink(isolate.relativeLink( 'allocationprofile')) }}">allocation profile</a> 12704 See <a on-click="{{ goto }}" href="{{ gotoLink(isolate.relativeLink( 'allocationprofile')) }}">allocation profile</a>
12205 </div> 12705 </div>
12206 </div> 12706 </div>
12207 <div class="memberItem"> 12707 <div class="memberItem">
12208 <div class="memberValue"> 12708 <div class="memberValue">
12209 See <a on-click="{{ goto }}" href="{{ gotoLink(isolate.relativeLink( 'heapmap')) }}">heap map</a> 12709 See <a on-click="{{ goto }}" href="{{ gotoLink(isolate.relativeLink( 'heapmap')) }}">heap map</a>
12210 </div> 12710 </div>
12211 </div> 12711 </div>
12212 <!-- Disable io link until UI is properly implemented.
12213 <template if="{{ isolate.ioEnabled }}"> 12712 <template if="{{ isolate.ioEnabled }}">
12214 <div class="memberItem"> 12713 <div class="memberItem">
12215 <div class="memberValue"> 12714 <div class="memberValue">
12216 See <a on-click="{{ goto }}" href="{{ gotoLink(isolate.relativeLin k('io')) }}">dart:io</a> 12715 See <a on-click="{{ goto }}" href="{{ gotoLink(isolate.relativeLin k('io')) }}">dart:io</a>
12217 </div> 12716 </div>
12218 </div> 12717 </div>
12219 </template> 12718 </template>
12220 -->
12221 </div> 12719 </div>
12222 <div class="flex-item-10-percent"> 12720 <div class="flex-item-10-percent">
12223 </div> 12721 </div>
12224 </div> 12722 </div>
12225 </template> 12723 </template>
12226 </polymer-element> 12724 </polymer-element>
12227 12725
12228 <polymer-element name="isolate-counter-chart" extends="observatory-element"> 12726 <polymer-element name="isolate-counter-chart" extends="observatory-element">
12229 <template> 12727 <template>
12230 <div id="counterPieChart" style="height: 200px"></div> 12728 <div id="counterPieChart" style="height: 200px"></div>
12231 </template> 12729 </template>
12232 </polymer-element> 12730 </polymer-element>
12233 12731
12234 12732
12235 12733
12236 12734
12237 12735
12238 12736
12239 12737
12240 12738
12241 12739
12242 12740
12243 12741
12244 12742
12245 12743
12744
12246 <polymer-element name="isolate-view" extends="observatory-element"> 12745 <polymer-element name="isolate-view" extends="observatory-element">
12247 <template> 12746 <template>
12248 <style> 12747 <style>
12249 /* Global styles */ 12748 /* Global styles */
12250 * { 12749 * {
12251 margin: 0; 12750 margin: 0;
12252 padding: 0; 12751 padding: 0;
12253 font: 400 14px 'Montserrat', sans-serif; 12752 font: 400 14px 'Montserrat', sans-serif;
12254 color: #333; 12753 color: #333;
12255 box-sizing: border-box; 12754 box-sizing: border-box;
12256 } 12755 }
12257 12756
12258 .content { 12757 .content {
12259 padding-left: 10%; 12758 padding-left: 10%;
12260 font: 400 14px 'Montserrat', sans-serif; 12759 font: 400 14px 'Montserrat', sans-serif;
12261 } 12760 }
12262 12761
12263 .content-centered { 12762 .content-centered {
12264 padding-left: 10%; 12763 padding-left: 10%;
12265 padding-right: 10%; 12764 padding-right: 10%;
12266 font: 400 14px 'Montserrat', sans-serif; 12765 font: 400 14px 'Montserrat', sans-serif;
12267 } 12766 }
12268 12767
12768 .content-centered-big {
12769 padding-left: 5%;
12770 padding-right: 5%;
12771 font: 400 14px 'Montserrat', sans-serif;
12772 }
12773
12269 h1 { 12774 h1 {
12270 font: 400 18px 'Montserrat', sans-serif; 12775 font: 400 18px 'Montserrat', sans-serif;
12271 } 12776 }
12272 12777
12273 .memberList { 12778 .memberList {
12274 display: table; 12779 display: table;
12275 } 12780 }
12276 12781
12277 .memberItem { 12782 .memberItem {
12278 display: table-row; 12783 display: table-row;
(...skipping 319 matching lines...) Expand 10 before | Expand all | Expand 10 after
12598 </div> 13103 </div>
12599 13104
12600 <hr> 13105 <hr>
12601 13106
12602 <div class="content"> 13107 <div class="content">
12603 <eval-box callback="{{ eval }}"></eval-box> 13108 <eval-box callback="{{ eval }}"></eval-box>
12604 </div> 13109 </div>
12605 <br><br><br><br> 13110 <br><br><br><br>
12606 <br><br><br><br> 13111 <br><br><br><br>
12607 </template> 13112 </template>
12608
12609 </polymer-element> 13113 </polymer-element>
12610 13114
12611 13115
12612 13116
12613 13117
12614 13118
12615 13119
12616 13120
12617 13121
12618 13122
12619 13123
13124
13125
13126
12620 <polymer-element name="instance-view" extends="observatory-element"> 13127 <polymer-element name="instance-view" extends="observatory-element">
12621 <template> 13128 <template>
12622 <style> 13129 <style>
12623 /* Global styles */ 13130 /* Global styles */
12624 * { 13131 * {
12625 margin: 0; 13132 margin: 0;
12626 padding: 0; 13133 padding: 0;
12627 font: 400 14px 'Montserrat', sans-serif; 13134 font: 400 14px 'Montserrat', sans-serif;
12628 color: #333; 13135 color: #333;
12629 box-sizing: border-box; 13136 box-sizing: border-box;
12630 } 13137 }
12631 13138
12632 .content { 13139 .content {
12633 padding-left: 10%; 13140 padding-left: 10%;
12634 font: 400 14px 'Montserrat', sans-serif; 13141 font: 400 14px 'Montserrat', sans-serif;
12635 } 13142 }
12636 13143
12637 .content-centered { 13144 .content-centered {
12638 padding-left: 10%; 13145 padding-left: 10%;
12639 padding-right: 10%; 13146 padding-right: 10%;
12640 font: 400 14px 'Montserrat', sans-serif; 13147 font: 400 14px 'Montserrat', sans-serif;
12641 } 13148 }
12642 13149
13150 .content-centered-big {
13151 padding-left: 5%;
13152 padding-right: 5%;
13153 font: 400 14px 'Montserrat', sans-serif;
13154 }
13155
12643 h1 { 13156 h1 {
12644 font: 400 18px 'Montserrat', sans-serif; 13157 font: 400 18px 'Montserrat', sans-serif;
12645 } 13158 }
12646 13159
12647 .memberList { 13160 .memberList {
12648 display: table; 13161 display: table;
12649 } 13162 }
12650 13163
12651 .memberItem { 13164 .memberItem {
12652 display: table-row; 13165 display: table-row;
(...skipping 360 matching lines...) Expand 10 before | Expand all | Expand 10 after
13013 <hr> 13526 <hr>
13014 13527
13015 <div class="content"> 13528 <div class="content">
13016 <eval-box callback="{{ eval }}"></eval-box> 13529 <eval-box callback="{{ eval }}"></eval-box>
13017 </div> 13530 </div>
13018 <br><br><br><br> 13531 <br><br><br><br>
13019 <br><br><br><br> 13532 <br><br><br><br>
13020 13533
13021 </template> 13534 </template>
13022 </template> 13535 </template>
13023
13024 </polymer-element> 13536 </polymer-element>
13025 13537
13026 13538
13539
13540
13027 <polymer-element name="json-view" extends="observatory-element"> 13541 <polymer-element name="json-view" extends="observatory-element">
13028 <template> 13542 <template>
13029 <nav-bar> 13543 <nav-bar>
13030 <top-nav-menu last="{{ true }}"></top-nav-menu> 13544 <top-nav-menu last="{{ true }}"></top-nav-menu>
13031 </nav-bar> 13545 </nav-bar>
13032 <pre>{{ mapAsString }}</pre> 13546 <pre>{{ mapAsString }}</pre>
13033 </template> 13547 </template>
13034
13035 </polymer-element> 13548 </polymer-element>
13036 13549
13037 13550
13038 13551
13039 13552
13040 13553
13041 13554
13042 13555
13043 13556
13044 13557
13045 13558
13046 13559
13560
13561
13562
13047 <polymer-element name="library-view" extends="observatory-element"> 13563 <polymer-element name="library-view" extends="observatory-element">
13048 <template> 13564 <template>
13049 <style> 13565 <style>
13050 /* Global styles */ 13566 /* Global styles */
13051 * { 13567 * {
13052 margin: 0; 13568 margin: 0;
13053 padding: 0; 13569 padding: 0;
13054 font: 400 14px 'Montserrat', sans-serif; 13570 font: 400 14px 'Montserrat', sans-serif;
13055 color: #333; 13571 color: #333;
13056 box-sizing: border-box; 13572 box-sizing: border-box;
13057 } 13573 }
13058 13574
13059 .content { 13575 .content {
13060 padding-left: 10%; 13576 padding-left: 10%;
13061 font: 400 14px 'Montserrat', sans-serif; 13577 font: 400 14px 'Montserrat', sans-serif;
13062 } 13578 }
13063 13579
13064 .content-centered { 13580 .content-centered {
13065 padding-left: 10%; 13581 padding-left: 10%;
13066 padding-right: 10%; 13582 padding-right: 10%;
13067 font: 400 14px 'Montserrat', sans-serif; 13583 font: 400 14px 'Montserrat', sans-serif;
13068 } 13584 }
13069 13585
13586 .content-centered-big {
13587 padding-left: 5%;
13588 padding-right: 5%;
13589 font: 400 14px 'Montserrat', sans-serif;
13590 }
13591
13070 h1 { 13592 h1 {
13071 font: 400 18px 'Montserrat', sans-serif; 13593 font: 400 18px 'Montserrat', sans-serif;
13072 } 13594 }
13073 13595
13074 .memberList { 13596 .memberList {
13075 display: table; 13597 display: table;
13076 } 13598 }
13077 13599
13078 .memberItem { 13600 .memberItem {
13079 display: table-row; 13601 display: table-row;
(...skipping 320 matching lines...) Expand 10 before | Expand all | Expand 10 after
13400 </div> 13922 </div>
13401 13923
13402 <hr> 13924 <hr>
13403 13925
13404 <div class="content"> 13926 <div class="content">
13405 <eval-box callback="{{ eval }}"></eval-box> 13927 <eval-box callback="{{ eval }}"></eval-box>
13406 </div> 13928 </div>
13407 <br><br><br><br> 13929 <br><br><br><br>
13408 <br><br><br><br> 13930 <br><br><br><br>
13409 </template> 13931 </template>
13410
13411 </polymer-element> 13932 </polymer-element>
13412 13933
13413
13414
13415 13934
13416
13417
13418
13419
13420
13421
13422
13423
13424
13425
13426
13427
13428
13429
13430
13431 13935
13432 13936
13433 13937
13434 13938
13939
13940
13941
13942
13943
13944
13945
13946
13947
13948
13949
13950
13951
13952
13953
13954
13955
13956
13957
13958
13435 <polymer-element name="heap-profile" extends="observatory-element"> 13959 <polymer-element name="heap-profile" extends="observatory-element">
13436 <template> 13960 <template>
13437 <style> 13961 <style>
13438 /* Global styles */ 13962 /* Global styles */
13439 * { 13963 * {
13440 margin: 0; 13964 margin: 0;
13441 padding: 0; 13965 padding: 0;
13442 font: 400 14px 'Montserrat', sans-serif; 13966 font: 400 14px 'Montserrat', sans-serif;
13443 color: #333; 13967 color: #333;
13444 box-sizing: border-box; 13968 box-sizing: border-box;
13445 } 13969 }
13446 13970
13447 .content { 13971 .content {
13448 padding-left: 10%; 13972 padding-left: 10%;
13449 font: 400 14px 'Montserrat', sans-serif; 13973 font: 400 14px 'Montserrat', sans-serif;
13450 } 13974 }
13451 13975
13452 .content-centered { 13976 .content-centered {
13453 padding-left: 10%; 13977 padding-left: 10%;
13454 padding-right: 10%; 13978 padding-right: 10%;
13455 font: 400 14px 'Montserrat', sans-serif; 13979 font: 400 14px 'Montserrat', sans-serif;
13456 } 13980 }
13457 13981
13982 .content-centered-big {
13983 padding-left: 5%;
13984 padding-right: 5%;
13985 font: 400 14px 'Montserrat', sans-serif;
13986 }
13987
13458 h1 { 13988 h1 {
13459 font: 400 18px 'Montserrat', sans-serif; 13989 font: 400 18px 'Montserrat', sans-serif;
13460 } 13990 }
13461 13991
13462 .memberList { 13992 .memberList {
13463 display: table; 13993 display: table;
13464 } 13994 }
13465 13995
13466 .memberItem { 13996 .memberItem {
13467 display: table-row; 13997 display: table-row;
(...skipping 198 matching lines...) Expand 10 before | Expand all | Expand 10 after
13666 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 14196 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
13667 } 14197 }
13668 14198
13669 .break-wrap { 14199 .break-wrap {
13670 word-wrap: break-word; 14200 word-wrap: break-word;
13671 } 14201 }
13672 </style> 14202 </style>
13673 <style> 14203 <style>
13674 .table { 14204 .table {
13675 border-collapse: collapse!important; 14205 border-collapse: collapse!important;
13676 width: 100%;
13677 margin-bottom: 20px 14206 margin-bottom: 20px
13678 table-layout: fixed; 14207 table-layout: fixed;
13679 } 14208 }
13680 .table td:nth-of-type(1) { 14209 .table td:nth-of-type(1) {
13681 width: 30%; 14210 width: 30%;
13682 } 14211 }
13683 .th, .td { 14212 .th, .td {
13684 padding: 8px; 14213 padding: 8px;
13685 vertical-align: top; 14214 vertical-align: top;
13686 } 14215 }
13687 .table thead > tr > th { 14216 .table thead > tr > th {
13688 vertical-align: bottom; 14217 vertical-align: bottom;
13689 text-align: left; 14218 text-align: left;
13690 border-bottom:2px solid #ddd; 14219 border-bottom:2px solid #ddd;
13691 } 14220 }
14221 .spacer {
14222 width: 16px;
14223 }
14224 .left-border-spacer {
14225 width: 16px;
14226 border-left: 1px solid;
14227 }
13692 .clickable { 14228 .clickable {
13693 color: #0489c3; 14229 color: #0489c3;
13694 text-decoration: none; 14230 text-decoration: none;
13695 cursor: pointer; 14231 cursor: pointer;
13696 } 14232 }
13697 .clickable:hover { 14233 .clickable:hover {
13698 text-decoration: underline; 14234 text-decoration: underline;
13699 cursor: pointer; 14235 cursor: pointer;
13700 } 14236 }
13701 #classtable tr:hover > td { 14237 #classtable tr:hover > td {
13702 background-color: #F4C7C3; 14238 background-color: #F4C7C3;
13703 } 14239 }
13704 </style> 14240 </style>
13705 <nav-bar> 14241 <nav-bar>
13706 <top-nav-menu></top-nav-menu> 14242 <top-nav-menu></top-nav-menu>
13707 <isolate-nav-menu isolate="{{ profile.isolate }}"></isolate-nav-menu> 14243 <isolate-nav-menu isolate="{{ profile.isolate }}"></isolate-nav-menu>
13708 <nav-menu link="{{ profile.isolate.relativeLink('allocationprofile') }}" anc hor="heap profile" last="{{ true }}"></nav-menu> 14244 <nav-menu link="{{ profile.isolate.relativeLink('allocationprofile') }}" anc hor="allocation profile" last="{{ true }}"></nav-menu>
13709 <nav-refresh callback="{{ resetAccumulator }}" label="Reset Accumulator"></n av-refresh> 14245 <nav-refresh callback="{{ resetAccumulator }}" label="Reset Accumulator"></n av-refresh>
13710 <nav-refresh callback="{{ refreshGC }}" label="GC"></nav-refresh> 14246 <nav-refresh callback="{{ refreshGC }}" label="GC"></nav-refresh>
13711 <nav-refresh callback="{{ refresh }}"></nav-refresh> 14247 <nav-refresh callback="{{ refresh }}"></nav-refresh>
13712 <nav-control></nav-control> 14248 <nav-control></nav-control>
13713 </nav-bar> 14249 </nav-bar>
13714 14250 <div class="content">
13715 <div class="flex-row"> 14251 <h1>Allocation Profile</h1>
13716 <div id="newPieChart" class="flex-item-fixed-4-12" style="height: 400px"> 14252 <br>
14253 <div class="memberList">
14254 <div class="memberItem">
14255 <div class="memberName">last forced GC at</div>
14256 <div class="memberValue">{{ lastServiceGC }}</div>
14257 </div>
14258 <div class="memberItem">
14259 <div class="memberName">last accumulator reset at</div>
14260 <div class="memberValue">{{ lastAccumulatorReset }}</div>
14261 </div>
13717 </div> 14262 </div>
13718 <div id="newStatus" class="flex-item-fixed-2-12"> 14263 </div>
13719 <div class="memberList"> 14264 <hr>
14265 <div class="content-centered-big">
14266 <div class="flex-row">
14267 <div id="newSpace" class="flex-item-50-percent">
14268 <h2>New Generation</h2>
14269 <br>
14270 <div class="memberList">
14271 <div class="memberItem">
14272 <div class="memberName">used</div>
14273 <div class="memberValue">
14274 {{ isolate.newSpace.used | formatSize }}
14275 of
14276 {{ isolate.newSpace.capacity | formatSize }}
14277 </div>
14278 </div>
14279 <div class="memberItem">
14280 <div class="memberName">external</div>
14281 <div class="memberValue">
14282 {{ isolate.newSpace.external | formatSize }}
14283 </div>
14284 </div>
13720 <div class="memberItem"> 14285 <div class="memberItem">
13721 <div class="memberName">Collections</div> 14286 <div class="memberName">Collections</div>
13722 <div class="memberValue">{{ formattedCollections(true) }}</div> 14287 <div class="memberValue">{{ formattedCollections(true) }}</div>
13723 </div> 14288 </div>
13724 <div class="memberItem"> 14289 <div class="memberItem">
13725 <div class="memberName">Average Collection Time</div> 14290 <div class="memberName">Average Collection Time</div>
13726 <div class="memberValue">{{ formattedAverage(true) }}</div> 14291 <div class="memberValue">{{ formattedAverage(true) }}</div>
13727 </div> 14292 </div>
13728 <div class="memberItem"> 14293 <div class="memberItem">
13729 <div class="memberName">Cumulative Collection Time</div> 14294 <div class="memberName">Cumulative Collection Time</div>
13730 <div class="memberValue">{{ formattedTotalCollectionTime(true) }}</d iv> 14295 <div class="memberValue">{{ formattedTotalCollectionTime(true) }}</d iv>
13731 </div> 14296 </div>
14297 </div>
14298 <div id="newPieChart" style="height: 300px"></div>
13732 </div> 14299 </div>
13733 </div> 14300 <div id="oldSpace" class="flex-item-50-percent">
13734 <div id="oldPieChart" class="flex-item-fixed-4-12" style="height: 400px"> 14301 <h2>Old Generation</h2>
13735 </div> 14302 <br>
13736 <div id="oldStatus" class="flex-item-fixed-2-12"> 14303 <div class="memberList">
13737 <div class="memberList"> 14304 <div class="memberItem">
14305 <div class="memberName">used</div>
14306 <div class="memberValue">
14307 {{ isolate.oldSpace.used | formatSize }}
14308 of
14309 {{ isolate.oldSpace.capacity | formatSize }}
14310 </div>
14311 </div>
14312 <div class="memberItem">
14313 <div class="memberName">external</div>
14314 <div class="memberValue">
14315 {{ isolate.oldSpace.external | formatSize }}
14316 </div>
14317 </div>
13738 <div class="memberItem"> 14318 <div class="memberItem">
13739 <div class="memberName">Collections</div> 14319 <div class="memberName">Collections</div>
13740 <div class="memberValue">{{ formattedCollections(false) }}</div> 14320 <div class="memberValue">{{ formattedCollections(false) }}</div>
13741 </div> 14321 </div>
13742 <div class="memberItem"> 14322 <div class="memberItem">
13743 <div class="memberName">Average Collection Time</div> 14323 <div class="memberName">Average Collection Time</div>
13744 <div class="memberValue">{{ formattedAverage(false) }}</div> 14324 <div class="memberValue">{{ formattedAverage(false) }}</div>
13745 </div> 14325 </div>
13746 <div class="memberItem"> 14326 <div class="memberItem">
13747 <div class="memberName">Cumulative Collection Time</div> 14327 <div class="memberName">Cumulative Collection Time</div>
13748 <div class="memberValue">{{ formattedTotalCollectionTime(false) }}</ div> 14328 <div class="memberValue">{{ formattedTotalCollectionTime(false) }}</ div>
13749 </div> 14329 </div>
14330 </div>
14331 <div id="oldPieChart" style="height: 300px"></div>
13750 </div> 14332 </div>
13751 </div> 14333 </div>
13752 </div> 14334 </div>
13753 <div class="flex-row"> 14335 <br>
13754 <table id="classtable" class="flex-item-fixed-12-12 table"> 14336 <hr>
13755 <thead> 14337 <div class="content-centered-big">
14338 <table id="classtable" class="flex-item-100-percent table">
14339 <thead id="classTableHead">
13756 <tr> 14340 <tr>
13757 <th on-click="{{changeSort}}" class="clickable" title="Class">{{ class Table.getColumnLabel(0) }}</th> 14341 <th on-click="{{changeSort}}" class="clickable" title="Class">{{ class Table.getColumnLabel(0) }}</th>
13758 <th on-click="{{changeSort}}" class="clickable" title="New Accumulated Size">{{ classTable.getColumnLabel(1) }}</th> 14342 <th class="spacer"></th>
13759 <th on-click="{{changeSort}}" class="clickable" title="New Accumulated Instances">{{ classTable.getColumnLabel(2) }}</th> 14343 <th on-click="{{changeSort}}" class="clickable" title="New Accumulated Size">{{ classTable.getColumnLabel(2) }}</th>
13760 <th on-click="{{changeSort}}" class="clickable" title="New Current Siz e">{{ classTable.getColumnLabel(3) }}</th> 14344 <th on-click="{{changeSort}}" class="clickable" title="New Accumulated Instances">{{ classTable.getColumnLabel(3) }}</th>
13761 <th on-click="{{changeSort}}" class="clickable" title="New Current Ins tances">{{ classTable.getColumnLabel(4) }}</th> 14345 <th on-click="{{changeSort}}" class="clickable" title="New Current Siz e">{{ classTable.getColumnLabel(4) }}</th>
13762 <th on-click="{{changeSort}}" class="clickable" title="Old Accumulated Size">{{ classTable.getColumnLabel(5) }}</th> 14346 <th on-click="{{changeSort}}" class="clickable" title="New Current Ins tances">{{ classTable.getColumnLabel(5) }}</th>
13763 <th on-click="{{changeSort}}" class="clickable" title="Old Accumulated Instances">{{ classTable.getColumnLabel(6) }}</th> 14347 <th class="spacer"></th>
13764 <th on-click="{{changeSort}}" class="clickable" title="Old Current Siz e">{{ classTable.getColumnLabel(7) }}</th> 14348 <th on-click="{{changeSort}}" class="clickable" title="Old Accumulated Size">{{ classTable.getColumnLabel(7) }}</th>
13765 <th on-click="{{changeSort}}" class="clickable" title="Old Current Ins tances">{{ classTable.getColumnLabel(8) }}</th> 14349 <th on-click="{{changeSort}}" class="clickable" title="Old Accumulated Instances">{{ classTable.getColumnLabel(8) }}</th>
14350 <th on-click="{{changeSort}}" class="clickable" title="Old Current Siz e">{{ classTable.getColumnLabel(9) }}</th>
14351 <th on-click="{{changeSort}}" class="clickable" title="Old Current Ins tances">{{ classTable.getColumnLabel(10) }}</th>
13766 </tr> 14352 </tr>
13767 </thead> 14353 </thead>
13768 <tbody> 14354 <tbody id="classTableBody">
13769 <tr template="" repeat="{{row in classTable.sortedRows }}">
13770 <td><class-ref ref="{{ classTable.getValue(row, 0) }}"></class-ref></t d>
13771 <td title="{{ classTable.getValue(row, 1) }}">{{ classTable.getFormatt edValue(row, 1) }}</td>
13772 <td title="{{ classTable.getValue(row, 2) }}">{{ classTable.getFormatt edValue(row, 2) }}</td>
13773 <td title="{{ classTable.getValue(row, 3) }}">{{ classTable.getFormatt edValue(row, 3) }}</td>
13774 <td title="{{ classTable.getValue(row, 4) }}">{{ classTable.getFormatt edValue(row, 4) }}</td>
13775 <td title="{{ classTable.getValue(row, 5) }}">{{ classTable.getFormatt edValue(row, 5) }}</td>
13776 <td title="{{ classTable.getValue(row, 6) }}">{{ classTable.getFormatt edValue(row, 6) }}</td>
13777 <td title="{{ classTable.getValue(row, 7) }}">{{ classTable.getFormatt edValue(row, 7) }}</td>
13778 <td title="{{ classTable.getValue(row, 8) }}">{{ classTable.getFormatt edValue(row, 8) }}</td>
13779 </tr>
13780 </tbody> 14355 </tbody>
13781 </table> 14356 </table>
14357 <br><br><br>
14358 <br><br><br>
13782 </div> 14359 </div>
13783 </template> 14360 </template>
13784
13785 </polymer-element> 14361 </polymer-element>
13786 14362
13787 14363
13788 14364
13789 14365
13790 14366
13791 14367
14368
14369
14370
14371
13792 <polymer-element name="sliding-checkbox"> 14372 <polymer-element name="sliding-checkbox">
13793 <template> 14373 <template>
13794 <style> 14374 <style>
13795 .switch { 14375 .switch {
13796 position: relative; 14376 position: relative;
13797 width: 121px; 14377 width: 121px;
13798 -webkit-user-select: none; 14378 -webkit-user-select: none;
13799 -moz-user-select: none; 14379 -moz-user-select: none;
13800 -ms-user-select: none; 14380 -ms-user-select: none;
13801 } 14381 }
(...skipping 62 matching lines...) Expand 10 before | Expand all | Expand 10 after
13864 } 14444 }
13865 </style> 14445 </style>
13866 <div class="switch"> 14446 <div class="switch">
13867 <input type="checkbox" class="hide" id="slide-switch" on-change="{{ change }}"> 14447 <input type="checkbox" class="hide" id="slide-switch" on-change="{{ change }}">
13868 <label class="label" for="slide-switch"> 14448 <label class="label" for="slide-switch">
13869 <div class="content"></div> 14449 <div class="content"></div>
13870 <div class="dot"></div> 14450 <div class="dot"></div>
13871 </label> 14451 </label>
13872 </div> 14452 </div>
13873 </template> 14453 </template>
13874
13875 </polymer-element> 14454 </polymer-element>
14455
13876 <polymer-element name="isolate-profile" extends="observatory-element"> 14456 <polymer-element name="isolate-profile" extends="observatory-element">
13877 <template> 14457 <template>
13878 <style> 14458 <style>
13879 /* Global styles */ 14459 /* Global styles */
13880 * { 14460 * {
13881 margin: 0; 14461 margin: 0;
13882 padding: 0; 14462 padding: 0;
13883 font: 400 14px 'Montserrat', sans-serif; 14463 font: 400 14px 'Montserrat', sans-serif;
13884 color: #333; 14464 color: #333;
13885 box-sizing: border-box; 14465 box-sizing: border-box;
13886 } 14466 }
13887 14467
13888 .content { 14468 .content {
13889 padding-left: 10%; 14469 padding-left: 10%;
13890 font: 400 14px 'Montserrat', sans-serif; 14470 font: 400 14px 'Montserrat', sans-serif;
13891 } 14471 }
13892 14472
13893 .content-centered { 14473 .content-centered {
13894 padding-left: 10%; 14474 padding-left: 10%;
13895 padding-right: 10%; 14475 padding-right: 10%;
13896 font: 400 14px 'Montserrat', sans-serif; 14476 font: 400 14px 'Montserrat', sans-serif;
13897 } 14477 }
13898 14478
14479 .content-centered-big {
14480 padding-left: 5%;
14481 padding-right: 5%;
14482 font: 400 14px 'Montserrat', sans-serif;
14483 }
14484
13899 h1 { 14485 h1 {
13900 font: 400 18px 'Montserrat', sans-serif; 14486 font: 400 18px 'Montserrat', sans-serif;
13901 } 14487 }
13902 14488
13903 .memberList { 14489 .memberList {
13904 display: table; 14490 display: table;
13905 } 14491 }
13906 14492
13907 .memberItem { 14493 .memberItem {
13908 display: table-row; 14494 display: table-row;
(...skipping 372 matching lines...) Expand 10 before | Expand all | Expand 10 after
14281 <div class="memberValue white">{{ row.tipTime }}</div> 14867 <div class="memberValue white">{{ row.tipTime }}</div>
14282 </div> 14868 </div>
14283 </div> 14869 </div>
14284 </div> 14870 </div>
14285 </td> 14871 </td>
14286 </tr> 14872 </tr>
14287 </tbody> 14873 </tbody>
14288 </table> 14874 </table>
14289 </div> 14875 </div>
14290 </template> 14876 </template>
14291
14292 </polymer-element> 14877 </polymer-element>
14293 14878
14294 14879
14295 14880
14296 14881
14882
14883
14884
14297 <polymer-element name="script-view" extends="observatory-element"> 14885 <polymer-element name="script-view" extends="observatory-element">
14298 <template> 14886 <template>
14299 <style> 14887 <style>
14300 /* Global styles */ 14888 /* Global styles */
14301 * { 14889 * {
14302 margin: 0; 14890 margin: 0;
14303 padding: 0; 14891 padding: 0;
14304 font: 400 14px 'Montserrat', sans-serif; 14892 font: 400 14px 'Montserrat', sans-serif;
14305 color: #333; 14893 color: #333;
14306 box-sizing: border-box; 14894 box-sizing: border-box;
14307 } 14895 }
14308 14896
14309 .content { 14897 .content {
14310 padding-left: 10%; 14898 padding-left: 10%;
14311 font: 400 14px 'Montserrat', sans-serif; 14899 font: 400 14px 'Montserrat', sans-serif;
14312 } 14900 }
14313 14901
14314 .content-centered { 14902 .content-centered {
14315 padding-left: 10%; 14903 padding-left: 10%;
14316 padding-right: 10%; 14904 padding-right: 10%;
14317 font: 400 14px 'Montserrat', sans-serif; 14905 font: 400 14px 'Montserrat', sans-serif;
14318 } 14906 }
14319 14907
14908 .content-centered-big {
14909 padding-left: 5%;
14910 padding-right: 5%;
14911 font: 400 14px 'Montserrat', sans-serif;
14912 }
14913
14320 h1 { 14914 h1 {
14321 font: 400 18px 'Montserrat', sans-serif; 14915 font: 400 18px 'Montserrat', sans-serif;
14322 } 14916 }
14323 14917
14324 .memberList { 14918 .memberList {
14325 display: table; 14919 display: table;
14326 } 14920 }
14327 14921
14328 .memberItem { 14922 .memberItem {
14329 display: table-row; 14923 display: table-row;
(...skipping 214 matching lines...) Expand 10 before | Expand all | Expand 10 after
14544 </nav-menu> 15138 </nav-menu>
14545 <nav-refresh callback="{{ refreshCoverage }}" label="Refresh Coverage"></nav -refresh> 15139 <nav-refresh callback="{{ refreshCoverage }}" label="Refresh Coverage"></nav -refresh>
14546 <nav-refresh callback="{{ refresh }}"></nav-refresh> 15140 <nav-refresh callback="{{ refresh }}"></nav-refresh>
14547 <nav-control></nav-control> 15141 <nav-control></nav-control>
14548 </nav-bar> 15142 </nav-bar>
14549 15143
14550 <script-inset id="scriptInset" script="{{ script }}" pos="{{ script.firstToken Pos }}" endpos="{{ script.lastTokenPos }}"> 15144 <script-inset id="scriptInset" script="{{ script }}" pos="{{ script.firstToken Pos }}" endpos="{{ script.lastTokenPos }}">
14551 <h1>script {{ script.name }}</h1> 15145 <h1>script {{ script.name }}</h1>
14552 </script-inset> 15146 </script-inset>
14553 </template> 15147 </template>
14554
14555 </polymer-element> 15148 </polymer-element>
14556 15149
14557 15150
14558 15151
14559 15152
15153
15154
14560 <polymer-element name="stack-trace" extends="observatory-element"> 15155 <polymer-element name="stack-trace" extends="observatory-element">
14561 <template> 15156 <template>
14562 <style> 15157 <style>
14563 /* Global styles */ 15158 /* Global styles */
14564 * { 15159 * {
14565 margin: 0; 15160 margin: 0;
14566 padding: 0; 15161 padding: 0;
14567 font: 400 14px 'Montserrat', sans-serif; 15162 font: 400 14px 'Montserrat', sans-serif;
14568 color: #333; 15163 color: #333;
14569 box-sizing: border-box; 15164 box-sizing: border-box;
14570 } 15165 }
14571 15166
14572 .content { 15167 .content {
14573 padding-left: 10%; 15168 padding-left: 10%;
14574 font: 400 14px 'Montserrat', sans-serif; 15169 font: 400 14px 'Montserrat', sans-serif;
14575 } 15170 }
14576 15171
14577 .content-centered { 15172 .content-centered {
14578 padding-left: 10%; 15173 padding-left: 10%;
14579 padding-right: 10%; 15174 padding-right: 10%;
14580 font: 400 14px 'Montserrat', sans-serif; 15175 font: 400 14px 'Montserrat', sans-serif;
14581 } 15176 }
14582 15177
15178 .content-centered-big {
15179 padding-left: 5%;
15180 padding-right: 5%;
15181 font: 400 14px 'Montserrat', sans-serif;
15182 }
15183
14583 h1 { 15184 h1 {
14584 font: 400 18px 'Montserrat', sans-serif; 15185 font: 400 18px 'Montserrat', sans-serif;
14585 } 15186 }
14586 15187
14587 .memberList { 15188 .memberList {
14588 display: table; 15189 display: table;
14589 } 15190 }
14590 15191
14591 .memberItem { 15192 .memberItem {
14592 display: table-row; 15193 display: table-row;
(...skipping 217 matching lines...) Expand 10 before | Expand all | Expand 10 after
14810 <template if="{{ trace['members'].isNotEmpty }}"> 15411 <template if="{{ trace['members'].isNotEmpty }}">
14811 <ul class="list-group"> 15412 <ul class="list-group">
14812 <template repeat="{{ frame in trace['members'] }}"> 15413 <template repeat="{{ frame in trace['members'] }}">
14813 <li class="list-group-item"> 15414 <li class="list-group-item">
14814 <stack-frame frame="{{ frame }}"></stack-frame> 15415 <stack-frame frame="{{ frame }}"></stack-frame>
14815 </li> 15416 </li>
14816 </template> 15417 </template>
14817 </ul> 15418 </ul>
14818 </template> 15419 </template>
14819 </template> 15420 </template>
14820
14821 </polymer-element> 15421 </polymer-element>
14822 15422
14823 15423
14824 15424
14825 15425
14826 15426
14827 15427
14828 15428
14829 15429
14830 15430
15431
15432
15433
14831 <polymer-element name="vm-view" extends="observatory-element"> 15434 <polymer-element name="vm-view" extends="observatory-element">
14832 <template> 15435 <template>
14833 <style> 15436 <style>
14834 /* Global styles */ 15437 /* Global styles */
14835 * { 15438 * {
14836 margin: 0; 15439 margin: 0;
14837 padding: 0; 15440 padding: 0;
14838 font: 400 14px 'Montserrat', sans-serif; 15441 font: 400 14px 'Montserrat', sans-serif;
14839 color: #333; 15442 color: #333;
14840 box-sizing: border-box; 15443 box-sizing: border-box;
14841 } 15444 }
14842 15445
14843 .content { 15446 .content {
14844 padding-left: 10%; 15447 padding-left: 10%;
14845 font: 400 14px 'Montserrat', sans-serif; 15448 font: 400 14px 'Montserrat', sans-serif;
14846 } 15449 }
14847 15450
14848 .content-centered { 15451 .content-centered {
14849 padding-left: 10%; 15452 padding-left: 10%;
14850 padding-right: 10%; 15453 padding-right: 10%;
14851 font: 400 14px 'Montserrat', sans-serif; 15454 font: 400 14px 'Montserrat', sans-serif;
14852 } 15455 }
14853 15456
15457 .content-centered-big {
15458 padding-left: 5%;
15459 padding-right: 5%;
15460 font: 400 14px 'Montserrat', sans-serif;
15461 }
15462
14854 h1 { 15463 h1 {
14855 font: 400 18px 'Montserrat', sans-serif; 15464 font: 400 18px 'Montserrat', sans-serif;
14856 } 15465 }
14857 15466
14858 .memberList { 15467 .memberList {
14859 display: table; 15468 display: table;
14860 } 15469 }
14861 15470
14862 .memberItem { 15471 .memberItem {
14863 display: table-row; 15472 display: table-row;
(...skipping 221 matching lines...) Expand 10 before | Expand all | Expand 10 after
15085 <div class="memberValue">{{ vm.uptime | formatTime }}</div> 15694 <div class="memberValue">{{ vm.uptime | formatTime }}</div>
15086 </div> 15695 </div>
15087 <div class="memberItem"> 15696 <div class="memberItem">
15088 <div class="memberName">type checks enabled</div> 15697 <div class="memberName">type checks enabled</div>
15089 <div class="memberValue">{{ vm.typeChecksEnabled }}</div> 15698 <div class="memberValue">{{ vm.typeChecksEnabled }}</div>
15090 </div> 15699 </div>
15091 <div class="memberItem"> 15700 <div class="memberItem">
15092 <div class="memberName">asserts enabled</div> 15701 <div class="memberName">asserts enabled</div>
15093 <div class="memberValue">{{ vm.assertsEnabled }}</div> 15702 <div class="memberValue">{{ vm.assertsEnabled }}</div>
15094 </div> 15703 </div>
15704 <div class="memberItem">
15705 <div class="memberName">pid</div>
15706 <div class="memberValue">{{ vm.pid }}</div>
15707 </div>
15708 <div class="memberItem">
15709 <div class="memberName">refreshed at</div>
15710 <div class="memberValue">{{ vm.lastUpdate }}</div>
15711 </div>
15095 <br> 15712 <br>
15096 <div class="memberItem"> 15713 <div class="memberItem">
15097 <div class="memberValue"> 15714 <div class="memberValue">
15098 See <a on-click="{{ goto }}" href="{{ gotoLink('/flags') }}">flags</ a> 15715 See <a on-click="{{ goto }}" href="{{ gotoLink('/flags') }}">flags</ a>
15099 </div> 15716 </div>
15100 </div> 15717 </div>
15101 </div> 15718 </div>
15102 </div> 15719 </div>
15103 15720
15104 <br> 15721 <br>
15105 <hr> 15722 <hr>
15106 15723
15107 <ul class="list-group"> 15724 <ul class="list-group">
15108 <template repeat="{{ isolate in vm.isolates }}"> 15725 <template repeat="{{ isolate in vm.isolates }}">
15109 <li class="list-group-item"> 15726 <li class="list-group-item">
15110 <isolate-summary isolate="{{ isolate }}"></isolate-summary> 15727 <isolate-summary isolate="{{ isolate }}"></isolate-summary>
15111 </li> 15728 </li>
15112 <hr> 15729 <hr>
15113 </template> 15730 </template>
15114 </ul> 15731 </ul>
15115 </template> 15732 </template>
15116
15117 </polymer-element> 15733 </polymer-element>
15734
15118 <polymer-element name="service-view" extends="observatory-element"> 15735 <polymer-element name="service-view" extends="observatory-element">
15119 <!-- This element explicitly manages the child elements to avoid setting 15736 <!-- This element explicitly manages the child elements to avoid setting
15120 an observable property on the old element to an invalid type. --> 15737 an observable property on the old element to an invalid type. -->
15121
15122 </polymer-element> 15738 </polymer-element>
15739
15123 <polymer-element name="observatory-application" extends="observatory-element"> 15740 <polymer-element name="observatory-application" extends="observatory-element">
15124 <!-- This element explicitly manages its child elements --> 15741 <!-- This element explicitly manages its child elements -->
15125
15126 </polymer-element> 15742 </polymer-element>
15127 15743
15128 15744
15129 15745
15746
15747
15130 <polymer-element name="service-exception-view" extends="observatory-element"> 15748 <polymer-element name="service-exception-view" extends="observatory-element">
15131 <template> 15749 <template>
15132 <style> 15750 <style>
15133 /* Global styles */ 15751 /* Global styles */
15134 * { 15752 * {
15135 margin: 0; 15753 margin: 0;
15136 padding: 0; 15754 padding: 0;
15137 font: 400 14px 'Montserrat', sans-serif; 15755 font: 400 14px 'Montserrat', sans-serif;
15138 color: #333; 15756 color: #333;
15139 box-sizing: border-box; 15757 box-sizing: border-box;
15140 } 15758 }
15141 15759
15142 .content { 15760 .content {
15143 padding-left: 10%; 15761 padding-left: 10%;
15144 font: 400 14px 'Montserrat', sans-serif; 15762 font: 400 14px 'Montserrat', sans-serif;
15145 } 15763 }
15146 15764
15147 .content-centered { 15765 .content-centered {
15148 padding-left: 10%; 15766 padding-left: 10%;
15149 padding-right: 10%; 15767 padding-right: 10%;
15150 font: 400 14px 'Montserrat', sans-serif; 15768 font: 400 14px 'Montserrat', sans-serif;
15151 } 15769 }
15152 15770
15771 .content-centered-big {
15772 padding-left: 5%;
15773 padding-right: 5%;
15774 font: 400 14px 'Montserrat', sans-serif;
15775 }
15776
15153 h1 { 15777 h1 {
15154 font: 400 18px 'Montserrat', sans-serif; 15778 font: 400 18px 'Montserrat', sans-serif;
15155 } 15779 }
15156 15780
15157 .memberList { 15781 .memberList {
15158 display: table; 15782 display: table;
15159 } 15783 }
15160 15784
15161 .memberItem { 15785 .memberItem {
15162 display: table-row; 15786 display: table-row;
(...skipping 208 matching lines...) Expand 10 before | Expand all | Expand 10 after
15371 </nav-bar> 15995 </nav-bar>
15372 <div class="content-centered"> 15996 <div class="content-centered">
15373 <h1>{{ exception.kind }}</h1> 15997 <h1>{{ exception.kind }}</h1>
15374 <br> 15998 <br>
15375 <div class="well">{{ exception.message }}</div> 15999 <div class="well">{{ exception.message }}</div>
15376 <template if="{{ exception.response != '' }}"> 16000 <template if="{{ exception.response != '' }}">
15377 <div class="well">{{ exception.response }}</div> 16001 <div class="well">{{ exception.response }}</div>
15378 </template> 16002 </template>
15379 </div> 16003 </div>
15380 </template> 16004 </template>
15381
15382 </polymer-element> 16005 </polymer-element>
15383 16006
15384 16007
15385 16008
16009
16010
16011
15386 <polymer-element name="service-error-view" extends="observatory-element"> 16012 <polymer-element name="service-error-view" extends="observatory-element">
15387 <template> 16013 <template>
15388 <style> 16014 <style>
15389 /* Global styles */ 16015 /* Global styles */
15390 * { 16016 * {
15391 margin: 0; 16017 margin: 0;
15392 padding: 0; 16018 padding: 0;
15393 font: 400 14px 'Montserrat', sans-serif; 16019 font: 400 14px 'Montserrat', sans-serif;
15394 color: #333; 16020 color: #333;
15395 box-sizing: border-box; 16021 box-sizing: border-box;
15396 } 16022 }
15397 16023
15398 .content { 16024 .content {
15399 padding-left: 10%; 16025 padding-left: 10%;
15400 font: 400 14px 'Montserrat', sans-serif; 16026 font: 400 14px 'Montserrat', sans-serif;
15401 } 16027 }
15402 16028
15403 .content-centered { 16029 .content-centered {
15404 padding-left: 10%; 16030 padding-left: 10%;
15405 padding-right: 10%; 16031 padding-right: 10%;
15406 font: 400 14px 'Montserrat', sans-serif; 16032 font: 400 14px 'Montserrat', sans-serif;
15407 } 16033 }
15408 16034
16035 .content-centered-big {
16036 padding-left: 5%;
16037 padding-right: 5%;
16038 font: 400 14px 'Montserrat', sans-serif;
16039 }
16040
15409 h1 { 16041 h1 {
15410 font: 400 18px 'Montserrat', sans-serif; 16042 font: 400 18px 'Montserrat', sans-serif;
15411 } 16043 }
15412 16044
15413 .memberList { 16045 .memberList {
15414 display: table; 16046 display: table;
15415 } 16047 }
15416 16048
15417 .memberItem { 16049 .memberItem {
15418 display: table-row; 16050 display: table-row;
(...skipping 205 matching lines...) Expand 10 before | Expand all | Expand 10 after
15624 <nav-bar> 16256 <nav-bar>
15625 <top-nav-menu last="{{ true }}"></top-nav-menu> 16257 <top-nav-menu last="{{ true }}"></top-nav-menu>
15626 <nav-control></nav-control> 16258 <nav-control></nav-control>
15627 </nav-bar> 16259 </nav-bar>
15628 <div class="content-centered"> 16260 <div class="content-centered">
15629 <h1>{{ error.kind }}</h1> 16261 <h1>{{ error.kind }}</h1>
15630 <br> 16262 <br>
15631 <div class="well">{{ error.message }}</div> 16263 <div class="well">{{ error.message }}</div>
15632 </div> 16264 </div>
15633 </template> 16265 </template>
15634
15635 </polymer-element> 16266 </polymer-element>
15636 16267
15637 16268
16269
16270
15638 <polymer-element name="vm-ref" extends="service-ref"> 16271 <polymer-element name="vm-ref" extends="service-ref">
15639 <template><style> 16272 <template><style>
15640 /* Global styles */ 16273 /* Global styles */
15641 * { 16274 * {
15642 margin: 0; 16275 margin: 0;
15643 padding: 0; 16276 padding: 0;
15644 font: 400 14px 'Montserrat', sans-serif; 16277 font: 400 14px 'Montserrat', sans-serif;
15645 color: #333; 16278 color: #333;
15646 box-sizing: border-box; 16279 box-sizing: border-box;
15647 } 16280 }
15648 16281
15649 .content { 16282 .content {
15650 padding-left: 10%; 16283 padding-left: 10%;
15651 font: 400 14px 'Montserrat', sans-serif; 16284 font: 400 14px 'Montserrat', sans-serif;
15652 } 16285 }
15653 16286
15654 .content-centered { 16287 .content-centered {
15655 padding-left: 10%; 16288 padding-left: 10%;
15656 padding-right: 10%; 16289 padding-right: 10%;
15657 font: 400 14px 'Montserrat', sans-serif; 16290 font: 400 14px 'Montserrat', sans-serif;
15658 } 16291 }
15659 16292
16293 .content-centered-big {
16294 padding-left: 5%;
16295 padding-right: 5%;
16296 font: 400 14px 'Montserrat', sans-serif;
16297 }
16298
15660 h1 { 16299 h1 {
15661 font: 400 18px 'Montserrat', sans-serif; 16300 font: 400 18px 'Montserrat', sans-serif;
15662 } 16301 }
15663 16302
15664 .memberList { 16303 .memberList {
15665 display: table; 16304 display: table;
15666 } 16305 }
15667 16306
15668 .memberItem { 16307 .memberItem {
15669 display: table-row; 16308 display: table-row;
(...skipping 195 matching lines...) Expand 10 before | Expand all | Expand 10 after
15865 background-color: #f5f5f5; 16504 background-color: #f5f5f5;
15866 border: 1px solid #e3e3e3; 16505 border: 1px solid #e3e3e3;
15867 border-radius: 4px; 16506 border-radius: 4px;
15868 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 16507 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
15869 } 16508 }
15870 16509
15871 .break-wrap { 16510 .break-wrap {
15872 word-wrap: break-word; 16511 word-wrap: break-word;
15873 } 16512 }
15874 </style> 16513 </style>
15875 <a on-click="{{ goto }}" href="{{ url }}">{{ ref.name }}</a> 16514 <a on-click="{{ goto }}" href="{{ url }}">{{ ref.name }}</a>
15876 </template> 16515 </template>
16516 </polymer-element>
15877 16517
15878 </polymer-element> 16518
15879 16519
15880 16520
15881 <observatory-application devtools="true"></observatory-application> 16521 <observatory-application devtools="true"></observatory-application>
15882 16522
15883 <script src="index_devtools.html_bootstrap.dart.js"></script></body></html> 16523 <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_bootstrap.dart.js ('k') | runtime/bin/vmservice/client/deployed/web/index_devtools.html._data » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698