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='open'> | 4 <template data-mode='open'> |
5 <slot name='slot1'> | 5 <slot name='slot1'> |
6 <div id='fallback1'></div> | 6 <div id='fallback1'></div> |
7 <slot name='slot2'> | 7 <slot name='slot2'> |
8 <div id='fallback2'></div> | 8 <div id='fallback2'></div> |
9 </slot> | 9 </slot> |
10 </slot> | 10 </slot> |
11 <slot name='slot3'> | 11 <slot name='slot3'> |
12 <slot name='slot4'> | 12 <slot name='slot4'> |
13 <div id='fallback3'></div> | 13 <div id='fallback3'></div> |
14 </slot> | 14 </slot> |
15 </slot> | 15 </slot> |
16 </template> | 16 </template> |
17 <div id='child1' slot='slot2'></div> | 17 <div id='child1' slot='slot2'></div> |
18 </div> | 18 </div> |
19 <script> | 19 <script> |
20 convertTemplatesToShadowRootsWithin(host); | 20 convertTemplatesToShadowRootsWithin(host); |
21 </script> | 21 </script> |
OLD | NEW |