[FEATURE] Allow tab navigation in carousel (#369)

Added a js snippet which brings the focused slide into view when its out out the carousels viewport

felayout_t3kit/dev/js/main/contentElements/carousel.js

@@ -10,14 +10,15 @@
       // Get json content from element LogoCarousel.html
       var label = JSON.parse($('#js__aria-labels').html())
 
-      $(this).swiper({
+      var swiper = $(this).swiper({
         nextButton: '.js__logo-carousel__btn-next',
         prevButton: '.js__logo-carousel__btn-prev',
         slidesPerView: 5,
         preloadImages: false,
         lazyLoading: true,
         watchSlidesVisibility: true,
         lazyLoadingInPrevNext: true,
+        slideVisibleClass: 'is-visible',
         spaceBetween: 20,
         autoplay: $(this).data('autoplay'),
         a11y: true,
@@ -49,6 +50,15 @@
           }
         }
       })
+      // if the selected swipe is not visible when focused
+      // put it into view
+      $(swiper.slides).each(function (index, element) {
+        $(element).on('focusin', function (e) {
+          if ($(e.target).not('.is-visible')) {
+            swiper.slideTo(index)
+          }
+        })
+      })
     })
   })
 })(jQuery)