How to use Navigation Events (navigationHide) on SwiperJS?

Question

I would like to use navigationHide and navigationShow Event on SwiperJS.

I set the events but nothing happens when the navigation is disabled or hidden.

const swiper = new Swiper(".swiper", {
  initialSlide: 0,
  loop: false,
  spaceBetween: 24,
  slidesPerGroup: 2,
  slidesPerView: 'auto',
  navigation: {
    nextEl: ".swiper-button-next",
    prevEl: ".swiper-button-prev"
  },
  on: {
    navigationHide: function () {
      console.log(this);
    }, 
    navigationShow: function () {
      console.log(this);
    }
  }
});

https://codepen.io/nuno360/pen/MWOPgVB