OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script src='resources/shadow-dom.js'></script> | 2 <script src='resources/shadow-dom.js'></script> |
3 <div id='host'> | 3 <div id='host'> |
4 <template data-mode='v0'> | 4 <template data-mode='v0'> |
5 <slot name='slot1'> | 5 <slot name='slot1'> |
6 <div id='fallback1'></div> | 6 <div id='fallback1'></div> |
7 </slot> | 7 </slot> |
8 <slot name='slot2'> | 8 <slot name='slot2'> |
9 <div id='fallback2'></div> | 9 <div id='fallback2'></div> |
10 </slot> | 10 </slot> |
11 </template> | 11 </template> |
12 <slot id='slot0'> | 12 <slot id='slot0'> |
13 <div id='fallback0'></div> | 13 <div id='fallback0'></div> |
14 </slot> | 14 </slot> |
15 <div id='child1' slot='slot1'></div> | 15 <div id='child1' slot='slot1'></div> |
16 </div> | 16 </div> |
17 <script> | 17 <script> |
18 convertTemplatesToShadowRootsWithin(host); | 18 convertTemplatesToShadowRootsWithin(host); |
19 </script> | 19 </script> |
OLD | NEW |