| 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 |