fix(pagination): update pagination direction class on direction change

fixes #6511
nolimits4web · Apr 14, 2023 · e6247d9 · e6247d9
1 parent 3dff39a
commit e6247d9
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/modules/pagination/pagination.js b/src/modules/pagination/pagination.js
@@ -410,6 +410,17 @@ export default function Pagination({ swiper, extendParams, on, emit }) {
       );
   }
 
+  on('changeDirection', () => {
+    if (!swiper.pagination || !swiper.pagination.el) return;
+    const params = swiper.params.pagination;
+    let { el } = swiper.pagination;
+    el = makeElementsArray(el);
+    el.forEach((subEl) => {
+      subEl.classList.remove(params.horizontalClass, params.verticalClass);
+      subEl.classList.add(swiper.isHorizontal() ? params.horizontalClass : params.verticalClass);
+    });
+  });
+
   on('init', () => {
     if (swiper.params.pagination.enabled === false) {
       // eslint-disable-next-line