130 lines
4.6 KiB
JavaScript
130 lines
4.6 KiB
JavaScript
"use strict";
|
|
|
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.PrevArrow = exports.NextArrow = void 0;
|
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
var _react = _interopRequireDefault(require("react"));
|
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
var _innerSliderUtils = require("./utils/innerSliderUtils");
|
|
var PrevArrow = /*#__PURE__*/function (_React$PureComponent) {
|
|
(0, _inherits2["default"])(PrevArrow, _React$PureComponent);
|
|
var _super = (0, _createSuper2["default"])(PrevArrow);
|
|
function PrevArrow() {
|
|
(0, _classCallCheck2["default"])(this, PrevArrow);
|
|
return _super.apply(this, arguments);
|
|
}
|
|
(0, _createClass2["default"])(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: (0, _classnames["default"])(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["default"].cloneElement(this.props.prevArrow, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, prevArrowProps), customProps));
|
|
} else {
|
|
prevArrow = /*#__PURE__*/_react["default"].createElement("button", (0, _extends2["default"])({
|
|
key: "0",
|
|
type: "button"
|
|
}, prevArrowProps), " ", "Previous");
|
|
}
|
|
return prevArrow;
|
|
}
|
|
}]);
|
|
return PrevArrow;
|
|
}(_react["default"].PureComponent);
|
|
exports.PrevArrow = PrevArrow;
|
|
var NextArrow = /*#__PURE__*/function (_React$PureComponent2) {
|
|
(0, _inherits2["default"])(NextArrow, _React$PureComponent2);
|
|
var _super2 = (0, _createSuper2["default"])(NextArrow);
|
|
function NextArrow() {
|
|
(0, _classCallCheck2["default"])(this, NextArrow);
|
|
return _super2.apply(this, arguments);
|
|
}
|
|
(0, _createClass2["default"])(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 (!(0, _innerSliderUtils.canGoNext)(this.props)) {
|
|
nextClasses["slick-disabled"] = true;
|
|
nextHandler = null;
|
|
}
|
|
var nextArrowProps = {
|
|
key: "1",
|
|
"data-role": "none",
|
|
className: (0, _classnames["default"])(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["default"].cloneElement(this.props.nextArrow, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, nextArrowProps), customProps));
|
|
} else {
|
|
nextArrow = /*#__PURE__*/_react["default"].createElement("button", (0, _extends2["default"])({
|
|
key: "1",
|
|
type: "button"
|
|
}, nextArrowProps), " ", "Next");
|
|
}
|
|
return nextArrow;
|
|
}
|
|
}]);
|
|
return NextArrow;
|
|
}(_react["default"].PureComponent);
|
|
exports.NextArrow = NextArrow; |