<div class="carousel" [attr.data-flickity]="cardsPerSlide" >
	<div class="carousel-cell small-12 medium-6 large-4 column end " *ngFor="let cardItem of cardItems">
		<ecm-card *ngIf='! cardItem.viewAll' [itemData]="cardItem" [trendImg]="true" (addToWishlist)="addToWishlist(cardItem);" (removeFromWishlist)="removeFromWishlist(cardItem);"></ecm-card>
		<div *ngIf='cardItem.viewAll' class="view-all-card" >
			<a md-button class="view-all-link" (click)="viewAll();">{{cardItem.viewAll}}</a>
		</div>
	</div>
</div>

<ecm-panel #ecmPanel>

</ecm-panel>