{{#isLoading}}
	<div class="list-item">
		<div class="list-item-artwork-container entity-artwork">
			<div class="list-item-artwork-inner">
				<div class="list-item-artwork entity-artwork gradient"></div>		
			</div>
		</div>
		<div class="list-item-title-wrap">
			<div class="list-item-title text-ellipsis gradient"></div>
			<div class="list-item-sub text-ellipsis gradient"></div>
		</div>
	</div>
{{/isLoading}}
{{^isLoading}}
	<div class="list-item" data-type="{{entityType}}" data-entity-id="{{entityId}}" data-playlist-id="{{playlistId}}">
		<div class="list-item-artwork-container entity-artwork">
			<div class="list-item-artwork-inner">
				<div class="list-item-artwork entity-artwork lazy-img" style="background-color:{{artwork.color}};" data-src="{{artwork.sources.large}}"></div>		
			</div>
			<div class="list-item-play">
				<div data-entity-id="{{entityId}}" data-playlist-id="{{playlistId}}" class="play-btn primary-bg-color">
					<i class="play-icon material-icons"></i>
				</div>
			</div>
			<div class="list-item-more">
				<a class="list-action btn icon-only no-bg popover-info" data-entity-id="{{entityId}}"><i class="material-icons normalize">more_vert</i></a>
			</div>
		</div>
		<div class="list-item-title-wrap">
			<div class="list-item-title text-ellipsis"><a class="text-ellipsis" href="/tracks/{{url}}">{{title}}</a></div>
			<div class="list-item-sub text-ellipsis">{{genre.name}}</div>
		</div>
	</div>
{{/isLoading}}