144 lines
5.0 KiB
JavaScript
144 lines
5.0 KiB
JavaScript
"use strict";
|
|
|
|
exports.__esModule = true;
|
|
exports.default = void 0;
|
|
|
|
var _ssrWindow = require("ssr-window");
|
|
|
|
var _dom = _interopRequireDefault(require("../../utils/dom"));
|
|
|
|
var _utils = require("../../utils/utils");
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
|
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
|
|
var Keyboard = {
|
|
handle: function handle(event) {
|
|
var swiper = this;
|
|
if (!swiper.enabled) return;
|
|
var window = (0, _ssrWindow.getWindow)();
|
|
var document = (0, _ssrWindow.getDocument)();
|
|
var rtl = swiper.rtlTranslate;
|
|
var e = event;
|
|
if (e.originalEvent) e = e.originalEvent; // jquery fix
|
|
|
|
var kc = e.keyCode || e.charCode;
|
|
var pageUpDown = swiper.params.keyboard.pageUpDown;
|
|
var isPageUp = pageUpDown && kc === 33;
|
|
var isPageDown = pageUpDown && kc === 34;
|
|
var isArrowLeft = kc === 37;
|
|
var isArrowRight = kc === 39;
|
|
var isArrowUp = kc === 38;
|
|
var isArrowDown = kc === 40; // Directions locks
|
|
|
|
if (!swiper.allowSlideNext && (swiper.isHorizontal() && isArrowRight || swiper.isVertical() && isArrowDown || isPageDown)) {
|
|
return false;
|
|
}
|
|
|
|
if (!swiper.allowSlidePrev && (swiper.isHorizontal() && isArrowLeft || swiper.isVertical() && isArrowUp || isPageUp)) {
|
|
return false;
|
|
}
|
|
|
|
if (e.shiftKey || e.altKey || e.ctrlKey || e.metaKey) {
|
|
return undefined;
|
|
}
|
|
|
|
if (document.activeElement && document.activeElement.nodeName && (document.activeElement.nodeName.toLowerCase() === 'input' || document.activeElement.nodeName.toLowerCase() === 'textarea')) {
|
|
return undefined;
|
|
}
|
|
|
|
if (swiper.params.keyboard.onlyInViewport && (isPageUp || isPageDown || isArrowLeft || isArrowRight || isArrowUp || isArrowDown)) {
|
|
var inView = false; // Check that swiper should be inside of visible area of window
|
|
|
|
if (swiper.$el.parents("." + swiper.params.slideClass).length > 0 && swiper.$el.parents("." + swiper.params.slideActiveClass).length === 0) {
|
|
return undefined;
|
|
}
|
|
|
|
var $el = swiper.$el;
|
|
var swiperWidth = $el[0].clientWidth;
|
|
var swiperHeight = $el[0].clientHeight;
|
|
var windowWidth = window.innerWidth;
|
|
var windowHeight = window.innerHeight;
|
|
var swiperOffset = swiper.$el.offset();
|
|
if (rtl) swiperOffset.left -= swiper.$el[0].scrollLeft;
|
|
var swiperCoord = [[swiperOffset.left, swiperOffset.top], [swiperOffset.left + swiperWidth, swiperOffset.top], [swiperOffset.left, swiperOffset.top + swiperHeight], [swiperOffset.left + swiperWidth, swiperOffset.top + swiperHeight]];
|
|
|
|
for (var i = 0; i < swiperCoord.length; i += 1) {
|
|
var point = swiperCoord[i];
|
|
|
|
if (point[0] >= 0 && point[0] <= windowWidth && point[1] >= 0 && point[1] <= windowHeight) {
|
|
if (point[0] === 0 && point[1] === 0) continue; // eslint-disable-line
|
|
|
|
inView = true;
|
|
}
|
|
}
|
|
|
|
if (!inView) return undefined;
|
|
}
|
|
|
|
if (swiper.isHorizontal()) {
|
|
if (isPageUp || isPageDown || isArrowLeft || isArrowRight) {
|
|
if (e.preventDefault) e.preventDefault();else e.returnValue = false;
|
|
}
|
|
|
|
if ((isPageDown || isArrowRight) && !rtl || (isPageUp || isArrowLeft) && rtl) swiper.slideNext();
|
|
if ((isPageUp || isArrowLeft) && !rtl || (isPageDown || isArrowRight) && rtl) swiper.slidePrev();
|
|
} else {
|
|
if (isPageUp || isPageDown || isArrowUp || isArrowDown) {
|
|
if (e.preventDefault) e.preventDefault();else e.returnValue = false;
|
|
}
|
|
|
|
if (isPageDown || isArrowDown) swiper.slideNext();
|
|
if (isPageUp || isArrowUp) swiper.slidePrev();
|
|
}
|
|
|
|
swiper.emit('keyPress', kc);
|
|
return undefined;
|
|
},
|
|
enable: function enable() {
|
|
var swiper = this;
|
|
var document = (0, _ssrWindow.getDocument)();
|
|
if (swiper.keyboard.enabled) return;
|
|
(0, _dom.default)(document).on('keydown', swiper.keyboard.handle);
|
|
swiper.keyboard.enabled = true;
|
|
},
|
|
disable: function disable() {
|
|
var swiper = this;
|
|
var document = (0, _ssrWindow.getDocument)();
|
|
if (!swiper.keyboard.enabled) return;
|
|
(0, _dom.default)(document).off('keydown', swiper.keyboard.handle);
|
|
swiper.keyboard.enabled = false;
|
|
}
|
|
};
|
|
var _default = {
|
|
name: 'keyboard',
|
|
params: {
|
|
keyboard: {
|
|
enabled: false,
|
|
onlyInViewport: true,
|
|
pageUpDown: true
|
|
}
|
|
},
|
|
create: function create() {
|
|
var swiper = this;
|
|
(0, _utils.bindModuleMethods)(swiper, {
|
|
keyboard: _extends({
|
|
enabled: false
|
|
}, Keyboard)
|
|
});
|
|
},
|
|
on: {
|
|
init: function init(swiper) {
|
|
if (swiper.params.keyboard.enabled) {
|
|
swiper.keyboard.enable();
|
|
}
|
|
},
|
|
destroy: function destroy(swiper) {
|
|
if (swiper.keyboard.enabled) {
|
|
swiper.keyboard.disable();
|
|
}
|
|
}
|
|
}
|
|
};
|
|
exports.default = _default; |