From 7c6c5f17c333bd770fce4bd17ed40d7b053ed98d Mon Sep 17 00:00:00 2001
From: Vlad <vl.tansky@gmail.com>
Date: Mon, 25 Jan 2021 15:17:10 +0200
Subject: [PATCH 1/3] refactor(angular): use slideClass property

---
 playground-angular/src/app/app.component.html |  1 +
 src/angular/src/swiper.component.html         |  2 +-
 src/angular/src/swiper.component.ts           | 22 -------------------
 3 files changed, 2 insertions(+), 23 deletions(-)

diff --git a/playground-angular/src/app/app.component.html b/playground-angular/src/app/app.component.html
index 9909dc421..d7630f26d 100644
--- a/playground-angular/src/app/app.component.html
+++ b/playground-angular/src/app/app.component.html
@@ -5,6 +5,7 @@
     [spaceBetween]="50"
     [pagination]="{ type: 'fraction' }"
     virtual
+    slideActiveClass="swiper-active whyWouldIuseCustomClass"
     [centeredSlides]="true"
     navigation
   >
diff --git a/src/angular/src/swiper.component.html b/src/angular/src/swiper.component.html
index 388d96c9a..aac13fd30 100644
--- a/src/angular/src/swiper.component.html
+++ b/src/angular/src/swiper.component.html
@@ -41,7 +41,7 @@
 <ng-template #slidesTemplate let-loopSlides="loopSlides" let-slideKey="key">
   <div
     *ngFor="let slide of loopSlides | async"
-    [ngClass]="slide.classNames + ' ' + (slideKey !== '' ? slideDuplicateClass : '')"
+    [ngClass]="slideClass + ' ' + (slideKey !== '' ? slideDuplicateClass : '')"
     [attr.data-swiper-slide-index]="slide.virtualIndex ? slide.virtualIndex : slide.slideIndex"
     [style]="style"
     [ngSwitch]="slide.zoom"
diff --git a/src/angular/src/swiper.component.ts b/src/angular/src/swiper.component.ts
index 14f39dff1..0fb7c7f0a 100644
--- a/src/angular/src/swiper.component.ts
+++ b/src/angular/src/swiper.component.ts
@@ -508,28 +508,6 @@ export class SwiperComponent implements OnInit {
         }
         this._changeDetectorRef.detectChanges();
       },
-      _slideClasses: (_, updated) => {
-        updated.forEach(({ slideEl, classNames }, index) => {
-          const slideIndex = parseInt(slideEl.getAttribute('data-swiper-slide-index')) || index;
-          if (this.virtual) {
-            const virtualSlide = this.slides.find((item) => {
-              return item.virtualIndex && item.virtualIndex === slideIndex;
-            });
-            if (virtualSlide) {
-              virtualSlide.classNames = classNames;
-              return;
-            }
-          }
-
-          if (this.slides[slideIndex]) {
-            // TODO: this.loop
-            this.slides[slideIndex].classNames = classNames;
-          } else {
-            // loop
-          }
-        });
-        this._changeDetectorRef.detectChanges();
-      },
     });
     new Swiper(this.elementRef.nativeElement, swiperParams);
   }

From 5d4f11c9d6a954803945e5d84fa38e33e67416c7 Mon Sep 17 00:00:00 2001
From: Vlad <vl.tansky@gmail.com>
Date: Mon, 25 Jan 2021 15:33:21 +0200
Subject: [PATCH 2/3] fix(angular): zoom container custom class

---
 src/angular/src/swiper.component.html | 2 +-
 src/angular/src/swiper.component.ts   | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/angular/src/swiper.component.html b/src/angular/src/swiper.component.html
index aac13fd30..db02d86b4 100644
--- a/src/angular/src/swiper.component.html
+++ b/src/angular/src/swiper.component.html
@@ -46,7 +46,7 @@
     [style]="style"
     [ngSwitch]="slide.zoom"
   >
-    <div *ngSwitchCase="true" class="swiper-zoom-container">
+    <div *ngSwitchCase="true" [ngClass]="zoomContainerClass">
       <ng-template
         [ngTemplateOutlet]="slide.template"
         [ngTemplateOutletContext]="{
diff --git a/src/angular/src/swiper.component.ts b/src/angular/src/swiper.component.ts
index 0fb7c7f0a..a273d5594 100644
--- a/src/angular/src/swiper.component.ts
+++ b/src/angular/src/swiper.component.ts
@@ -409,6 +409,10 @@ export class SwiperComponent implements OnInit {
     return of(this.slides);
   }
 
+  get zoomContainerClass() {
+    return typeof this.zoom !== 'boolean' ? this.zoom.containerClass : 'swiper-zoom-container';
+  }
+
   @HostBinding('class') containerClasses = 'swiper-container';
   constructor(
     private zone: NgZone,

From e2d91140dac907f6863e15dea5ad519cc9069b41 Mon Sep 17 00:00:00 2001
From: Vlad <vl.tansky@gmail.com>
Date: Mon, 25 Jan 2021 15:58:04 +0200
Subject: [PATCH 3/3] refactor: remove _slideClasses

---
 src/components/core/core-class.js | 3 ---
 src/types/swiper-events.d.ts      | 7 -------
 src/types/swiper-options.d.ts     | 2 +-
 3 files changed, 1 insertion(+), 11 deletions(-)

diff --git a/src/components/core/core-class.js b/src/components/core/core-class.js
index bf0803d8e..bb56d74cd 100644
--- a/src/components/core/core-class.js
+++ b/src/components/core/core-class.js
@@ -294,13 +294,10 @@ class Swiper {
   emitSlidesClasses() {
     const swiper = this;
     if (!swiper.params._emitClasses || !swiper.el) return;
-    const updates = [];
     swiper.slides.each((slideEl) => {
       const classNames = swiper.getSlideClasses(slideEl);
-      updates.push({ slideEl, classNames });
       swiper.emit('_slideClass', slideEl, classNames);
     });
-    swiper.emit('_slideClasses', updates);
   }
 
   slidesPerViewDynamic() {
diff --git a/src/types/swiper-events.d.ts b/src/types/swiper-events.d.ts
index 5b0be9c7f..3f81c7ca9 100644
--- a/src/types/swiper-events.d.ts
+++ b/src/types/swiper-events.d.ts
@@ -224,13 +224,6 @@ export interface SwiperEvents {
    */
   _slideClass?: (swiper: Swiper, el: HTMLElement, classNames: string) => void;
 
-  /**
-   * INTERNAL: Event will fired after setting CSS classes on all swiper slides
-   */
-  _slideClasses?: (
-    swiper: Swiper,
-    slides: { el: HTMLElement; classNames: string; index: number }[],
-  ) => void;
   /**
    * INTERNAL: Event will fired as soon as swiper instance available (before init)
    */
diff --git a/src/types/swiper-options.d.ts b/src/types/swiper-options.d.ts
index 6c991bf34..051ac559b 100644
--- a/src/types/swiper-options.d.ts
+++ b/src/types/swiper-options.d.ts
@@ -1095,7 +1095,7 @@ export interface SwiperOptions {
   zoom?: ZoomOptions | boolean;
 
   /**
-   * !INTERNAL When enabled will emit "_containerClasses" and "_slideClasses" events
+   * !INTERNAL When enabled will emit "_containerClasses" and "_slideClass" events
    */
   _emitClasses?: boolean;
 }