123 lines
3.8 KiB
JavaScript
123 lines
3.8 KiB
JavaScript
"use strict";
|
|
|
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
import _createSuper from "@babel/runtime/helpers/esm/createSuper";
|
|
import React from "react";
|
|
import classnames from "classnames";
|
|
import { canGoNext } from "./utils/innerSliderUtils";
|
|
export var PrevArrow = /*#__PURE__*/function (_React$PureComponent) {
|
|
_inherits(PrevArrow, _React$PureComponent);
|
|
var _super = _createSuper(PrevArrow);
|
|
function PrevArrow() {
|
|
_classCallCheck(this, PrevArrow);
|
|
return _super.apply(this, arguments);
|
|
}
|
|
_createClass(PrevArrow, [{
|
|
key: "clickHandler",
|
|
value: function clickHandler(options, e) {
|
|
if (e) {
|
|
e.preventDefault();
|
|
}
|
|
this.props.clickHandler(options, e);
|
|
}
|
|
}, {
|
|
key: "render",
|
|
value: function render() {
|
|
var prevClasses = {
|
|
"slick-arrow": true,
|
|
"slick-prev": true
|
|
};
|
|
var prevHandler = this.clickHandler.bind(this, {
|
|
message: "previous"
|
|
});
|
|
if (!this.props.infinite && (this.props.currentSlide === 0 || this.props.slideCount <= this.props.slidesToShow)) {
|
|
prevClasses["slick-disabled"] = true;
|
|
prevHandler = null;
|
|
}
|
|
var prevArrowProps = {
|
|
key: "0",
|
|
"data-role": "none",
|
|
className: classnames(prevClasses),
|
|
style: {
|
|
display: "block"
|
|
},
|
|
onClick: prevHandler
|
|
};
|
|
var customProps = {
|
|
currentSlide: this.props.currentSlide,
|
|
slideCount: this.props.slideCount
|
|
};
|
|
var prevArrow;
|
|
if (this.props.prevArrow) {
|
|
prevArrow = /*#__PURE__*/React.cloneElement(this.props.prevArrow, _objectSpread(_objectSpread({}, prevArrowProps), customProps));
|
|
} else {
|
|
prevArrow = /*#__PURE__*/React.createElement("button", _extends({
|
|
key: "0",
|
|
type: "button"
|
|
}, prevArrowProps), " ", "Previous");
|
|
}
|
|
return prevArrow;
|
|
}
|
|
}]);
|
|
return PrevArrow;
|
|
}(React.PureComponent);
|
|
export var NextArrow = /*#__PURE__*/function (_React$PureComponent2) {
|
|
_inherits(NextArrow, _React$PureComponent2);
|
|
var _super2 = _createSuper(NextArrow);
|
|
function NextArrow() {
|
|
_classCallCheck(this, NextArrow);
|
|
return _super2.apply(this, arguments);
|
|
}
|
|
_createClass(NextArrow, [{
|
|
key: "clickHandler",
|
|
value: function clickHandler(options, e) {
|
|
if (e) {
|
|
e.preventDefault();
|
|
}
|
|
this.props.clickHandler(options, e);
|
|
}
|
|
}, {
|
|
key: "render",
|
|
value: function render() {
|
|
var nextClasses = {
|
|
"slick-arrow": true,
|
|
"slick-next": true
|
|
};
|
|
var nextHandler = this.clickHandler.bind(this, {
|
|
message: "next"
|
|
});
|
|
if (!canGoNext(this.props)) {
|
|
nextClasses["slick-disabled"] = true;
|
|
nextHandler = null;
|
|
}
|
|
var nextArrowProps = {
|
|
key: "1",
|
|
"data-role": "none",
|
|
className: classnames(nextClasses),
|
|
style: {
|
|
display: "block"
|
|
},
|
|
onClick: nextHandler
|
|
};
|
|
var customProps = {
|
|
currentSlide: this.props.currentSlide,
|
|
slideCount: this.props.slideCount
|
|
};
|
|
var nextArrow;
|
|
if (this.props.nextArrow) {
|
|
nextArrow = /*#__PURE__*/React.cloneElement(this.props.nextArrow, _objectSpread(_objectSpread({}, nextArrowProps), customProps));
|
|
} else {
|
|
nextArrow = /*#__PURE__*/React.createElement("button", _extends({
|
|
key: "1",
|
|
type: "button"
|
|
}, nextArrowProps), " ", "Next");
|
|
}
|
|
return nextArrow;
|
|
}
|
|
}]);
|
|
return NextArrow;
|
|
}(React.PureComponent); |