OLD | NEW |
1 Content-Type: text/plain | 1 Content-Type: text/plain |
2 <html><head><style>template { display: none; }</style> | 2 <html><head><style>template { display: none; }</style> |
3 <title>Simple Web Components Example</title> | 3 <title>Simple Web Components Example</title> |
4 | 4 |
5 <script src="../../packages/polymer/testing/testing.js"></script> | 5 <script src="../../packages/polymer/testing/testing.js"></script> |
6 <link rel="stylesheet" type="text/css" href="news_index_test.html.css"></head> | 6 <link rel="stylesheet" type="text/css" href="news_index_test.html.css"></head> |
7 <body> | 7 <body><polymer-element name="x-news" extends="ul"> |
8 <h1>Simple Web Components Example</h1> | 8 <template> |
9 <ul is="x-news"><shadow-root> | 9 |
10 <div class="x-news_breaking"> | 10 <div class="x-news_breaking"> |
11 <h2>Breaking Stories</h2> | 11 <h2>Breaking Stories</h2> |
12 <ul> | 12 <ul> |
| 13 <content select=".breaking"></content> |
| 14 </ul> |
| 15 </div> |
| 16 <div class="x-news_other"> |
| 17 <h2>Other News</h2> |
| 18 <ul> |
| 19 <content></content> |
| 20 </ul> |
| 21 </div> |
| 22 </template> |
| 23 </polymer-element> |
| 24 |
| 25 <h1>Simple Web Components Example</h1> |
| 26 <ul is="x-news"><shadow-root> |
| 27 |
| 28 <div class="x-news_breaking"> |
| 29 <h2>Breaking Stories</h2> |
| 30 <ul> |
13 <content select=".breaking"></content> | 31 <content select=".breaking"></content> |
14 </ul> | 32 </ul> |
15 </div> | 33 </div> |
16 <div class="x-news_other"> | 34 <div class="x-news_other"> |
17 <h2>Other News</h2> | 35 <h2>Other News</h2> |
18 <ul> | 36 <ul> |
19 <content></content> | 37 <content></content> |
20 </ul> | 38 </ul> |
21 </div> | 39 </div> |
22 </shadow-root> | 40 </shadow-root> |
23 <li><a href="//example.com/stories/1">A story</a></li> | 41 <li><a href="//example.com/stories/1">A story</a></li> |
24 <li><a href="//example.com/stories/2">Another story</a></li> | 42 <li><a href="//example.com/stories/2">Another story</a></li> |
25 <li class="breaking"><a href="//example.com/stories/3">Also a story</a></li> | 43 <li class="breaking"><a href="//example.com/stories/3">Also a story</a></li> |
26 <li><a href="//example.com/stories/4">Yet another story</a></li> | 44 <li><a href="//example.com/stories/4">Yet another story</a></li> |
27 <li><a href="//example.com/stories/4">Awesome story</a></li> | 45 <li><a href="//example.com/stories/4">Awesome story</a></li> |
28 <li class="breaking"><a href="//example.com/stories/5">Horrible story</a></l
i> | 46 <li class="breaking"><a href="//example.com/stories/5">Horrible story</a></l
i> |
29 </ul> | 47 </ul> |
30 | 48 |
31 | 49 |
32 | 50 |
33 <script type="text/javascript" src="packages/shadow_dom/shadow_dom.debug.js"></s
cript> | 51 <script type="text/javascript" src="packages/shadow_dom/shadow_dom.debug.js"></s
cript> |
34 <script type="application/dart" src="news_index_test.html_bootstrap.dart"></scri
pt></body></html> | 52 <script type="application/dart" src="news_index_test.html_bootstrap.dart"></scri
pt></body></html> |
OLD | NEW |