





    
        <section
            id="top-tracks-section"
            data-require="components/library-fetch"
            data-endpoint="/user/IvanMalison/library/music/The+Beatles/Love+Me+Do+%5Bsingle%5D"
            data-section-id="top-tracks-section"
            class="library-fetch"
            count="0"
            v-bind:class="{ loading: loading, 'library-format-grid': format }"
        >
            <div v-if="loading && !format" class="loader">
                
    

    <table
        
        class="
            chartlist
            chartlist__placeholder
            

            
                chartlist--with-image
                chartlist__placeholder--with-image
            
            
                chartlist--with-bar
                chartlist__placeholder--with-bar
            
        "
    >
        <thead class="sr-only">
            <tr>

            
                
                <th>
                    Image
                </th>
            

            <th>
                
                Name
            </th>

            
                
                <th>Scrobbles</th>
            
            </tr>
        </thead>
        <tbody>
            
        </tbody>
    </table>

            </div>
            <div v-else-if="loading && format" class="loader">
                
    <ol
        class="
            grid-items
            grid-items__placeholder
        "
    >
        <li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li><li class="
                    grid-items-item
                    js-focus-controls-container
            ">
                <div class="grid-items-empty-inner">
                    <div class="grid-items-item--loading"></div>
                </div>
            </li>
    </ol>

            </div>
            <div v-else v-html="html">
                
    
    

    
    
    
    
    
    
    
    

    <table
        
        class="
            chartlist
            
            
                chartlist--with-index
                chartlist--with-index--length-1
            
            
                chartlist--with-play
            
            
                chartlist--with-mobile-play
            
            
            
                chartlist--with-image
            
            
                chartlist--with-loved
            
            
                chartlist--with-artist
            
            
            
                chartlist--with-more
            
            
                chartlist--with-duration
            
            
                chartlist--with-bar
            
            
            
            
            
            
                chartlist--with-buylinks
            
            
            
            
        "
    >
        <thead class="sr-only">
            <tr>
                

                
                    
                    <th>Rank</th>
                

                

                
                    
                    <th>Play</th>
                

                

                
                    
                    <th>
                        
                            Image
                        
                    </th>
                

                
                    
                    <th>Loved</th>
                

                <th>
                    
                    
                        Name
                    
                </th>

                
                    
                    <th>Artist name </th>
                

                

                
                    
                    <th>Buy</th>
                

                
                    
                    <th>Options</th>
                

                

                
                    
                    <th>Duration</th>
                

                

                
                    
                    <th>Scrobbles</th>
                

                

                

                

                

                

                
            </tr>
        </thead>
        <tbody
                data-playlisting-add-entries
                
        >
            
        </tbody>
    </table>


    
    


            </div>
        </section>
    

