3028 lines
138 KiB
JavaScript
3028 lines
138 KiB
JavaScript
(function webpackUniversalModuleDefinition(root, factory) {
|
|
if(typeof exports === 'object' && typeof module === 'object')
|
|
module.exports = factory(require("react"));
|
|
else if(typeof define === 'function' && define.amd)
|
|
define(["react"], factory);
|
|
else if(typeof exports === 'object')
|
|
exports["Slider"] = factory(require("react"));
|
|
else
|
|
root["Slider"] = factory(root["React"]);
|
|
})(window, function(__WEBPACK_EXTERNAL_MODULE__16__) {
|
|
return /******/ (function(modules) { // webpackBootstrap
|
|
/******/ // The module cache
|
|
/******/ var installedModules = {};
|
|
/******/
|
|
/******/ // The require function
|
|
/******/ function __webpack_require__(moduleId) {
|
|
/******/
|
|
/******/ // Check if module is in cache
|
|
/******/ if(installedModules[moduleId]) {
|
|
/******/ return installedModules[moduleId].exports;
|
|
/******/ }
|
|
/******/ // Create a new module (and put it into the cache)
|
|
/******/ var module = installedModules[moduleId] = {
|
|
/******/ i: moduleId,
|
|
/******/ l: false,
|
|
/******/ exports: {}
|
|
/******/ };
|
|
/******/
|
|
/******/ // Execute the module function
|
|
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
|
/******/
|
|
/******/ // Flag the module as loaded
|
|
/******/ module.l = true;
|
|
/******/
|
|
/******/ // Return the exports of the module
|
|
/******/ return module.exports;
|
|
/******/ }
|
|
/******/
|
|
/******/
|
|
/******/ // expose the modules object (__webpack_modules__)
|
|
/******/ __webpack_require__.m = modules;
|
|
/******/
|
|
/******/ // expose the module cache
|
|
/******/ __webpack_require__.c = installedModules;
|
|
/******/
|
|
/******/ // define getter function for harmony exports
|
|
/******/ __webpack_require__.d = function(exports, name, getter) {
|
|
/******/ if(!__webpack_require__.o(exports, name)) {
|
|
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
|
|
/******/ }
|
|
/******/ };
|
|
/******/
|
|
/******/ // define __esModule on exports
|
|
/******/ __webpack_require__.r = function(exports) {
|
|
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
/******/ }
|
|
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
/******/ };
|
|
/******/
|
|
/******/ // create a fake namespace object
|
|
/******/ // mode & 1: value is a module id, require it
|
|
/******/ // mode & 2: merge all properties of value into the ns
|
|
/******/ // mode & 4: return value when already ns object
|
|
/******/ // mode & 8|1: behave like require
|
|
/******/ __webpack_require__.t = function(value, mode) {
|
|
/******/ if(mode & 1) value = __webpack_require__(value);
|
|
/******/ if(mode & 8) return value;
|
|
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
|
|
/******/ var ns = Object.create(null);
|
|
/******/ __webpack_require__.r(ns);
|
|
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
|
|
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
|
|
/******/ return ns;
|
|
/******/ };
|
|
/******/
|
|
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
/******/ __webpack_require__.n = function(module) {
|
|
/******/ var getter = module && module.__esModule ?
|
|
/******/ function getDefault() { return module['default']; } :
|
|
/******/ function getModuleExports() { return module; };
|
|
/******/ __webpack_require__.d(getter, 'a', getter);
|
|
/******/ return getter;
|
|
/******/ };
|
|
/******/
|
|
/******/ // Object.prototype.hasOwnProperty.call
|
|
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
|
/******/
|
|
/******/ // __webpack_public_path__
|
|
/******/ __webpack_require__.p = "";
|
|
/******/
|
|
/******/
|
|
/******/ // Load entry module and return exports
|
|
/******/ return __webpack_require__(__webpack_require__.s = 0);
|
|
/******/ })
|
|
/************************************************************************/
|
|
/******/ ([
|
|
/* 0 */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony import */ var _slider__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
|
|
|
|
/* harmony default export */ __webpack_exports__["default"] = (_slider__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
|
|
|
/***/ }),
|
|
/* 1 */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return Slider; });
|
|
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
|
|
/* harmony import */ var _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
|
|
/* harmony import */ var _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_1__);
|
|
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8);
|
|
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_2__);
|
|
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(9);
|
|
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_3__);
|
|
/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(10);
|
|
/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_4__);
|
|
/* harmony import */ var _babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(12);
|
|
/* harmony import */ var _babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_5__);
|
|
/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(13);
|
|
/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6__);
|
|
/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(14);
|
|
/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_7__);
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(4);
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8__);
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(16);
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_9__);
|
|
/* harmony import */ var _inner_slider__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(17);
|
|
/* harmony import */ var json2mq__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(28);
|
|
/* harmony import */ var json2mq__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(json2mq__WEBPACK_IMPORTED_MODULE_11__);
|
|
/* harmony import */ var _default_props__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(24);
|
|
/* harmony import */ var _utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(23);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function _callSuper(t, o, e) { return o = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6___default()(o), _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_4___default()(t, _babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_5___default()() ? Reflect.construct(o, e || [], _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6___default()(t).constructor) : o.apply(t, e)); }
|
|
|
|
|
|
|
|
|
|
|
|
var Slider = /*#__PURE__*/function (_React$Component) {
|
|
function Slider(props) {
|
|
var _this;
|
|
_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_2___default()(this, Slider);
|
|
_this = _callSuper(this, Slider, [props]);
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_this, "innerSliderRefHandler", function (ref) {
|
|
return _this.innerSlider = ref;
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_this, "slickPrev", function () {
|
|
return _this.innerSlider.slickPrev();
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_this, "slickNext", function () {
|
|
return _this.innerSlider.slickNext();
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_this, "slickGoTo", function (slide) {
|
|
var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
return _this.innerSlider.slickGoTo(slide, dontAnimate);
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_this, "slickPause", function () {
|
|
return _this.innerSlider.pause("paused");
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_this, "slickPlay", function () {
|
|
return _this.innerSlider.autoPlay("play");
|
|
});
|
|
_this.state = {
|
|
breakpoint: null
|
|
};
|
|
_this._responsiveMediaHandlers = [];
|
|
return _this;
|
|
}
|
|
_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_7___default()(Slider, _React$Component);
|
|
return _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_3___default()(Slider, [{
|
|
key: "media",
|
|
value: function media(query, handler) {
|
|
// javascript handler for css media query
|
|
var mql = window.matchMedia(query);
|
|
var listener = function listener(_ref) {
|
|
var matches = _ref.matches;
|
|
if (matches) {
|
|
handler();
|
|
}
|
|
};
|
|
mql.addListener(listener);
|
|
this._responsiveMediaHandlers.push({
|
|
mql: mql,
|
|
query: query,
|
|
listener: listener
|
|
});
|
|
}
|
|
|
|
// handles responsive breakpoints
|
|
}, {
|
|
key: "componentDidMount",
|
|
value: function componentDidMount() {
|
|
var _this2 = this;
|
|
// performance monitoring
|
|
//if (process.env.NODE_ENV !== 'production') {
|
|
//const { whyDidYouUpdate } = require('why-did-you-update')
|
|
//whyDidYouUpdate(React)
|
|
//}
|
|
if (this.props.responsive) {
|
|
var breakpoints = this.props.responsive.map(function (breakpt) {
|
|
return breakpt.breakpoint;
|
|
});
|
|
// sort them in increasing order of their numerical value
|
|
breakpoints.sort(function (x, y) {
|
|
return x - y;
|
|
});
|
|
breakpoints.forEach(function (breakpoint, index) {
|
|
// media query for each breakpoint
|
|
var bQuery;
|
|
if (index === 0) {
|
|
bQuery = json2mq__WEBPACK_IMPORTED_MODULE_11___default()({
|
|
minWidth: 0,
|
|
maxWidth: breakpoint
|
|
});
|
|
} else {
|
|
bQuery = json2mq__WEBPACK_IMPORTED_MODULE_11___default()({
|
|
minWidth: breakpoints[index - 1] + 1,
|
|
maxWidth: breakpoint
|
|
});
|
|
}
|
|
// when not using server side rendering
|
|
Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_13__["canUseDOM"])() && _this2.media(bQuery, function () {
|
|
_this2.setState({
|
|
breakpoint: breakpoint
|
|
});
|
|
});
|
|
});
|
|
|
|
// Register media query for full screen. Need to support resize from small to large
|
|
// convert javascript object to media query string
|
|
var query = json2mq__WEBPACK_IMPORTED_MODULE_11___default()({
|
|
minWidth: breakpoints.slice(-1)[0]
|
|
});
|
|
Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_13__["canUseDOM"])() && this.media(query, function () {
|
|
_this2.setState({
|
|
breakpoint: null
|
|
});
|
|
});
|
|
}
|
|
}
|
|
}, {
|
|
key: "componentWillUnmount",
|
|
value: function componentWillUnmount() {
|
|
this._responsiveMediaHandlers.forEach(function (obj) {
|
|
obj.mql.removeListener(obj.listener);
|
|
});
|
|
}
|
|
}, {
|
|
key: "render",
|
|
value: function render() {
|
|
var _this3 = this;
|
|
var settings;
|
|
var newProps;
|
|
if (this.state.breakpoint) {
|
|
newProps = this.props.responsive.filter(function (resp) {
|
|
return resp.breakpoint === _this3.state.breakpoint;
|
|
});
|
|
settings = newProps[0].settings === "unslick" ? "unslick" : _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_1___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_1___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_1___default()({}, _default_props__WEBPACK_IMPORTED_MODULE_12__["default"]), this.props), newProps[0].settings);
|
|
} else {
|
|
settings = _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_1___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_1___default()({}, _default_props__WEBPACK_IMPORTED_MODULE_12__["default"]), this.props);
|
|
}
|
|
|
|
// force scrolling by one if centerMode is on
|
|
if (settings.centerMode) {
|
|
if (settings.slidesToScroll > 1 && "none" !== "production") {
|
|
console.warn("slidesToScroll should be equal to 1 in centerMode, you are using ".concat(settings.slidesToScroll));
|
|
}
|
|
settings.slidesToScroll = 1;
|
|
}
|
|
// force showing one slide and scrolling by one if the fade mode is on
|
|
if (settings.fade) {
|
|
if (settings.slidesToShow > 1 && "none" !== "production") {
|
|
console.warn("slidesToShow should be equal to 1 when fade is true, you're using ".concat(settings.slidesToShow));
|
|
}
|
|
if (settings.slidesToScroll > 1 && "none" !== "production") {
|
|
console.warn("slidesToScroll should be equal to 1 when fade is true, you're using ".concat(settings.slidesToScroll));
|
|
}
|
|
settings.slidesToShow = 1;
|
|
settings.slidesToScroll = 1;
|
|
}
|
|
|
|
// makes sure that children is an array, even when there is only 1 child
|
|
var children = react__WEBPACK_IMPORTED_MODULE_9___default.a.Children.toArray(this.props.children);
|
|
|
|
// Children may contain false or null, so we should filter them
|
|
// children may also contain string filled with spaces (in certain cases where we use jsx strings)
|
|
children = children.filter(function (child) {
|
|
if (typeof child === "string") {
|
|
return !!child.trim();
|
|
}
|
|
return !!child;
|
|
});
|
|
|
|
// rows and slidesPerRow logic is handled here
|
|
if (settings.variableWidth && (settings.rows > 1 || settings.slidesPerRow > 1)) {
|
|
console.warn("variableWidth is not supported in case of rows > 1 or slidesPerRow > 1");
|
|
settings.variableWidth = false;
|
|
}
|
|
var newChildren = [];
|
|
var currentWidth = null;
|
|
for (var i = 0; i < children.length; i += settings.rows * settings.slidesPerRow) {
|
|
var newSlide = [];
|
|
for (var j = i; j < i + settings.rows * settings.slidesPerRow; j += settings.slidesPerRow) {
|
|
var row = [];
|
|
for (var k = j; k < j + settings.slidesPerRow; k += 1) {
|
|
if (settings.variableWidth && children[k].props.style) {
|
|
currentWidth = children[k].props.style.width;
|
|
}
|
|
if (k >= children.length) break;
|
|
row.push(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.cloneElement(children[k], {
|
|
key: 100 * i + 10 * j + k,
|
|
tabIndex: -1,
|
|
style: {
|
|
width: "".concat(100 / settings.slidesPerRow, "%"),
|
|
display: "inline-block"
|
|
}
|
|
}));
|
|
}
|
|
newSlide.push(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("div", {
|
|
key: 10 * i + j
|
|
}, row));
|
|
}
|
|
if (settings.variableWidth) {
|
|
newChildren.push(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("div", {
|
|
key: i,
|
|
style: {
|
|
width: currentWidth
|
|
}
|
|
}, newSlide));
|
|
} else {
|
|
newChildren.push(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("div", {
|
|
key: i
|
|
}, newSlide));
|
|
}
|
|
}
|
|
if (settings === "unslick") {
|
|
var className = "regular slider " + (this.props.className || "");
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("div", {
|
|
className: className
|
|
}, children);
|
|
} else if (newChildren.length <= settings.slidesToShow) {
|
|
settings.unslick = true;
|
|
}
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement(_inner_slider__WEBPACK_IMPORTED_MODULE_10__["InnerSlider"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
|
|
style: this.props.style,
|
|
ref: this.innerSliderRefHandler
|
|
}, Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_13__["filterSettings"])(settings)), newChildren);
|
|
}
|
|
}]);
|
|
}(react__WEBPACK_IMPORTED_MODULE_9___default.a.Component);
|
|
|
|
|
|
/***/ }),
|
|
/* 2 */
|
|
/***/ (function(module, exports) {
|
|
|
|
function _extends() {
|
|
return module.exports = _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
for (var e = 1; e < arguments.length; e++) {
|
|
var t = arguments[e];
|
|
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
}
|
|
return n;
|
|
}, module.exports.__esModule = true, module.exports["default"] = module.exports, _extends.apply(null, arguments);
|
|
}
|
|
module.exports = _extends, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
|
|
/***/ }),
|
|
/* 3 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
var defineProperty = __webpack_require__(4);
|
|
function ownKeys(e, r) {
|
|
var t = Object.keys(e);
|
|
if (Object.getOwnPropertySymbols) {
|
|
var o = Object.getOwnPropertySymbols(e);
|
|
r && (o = o.filter(function (r) {
|
|
return Object.getOwnPropertyDescriptor(e, r).enumerable;
|
|
})), t.push.apply(t, o);
|
|
}
|
|
return t;
|
|
}
|
|
function _objectSpread2(e) {
|
|
for (var r = 1; r < arguments.length; r++) {
|
|
var t = null != arguments[r] ? arguments[r] : {};
|
|
r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
|
|
defineProperty(e, r, t[r]);
|
|
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
|
|
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
|
});
|
|
}
|
|
return e;
|
|
}
|
|
module.exports = _objectSpread2, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
|
|
/***/ }),
|
|
/* 4 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
var toPropertyKey = __webpack_require__(5);
|
|
function _defineProperty(e, r, t) {
|
|
return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
|
|
value: t,
|
|
enumerable: !0,
|
|
configurable: !0,
|
|
writable: !0
|
|
}) : e[r] = t, e;
|
|
}
|
|
module.exports = _defineProperty, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
|
|
/***/ }),
|
|
/* 5 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
var _typeof = __webpack_require__(6)["default"];
|
|
var toPrimitive = __webpack_require__(7);
|
|
function toPropertyKey(t) {
|
|
var i = toPrimitive(t, "string");
|
|
return "symbol" == _typeof(i) ? i : i + "";
|
|
}
|
|
module.exports = toPropertyKey, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
|
|
/***/ }),
|
|
/* 6 */
|
|
/***/ (function(module, exports) {
|
|
|
|
function _typeof(o) {
|
|
"@babel/helpers - typeof";
|
|
|
|
return module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
|
|
return typeof o;
|
|
} : function (o) {
|
|
return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
|
|
}, module.exports.__esModule = true, module.exports["default"] = module.exports, _typeof(o);
|
|
}
|
|
module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
|
|
/***/ }),
|
|
/* 7 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
var _typeof = __webpack_require__(6)["default"];
|
|
function toPrimitive(t, r) {
|
|
if ("object" != _typeof(t) || !t) return t;
|
|
var e = t[Symbol.toPrimitive];
|
|
if (void 0 !== e) {
|
|
var i = e.call(t, r || "default");
|
|
if ("object" != _typeof(i)) return i;
|
|
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
}
|
|
return ("string" === r ? String : Number)(t);
|
|
}
|
|
module.exports = toPrimitive, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
|
|
/***/ }),
|
|
/* 8 */
|
|
/***/ (function(module, exports) {
|
|
|
|
function _classCallCheck(a, n) {
|
|
if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
|
|
}
|
|
module.exports = _classCallCheck, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
|
|
/***/ }),
|
|
/* 9 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
var toPropertyKey = __webpack_require__(5);
|
|
function _defineProperties(e, r) {
|
|
for (var t = 0; t < r.length; t++) {
|
|
var o = r[t];
|
|
o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, toPropertyKey(o.key), o);
|
|
}
|
|
}
|
|
function _createClass(e, r, t) {
|
|
return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
|
|
writable: !1
|
|
}), e;
|
|
}
|
|
module.exports = _createClass, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
|
|
/***/ }),
|
|
/* 10 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
var _typeof = __webpack_require__(6)["default"];
|
|
var assertThisInitialized = __webpack_require__(11);
|
|
function _possibleConstructorReturn(t, e) {
|
|
if (e && ("object" == _typeof(e) || "function" == typeof e)) return e;
|
|
if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined");
|
|
return assertThisInitialized(t);
|
|
}
|
|
module.exports = _possibleConstructorReturn, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
|
|
/***/ }),
|
|
/* 11 */
|
|
/***/ (function(module, exports) {
|
|
|
|
function _assertThisInitialized(e) {
|
|
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
return e;
|
|
}
|
|
module.exports = _assertThisInitialized, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
|
|
/***/ }),
|
|
/* 12 */
|
|
/***/ (function(module, exports) {
|
|
|
|
function _isNativeReflectConstruct() {
|
|
try {
|
|
var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
|
|
} catch (t) {}
|
|
return (module.exports = _isNativeReflectConstruct = function _isNativeReflectConstruct() {
|
|
return !!t;
|
|
}, module.exports.__esModule = true, module.exports["default"] = module.exports)();
|
|
}
|
|
module.exports = _isNativeReflectConstruct, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
|
|
/***/ }),
|
|
/* 13 */
|
|
/***/ (function(module, exports) {
|
|
|
|
function _getPrototypeOf(t) {
|
|
return module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {
|
|
return t.__proto__ || Object.getPrototypeOf(t);
|
|
}, module.exports.__esModule = true, module.exports["default"] = module.exports, _getPrototypeOf(t);
|
|
}
|
|
module.exports = _getPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
|
|
/***/ }),
|
|
/* 14 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
var setPrototypeOf = __webpack_require__(15);
|
|
function _inherits(t, e) {
|
|
if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function");
|
|
t.prototype = Object.create(e && e.prototype, {
|
|
constructor: {
|
|
value: t,
|
|
writable: !0,
|
|
configurable: !0
|
|
}
|
|
}), Object.defineProperty(t, "prototype", {
|
|
writable: !1
|
|
}), e && setPrototypeOf(t, e);
|
|
}
|
|
module.exports = _inherits, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
|
|
/***/ }),
|
|
/* 15 */
|
|
/***/ (function(module, exports) {
|
|
|
|
function _setPrototypeOf(t, e) {
|
|
return module.exports = _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
|
|
return t.__proto__ = e, t;
|
|
}, module.exports.__esModule = true, module.exports["default"] = module.exports, _setPrototypeOf(t, e);
|
|
}
|
|
module.exports = _setPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
|
|
/***/ }),
|
|
/* 16 */
|
|
/***/ (function(module, exports) {
|
|
|
|
module.exports = __WEBPACK_EXTERNAL_MODULE__16__;
|
|
|
|
/***/ }),
|
|
/* 17 */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "InnerSlider", function() { return InnerSlider; });
|
|
/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6);
|
|
/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__);
|
|
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
|
|
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_1__);
|
|
/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(18);
|
|
/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2__);
|
|
/* harmony import */ var _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3);
|
|
/* harmony import */ var _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3__);
|
|
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(8);
|
|
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_4__);
|
|
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(9);
|
|
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_5__);
|
|
/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(10);
|
|
/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_6__);
|
|
/* harmony import */ var _babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(12);
|
|
/* harmony import */ var _babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_7__);
|
|
/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(13);
|
|
/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_8__);
|
|
/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(14);
|
|
/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_9__);
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(4);
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10__);
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(16);
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_11__);
|
|
/* harmony import */ var _initial_state__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(20);
|
|
/* harmony import */ var throttle_debounce__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(21);
|
|
/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(22);
|
|
/* harmony import */ var _utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(23);
|
|
/* harmony import */ var _track__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(25);
|
|
/* harmony import */ var _dots__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(26);
|
|
/* harmony import */ var _arrows__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(27);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var _excluded = ["animating"];
|
|
function _callSuper(t, o, e) { return o = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_8___default()(o), _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_6___default()(t, _babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_7___default()() ? Reflect.construct(o, e || [], _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_8___default()(t).constructor) : o.apply(t, e)); }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var InnerSlider = /*#__PURE__*/function (_React$Component) {
|
|
function InnerSlider(props) {
|
|
var _this;
|
|
_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_4___default()(this, InnerSlider);
|
|
_this = _callSuper(this, InnerSlider, [props]);
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "listRefHandler", function (ref) {
|
|
return _this.list = ref;
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "trackRefHandler", function (ref) {
|
|
return _this.track = ref;
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "adaptHeight", function () {
|
|
if (_this.props.adaptiveHeight && _this.list) {
|
|
var elem = _this.list.querySelector("[data-index=\"".concat(_this.state.currentSlide, "\"]"));
|
|
_this.list.style.height = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["getHeight"])(elem) + "px";
|
|
}
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "componentDidMount", function () {
|
|
_this.props.onInit && _this.props.onInit();
|
|
if (_this.props.lazyLoad) {
|
|
var slidesToLoad = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["getOnDemandLazySlides"])(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, _this.props), _this.state));
|
|
if (slidesToLoad.length > 0) {
|
|
_this.setState(function (prevState) {
|
|
return {
|
|
lazyLoadedList: prevState.lazyLoadedList.concat(slidesToLoad)
|
|
};
|
|
});
|
|
if (_this.props.onLazyLoad) {
|
|
_this.props.onLazyLoad(slidesToLoad);
|
|
}
|
|
}
|
|
}
|
|
var spec = _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({
|
|
listRef: _this.list,
|
|
trackRef: _this.track
|
|
}, _this.props);
|
|
_this.updateState(spec, true, function () {
|
|
_this.adaptHeight();
|
|
_this.props.autoplay && _this.autoPlay("playing");
|
|
});
|
|
if (_this.props.lazyLoad === "progressive") {
|
|
_this.lazyLoadTimer = setInterval(_this.progressiveLazyLoad, 1000);
|
|
}
|
|
if (typeof ResizeObserver !== "undefined") {
|
|
_this.ro = new ResizeObserver(function () {
|
|
if (_this.state.animating) {
|
|
_this.onWindowResized(false); // don't set trackStyle hence don't break animation
|
|
_this.callbackTimers.push(setTimeout(function () {
|
|
return _this.onWindowResized();
|
|
}, _this.props.speed));
|
|
} else {
|
|
_this.onWindowResized();
|
|
}
|
|
});
|
|
_this.ro.observe(_this.list);
|
|
}
|
|
document.querySelectorAll && Array.prototype.forEach.call(document.querySelectorAll(".slick-slide"), function (slide) {
|
|
slide.onfocus = _this.props.pauseOnFocus ? _this.onSlideFocus : null;
|
|
slide.onblur = _this.props.pauseOnFocus ? _this.onSlideBlur : null;
|
|
});
|
|
if (window.addEventListener) {
|
|
window.addEventListener("resize", _this.onWindowResized);
|
|
} else {
|
|
window.attachEvent("onresize", _this.onWindowResized);
|
|
}
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "componentWillUnmount", function () {
|
|
var _this$ro;
|
|
if (_this.animationEndCallback) {
|
|
clearTimeout(_this.animationEndCallback);
|
|
}
|
|
if (_this.lazyLoadTimer) {
|
|
clearInterval(_this.lazyLoadTimer);
|
|
}
|
|
if (_this.callbackTimers.length) {
|
|
_this.callbackTimers.forEach(function (timer) {
|
|
return clearTimeout(timer);
|
|
});
|
|
_this.callbackTimers = [];
|
|
}
|
|
if (window.addEventListener) {
|
|
window.removeEventListener("resize", _this.onWindowResized);
|
|
} else {
|
|
window.detachEvent("onresize", _this.onWindowResized);
|
|
}
|
|
if (_this.autoplayTimer) {
|
|
clearInterval(_this.autoplayTimer);
|
|
}
|
|
(_this$ro = _this.ro) === null || _this$ro === void 0 || _this$ro.disconnect();
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "componentDidUpdate", function (prevProps) {
|
|
_this.checkImagesLoad();
|
|
_this.props.onReInit && _this.props.onReInit();
|
|
if (_this.props.lazyLoad) {
|
|
var slidesToLoad = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["getOnDemandLazySlides"])(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, _this.props), _this.state));
|
|
if (slidesToLoad.length > 0) {
|
|
_this.setState(function (prevState) {
|
|
return {
|
|
lazyLoadedList: prevState.lazyLoadedList.concat(slidesToLoad)
|
|
};
|
|
});
|
|
if (_this.props.onLazyLoad) {
|
|
_this.props.onLazyLoad(slidesToLoad);
|
|
}
|
|
}
|
|
}
|
|
// if (this.props.onLazyLoad) {
|
|
// this.props.onLazyLoad([leftMostSlide])
|
|
// }
|
|
_this.adaptHeight();
|
|
var spec = _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({
|
|
listRef: _this.list,
|
|
trackRef: _this.track
|
|
}, _this.props), _this.state);
|
|
var setTrackStyle = _this.didPropsChange(prevProps);
|
|
setTrackStyle && _this.updateState(spec, setTrackStyle, function () {
|
|
if (_this.state.currentSlide >= react__WEBPACK_IMPORTED_MODULE_11___default.a.Children.count(_this.props.children)) {
|
|
_this.changeSlide({
|
|
message: "index",
|
|
index: react__WEBPACK_IMPORTED_MODULE_11___default.a.Children.count(_this.props.children) - _this.props.slidesToShow,
|
|
currentSlide: _this.state.currentSlide
|
|
});
|
|
}
|
|
if (prevProps.autoplay !== _this.props.autoplay || prevProps.autoplaySpeed !== _this.props.autoplaySpeed) {
|
|
if (!prevProps.autoplay && _this.props.autoplay) {
|
|
_this.autoPlay("playing");
|
|
} else if (_this.props.autoplay) {
|
|
_this.autoPlay("update");
|
|
} else {
|
|
_this.pause("paused");
|
|
}
|
|
}
|
|
});
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "onWindowResized", function (setTrackStyle) {
|
|
if (_this.debouncedResize) _this.debouncedResize.cancel();
|
|
_this.debouncedResize = Object(throttle_debounce__WEBPACK_IMPORTED_MODULE_13__["debounce"])(50, function () {
|
|
return _this.resizeWindow(setTrackStyle);
|
|
});
|
|
_this.debouncedResize();
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "resizeWindow", function () {
|
|
var setTrackStyle = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
|
|
var isTrackMounted = Boolean(_this.track && _this.track.node);
|
|
// prevent warning: setting state on unmounted component (server side rendering)
|
|
if (!isTrackMounted) return;
|
|
var spec = _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({
|
|
listRef: _this.list,
|
|
trackRef: _this.track
|
|
}, _this.props), _this.state);
|
|
_this.updateState(spec, setTrackStyle, function () {
|
|
if (_this.props.autoplay) _this.autoPlay("update");else _this.pause("paused");
|
|
});
|
|
// animating state should be cleared while resizing, otherwise autoplay stops working
|
|
_this.setState({
|
|
animating: false
|
|
});
|
|
clearTimeout(_this.animationEndCallback);
|
|
delete _this.animationEndCallback;
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "updateState", function (spec, setTrackStyle, callback) {
|
|
var updatedState = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["initializedState"])(spec);
|
|
spec = _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, spec), updatedState), {}, {
|
|
slideIndex: updatedState.currentSlide
|
|
});
|
|
var targetLeft = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["getTrackLeft"])(spec);
|
|
spec = _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, spec), {}, {
|
|
left: targetLeft
|
|
});
|
|
var trackStyle = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["getTrackCSS"])(spec);
|
|
if (setTrackStyle || react__WEBPACK_IMPORTED_MODULE_11___default.a.Children.count(_this.props.children) !== react__WEBPACK_IMPORTED_MODULE_11___default.a.Children.count(spec.children)) {
|
|
updatedState["trackStyle"] = trackStyle;
|
|
}
|
|
_this.setState(updatedState, callback);
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "ssrInit", function () {
|
|
if (_this.props.variableWidth) {
|
|
var _trackWidth = 0,
|
|
_trackLeft = 0;
|
|
var childrenWidths = [];
|
|
var preClones = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["getPreClones"])(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, _this.props), _this.state), {}, {
|
|
slideCount: _this.props.children.length
|
|
}));
|
|
var postClones = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["getPostClones"])(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, _this.props), _this.state), {}, {
|
|
slideCount: _this.props.children.length
|
|
}));
|
|
_this.props.children.forEach(function (child) {
|
|
childrenWidths.push(child.props.style.width);
|
|
_trackWidth += child.props.style.width;
|
|
});
|
|
for (var i = 0; i < preClones; i++) {
|
|
_trackLeft += childrenWidths[childrenWidths.length - 1 - i];
|
|
_trackWidth += childrenWidths[childrenWidths.length - 1 - i];
|
|
}
|
|
for (var _i = 0; _i < postClones; _i++) {
|
|
_trackWidth += childrenWidths[_i];
|
|
}
|
|
for (var _i2 = 0; _i2 < _this.state.currentSlide; _i2++) {
|
|
_trackLeft += childrenWidths[_i2];
|
|
}
|
|
var _trackStyle = {
|
|
width: _trackWidth + "px",
|
|
left: -_trackLeft + "px"
|
|
};
|
|
if (_this.props.centerMode) {
|
|
var currentWidth = "".concat(childrenWidths[_this.state.currentSlide], "px");
|
|
_trackStyle.left = "calc(".concat(_trackStyle.left, " + (100% - ").concat(currentWidth, ") / 2 ) ");
|
|
}
|
|
return {
|
|
trackStyle: _trackStyle
|
|
};
|
|
}
|
|
var childrenCount = react__WEBPACK_IMPORTED_MODULE_11___default.a.Children.count(_this.props.children);
|
|
var spec = _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, _this.props), _this.state), {}, {
|
|
slideCount: childrenCount
|
|
});
|
|
var slideCount = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["getPreClones"])(spec) + Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["getPostClones"])(spec) + childrenCount;
|
|
var trackWidth = 100 / _this.props.slidesToShow * slideCount;
|
|
var slideWidth = 100 / slideCount;
|
|
var trackLeft = -slideWidth * (Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["getPreClones"])(spec) + _this.state.currentSlide) * trackWidth / 100;
|
|
if (_this.props.centerMode) {
|
|
trackLeft += (100 - slideWidth * trackWidth / 100) / 2;
|
|
}
|
|
var trackStyle = {
|
|
width: trackWidth + "%",
|
|
left: trackLeft + "%"
|
|
};
|
|
return {
|
|
slideWidth: slideWidth + "%",
|
|
trackStyle: trackStyle
|
|
};
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "checkImagesLoad", function () {
|
|
var images = _this.list && _this.list.querySelectorAll && _this.list.querySelectorAll(".slick-slide img") || [];
|
|
var imagesCount = images.length,
|
|
loadedCount = 0;
|
|
Array.prototype.forEach.call(images, function (image) {
|
|
var handler = function handler() {
|
|
return ++loadedCount && loadedCount >= imagesCount && _this.onWindowResized();
|
|
};
|
|
if (!image.onclick) {
|
|
image.onclick = function () {
|
|
return image.parentNode.focus();
|
|
};
|
|
} else {
|
|
var prevClickHandler = image.onclick;
|
|
image.onclick = function (e) {
|
|
prevClickHandler(e);
|
|
image.parentNode.focus();
|
|
};
|
|
}
|
|
if (!image.onload) {
|
|
if (_this.props.lazyLoad) {
|
|
image.onload = function () {
|
|
_this.adaptHeight();
|
|
_this.callbackTimers.push(setTimeout(_this.onWindowResized, _this.props.speed));
|
|
};
|
|
} else {
|
|
image.onload = handler;
|
|
image.onerror = function () {
|
|
handler();
|
|
_this.props.onLazyLoadError && _this.props.onLazyLoadError();
|
|
};
|
|
}
|
|
}
|
|
});
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "progressiveLazyLoad", function () {
|
|
var slidesToLoad = [];
|
|
var spec = _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, _this.props), _this.state);
|
|
for (var index = _this.state.currentSlide; index < _this.state.slideCount + Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["getPostClones"])(spec); index++) {
|
|
if (_this.state.lazyLoadedList.indexOf(index) < 0) {
|
|
slidesToLoad.push(index);
|
|
break;
|
|
}
|
|
}
|
|
for (var _index = _this.state.currentSlide - 1; _index >= -Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["getPreClones"])(spec); _index--) {
|
|
if (_this.state.lazyLoadedList.indexOf(_index) < 0) {
|
|
slidesToLoad.push(_index);
|
|
break;
|
|
}
|
|
}
|
|
if (slidesToLoad.length > 0) {
|
|
_this.setState(function (state) {
|
|
return {
|
|
lazyLoadedList: state.lazyLoadedList.concat(slidesToLoad)
|
|
};
|
|
});
|
|
if (_this.props.onLazyLoad) {
|
|
_this.props.onLazyLoad(slidesToLoad);
|
|
}
|
|
} else {
|
|
if (_this.lazyLoadTimer) {
|
|
clearInterval(_this.lazyLoadTimer);
|
|
delete _this.lazyLoadTimer;
|
|
}
|
|
}
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "slideHandler", function (index) {
|
|
var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
var _this$props = _this.props,
|
|
asNavFor = _this$props.asNavFor,
|
|
beforeChange = _this$props.beforeChange,
|
|
onLazyLoad = _this$props.onLazyLoad,
|
|
speed = _this$props.speed,
|
|
afterChange = _this$props.afterChange;
|
|
// capture currentslide before state is updated
|
|
var currentSlide = _this.state.currentSlide;
|
|
var _slideHandler = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["slideHandler"])(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({
|
|
index: index
|
|
}, _this.props), _this.state), {}, {
|
|
trackRef: _this.track,
|
|
useCSS: _this.props.useCSS && !dontAnimate
|
|
})),
|
|
state = _slideHandler.state,
|
|
nextState = _slideHandler.nextState;
|
|
if (!state) return;
|
|
beforeChange && beforeChange(currentSlide, state.currentSlide);
|
|
var slidesToLoad = state.lazyLoadedList.filter(function (value) {
|
|
return _this.state.lazyLoadedList.indexOf(value) < 0;
|
|
});
|
|
onLazyLoad && slidesToLoad.length > 0 && onLazyLoad(slidesToLoad);
|
|
if (!_this.props.waitForAnimate && _this.animationEndCallback) {
|
|
clearTimeout(_this.animationEndCallback);
|
|
afterChange && afterChange(currentSlide);
|
|
delete _this.animationEndCallback;
|
|
}
|
|
_this.setState(state, function () {
|
|
// asNavForIndex check is to avoid recursive calls of slideHandler in waitForAnimate=false mode
|
|
if (asNavFor && _this.asNavForIndex !== index) {
|
|
_this.asNavForIndex = index;
|
|
asNavFor.innerSlider.slideHandler(index);
|
|
}
|
|
if (!nextState) return;
|
|
_this.animationEndCallback = setTimeout(function () {
|
|
var animating = nextState.animating,
|
|
firstBatch = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2___default()(nextState, _excluded);
|
|
_this.setState(firstBatch, function () {
|
|
_this.callbackTimers.push(setTimeout(function () {
|
|
return _this.setState({
|
|
animating: animating
|
|
});
|
|
}, 10));
|
|
afterChange && afterChange(state.currentSlide);
|
|
delete _this.animationEndCallback;
|
|
});
|
|
}, speed);
|
|
});
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "changeSlide", function (options) {
|
|
var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
var spec = _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, _this.props), _this.state);
|
|
var targetSlide = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["changeSlide"])(spec, options);
|
|
if (targetSlide !== 0 && !targetSlide) return;
|
|
if (dontAnimate === true) {
|
|
_this.slideHandler(targetSlide, dontAnimate);
|
|
} else {
|
|
_this.slideHandler(targetSlide);
|
|
}
|
|
_this.props.autoplay && _this.autoPlay("update");
|
|
if (_this.props.focusOnSelect) {
|
|
var nodes = _this.list.querySelectorAll(".slick-current");
|
|
nodes[0] && nodes[0].focus();
|
|
}
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "clickHandler", function (e) {
|
|
if (_this.clickable === false) {
|
|
e.stopPropagation();
|
|
e.preventDefault();
|
|
}
|
|
_this.clickable = true;
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "keyHandler", function (e) {
|
|
var dir = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["keyHandler"])(e, _this.props.accessibility, _this.props.rtl);
|
|
dir !== "" && _this.changeSlide({
|
|
message: dir
|
|
});
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "selectHandler", function (options) {
|
|
_this.changeSlide(options);
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "disableBodyScroll", function () {
|
|
var preventDefault = function preventDefault(e) {
|
|
e = e || window.event;
|
|
if (e.preventDefault) e.preventDefault();
|
|
e.returnValue = false;
|
|
};
|
|
window.ontouchmove = preventDefault;
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "enableBodyScroll", function () {
|
|
window.ontouchmove = null;
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "swipeStart", function (e) {
|
|
if (_this.props.verticalSwiping) {
|
|
_this.disableBodyScroll();
|
|
}
|
|
var state = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["swipeStart"])(e, _this.props.swipe, _this.props.draggable);
|
|
state !== "" && _this.setState(state);
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "swipeMove", function (e) {
|
|
var state = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["swipeMove"])(e, _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, _this.props), _this.state), {}, {
|
|
trackRef: _this.track,
|
|
listRef: _this.list,
|
|
slideIndex: _this.state.currentSlide
|
|
}));
|
|
if (!state) return;
|
|
if (state["swiping"]) {
|
|
_this.clickable = false;
|
|
}
|
|
_this.setState(state);
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "swipeEnd", function (e) {
|
|
var state = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["swipeEnd"])(e, _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, _this.props), _this.state), {}, {
|
|
trackRef: _this.track,
|
|
listRef: _this.list,
|
|
slideIndex: _this.state.currentSlide
|
|
}));
|
|
if (!state) return;
|
|
var triggerSlideHandler = state["triggerSlideHandler"];
|
|
delete state["triggerSlideHandler"];
|
|
_this.setState(state);
|
|
if (triggerSlideHandler === undefined) return;
|
|
_this.slideHandler(triggerSlideHandler);
|
|
if (_this.props.verticalSwiping) {
|
|
_this.enableBodyScroll();
|
|
}
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "touchEnd", function (e) {
|
|
_this.swipeEnd(e);
|
|
_this.clickable = true;
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "slickPrev", function () {
|
|
// this and fellow methods are wrapped in setTimeout
|
|
// to make sure initialize setState has happened before
|
|
// any of such methods are called
|
|
_this.callbackTimers.push(setTimeout(function () {
|
|
return _this.changeSlide({
|
|
message: "previous"
|
|
});
|
|
}, 0));
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "slickNext", function () {
|
|
_this.callbackTimers.push(setTimeout(function () {
|
|
return _this.changeSlide({
|
|
message: "next"
|
|
});
|
|
}, 0));
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "slickGoTo", function (slide) {
|
|
var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
slide = Number(slide);
|
|
if (isNaN(slide)) return "";
|
|
_this.callbackTimers.push(setTimeout(function () {
|
|
return _this.changeSlide({
|
|
message: "index",
|
|
index: slide,
|
|
currentSlide: _this.state.currentSlide
|
|
}, dontAnimate);
|
|
}, 0));
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "play", function () {
|
|
var nextIndex;
|
|
if (_this.props.rtl) {
|
|
nextIndex = _this.state.currentSlide - _this.props.slidesToScroll;
|
|
} else {
|
|
if (Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["canGoNext"])(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, _this.props), _this.state))) {
|
|
nextIndex = _this.state.currentSlide + _this.props.slidesToScroll;
|
|
} else {
|
|
return false;
|
|
}
|
|
}
|
|
_this.slideHandler(nextIndex);
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "autoPlay", function (playType) {
|
|
if (_this.autoplayTimer) {
|
|
clearInterval(_this.autoplayTimer);
|
|
}
|
|
var autoplaying = _this.state.autoplaying;
|
|
if (playType === "update") {
|
|
if (autoplaying === "hovered" || autoplaying === "focused" || autoplaying === "paused") {
|
|
return;
|
|
}
|
|
} else if (playType === "leave") {
|
|
if (autoplaying === "paused" || autoplaying === "focused") {
|
|
return;
|
|
}
|
|
} else if (playType === "blur") {
|
|
if (autoplaying === "paused" || autoplaying === "hovered") {
|
|
return;
|
|
}
|
|
}
|
|
_this.autoplayTimer = setInterval(_this.play, _this.props.autoplaySpeed + 50);
|
|
_this.setState({
|
|
autoplaying: "playing"
|
|
});
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "pause", function (pauseType) {
|
|
if (_this.autoplayTimer) {
|
|
clearInterval(_this.autoplayTimer);
|
|
_this.autoplayTimer = null;
|
|
}
|
|
var autoplaying = _this.state.autoplaying;
|
|
if (pauseType === "paused") {
|
|
_this.setState({
|
|
autoplaying: "paused"
|
|
});
|
|
} else if (pauseType === "focused") {
|
|
if (autoplaying === "hovered" || autoplaying === "playing") {
|
|
_this.setState({
|
|
autoplaying: "focused"
|
|
});
|
|
}
|
|
} else {
|
|
// pauseType is 'hovered'
|
|
if (autoplaying === "playing") {
|
|
_this.setState({
|
|
autoplaying: "hovered"
|
|
});
|
|
}
|
|
}
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "onDotsOver", function () {
|
|
return _this.props.autoplay && _this.pause("hovered");
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "onDotsLeave", function () {
|
|
return _this.props.autoplay && _this.state.autoplaying === "hovered" && _this.autoPlay("leave");
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "onTrackOver", function () {
|
|
return _this.props.autoplay && _this.pause("hovered");
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "onTrackLeave", function () {
|
|
return _this.props.autoplay && _this.state.autoplaying === "hovered" && _this.autoPlay("leave");
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "onSlideFocus", function () {
|
|
return _this.props.autoplay && _this.pause("focused");
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "onSlideBlur", function () {
|
|
return _this.props.autoplay && _this.state.autoplaying === "focused" && _this.autoPlay("blur");
|
|
});
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "render", function () {
|
|
var className = Object(clsx__WEBPACK_IMPORTED_MODULE_14__["clsx"])("slick-slider", _this.props.className, {
|
|
"slick-vertical": _this.props.vertical,
|
|
"slick-initialized": true
|
|
});
|
|
var spec = _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, _this.props), _this.state);
|
|
var trackProps = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["extractObject"])(spec, ["fade", "cssEase", "speed", "infinite", "centerMode", "focusOnSelect", "currentSlide", "lazyLoad", "lazyLoadedList", "rtl", "slideWidth", "slideHeight", "listHeight", "vertical", "slidesToShow", "slidesToScroll", "slideCount", "trackStyle", "variableWidth", "unslick", "centerPadding", "targetSlide", "useCSS"]);
|
|
var pauseOnHover = _this.props.pauseOnHover;
|
|
trackProps = _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, trackProps), {}, {
|
|
onMouseEnter: pauseOnHover ? _this.onTrackOver : null,
|
|
onMouseLeave: pauseOnHover ? _this.onTrackLeave : null,
|
|
onMouseOver: pauseOnHover ? _this.onTrackOver : null,
|
|
focusOnSelect: _this.props.focusOnSelect && _this.clickable ? _this.selectHandler : null
|
|
});
|
|
var dots;
|
|
if (_this.props.dots === true && _this.state.slideCount >= _this.props.slidesToShow) {
|
|
var dotProps = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["extractObject"])(spec, ["dotsClass", "slideCount", "slidesToShow", "currentSlide", "slidesToScroll", "clickHandler", "children", "customPaging", "infinite", "appendDots"]);
|
|
var pauseOnDotsHover = _this.props.pauseOnDotsHover;
|
|
dotProps = _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, dotProps), {}, {
|
|
clickHandler: _this.changeSlide,
|
|
onMouseEnter: pauseOnDotsHover ? _this.onDotsLeave : null,
|
|
onMouseOver: pauseOnDotsHover ? _this.onDotsOver : null,
|
|
onMouseLeave: pauseOnDotsHover ? _this.onDotsLeave : null
|
|
});
|
|
dots = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_dots__WEBPACK_IMPORTED_MODULE_17__["Dots"], dotProps);
|
|
}
|
|
var prevArrow, nextArrow;
|
|
var arrowProps = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["extractObject"])(spec, ["infinite", "centerMode", "currentSlide", "slideCount", "slidesToShow", "prevArrow", "nextArrow"]);
|
|
arrowProps.clickHandler = _this.changeSlide;
|
|
if (_this.props.arrows) {
|
|
prevArrow = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_arrows__WEBPACK_IMPORTED_MODULE_18__["PrevArrow"], arrowProps);
|
|
nextArrow = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_arrows__WEBPACK_IMPORTED_MODULE_18__["NextArrow"], arrowProps);
|
|
}
|
|
var verticalHeightStyle = null;
|
|
if (_this.props.vertical) {
|
|
verticalHeightStyle = {
|
|
height: _this.state.listHeight
|
|
};
|
|
}
|
|
var centerPaddingStyle = null;
|
|
if (_this.props.vertical === false) {
|
|
if (_this.props.centerMode === true) {
|
|
centerPaddingStyle = {
|
|
padding: "0px " + _this.props.centerPadding
|
|
};
|
|
}
|
|
} else {
|
|
if (_this.props.centerMode === true) {
|
|
centerPaddingStyle = {
|
|
padding: _this.props.centerPadding + " 0px"
|
|
};
|
|
}
|
|
}
|
|
var listStyle = _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, verticalHeightStyle), centerPaddingStyle);
|
|
var touchMove = _this.props.touchMove;
|
|
var listProps = {
|
|
className: "slick-list",
|
|
style: listStyle,
|
|
onClick: _this.clickHandler,
|
|
onMouseDown: touchMove ? _this.swipeStart : null,
|
|
onMouseMove: _this.state.dragging && touchMove ? _this.swipeMove : null,
|
|
onMouseUp: touchMove ? _this.swipeEnd : null,
|
|
onMouseLeave: _this.state.dragging && touchMove ? _this.swipeEnd : null,
|
|
onTouchStart: touchMove ? _this.swipeStart : null,
|
|
onTouchMove: _this.state.dragging && touchMove ? _this.swipeMove : null,
|
|
onTouchEnd: touchMove ? _this.touchEnd : null,
|
|
onTouchCancel: _this.state.dragging && touchMove ? _this.swipeEnd : null,
|
|
onKeyDown: _this.props.accessibility ? _this.keyHandler : null
|
|
};
|
|
var innerSliderProps = {
|
|
className: className,
|
|
dir: "ltr",
|
|
style: _this.props.style
|
|
};
|
|
if (_this.props.unslick) {
|
|
listProps = {
|
|
className: "slick-list"
|
|
};
|
|
innerSliderProps = {
|
|
className: className,
|
|
style: _this.props.style
|
|
};
|
|
}
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("div", innerSliderProps, !_this.props.unslick ? prevArrow : "", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_1___default()({
|
|
ref: _this.listRefHandler
|
|
}, listProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_track__WEBPACK_IMPORTED_MODULE_16__["Track"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_1___default()({
|
|
ref: _this.trackRefHandler
|
|
}, trackProps), _this.props.children)), !_this.props.unslick ? nextArrow : "", !_this.props.unslick ? dots : "");
|
|
});
|
|
_this.list = null;
|
|
_this.track = null;
|
|
_this.state = _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, _initial_state__WEBPACK_IMPORTED_MODULE_12__["default"]), {}, {
|
|
currentSlide: _this.props.initialSlide,
|
|
targetSlide: _this.props.initialSlide ? _this.props.initialSlide : 0,
|
|
slideCount: react__WEBPACK_IMPORTED_MODULE_11___default.a.Children.count(_this.props.children)
|
|
});
|
|
_this.callbackTimers = [];
|
|
_this.clickable = true;
|
|
_this.debouncedResize = null;
|
|
var ssrState = _this.ssrInit();
|
|
_this.state = _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, _this.state), ssrState);
|
|
return _this;
|
|
}
|
|
_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_9___default()(InnerSlider, _React$Component);
|
|
return _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_5___default()(InnerSlider, [{
|
|
key: "didPropsChange",
|
|
value: function didPropsChange(prevProps) {
|
|
var setTrackStyle = false;
|
|
for (var _i3 = 0, _Object$keys = Object.keys(this.props); _i3 < _Object$keys.length; _i3++) {
|
|
var key = _Object$keys[_i3];
|
|
// eslint-disable-next-line no-prototype-builtins
|
|
if (!prevProps.hasOwnProperty(key)) {
|
|
setTrackStyle = true;
|
|
break;
|
|
}
|
|
if (_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0___default()(prevProps[key]) === "object" || typeof prevProps[key] === "function" || isNaN(prevProps[key])) {
|
|
continue;
|
|
}
|
|
if (prevProps[key] !== this.props[key]) {
|
|
setTrackStyle = true;
|
|
break;
|
|
}
|
|
}
|
|
return setTrackStyle || react__WEBPACK_IMPORTED_MODULE_11___default.a.Children.count(this.props.children) !== react__WEBPACK_IMPORTED_MODULE_11___default.a.Children.count(prevProps.children);
|
|
}
|
|
}]);
|
|
}(react__WEBPACK_IMPORTED_MODULE_11___default.a.Component);
|
|
|
|
/***/ }),
|
|
/* 18 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
var objectWithoutPropertiesLoose = __webpack_require__(19);
|
|
function _objectWithoutProperties(e, t) {
|
|
if (null == e) return {};
|
|
var o,
|
|
r,
|
|
i = objectWithoutPropertiesLoose(e, t);
|
|
if (Object.getOwnPropertySymbols) {
|
|
var n = Object.getOwnPropertySymbols(e);
|
|
for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
|
|
}
|
|
return i;
|
|
}
|
|
module.exports = _objectWithoutProperties, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
|
|
/***/ }),
|
|
/* 19 */
|
|
/***/ (function(module, exports) {
|
|
|
|
function _objectWithoutPropertiesLoose(r, e) {
|
|
if (null == r) return {};
|
|
var t = {};
|
|
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
|
|
if (-1 !== e.indexOf(n)) continue;
|
|
t[n] = r[n];
|
|
}
|
|
return t;
|
|
}
|
|
module.exports = _objectWithoutPropertiesLoose, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
|
|
/***/ }),
|
|
/* 20 */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
__webpack_require__.r(__webpack_exports__);
|
|
var initialState = {
|
|
animating: false,
|
|
autoplaying: null,
|
|
currentDirection: 0,
|
|
currentLeft: null,
|
|
currentSlide: 0,
|
|
direction: 1,
|
|
dragging: false,
|
|
edgeDragged: false,
|
|
initialized: false,
|
|
lazyLoadedList: [],
|
|
listHeight: null,
|
|
listWidth: null,
|
|
scrolling: false,
|
|
slideCount: null,
|
|
slideHeight: null,
|
|
slideWidth: null,
|
|
swipeLeft: null,
|
|
swiped: false,
|
|
// used by swipeEvent. differentites between touch and swipe.
|
|
swiping: false,
|
|
touchObject: {
|
|
startX: 0,
|
|
startY: 0,
|
|
curX: 0,
|
|
curY: 0
|
|
},
|
|
trackStyle: {},
|
|
trackWidth: 0,
|
|
targetSlide: 0
|
|
};
|
|
/* harmony default export */ __webpack_exports__["default"] = (initialState);
|
|
|
|
/***/ }),
|
|
/* 21 */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "debounce", function() { return debounce; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "throttle", function() { return throttle; });
|
|
/* eslint-disable no-undefined,no-param-reassign,no-shadow */
|
|
|
|
/**
|
|
* Throttle execution of a function. Especially useful for rate limiting
|
|
* execution of handlers on events like resize and scroll.
|
|
*
|
|
* @param {number} delay - A zero-or-greater delay in milliseconds. For event callbacks, values around 100 or 250 (or even higher)
|
|
* are most useful.
|
|
* @param {Function} callback - A function to be executed after delay milliseconds. The `this` context and all arguments are passed through,
|
|
* as-is, to `callback` when the throttled-function is executed.
|
|
* @param {object} [options] - An object to configure options.
|
|
* @param {boolean} [options.noTrailing] - Optional, defaults to false. If noTrailing is true, callback will only execute every `delay` milliseconds
|
|
* while the throttled-function is being called. If noTrailing is false or unspecified, callback will be executed
|
|
* one final time after the last throttled-function call. (After the throttled-function has not been called for
|
|
* `delay` milliseconds, the internal counter is reset).
|
|
* @param {boolean} [options.noLeading] - Optional, defaults to false. If noLeading is false, the first throttled-function call will execute callback
|
|
* immediately. If noLeading is true, the first the callback execution will be skipped. It should be noted that
|
|
* callback will never executed if both noLeading = true and noTrailing = true.
|
|
* @param {boolean} [options.debounceMode] - If `debounceMode` is true (at begin), schedule `clear` to execute after `delay` ms. If `debounceMode` is
|
|
* false (at end), schedule `callback` to execute after `delay` ms.
|
|
*
|
|
* @returns {Function} A new, throttled, function.
|
|
*/
|
|
function throttle (delay, callback, options) {
|
|
var _ref = options || {},
|
|
_ref$noTrailing = _ref.noTrailing,
|
|
noTrailing = _ref$noTrailing === void 0 ? false : _ref$noTrailing,
|
|
_ref$noLeading = _ref.noLeading,
|
|
noLeading = _ref$noLeading === void 0 ? false : _ref$noLeading,
|
|
_ref$debounceMode = _ref.debounceMode,
|
|
debounceMode = _ref$debounceMode === void 0 ? undefined : _ref$debounceMode;
|
|
/*
|
|
* After wrapper has stopped being called, this timeout ensures that
|
|
* `callback` is executed at the proper times in `throttle` and `end`
|
|
* debounce modes.
|
|
*/
|
|
var timeoutID;
|
|
var cancelled = false;
|
|
|
|
// Keep track of the last time `callback` was executed.
|
|
var lastExec = 0;
|
|
|
|
// Function to clear existing timeout
|
|
function clearExistingTimeout() {
|
|
if (timeoutID) {
|
|
clearTimeout(timeoutID);
|
|
}
|
|
}
|
|
|
|
// Function to cancel next exec
|
|
function cancel(options) {
|
|
var _ref2 = options || {},
|
|
_ref2$upcomingOnly = _ref2.upcomingOnly,
|
|
upcomingOnly = _ref2$upcomingOnly === void 0 ? false : _ref2$upcomingOnly;
|
|
clearExistingTimeout();
|
|
cancelled = !upcomingOnly;
|
|
}
|
|
|
|
/*
|
|
* The `wrapper` function encapsulates all of the throttling / debouncing
|
|
* functionality and when executed will limit the rate at which `callback`
|
|
* is executed.
|
|
*/
|
|
function wrapper() {
|
|
for (var _len = arguments.length, arguments_ = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
arguments_[_key] = arguments[_key];
|
|
}
|
|
var self = this;
|
|
var elapsed = Date.now() - lastExec;
|
|
if (cancelled) {
|
|
return;
|
|
}
|
|
|
|
// Execute `callback` and update the `lastExec` timestamp.
|
|
function exec() {
|
|
lastExec = Date.now();
|
|
callback.apply(self, arguments_);
|
|
}
|
|
|
|
/*
|
|
* If `debounceMode` is true (at begin) this is used to clear the flag
|
|
* to allow future `callback` executions.
|
|
*/
|
|
function clear() {
|
|
timeoutID = undefined;
|
|
}
|
|
if (!noLeading && debounceMode && !timeoutID) {
|
|
/*
|
|
* Since `wrapper` is being called for the first time and
|
|
* `debounceMode` is true (at begin), execute `callback`
|
|
* and noLeading != true.
|
|
*/
|
|
exec();
|
|
}
|
|
clearExistingTimeout();
|
|
if (debounceMode === undefined && elapsed > delay) {
|
|
if (noLeading) {
|
|
/*
|
|
* In throttle mode with noLeading, if `delay` time has
|
|
* been exceeded, update `lastExec` and schedule `callback`
|
|
* to execute after `delay` ms.
|
|
*/
|
|
lastExec = Date.now();
|
|
if (!noTrailing) {
|
|
timeoutID = setTimeout(debounceMode ? clear : exec, delay);
|
|
}
|
|
} else {
|
|
/*
|
|
* In throttle mode without noLeading, if `delay` time has been exceeded, execute
|
|
* `callback`.
|
|
*/
|
|
exec();
|
|
}
|
|
} else if (noTrailing !== true) {
|
|
/*
|
|
* In trailing throttle mode, since `delay` time has not been
|
|
* exceeded, schedule `callback` to execute `delay` ms after most
|
|
* recent execution.
|
|
*
|
|
* If `debounceMode` is true (at begin), schedule `clear` to execute
|
|
* after `delay` ms.
|
|
*
|
|
* If `debounceMode` is false (at end), schedule `callback` to
|
|
* execute after `delay` ms.
|
|
*/
|
|
timeoutID = setTimeout(debounceMode ? clear : exec, debounceMode === undefined ? delay - elapsed : delay);
|
|
}
|
|
}
|
|
wrapper.cancel = cancel;
|
|
|
|
// Return the wrapper function.
|
|
return wrapper;
|
|
}
|
|
|
|
/* eslint-disable no-undefined */
|
|
|
|
/**
|
|
* Debounce execution of a function. Debouncing, unlike throttling,
|
|
* guarantees that a function is only executed a single time, either at the
|
|
* very beginning of a series of calls, or at the very end.
|
|
*
|
|
* @param {number} delay - A zero-or-greater delay in milliseconds. For event callbacks, values around 100 or 250 (or even higher) are most useful.
|
|
* @param {Function} callback - A function to be executed after delay milliseconds. The `this` context and all arguments are passed through, as-is,
|
|
* to `callback` when the debounced-function is executed.
|
|
* @param {object} [options] - An object to configure options.
|
|
* @param {boolean} [options.atBegin] - Optional, defaults to false. If atBegin is false or unspecified, callback will only be executed `delay` milliseconds
|
|
* after the last debounced-function call. If atBegin is true, callback will be executed only at the first debounced-function call.
|
|
* (After the throttled-function has not been called for `delay` milliseconds, the internal counter is reset).
|
|
*
|
|
* @returns {Function} A new, debounced function.
|
|
*/
|
|
function debounce (delay, callback, options) {
|
|
var _ref = options || {},
|
|
_ref$atBegin = _ref.atBegin,
|
|
atBegin = _ref$atBegin === void 0 ? false : _ref$atBegin;
|
|
return throttle(delay, callback, {
|
|
debounceMode: atBegin !== false
|
|
});
|
|
}
|
|
|
|
|
|
//# sourceMappingURL=index.js.map
|
|
|
|
|
|
/***/ }),
|
|
/* 22 */
|
|
/***/ (function(__webpack_module__, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "clsx", function() { return clsx; });
|
|
function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f)}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}/* harmony default export */ __webpack_exports__["default"] = (clsx);
|
|
|
|
/***/ }),
|
|
/* 23 */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "clamp", function() { return clamp; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "safePreventDefault", function() { return safePreventDefault; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getOnDemandLazySlides", function() { return getOnDemandLazySlides; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getRequiredLazySlides", function() { return getRequiredLazySlides; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "lazyStartIndex", function() { return lazyStartIndex; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "lazyEndIndex", function() { return lazyEndIndex; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "lazySlidesOnLeft", function() { return lazySlidesOnLeft; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "lazySlidesOnRight", function() { return lazySlidesOnRight; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getWidth", function() { return getWidth; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getHeight", function() { return getHeight; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getSwipeDirection", function() { return getSwipeDirection; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canGoNext", function() { return canGoNext; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "extractObject", function() { return extractObject; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "initializedState", function() { return initializedState; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "slideHandler", function() { return slideHandler; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "changeSlide", function() { return changeSlide; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "keyHandler", function() { return keyHandler; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "swipeStart", function() { return swipeStart; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "swipeMove", function() { return swipeMove; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "swipeEnd", function() { return swipeEnd; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getNavigableIndexes", function() { return getNavigableIndexes; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "checkNavigable", function() { return checkNavigable; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getSlideCount", function() { return getSlideCount; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "checkSpecKeys", function() { return checkSpecKeys; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTrackCSS", function() { return getTrackCSS; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTrackAnimateCSS", function() { return getTrackAnimateCSS; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTrackLeft", function() { return getTrackLeft; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getPreClones", function() { return getPreClones; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getPostClones", function() { return getPostClones; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTotalSlides", function() { return getTotalSlides; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "siblingDirection", function() { return siblingDirection; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "slidesOnRight", function() { return slidesOnRight; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "slidesOnLeft", function() { return slidesOnLeft; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canUseDOM", function() { return canUseDOM; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "validSettings", function() { return validSettings; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "filterSettings", function() { return filterSettings; });
|
|
/* harmony import */ var _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3);
|
|
/* harmony import */ var _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0__);
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16);
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
/* harmony import */ var _default_props__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(24);
|
|
|
|
|
|
|
|
function clamp(number, lowerBound, upperBound) {
|
|
return Math.max(lowerBound, Math.min(number, upperBound));
|
|
}
|
|
var safePreventDefault = function safePreventDefault(event) {
|
|
var passiveEvents = ["onTouchStart", "onTouchMove", "onWheel"];
|
|
if (!passiveEvents.includes(event._reactName)) {
|
|
event.preventDefault();
|
|
}
|
|
};
|
|
var getOnDemandLazySlides = function getOnDemandLazySlides(spec) {
|
|
var onDemandSlides = [];
|
|
var startIndex = lazyStartIndex(spec);
|
|
var endIndex = lazyEndIndex(spec);
|
|
for (var slideIndex = startIndex; slideIndex < endIndex; slideIndex++) {
|
|
if (spec.lazyLoadedList.indexOf(slideIndex) < 0) {
|
|
onDemandSlides.push(slideIndex);
|
|
}
|
|
}
|
|
return onDemandSlides;
|
|
};
|
|
|
|
// return list of slides that need to be present
|
|
var getRequiredLazySlides = function getRequiredLazySlides(spec) {
|
|
var requiredSlides = [];
|
|
var startIndex = lazyStartIndex(spec);
|
|
var endIndex = lazyEndIndex(spec);
|
|
for (var slideIndex = startIndex; slideIndex < endIndex; slideIndex++) {
|
|
requiredSlides.push(slideIndex);
|
|
}
|
|
return requiredSlides;
|
|
};
|
|
|
|
// startIndex that needs to be present
|
|
var lazyStartIndex = function lazyStartIndex(spec) {
|
|
return spec.currentSlide - lazySlidesOnLeft(spec);
|
|
};
|
|
var lazyEndIndex = function lazyEndIndex(spec) {
|
|
return spec.currentSlide + lazySlidesOnRight(spec);
|
|
};
|
|
var lazySlidesOnLeft = function lazySlidesOnLeft(spec) {
|
|
return spec.centerMode ? Math.floor(spec.slidesToShow / 2) + (parseInt(spec.centerPadding) > 0 ? 1 : 0) : 0;
|
|
};
|
|
var lazySlidesOnRight = function lazySlidesOnRight(spec) {
|
|
return spec.centerMode ? Math.floor((spec.slidesToShow - 1) / 2) + 1 + (parseInt(spec.centerPadding) > 0 ? 1 : 0) : spec.slidesToShow;
|
|
};
|
|
|
|
// get width of an element
|
|
var getWidth = function getWidth(elem) {
|
|
return elem && elem.offsetWidth || 0;
|
|
};
|
|
var getHeight = function getHeight(elem) {
|
|
return elem && elem.offsetHeight || 0;
|
|
};
|
|
var getSwipeDirection = function getSwipeDirection(touchObject) {
|
|
var verticalSwiping = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
var xDist, yDist, r, swipeAngle;
|
|
xDist = touchObject.startX - touchObject.curX;
|
|
yDist = touchObject.startY - touchObject.curY;
|
|
r = Math.atan2(yDist, xDist);
|
|
swipeAngle = Math.round(r * 180 / Math.PI);
|
|
if (swipeAngle < 0) {
|
|
swipeAngle = 360 - Math.abs(swipeAngle);
|
|
}
|
|
if (swipeAngle <= 45 && swipeAngle >= 0 || swipeAngle <= 360 && swipeAngle >= 315) {
|
|
return "left";
|
|
}
|
|
if (swipeAngle >= 135 && swipeAngle <= 225) {
|
|
return "right";
|
|
}
|
|
if (verticalSwiping === true) {
|
|
if (swipeAngle >= 35 && swipeAngle <= 135) {
|
|
return "up";
|
|
} else {
|
|
return "down";
|
|
}
|
|
}
|
|
return "vertical";
|
|
};
|
|
|
|
// whether or not we can go next
|
|
var canGoNext = function canGoNext(spec) {
|
|
var canGo = true;
|
|
if (!spec.infinite) {
|
|
if (spec.centerMode && spec.currentSlide >= spec.slideCount - 1) {
|
|
canGo = false;
|
|
} else if (spec.slideCount <= spec.slidesToShow || spec.currentSlide >= spec.slideCount - spec.slidesToShow) {
|
|
canGo = false;
|
|
}
|
|
}
|
|
return canGo;
|
|
};
|
|
|
|
// given an object and a list of keys, return new object with given keys
|
|
var extractObject = function extractObject(spec, keys) {
|
|
var newObject = {};
|
|
keys.forEach(function (key) {
|
|
return newObject[key] = spec[key];
|
|
});
|
|
return newObject;
|
|
};
|
|
|
|
// get initialized state
|
|
var initializedState = function initializedState(spec) {
|
|
// spec also contains listRef, trackRef
|
|
var slideCount = react__WEBPACK_IMPORTED_MODULE_1___default.a.Children.count(spec.children);
|
|
var listNode = spec.listRef;
|
|
var listWidth = Math.ceil(getWidth(listNode));
|
|
var trackNode = spec.trackRef && spec.trackRef.node;
|
|
var trackWidth = Math.ceil(getWidth(trackNode));
|
|
var slideWidth;
|
|
if (!spec.vertical) {
|
|
var centerPaddingAdj = spec.centerMode && parseInt(spec.centerPadding) * 2;
|
|
if (typeof spec.centerPadding === "string" && spec.centerPadding.slice(-1) === "%") {
|
|
centerPaddingAdj *= listWidth / 100;
|
|
}
|
|
slideWidth = Math.ceil((listWidth - centerPaddingAdj) / spec.slidesToShow);
|
|
} else {
|
|
slideWidth = listWidth;
|
|
}
|
|
var slideHeight = listNode && getHeight(listNode.querySelector('[data-index="0"]'));
|
|
var listHeight = slideHeight * spec.slidesToShow;
|
|
var currentSlide = spec.currentSlide === undefined ? spec.initialSlide : spec.currentSlide;
|
|
if (spec.rtl && spec.currentSlide === undefined) {
|
|
currentSlide = slideCount - 1 - spec.initialSlide;
|
|
}
|
|
var lazyLoadedList = spec.lazyLoadedList || [];
|
|
var slidesToLoad = getOnDemandLazySlides(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()({}, spec), {}, {
|
|
currentSlide: currentSlide,
|
|
lazyLoadedList: lazyLoadedList
|
|
}));
|
|
lazyLoadedList = lazyLoadedList.concat(slidesToLoad);
|
|
var state = {
|
|
slideCount: slideCount,
|
|
slideWidth: slideWidth,
|
|
listWidth: listWidth,
|
|
trackWidth: trackWidth,
|
|
currentSlide: currentSlide,
|
|
slideHeight: slideHeight,
|
|
listHeight: listHeight,
|
|
lazyLoadedList: lazyLoadedList
|
|
};
|
|
if (spec.autoplaying === null && spec.autoplay) {
|
|
state["autoplaying"] = "playing";
|
|
}
|
|
return state;
|
|
};
|
|
var slideHandler = function slideHandler(spec) {
|
|
var waitForAnimate = spec.waitForAnimate,
|
|
animating = spec.animating,
|
|
fade = spec.fade,
|
|
infinite = spec.infinite,
|
|
index = spec.index,
|
|
slideCount = spec.slideCount,
|
|
lazyLoad = spec.lazyLoad,
|
|
currentSlide = spec.currentSlide,
|
|
centerMode = spec.centerMode,
|
|
slidesToScroll = spec.slidesToScroll,
|
|
slidesToShow = spec.slidesToShow,
|
|
useCSS = spec.useCSS;
|
|
var lazyLoadedList = spec.lazyLoadedList;
|
|
if (waitForAnimate && animating) return {};
|
|
var animationSlide = index,
|
|
finalSlide,
|
|
animationLeft,
|
|
finalLeft;
|
|
var state = {},
|
|
nextState = {};
|
|
var targetSlide = infinite ? index : clamp(index, 0, slideCount - 1);
|
|
if (fade) {
|
|
if (!infinite && (index < 0 || index >= slideCount)) return {};
|
|
if (index < 0) {
|
|
animationSlide = index + slideCount;
|
|
} else if (index >= slideCount) {
|
|
animationSlide = index - slideCount;
|
|
}
|
|
if (lazyLoad && lazyLoadedList.indexOf(animationSlide) < 0) {
|
|
lazyLoadedList = lazyLoadedList.concat(animationSlide);
|
|
}
|
|
state = {
|
|
animating: true,
|
|
currentSlide: animationSlide,
|
|
lazyLoadedList: lazyLoadedList,
|
|
targetSlide: animationSlide
|
|
};
|
|
nextState = {
|
|
animating: false,
|
|
targetSlide: animationSlide
|
|
};
|
|
} else {
|
|
finalSlide = animationSlide;
|
|
if (animationSlide < 0) {
|
|
finalSlide = animationSlide + slideCount;
|
|
if (!infinite) finalSlide = 0;else if (slideCount % slidesToScroll !== 0) finalSlide = slideCount - slideCount % slidesToScroll;
|
|
} else if (!canGoNext(spec) && animationSlide > currentSlide) {
|
|
animationSlide = finalSlide = currentSlide;
|
|
} else if (centerMode && animationSlide >= slideCount) {
|
|
animationSlide = infinite ? slideCount : slideCount - 1;
|
|
finalSlide = infinite ? 0 : slideCount - 1;
|
|
} else if (animationSlide >= slideCount) {
|
|
finalSlide = animationSlide - slideCount;
|
|
if (!infinite) finalSlide = slideCount - slidesToShow;else if (slideCount % slidesToScroll !== 0) finalSlide = 0;
|
|
}
|
|
if (!infinite && animationSlide + slidesToShow >= slideCount) {
|
|
finalSlide = slideCount - slidesToShow;
|
|
}
|
|
animationLeft = getTrackLeft(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()({}, spec), {}, {
|
|
slideIndex: animationSlide
|
|
}));
|
|
finalLeft = getTrackLeft(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()({}, spec), {}, {
|
|
slideIndex: finalSlide
|
|
}));
|
|
if (!infinite) {
|
|
if (animationLeft === finalLeft) animationSlide = finalSlide;
|
|
animationLeft = finalLeft;
|
|
}
|
|
if (lazyLoad) {
|
|
lazyLoadedList = lazyLoadedList.concat(getOnDemandLazySlides(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()({}, spec), {}, {
|
|
currentSlide: animationSlide
|
|
})));
|
|
}
|
|
if (!useCSS) {
|
|
state = {
|
|
currentSlide: finalSlide,
|
|
trackStyle: getTrackCSS(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()({}, spec), {}, {
|
|
left: finalLeft
|
|
})),
|
|
lazyLoadedList: lazyLoadedList,
|
|
targetSlide: targetSlide
|
|
};
|
|
} else {
|
|
state = {
|
|
animating: true,
|
|
currentSlide: finalSlide,
|
|
trackStyle: getTrackAnimateCSS(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()({}, spec), {}, {
|
|
left: animationLeft
|
|
})),
|
|
lazyLoadedList: lazyLoadedList,
|
|
targetSlide: targetSlide
|
|
};
|
|
nextState = {
|
|
animating: false,
|
|
currentSlide: finalSlide,
|
|
trackStyle: getTrackCSS(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()({}, spec), {}, {
|
|
left: finalLeft
|
|
})),
|
|
swipeLeft: null,
|
|
targetSlide: targetSlide
|
|
};
|
|
}
|
|
}
|
|
return {
|
|
state: state,
|
|
nextState: nextState
|
|
};
|
|
};
|
|
var changeSlide = function changeSlide(spec, options) {
|
|
var indexOffset, previousInt, slideOffset, unevenOffset, targetSlide;
|
|
var slidesToScroll = spec.slidesToScroll,
|
|
slidesToShow = spec.slidesToShow,
|
|
slideCount = spec.slideCount,
|
|
currentSlide = spec.currentSlide,
|
|
previousTargetSlide = spec.targetSlide,
|
|
lazyLoad = spec.lazyLoad,
|
|
infinite = spec.infinite;
|
|
unevenOffset = slideCount % slidesToScroll !== 0;
|
|
indexOffset = unevenOffset ? 0 : (slideCount - currentSlide) % slidesToScroll;
|
|
if (options.message === "previous") {
|
|
slideOffset = indexOffset === 0 ? slidesToScroll : slidesToShow - indexOffset;
|
|
targetSlide = currentSlide - slideOffset;
|
|
if (lazyLoad && !infinite) {
|
|
previousInt = currentSlide - slideOffset;
|
|
targetSlide = previousInt === -1 ? slideCount - 1 : previousInt;
|
|
}
|
|
if (!infinite) {
|
|
targetSlide = previousTargetSlide - slidesToScroll;
|
|
}
|
|
} else if (options.message === "next") {
|
|
slideOffset = indexOffset === 0 ? slidesToScroll : indexOffset;
|
|
targetSlide = currentSlide + slideOffset;
|
|
if (lazyLoad && !infinite) {
|
|
targetSlide = (currentSlide + slidesToScroll) % slideCount + indexOffset;
|
|
}
|
|
if (!infinite) {
|
|
targetSlide = previousTargetSlide + slidesToScroll;
|
|
}
|
|
} else if (options.message === "dots") {
|
|
// Click on dots
|
|
targetSlide = options.index * options.slidesToScroll;
|
|
} else if (options.message === "children") {
|
|
// Click on the slides
|
|
targetSlide = options.index;
|
|
if (infinite) {
|
|
var direction = siblingDirection(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()({}, spec), {}, {
|
|
targetSlide: targetSlide
|
|
}));
|
|
if (targetSlide > options.currentSlide && direction === "left") {
|
|
targetSlide = targetSlide - slideCount;
|
|
} else if (targetSlide < options.currentSlide && direction === "right") {
|
|
targetSlide = targetSlide + slideCount;
|
|
}
|
|
}
|
|
} else if (options.message === "index") {
|
|
targetSlide = Number(options.index);
|
|
}
|
|
return targetSlide;
|
|
};
|
|
var keyHandler = function keyHandler(e, accessibility, rtl) {
|
|
if (e.target.tagName.match("TEXTAREA|INPUT|SELECT") || !accessibility) return "";
|
|
if (e.keyCode === 37) return rtl ? "next" : "previous";
|
|
if (e.keyCode === 39) return rtl ? "previous" : "next";
|
|
return "";
|
|
};
|
|
var swipeStart = function swipeStart(e, swipe, draggable) {
|
|
e.target.tagName === "IMG" && safePreventDefault(e);
|
|
if (!swipe || !draggable && e.type.indexOf("mouse") !== -1) return "";
|
|
return {
|
|
dragging: true,
|
|
touchObject: {
|
|
startX: e.touches ? e.touches[0].pageX : e.clientX,
|
|
startY: e.touches ? e.touches[0].pageY : e.clientY,
|
|
curX: e.touches ? e.touches[0].pageX : e.clientX,
|
|
curY: e.touches ? e.touches[0].pageY : e.clientY
|
|
}
|
|
};
|
|
};
|
|
var swipeMove = function swipeMove(e, spec) {
|
|
// spec also contains, trackRef and slideIndex
|
|
var scrolling = spec.scrolling,
|
|
animating = spec.animating,
|
|
vertical = spec.vertical,
|
|
swipeToSlide = spec.swipeToSlide,
|
|
verticalSwiping = spec.verticalSwiping,
|
|
rtl = spec.rtl,
|
|
currentSlide = spec.currentSlide,
|
|
edgeFriction = spec.edgeFriction,
|
|
edgeDragged = spec.edgeDragged,
|
|
onEdge = spec.onEdge,
|
|
swiped = spec.swiped,
|
|
swiping = spec.swiping,
|
|
slideCount = spec.slideCount,
|
|
slidesToScroll = spec.slidesToScroll,
|
|
infinite = spec.infinite,
|
|
touchObject = spec.touchObject,
|
|
swipeEvent = spec.swipeEvent,
|
|
listHeight = spec.listHeight,
|
|
listWidth = spec.listWidth;
|
|
if (scrolling) return;
|
|
if (animating) return safePreventDefault(e);
|
|
if (vertical && swipeToSlide && verticalSwiping) safePreventDefault(e);
|
|
var swipeLeft,
|
|
state = {};
|
|
var curLeft = getTrackLeft(spec);
|
|
touchObject.curX = e.touches ? e.touches[0].pageX : e.clientX;
|
|
touchObject.curY = e.touches ? e.touches[0].pageY : e.clientY;
|
|
touchObject.swipeLength = Math.round(Math.sqrt(Math.pow(touchObject.curX - touchObject.startX, 2)));
|
|
var verticalSwipeLength = Math.round(Math.sqrt(Math.pow(touchObject.curY - touchObject.startY, 2)));
|
|
if (!verticalSwiping && !swiping && verticalSwipeLength > 10) {
|
|
return {
|
|
scrolling: true
|
|
};
|
|
}
|
|
if (verticalSwiping) touchObject.swipeLength = verticalSwipeLength;
|
|
var positionOffset = (!rtl ? 1 : -1) * (touchObject.curX > touchObject.startX ? 1 : -1);
|
|
if (verticalSwiping) positionOffset = touchObject.curY > touchObject.startY ? 1 : -1;
|
|
var dotCount = Math.ceil(slideCount / slidesToScroll);
|
|
var swipeDirection = getSwipeDirection(spec.touchObject, verticalSwiping);
|
|
var touchSwipeLength = touchObject.swipeLength;
|
|
if (!infinite) {
|
|
if (currentSlide === 0 && (swipeDirection === "right" || swipeDirection === "down") || currentSlide + 1 >= dotCount && (swipeDirection === "left" || swipeDirection === "up") || !canGoNext(spec) && (swipeDirection === "left" || swipeDirection === "up")) {
|
|
touchSwipeLength = touchObject.swipeLength * edgeFriction;
|
|
if (edgeDragged === false && onEdge) {
|
|
onEdge(swipeDirection);
|
|
state["edgeDragged"] = true;
|
|
}
|
|
}
|
|
}
|
|
if (!swiped && swipeEvent) {
|
|
swipeEvent(swipeDirection);
|
|
state["swiped"] = true;
|
|
}
|
|
if (!vertical) {
|
|
if (!rtl) {
|
|
swipeLeft = curLeft + touchSwipeLength * positionOffset;
|
|
} else {
|
|
swipeLeft = curLeft - touchSwipeLength * positionOffset;
|
|
}
|
|
} else {
|
|
swipeLeft = curLeft + touchSwipeLength * (listHeight / listWidth) * positionOffset;
|
|
}
|
|
if (verticalSwiping) {
|
|
swipeLeft = curLeft + touchSwipeLength * positionOffset;
|
|
}
|
|
state = _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()({}, state), {}, {
|
|
touchObject: touchObject,
|
|
swipeLeft: swipeLeft,
|
|
trackStyle: getTrackCSS(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()({}, spec), {}, {
|
|
left: swipeLeft
|
|
}))
|
|
});
|
|
if (Math.abs(touchObject.curX - touchObject.startX) < Math.abs(touchObject.curY - touchObject.startY) * 0.8) {
|
|
return state;
|
|
}
|
|
if (touchObject.swipeLength > 10) {
|
|
state["swiping"] = true;
|
|
safePreventDefault(e);
|
|
}
|
|
return state;
|
|
};
|
|
var swipeEnd = function swipeEnd(e, spec) {
|
|
var dragging = spec.dragging,
|
|
swipe = spec.swipe,
|
|
touchObject = spec.touchObject,
|
|
listWidth = spec.listWidth,
|
|
touchThreshold = spec.touchThreshold,
|
|
verticalSwiping = spec.verticalSwiping,
|
|
listHeight = spec.listHeight,
|
|
swipeToSlide = spec.swipeToSlide,
|
|
scrolling = spec.scrolling,
|
|
onSwipe = spec.onSwipe,
|
|
targetSlide = spec.targetSlide,
|
|
currentSlide = spec.currentSlide,
|
|
infinite = spec.infinite;
|
|
if (!dragging) {
|
|
if (swipe) safePreventDefault(e);
|
|
return {};
|
|
}
|
|
var minSwipe = verticalSwiping ? listHeight / touchThreshold : listWidth / touchThreshold;
|
|
var swipeDirection = getSwipeDirection(touchObject, verticalSwiping);
|
|
// reset the state of touch related state variables.
|
|
var state = {
|
|
dragging: false,
|
|
edgeDragged: false,
|
|
scrolling: false,
|
|
swiping: false,
|
|
swiped: false,
|
|
swipeLeft: null,
|
|
touchObject: {}
|
|
};
|
|
if (scrolling) {
|
|
return state;
|
|
}
|
|
if (!touchObject.swipeLength) {
|
|
return state;
|
|
}
|
|
if (touchObject.swipeLength > minSwipe) {
|
|
safePreventDefault(e);
|
|
if (onSwipe) {
|
|
onSwipe(swipeDirection);
|
|
}
|
|
var slideCount, newSlide;
|
|
var activeSlide = infinite ? currentSlide : targetSlide;
|
|
switch (swipeDirection) {
|
|
case "left":
|
|
case "up":
|
|
newSlide = activeSlide + getSlideCount(spec);
|
|
slideCount = swipeToSlide ? checkNavigable(spec, newSlide) : newSlide;
|
|
state["currentDirection"] = 0;
|
|
break;
|
|
case "right":
|
|
case "down":
|
|
newSlide = activeSlide - getSlideCount(spec);
|
|
slideCount = swipeToSlide ? checkNavigable(spec, newSlide) : newSlide;
|
|
state["currentDirection"] = 1;
|
|
break;
|
|
default:
|
|
slideCount = activeSlide;
|
|
}
|
|
state["triggerSlideHandler"] = slideCount;
|
|
} else {
|
|
// Adjust the track back to it's original position.
|
|
var currentLeft = getTrackLeft(spec);
|
|
state["trackStyle"] = getTrackAnimateCSS(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()({}, spec), {}, {
|
|
left: currentLeft
|
|
}));
|
|
}
|
|
return state;
|
|
};
|
|
var getNavigableIndexes = function getNavigableIndexes(spec) {
|
|
var max = spec.infinite ? spec.slideCount * 2 : spec.slideCount;
|
|
var breakpoint = spec.infinite ? spec.slidesToShow * -1 : 0;
|
|
var counter = spec.infinite ? spec.slidesToShow * -1 : 0;
|
|
var indexes = [];
|
|
while (breakpoint < max) {
|
|
indexes.push(breakpoint);
|
|
breakpoint = counter + spec.slidesToScroll;
|
|
counter += Math.min(spec.slidesToScroll, spec.slidesToShow);
|
|
}
|
|
return indexes;
|
|
};
|
|
var checkNavigable = function checkNavigable(spec, index) {
|
|
var navigables = getNavigableIndexes(spec);
|
|
var prevNavigable = 0;
|
|
if (index > navigables[navigables.length - 1]) {
|
|
index = navigables[navigables.length - 1];
|
|
} else {
|
|
for (var n in navigables) {
|
|
if (index < navigables[n]) {
|
|
index = prevNavigable;
|
|
break;
|
|
}
|
|
prevNavigable = navigables[n];
|
|
}
|
|
}
|
|
return index;
|
|
};
|
|
var getSlideCount = function getSlideCount(spec) {
|
|
var centerOffset = spec.centerMode ? spec.slideWidth * Math.floor(spec.slidesToShow / 2) : 0;
|
|
if (spec.swipeToSlide) {
|
|
var swipedSlide;
|
|
var slickList = spec.listRef;
|
|
var slides = slickList.querySelectorAll && slickList.querySelectorAll(".slick-slide") || [];
|
|
Array.from(slides).every(function (slide) {
|
|
if (!spec.vertical) {
|
|
if (slide.offsetLeft - centerOffset + getWidth(slide) / 2 > spec.swipeLeft * -1) {
|
|
swipedSlide = slide;
|
|
return false;
|
|
}
|
|
} else {
|
|
if (slide.offsetTop + getHeight(slide) / 2 > spec.swipeLeft * -1) {
|
|
swipedSlide = slide;
|
|
return false;
|
|
}
|
|
}
|
|
return true;
|
|
});
|
|
if (!swipedSlide) {
|
|
return 0;
|
|
}
|
|
var currentIndex = spec.rtl === true ? spec.slideCount - spec.currentSlide : spec.currentSlide;
|
|
var slidesTraversed = Math.abs(swipedSlide.dataset.index - currentIndex) || 1;
|
|
return slidesTraversed;
|
|
} else {
|
|
return spec.slidesToScroll;
|
|
}
|
|
};
|
|
var checkSpecKeys = function checkSpecKeys(spec, keysArray) {
|
|
return (
|
|
// eslint-disable-next-line no-prototype-builtins
|
|
keysArray.reduce(function (value, key) {
|
|
return value && spec.hasOwnProperty(key);
|
|
}, true) ? null : console.error("Keys Missing:", spec)
|
|
);
|
|
};
|
|
var getTrackCSS = function getTrackCSS(spec) {
|
|
checkSpecKeys(spec, ["left", "variableWidth", "slideCount", "slidesToShow", "slideWidth"]);
|
|
var trackWidth, trackHeight;
|
|
if (!spec.vertical) {
|
|
trackWidth = getTotalSlides(spec) * spec.slideWidth;
|
|
} else {
|
|
var trackChildren = spec.unslick ? spec.slideCount : spec.slideCount + 2 * spec.slidesToShow;
|
|
trackHeight = trackChildren * spec.slideHeight;
|
|
}
|
|
var style = {
|
|
opacity: 1,
|
|
transition: "",
|
|
WebkitTransition: ""
|
|
};
|
|
if (spec.useTransform) {
|
|
var WebkitTransform = !spec.vertical ? "translate3d(" + spec.left + "px, 0px, 0px)" : "translate3d(0px, " + spec.left + "px, 0px)";
|
|
var transform = !spec.vertical ? "translate3d(" + spec.left + "px, 0px, 0px)" : "translate3d(0px, " + spec.left + "px, 0px)";
|
|
var msTransform = !spec.vertical ? "translateX(" + spec.left + "px)" : "translateY(" + spec.left + "px)";
|
|
style = _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()({}, style), {}, {
|
|
WebkitTransform: WebkitTransform,
|
|
transform: transform,
|
|
msTransform: msTransform
|
|
});
|
|
} else {
|
|
if (spec.vertical) {
|
|
style["top"] = spec.left;
|
|
} else {
|
|
style["left"] = spec.left;
|
|
}
|
|
}
|
|
if (spec.fade) style = {
|
|
opacity: 1
|
|
};
|
|
if (trackWidth) style.width = trackWidth;
|
|
if (trackHeight) style.height = trackHeight;
|
|
|
|
// Fallback for IE8
|
|
if (window && !window.addEventListener && window.attachEvent) {
|
|
if (!spec.vertical) {
|
|
style.marginLeft = spec.left + "px";
|
|
} else {
|
|
style.marginTop = spec.left + "px";
|
|
}
|
|
}
|
|
return style;
|
|
};
|
|
var getTrackAnimateCSS = function getTrackAnimateCSS(spec) {
|
|
checkSpecKeys(spec, ["left", "variableWidth", "slideCount", "slidesToShow", "slideWidth", "speed", "cssEase"]);
|
|
var style = getTrackCSS(spec);
|
|
// useCSS is true by default so it can be undefined
|
|
if (spec.useTransform) {
|
|
style.WebkitTransition = "-webkit-transform " + spec.speed + "ms " + spec.cssEase;
|
|
style.transition = "transform " + spec.speed + "ms " + spec.cssEase;
|
|
} else {
|
|
if (spec.vertical) {
|
|
style.transition = "top " + spec.speed + "ms " + spec.cssEase;
|
|
} else {
|
|
style.transition = "left " + spec.speed + "ms " + spec.cssEase;
|
|
}
|
|
}
|
|
return style;
|
|
};
|
|
var getTrackLeft = function getTrackLeft(spec) {
|
|
if (spec.unslick) {
|
|
return 0;
|
|
}
|
|
checkSpecKeys(spec, ["slideIndex", "trackRef", "infinite", "centerMode", "slideCount", "slidesToShow", "slidesToScroll", "slideWidth", "listWidth", "variableWidth", "slideHeight"]);
|
|
var slideIndex = spec.slideIndex,
|
|
trackRef = spec.trackRef,
|
|
infinite = spec.infinite,
|
|
centerMode = spec.centerMode,
|
|
slideCount = spec.slideCount,
|
|
slidesToShow = spec.slidesToShow,
|
|
slidesToScroll = spec.slidesToScroll,
|
|
slideWidth = spec.slideWidth,
|
|
listWidth = spec.listWidth,
|
|
variableWidth = spec.variableWidth,
|
|
slideHeight = spec.slideHeight,
|
|
fade = spec.fade,
|
|
vertical = spec.vertical;
|
|
var slideOffset = 0;
|
|
var targetLeft;
|
|
var targetSlide;
|
|
var verticalOffset = 0;
|
|
if (fade || spec.slideCount === 1) {
|
|
return 0;
|
|
}
|
|
var slidesToOffset = 0;
|
|
if (infinite) {
|
|
slidesToOffset = -getPreClones(spec); // bring active slide to the beginning of visual area
|
|
// if next scroll doesn't have enough children, just reach till the end of original slides instead of shifting slidesToScroll children
|
|
if (slideCount % slidesToScroll !== 0 && slideIndex + slidesToScroll > slideCount) {
|
|
slidesToOffset = -(slideIndex > slideCount ? slidesToShow - (slideIndex - slideCount) : slideCount % slidesToScroll);
|
|
}
|
|
// shift current slide to center of the frame
|
|
if (centerMode) {
|
|
slidesToOffset += parseInt(slidesToShow / 2);
|
|
}
|
|
} else {
|
|
if (slideCount % slidesToScroll !== 0 && slideIndex + slidesToScroll > slideCount) {
|
|
slidesToOffset = slidesToShow - slideCount % slidesToScroll;
|
|
}
|
|
if (centerMode) {
|
|
slidesToOffset = parseInt(slidesToShow / 2);
|
|
}
|
|
}
|
|
slideOffset = slidesToOffset * slideWidth;
|
|
verticalOffset = slidesToOffset * slideHeight;
|
|
if (!vertical) {
|
|
targetLeft = slideIndex * slideWidth * -1 + slideOffset;
|
|
} else {
|
|
targetLeft = slideIndex * slideHeight * -1 + verticalOffset;
|
|
}
|
|
if (variableWidth === true) {
|
|
var targetSlideIndex;
|
|
var trackElem = trackRef && trackRef.node;
|
|
targetSlideIndex = slideIndex + getPreClones(spec);
|
|
targetSlide = trackElem && trackElem.childNodes[targetSlideIndex];
|
|
targetLeft = targetSlide ? targetSlide.offsetLeft * -1 : 0;
|
|
if (centerMode === true) {
|
|
targetSlideIndex = infinite ? slideIndex + getPreClones(spec) : slideIndex;
|
|
targetSlide = trackElem && trackElem.children[targetSlideIndex];
|
|
targetLeft = 0;
|
|
for (var slide = 0; slide < targetSlideIndex; slide++) {
|
|
targetLeft -= trackElem && trackElem.children[slide] && trackElem.children[slide].offsetWidth;
|
|
}
|
|
targetLeft -= parseInt(spec.centerPadding);
|
|
targetLeft += targetSlide && (listWidth - targetSlide.offsetWidth) / 2;
|
|
}
|
|
}
|
|
return targetLeft;
|
|
};
|
|
var getPreClones = function getPreClones(spec) {
|
|
if (spec.unslick || !spec.infinite) {
|
|
return 0;
|
|
}
|
|
if (spec.variableWidth) {
|
|
return spec.slideCount;
|
|
}
|
|
return spec.slidesToShow + (spec.centerMode ? 1 : 0);
|
|
};
|
|
var getPostClones = function getPostClones(spec) {
|
|
if (spec.unslick || !spec.infinite) {
|
|
return 0;
|
|
}
|
|
if (spec.variableWidth) {
|
|
return spec.slideCount;
|
|
}
|
|
return spec.slidesToShow + (spec.centerMode ? 1 : 0);
|
|
};
|
|
var getTotalSlides = function getTotalSlides(spec) {
|
|
return spec.slideCount === 1 ? 1 : getPreClones(spec) + spec.slideCount + getPostClones(spec);
|
|
};
|
|
var siblingDirection = function siblingDirection(spec) {
|
|
if (spec.targetSlide > spec.currentSlide) {
|
|
if (spec.targetSlide > spec.currentSlide + slidesOnRight(spec)) {
|
|
return "left";
|
|
}
|
|
return "right";
|
|
} else {
|
|
if (spec.targetSlide < spec.currentSlide - slidesOnLeft(spec)) {
|
|
return "right";
|
|
}
|
|
return "left";
|
|
}
|
|
};
|
|
var slidesOnRight = function slidesOnRight(_ref) {
|
|
var slidesToShow = _ref.slidesToShow,
|
|
centerMode = _ref.centerMode,
|
|
rtl = _ref.rtl,
|
|
centerPadding = _ref.centerPadding;
|
|
// returns no of slides on the right of active slide
|
|
if (centerMode) {
|
|
var right = (slidesToShow - 1) / 2 + 1;
|
|
if (parseInt(centerPadding) > 0) right += 1;
|
|
if (rtl && slidesToShow % 2 === 0) right += 1;
|
|
return right;
|
|
}
|
|
if (rtl) {
|
|
return 0;
|
|
}
|
|
return slidesToShow - 1;
|
|
};
|
|
var slidesOnLeft = function slidesOnLeft(_ref2) {
|
|
var slidesToShow = _ref2.slidesToShow,
|
|
centerMode = _ref2.centerMode,
|
|
rtl = _ref2.rtl,
|
|
centerPadding = _ref2.centerPadding;
|
|
// returns no of slides on the left of active slide
|
|
if (centerMode) {
|
|
var left = (slidesToShow - 1) / 2 + 1;
|
|
if (parseInt(centerPadding) > 0) left += 1;
|
|
if (!rtl && slidesToShow % 2 === 0) left += 1;
|
|
return left;
|
|
}
|
|
if (rtl) {
|
|
return slidesToShow - 1;
|
|
}
|
|
return 0;
|
|
};
|
|
var canUseDOM = function canUseDOM() {
|
|
return !!(typeof window !== "undefined" && window.document && window.document.createElement);
|
|
};
|
|
var validSettings = Object.keys(_default_props__WEBPACK_IMPORTED_MODULE_2__["default"]);
|
|
function filterSettings(settings) {
|
|
return validSettings.reduce(function (acc, settingName) {
|
|
if (settings.hasOwnProperty(settingName)) {
|
|
acc[settingName] = settings[settingName];
|
|
}
|
|
return acc;
|
|
}, {});
|
|
}
|
|
|
|
/***/ }),
|
|
/* 24 */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16);
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
|
|
var defaultProps = {
|
|
accessibility: true,
|
|
adaptiveHeight: false,
|
|
afterChange: null,
|
|
appendDots: function appendDots(dots) {
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul", {
|
|
style: {
|
|
display: "block"
|
|
}
|
|
}, dots);
|
|
},
|
|
arrows: true,
|
|
autoplay: false,
|
|
autoplaySpeed: 3000,
|
|
beforeChange: null,
|
|
centerMode: false,
|
|
centerPadding: "50px",
|
|
className: "",
|
|
cssEase: "ease",
|
|
customPaging: function customPaging(i) {
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", null, i + 1);
|
|
},
|
|
dots: false,
|
|
dotsClass: "slick-dots",
|
|
draggable: true,
|
|
easing: "linear",
|
|
edgeFriction: 0.35,
|
|
fade: false,
|
|
focusOnSelect: false,
|
|
infinite: true,
|
|
initialSlide: 0,
|
|
lazyLoad: null,
|
|
nextArrow: null,
|
|
onEdge: null,
|
|
onInit: null,
|
|
onLazyLoadError: null,
|
|
onReInit: null,
|
|
pauseOnDotsHover: false,
|
|
pauseOnFocus: false,
|
|
pauseOnHover: true,
|
|
prevArrow: null,
|
|
responsive: null,
|
|
rows: 1,
|
|
rtl: false,
|
|
slide: "div",
|
|
slidesPerRow: 1,
|
|
slidesToScroll: 1,
|
|
slidesToShow: 1,
|
|
speed: 500,
|
|
swipe: true,
|
|
swipeEvent: null,
|
|
swipeToSlide: false,
|
|
touchMove: true,
|
|
touchThreshold: 5,
|
|
useCSS: true,
|
|
useTransform: true,
|
|
variableWidth: false,
|
|
vertical: false,
|
|
verticalSwiping: false,
|
|
waitForAnimate: true,
|
|
asNavFor: null,
|
|
unslick: false
|
|
};
|
|
/* harmony default export */ __webpack_exports__["default"] = (defaultProps);
|
|
|
|
/***/ }),
|
|
/* 25 */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Track", function() { return Track; });
|
|
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
|
|
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8);
|
|
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__);
|
|
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9);
|
|
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__);
|
|
/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(10);
|
|
/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__);
|
|
/* harmony import */ var _babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(12);
|
|
/* harmony import */ var _babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_4__);
|
|
/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(13);
|
|
/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5__);
|
|
/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(14);
|
|
/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_6__);
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(4);
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__);
|
|
/* harmony import */ var _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(3);
|
|
/* harmony import */ var _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_8__);
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(16);
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_9__);
|
|
/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(22);
|
|
/* harmony import */ var _utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(23);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function _callSuper(t, o, e) { return o = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5___default()(o), _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3___default()(t, _babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_4___default()() ? Reflect.construct(o, e || [], _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5___default()(t).constructor) : o.apply(t, e)); }
|
|
|
|
|
|
|
|
|
|
// given specifications/props for a slide, fetch all the classes that need to be applied to the slide
|
|
var getSlideClasses = function getSlideClasses(spec) {
|
|
var slickActive, slickCenter, slickCloned;
|
|
var centerOffset, index;
|
|
if (spec.rtl) {
|
|
index = spec.slideCount - 1 - spec.index;
|
|
} else {
|
|
index = spec.index;
|
|
}
|
|
slickCloned = index < 0 || index >= spec.slideCount;
|
|
if (spec.centerMode) {
|
|
centerOffset = Math.floor(spec.slidesToShow / 2);
|
|
slickCenter = (index - spec.currentSlide) % spec.slideCount === 0;
|
|
if (index > spec.currentSlide - centerOffset - 1 && index <= spec.currentSlide + centerOffset) {
|
|
slickActive = true;
|
|
}
|
|
} else {
|
|
slickActive = spec.currentSlide <= index && index < spec.currentSlide + spec.slidesToShow;
|
|
}
|
|
var focusedSlide;
|
|
if (spec.targetSlide < 0) {
|
|
focusedSlide = spec.targetSlide + spec.slideCount;
|
|
} else if (spec.targetSlide >= spec.slideCount) {
|
|
focusedSlide = spec.targetSlide - spec.slideCount;
|
|
} else {
|
|
focusedSlide = spec.targetSlide;
|
|
}
|
|
var slickCurrent = index === focusedSlide;
|
|
return {
|
|
"slick-slide": true,
|
|
"slick-active": slickActive,
|
|
"slick-center": slickCenter,
|
|
"slick-cloned": slickCloned,
|
|
"slick-current": slickCurrent // dubious in case of RTL
|
|
};
|
|
};
|
|
var getSlideStyle = function getSlideStyle(spec) {
|
|
var style = {};
|
|
if (spec.variableWidth === undefined || spec.variableWidth === false) {
|
|
style.width = spec.slideWidth;
|
|
}
|
|
if (spec.fade) {
|
|
style.position = "relative";
|
|
if (spec.vertical && spec.slideHeight) {
|
|
style.top = -spec.index * parseInt(spec.slideHeight);
|
|
} else {
|
|
style.left = -spec.index * parseInt(spec.slideWidth);
|
|
}
|
|
style.opacity = spec.currentSlide === spec.index ? 1 : 0;
|
|
style.zIndex = spec.currentSlide === spec.index ? 999 : 998;
|
|
if (spec.useCSS) {
|
|
style.transition = "opacity " + spec.speed + "ms " + spec.cssEase + ", " + "visibility " + spec.speed + "ms " + spec.cssEase;
|
|
}
|
|
}
|
|
return style;
|
|
};
|
|
var getKey = function getKey(child, fallbackKey) {
|
|
return child.key + "-" + fallbackKey;
|
|
};
|
|
var renderSlides = function renderSlides(spec) {
|
|
var key;
|
|
var slides = [];
|
|
var preCloneSlides = [];
|
|
var postCloneSlides = [];
|
|
var childrenCount = react__WEBPACK_IMPORTED_MODULE_9___default.a.Children.count(spec.children);
|
|
var startIndex = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_11__["lazyStartIndex"])(spec);
|
|
var endIndex = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_11__["lazyEndIndex"])(spec);
|
|
react__WEBPACK_IMPORTED_MODULE_9___default.a.Children.forEach(spec.children, function (elem, index) {
|
|
var child;
|
|
var childOnClickOptions = {
|
|
message: "children",
|
|
index: index,
|
|
slidesToScroll: spec.slidesToScroll,
|
|
currentSlide: spec.currentSlide
|
|
};
|
|
|
|
// in case of lazyLoad, whether or not we want to fetch the slide
|
|
if (!spec.lazyLoad || spec.lazyLoad && spec.lazyLoadedList.indexOf(index) >= 0) {
|
|
child = elem;
|
|
} else {
|
|
child = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("div", null);
|
|
}
|
|
var childStyle = getSlideStyle(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_8___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_8___default()({}, spec), {}, {
|
|
index: index
|
|
}));
|
|
var slideClass = child.props.className || "";
|
|
var slideClasses = getSlideClasses(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_8___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_8___default()({}, spec), {}, {
|
|
index: index
|
|
}));
|
|
// push a cloned element of the desired slide
|
|
slides.push(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.cloneElement(child, {
|
|
key: "original" + getKey(child, index),
|
|
"data-index": index,
|
|
className: Object(clsx__WEBPACK_IMPORTED_MODULE_10__["clsx"])(slideClasses, slideClass),
|
|
tabIndex: "-1",
|
|
"aria-hidden": !slideClasses["slick-active"],
|
|
style: _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_8___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_8___default()({
|
|
outline: "none"
|
|
}, child.props.style || {}), childStyle),
|
|
onClick: function onClick(e) {
|
|
child.props && child.props.onClick && child.props.onClick(e);
|
|
if (spec.focusOnSelect) {
|
|
spec.focusOnSelect(childOnClickOptions);
|
|
}
|
|
}
|
|
}));
|
|
|
|
// if slide needs to be precloned or postcloned
|
|
if (spec.infinite && childrenCount > 1 && spec.fade === false && !spec.unslick) {
|
|
var preCloneNo = childrenCount - index;
|
|
if (preCloneNo <= Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_11__["getPreClones"])(spec)) {
|
|
key = -preCloneNo;
|
|
if (key >= startIndex) {
|
|
child = elem;
|
|
}
|
|
slideClasses = getSlideClasses(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_8___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_8___default()({}, spec), {}, {
|
|
index: key
|
|
}));
|
|
preCloneSlides.push(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.cloneElement(child, {
|
|
key: "precloned" + getKey(child, key),
|
|
"data-index": key,
|
|
tabIndex: "-1",
|
|
className: Object(clsx__WEBPACK_IMPORTED_MODULE_10__["clsx"])(slideClasses, slideClass),
|
|
"aria-hidden": !slideClasses["slick-active"],
|
|
style: _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_8___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_8___default()({}, child.props.style || {}), childStyle),
|
|
onClick: function onClick(e) {
|
|
child.props && child.props.onClick && child.props.onClick(e);
|
|
if (spec.focusOnSelect) {
|
|
spec.focusOnSelect(childOnClickOptions);
|
|
}
|
|
}
|
|
}));
|
|
}
|
|
if (index < Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_11__["getPostClones"])(spec)) {
|
|
key = childrenCount + index;
|
|
if (key < endIndex) {
|
|
child = elem;
|
|
}
|
|
slideClasses = getSlideClasses(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_8___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_8___default()({}, spec), {}, {
|
|
index: key
|
|
}));
|
|
postCloneSlides.push(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.cloneElement(child, {
|
|
key: "postcloned" + getKey(child, key),
|
|
"data-index": key,
|
|
tabIndex: "-1",
|
|
className: Object(clsx__WEBPACK_IMPORTED_MODULE_10__["clsx"])(slideClasses, slideClass),
|
|
"aria-hidden": !slideClasses["slick-active"],
|
|
style: _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_8___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_8___default()({}, child.props.style || {}), childStyle),
|
|
onClick: function onClick(e) {
|
|
child.props && child.props.onClick && child.props.onClick(e);
|
|
if (spec.focusOnSelect) {
|
|
spec.focusOnSelect(childOnClickOptions);
|
|
}
|
|
}
|
|
}));
|
|
}
|
|
}
|
|
});
|
|
if (spec.rtl) {
|
|
return preCloneSlides.concat(slides, postCloneSlides).reverse();
|
|
} else {
|
|
return preCloneSlides.concat(slides, postCloneSlides);
|
|
}
|
|
};
|
|
var Track = /*#__PURE__*/function (_React$PureComponent) {
|
|
function Track() {
|
|
var _this;
|
|
_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1___default()(this, Track);
|
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
args[_key] = arguments[_key];
|
|
}
|
|
_this = _callSuper(this, Track, [].concat(args));
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_this, "node", null);
|
|
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_this, "handleRef", function (ref) {
|
|
_this.node = ref;
|
|
});
|
|
return _this;
|
|
}
|
|
_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_6___default()(Track, _React$PureComponent);
|
|
return _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2___default()(Track, [{
|
|
key: "render",
|
|
value: function render() {
|
|
var slides = renderSlides(this.props);
|
|
var _this$props = this.props,
|
|
onMouseEnter = _this$props.onMouseEnter,
|
|
onMouseOver = _this$props.onMouseOver,
|
|
onMouseLeave = _this$props.onMouseLeave;
|
|
var mouseEvents = {
|
|
onMouseEnter: onMouseEnter,
|
|
onMouseOver: onMouseOver,
|
|
onMouseLeave: onMouseLeave
|
|
};
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
|
|
ref: this.handleRef,
|
|
className: "slick-track",
|
|
style: this.props.trackStyle
|
|
}, mouseEvents), slides);
|
|
}
|
|
}]);
|
|
}(react__WEBPACK_IMPORTED_MODULE_9___default.a.PureComponent);
|
|
|
|
/***/ }),
|
|
/* 26 */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Dots", function() { return Dots; });
|
|
/* harmony import */ var _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3);
|
|
/* harmony import */ var _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0__);
|
|
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8);
|
|
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__);
|
|
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9);
|
|
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__);
|
|
/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(10);
|
|
/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__);
|
|
/* harmony import */ var _babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(12);
|
|
/* harmony import */ var _babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_4__);
|
|
/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(13);
|
|
/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5__);
|
|
/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(14);
|
|
/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_6__);
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(16);
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_7__);
|
|
/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(22);
|
|
/* harmony import */ var _utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(23);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function _callSuper(t, o, e) { return o = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5___default()(o), _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3___default()(t, _babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_4___default()() ? Reflect.construct(o, e || [], _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5___default()(t).constructor) : o.apply(t, e)); }
|
|
|
|
|
|
|
|
var getDotCount = function getDotCount(spec) {
|
|
var dots;
|
|
if (spec.infinite) {
|
|
dots = Math.ceil(spec.slideCount / spec.slidesToScroll);
|
|
} else {
|
|
dots = Math.ceil((spec.slideCount - spec.slidesToShow) / spec.slidesToScroll) + 1;
|
|
}
|
|
return dots;
|
|
};
|
|
var Dots = /*#__PURE__*/function (_React$PureComponent) {
|
|
function Dots() {
|
|
_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1___default()(this, Dots);
|
|
return _callSuper(this, Dots, arguments);
|
|
}
|
|
_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_6___default()(Dots, _React$PureComponent);
|
|
return _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2___default()(Dots, [{
|
|
key: "clickHandler",
|
|
value: function clickHandler(options, e) {
|
|
// In Autoplay the focus stays on clicked button even after transition
|
|
// to next slide. That only goes away by click somewhere outside
|
|
e.preventDefault();
|
|
this.props.clickHandler(options);
|
|
}
|
|
}, {
|
|
key: "render",
|
|
value: function render() {
|
|
var _this$props = this.props,
|
|
onMouseEnter = _this$props.onMouseEnter,
|
|
onMouseOver = _this$props.onMouseOver,
|
|
onMouseLeave = _this$props.onMouseLeave,
|
|
infinite = _this$props.infinite,
|
|
slidesToScroll = _this$props.slidesToScroll,
|
|
slidesToShow = _this$props.slidesToShow,
|
|
slideCount = _this$props.slideCount,
|
|
currentSlide = _this$props.currentSlide;
|
|
var dotCount = getDotCount({
|
|
slideCount: slideCount,
|
|
slidesToScroll: slidesToScroll,
|
|
slidesToShow: slidesToShow,
|
|
infinite: infinite
|
|
});
|
|
var mouseEvents = {
|
|
onMouseEnter: onMouseEnter,
|
|
onMouseOver: onMouseOver,
|
|
onMouseLeave: onMouseLeave
|
|
};
|
|
var dots = [];
|
|
for (var i = 0; i < dotCount; i++) {
|
|
var _rightBound = (i + 1) * slidesToScroll - 1;
|
|
var rightBound = infinite ? _rightBound : Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_9__["clamp"])(_rightBound, 0, slideCount - 1);
|
|
var _leftBound = rightBound - (slidesToScroll - 1);
|
|
var leftBound = infinite ? _leftBound : Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_9__["clamp"])(_leftBound, 0, slideCount - 1);
|
|
var className = Object(clsx__WEBPACK_IMPORTED_MODULE_8__["clsx"])({
|
|
"slick-active": infinite ? currentSlide >= leftBound && currentSlide <= rightBound : currentSlide === leftBound
|
|
});
|
|
var dotOptions = {
|
|
message: "dots",
|
|
index: i,
|
|
slidesToScroll: slidesToScroll,
|
|
currentSlide: currentSlide
|
|
};
|
|
var onClick = this.clickHandler.bind(this, dotOptions);
|
|
dots = dots.concat(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("li", {
|
|
key: i,
|
|
className: className
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.cloneElement(this.props.customPaging(i), {
|
|
onClick: onClick
|
|
})));
|
|
}
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.cloneElement(this.props.appendDots(dots), _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()({
|
|
className: this.props.dotsClass
|
|
}, mouseEvents));
|
|
}
|
|
}]);
|
|
}(react__WEBPACK_IMPORTED_MODULE_7___default.a.PureComponent);
|
|
|
|
/***/ }),
|
|
/* 27 */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PrevArrow", function() { return PrevArrow; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NextArrow", function() { return NextArrow; });
|
|
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
|
|
/* harmony import */ var _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
|
|
/* harmony import */ var _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_1__);
|
|
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8);
|
|
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_2__);
|
|
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(9);
|
|
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_3__);
|
|
/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(10);
|
|
/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_4__);
|
|
/* harmony import */ var _babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(12);
|
|
/* harmony import */ var _babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_5__);
|
|
/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(13);
|
|
/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6__);
|
|
/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(14);
|
|
/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_7__);
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(16);
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_8__);
|
|
/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(22);
|
|
/* harmony import */ var _utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(23);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function _callSuper(t, o, e) { return o = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6___default()(o), _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_4___default()(t, _babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_5___default()() ? Reflect.construct(o, e || [], _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6___default()(t).constructor) : o.apply(t, e)); }
|
|
|
|
|
|
|
|
var PrevArrow = /*#__PURE__*/function (_React$PureComponent) {
|
|
function PrevArrow() {
|
|
_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_2___default()(this, PrevArrow);
|
|
return _callSuper(this, PrevArrow, arguments);
|
|
}
|
|
_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_7___default()(PrevArrow, _React$PureComponent);
|
|
return _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_3___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: Object(clsx__WEBPACK_IMPORTED_MODULE_9__["clsx"])(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__WEBPACK_IMPORTED_MODULE_8___default.a.cloneElement(this.props.prevArrow, _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_1___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_1___default()({}, prevArrowProps), customProps));
|
|
} else {
|
|
prevArrow = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("button", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
|
|
key: "0",
|
|
type: "button"
|
|
}, prevArrowProps), " ", "Previous");
|
|
}
|
|
return prevArrow;
|
|
}
|
|
}]);
|
|
}(react__WEBPACK_IMPORTED_MODULE_8___default.a.PureComponent);
|
|
var NextArrow = /*#__PURE__*/function (_React$PureComponent2) {
|
|
function NextArrow() {
|
|
_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_2___default()(this, NextArrow);
|
|
return _callSuper(this, NextArrow, arguments);
|
|
}
|
|
_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_7___default()(NextArrow, _React$PureComponent2);
|
|
return _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_3___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 (!Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_10__["canGoNext"])(this.props)) {
|
|
nextClasses["slick-disabled"] = true;
|
|
nextHandler = null;
|
|
}
|
|
var nextArrowProps = {
|
|
key: "1",
|
|
"data-role": "none",
|
|
className: Object(clsx__WEBPACK_IMPORTED_MODULE_9__["clsx"])(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__WEBPACK_IMPORTED_MODULE_8___default.a.cloneElement(this.props.nextArrow, _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_1___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_1___default()({}, nextArrowProps), customProps));
|
|
} else {
|
|
nextArrow = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("button", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
|
|
key: "1",
|
|
type: "button"
|
|
}, nextArrowProps), " ", "Next");
|
|
}
|
|
return nextArrow;
|
|
}
|
|
}]);
|
|
}(react__WEBPACK_IMPORTED_MODULE_8___default.a.PureComponent);
|
|
|
|
/***/ }),
|
|
/* 28 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
var camel2hyphen = __webpack_require__(29);
|
|
|
|
var isDimension = function (feature) {
|
|
var re = /[height|width]$/;
|
|
return re.test(feature);
|
|
};
|
|
|
|
var obj2mq = function (obj) {
|
|
var mq = '';
|
|
var features = Object.keys(obj);
|
|
features.forEach(function (feature, index) {
|
|
var value = obj[feature];
|
|
feature = camel2hyphen(feature);
|
|
// Add px to dimension features
|
|
if (isDimension(feature) && typeof value === 'number') {
|
|
value = value + 'px';
|
|
}
|
|
if (value === true) {
|
|
mq += feature;
|
|
} else if (value === false) {
|
|
mq += 'not ' + feature;
|
|
} else {
|
|
mq += '(' + feature + ': ' + value + ')';
|
|
}
|
|
if (index < features.length-1) {
|
|
mq += ' and '
|
|
}
|
|
});
|
|
return mq;
|
|
};
|
|
|
|
var json2mq = function (query) {
|
|
var mq = '';
|
|
if (typeof query === 'string') {
|
|
return query;
|
|
}
|
|
// Handling array of media queries
|
|
if (query instanceof Array) {
|
|
query.forEach(function (q, index) {
|
|
mq += obj2mq(q);
|
|
if (index < query.length-1) {
|
|
mq += ', '
|
|
}
|
|
});
|
|
return mq;
|
|
}
|
|
// Handling single media query
|
|
return obj2mq(query);
|
|
};
|
|
|
|
module.exports = json2mq;
|
|
|
|
/***/ }),
|
|
/* 29 */
|
|
/***/ (function(module, exports) {
|
|
|
|
var camel2hyphen = function (str) {
|
|
return str
|
|
.replace(/[A-Z]/g, function (match) {
|
|
return '-' + match.toLowerCase();
|
|
})
|
|
.toLowerCase();
|
|
};
|
|
|
|
module.exports = camel2hyphen;
|
|
|
|
/***/ })
|
|
/******/ ]);
|
|
});
|
|
//# sourceMappingURL=react-slick.js.map
|