<polymer-element name="cs-music-library-grouped" extends="cs-music-screen">
	<template vertical center layout>
		<link rel="stylesheet" href="style.css">
		<template if="{{list.length}}">
			<cs-music-library-grouped-items>
				<template repeat="{{item in list}}">
					<cs-music-library-grouped-item on-tap="{{choose_action}}" data-items="{{item.items}}">
						{{item.value}} <span>({{item.count}})</span>
					</cs-music-library-grouped-item>
				</template>
			</cs-music-library-grouped-items>
		</template>
		<template if="{{!list.length}}">
			<cs-loading></cs-loading>
		</template>
		<cs-controls horizontal center layout>
			<cs-control flex icon="chevron-left" on-tap="{{back}}"></cs-control>
		</cs-controls>
	</template>
	<script src="script.js"></script>
</polymer-element>
