127 lines
4.9 KiB
JavaScript
127 lines
4.9 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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
||
|
var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));
|
||
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
||
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
||
|
var _react = _interopRequireDefault(require("react"));
|
||
|
var _classnames = _interopRequireDefault(require("classnames"));
|
||
|
var _innerSliderUtils = require("./utils/innerSliderUtils");
|
||
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
||
|
var PrevArrow = exports.PrevArrow = /*#__PURE__*/function (_React$PureComponent) {
|
||
|
function PrevArrow() {
|
||
|
(0, _classCallCheck2["default"])(this, PrevArrow);
|
||
|
return _callSuper(this, PrevArrow, arguments);
|
||
|
}
|
||
|
(0, _inherits2["default"])(PrevArrow, _React$PureComponent);
|
||
|
return (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;
|
||
|
}
|
||
|
}]);
|
||
|
}(_react["default"].PureComponent);
|
||
|
var NextArrow = exports.NextArrow = /*#__PURE__*/function (_React$PureComponent2) {
|
||
|
function NextArrow() {
|
||
|
(0, _classCallCheck2["default"])(this, NextArrow);
|
||
|
return _callSuper(this, NextArrow, arguments);
|
||
|
}
|
||
|
(0, _inherits2["default"])(NextArrow, _React$PureComponent2);
|
||
|
return (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;
|
||
|
}
|
||
|
}]);
|
||
|
}(_react["default"].PureComponent);
|