feat(catalog): implement sprint 10 advanced search experience

src/app/components/product-card/product-card.component.ts

@@ -24,10 +24,17 @@ export class ProductCardComponent {
   @Input() showDescription = false;
   @Input() showStock = true;
   @Input() showRating = true;
+  @Input() showDiscountBadge = true;
+  @Input() showFavoritePlaceholder = false;
+  @Input() showComparePlaceholder = false;
+  @Input() showQuickViewPlaceholder = false;
 
   @Output() addToCart = new EventEmitter<{ itemID: number; event: Event }>();
   @Output() preview = new EventEmitter<number>();
   @Output() selected = new EventEmitter<{ itemID: number; event: Event }>();
+  @Output() favoritePlaceholder = new EventEmitter<number>();
+  @Output() comparePlaceholder = new EventEmitter<number>();
+  @Output() quickViewPlaceholder = new EventEmitter<number>();
 
   readonly getMainImage = getMainImage;
   readonly getDiscountedPrice = getDiscountedPrice;
@@ -40,4 +47,22 @@ export class ProductCardComponent {
   onSelected(event: Event): void {
     this.selected.emit({ itemID: this.item.itemID, event });
   }
+
+  onFavoritePlaceholder(event: Event): void {
+    event.preventDefault();
+    event.stopPropagation();
+    this.favoritePlaceholder.emit(this.item.itemID);
+  }
+
+  onComparePlaceholder(event: Event): void {
+    event.preventDefault();
+    event.stopPropagation();
+    this.comparePlaceholder.emit(this.item.itemID);
+  }
+
+  onQuickViewPlaceholder(event: Event): void {
+    event.preventDefault();
+    event.stopPropagation();
+    this.quickViewPlaceholder.emit(this.item.itemID);
+  }
 }