Всем привет.
Есть слайдер, реализованный с помощью swiper js.
В слайдере используются навигация, пагинация, свайп.
Необходимо ограничить количество точек в пагинации. При этом, количество точек должно сохраниться при переключении слайда с помощью пагинации, навигации и свайпа.
Исходный код:
На данный момент количество точек изменяется при событии slideChange, но не совсем верно, тк при пролистывании на активный слайд добавляется класс swiper-pagination-bullet-active, но hidden не добавляется первому элементу.
Как воспроизвести:
1) при клике на стрелки точек становится 6
2) при достижении 4го слайда начинают добавляться точки, хотя этого быть не должно.
Подскажите, пожалуйста, как поправить или нужно использовать другое событие (какое)?
PS
Попытки init, beforeInit, activeIndexChange - не привели к желаемому результату.
Идея на базе
Как в слайдере вывести количество точек отличное о... 
Простой
