1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. import { CLS, isHorizontal, offset } from './swiper-utils';
  2. import { slideNext, slidePrev } from './swiper';
  3. /*=========================
  4. Keyboard Control
  5. ===========================*/
  6. function handleKeyboard(s, plt, e) {
  7. var win = plt.win();
  8. var kc = e.keyCode || e.charCode;
  9. // Directions locks
  10. if (!s._allowSwipeToNext && (isHorizontal(s) && kc === 39 || !isHorizontal(s) && kc === 40)) {
  11. return false;
  12. }
  13. if (!s._allowSwipeToPrev && (isHorizontal(s) && kc === 37 || !isHorizontal(s) && kc === 38)) {
  14. return false;
  15. }
  16. if (e.shiftKey || e.altKey || e.ctrlKey || e.metaKey) {
  17. return;
  18. }
  19. var activeEle = plt.getActiveElement();
  20. if (activeEle && activeEle.nodeName && (activeEle.nodeName.toLowerCase() === 'input' || activeEle.nodeName.toLowerCase() === 'textarea')) {
  21. return;
  22. }
  23. if (kc === 37 || kc === 39 || kc === 38 || kc === 40) {
  24. var inView = false;
  25. // Check that swiper should be inside of visible area of window
  26. if (s.container.closest('.' + CLS.slide) && !s.container.closest('.' + CLS.slideActive)) {
  27. return;
  28. }
  29. var windowScroll = {
  30. left: win.pageXOffset,
  31. top: win.pageYOffset
  32. };
  33. var windowWidth = plt.width();
  34. var windowHeight = plt.height();
  35. var swiperOffset = offset(s.container, plt);
  36. if (s._rtl) {
  37. swiperOffset.left = swiperOffset.left - s.container.scrollLeft;
  38. }
  39. var swiperCoord = [
  40. [swiperOffset.left, swiperOffset.top],
  41. [swiperOffset.left + s.renderedWidth, swiperOffset.top],
  42. [swiperOffset.left, swiperOffset.top + s.renderedHeight],
  43. [swiperOffset.left + s.renderedWidth, swiperOffset.top + s.renderedHeight]
  44. ];
  45. for (var i = 0; i < swiperCoord.length; i++) {
  46. var point = swiperCoord[i];
  47. if (point[0] >= windowScroll.left && point[0] <= windowScroll.left + windowWidth &&
  48. point[1] >= windowScroll.top && point[1] <= windowScroll.top + windowHeight) {
  49. inView = true;
  50. }
  51. }
  52. if (!inView)
  53. return;
  54. }
  55. if (isHorizontal(s)) {
  56. if (kc === 37 || kc === 39) {
  57. if (e.preventDefault) {
  58. e.preventDefault();
  59. }
  60. else {
  61. e.returnValue = false;
  62. }
  63. }
  64. if ((kc === 39 && !s._rtl) || (kc === 37 && s._rtl)) {
  65. slideNext(s, plt);
  66. }
  67. if ((kc === 37 && !s._rtl) || (kc === 39 && s._rtl)) {
  68. slidePrev(s, plt);
  69. }
  70. }
  71. else {
  72. if (kc === 38 || kc === 40) {
  73. if (e.preventDefault) {
  74. e.preventDefault();
  75. }
  76. else {
  77. e.returnValue = false;
  78. }
  79. }
  80. if (kc === 40) {
  81. slideNext(s, plt);
  82. }
  83. if (kc === 38) {
  84. slidePrev(s, plt);
  85. }
  86. }
  87. }
  88. export function enableKeyboardControl(s, plt, shouldEnable) {
  89. if (shouldEnable && !s._keyboardUnReg) {
  90. s._keyboardUnReg = plt.registerListener(plt.doc(), 'keydown', function (ev) {
  91. handleKeyboard(s, plt, ev);
  92. }, { zone: false });
  93. }
  94. else if (!shouldEnable && s._keyboardUnReg) {
  95. s._keyboardUnReg();
  96. }
  97. }
  98. //# sourceMappingURL=swiper-keyboard.js.map