You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2702 lines
97 KiB
2702 lines
97 KiB
(self["webpackChunk"] = self["webpackChunk"] || []).push([[9951],{
|
|
|
|
/***/ 9951:
|
|
/*!*************************************************************************!*\
|
|
!*** ./node_modules/_antd@5.9.0@antd/es/carousel/index.js + 10 modules ***!
|
|
\*************************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
Z: function() { return /* binding */ carousel; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/index.js
|
|
var _react_17_0_2_react = __webpack_require__(59301);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/extends.js
|
|
var esm_extends = __webpack_require__(14809);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/objectSpread2.js
|
|
var objectSpread2 = __webpack_require__(20439);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/classCallCheck.js
|
|
var classCallCheck = __webpack_require__(99153);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/createClass.js
|
|
var createClass = __webpack_require__(84851);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/assertThisInitialized.js
|
|
var assertThisInitialized = __webpack_require__(13028);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/inherits.js
|
|
var inherits = __webpack_require__(19257);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/createSuper.js + 1 modules
|
|
var createSuper = __webpack_require__(73571);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/defineProperty.js
|
|
var defineProperty = __webpack_require__(4635);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/typeof.js
|
|
var esm_typeof = __webpack_require__(93664);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.27.6@@babel/runtime/helpers/esm/objectWithoutProperties.js
|
|
var objectWithoutProperties = __webpack_require__(62646);
|
|
;// CONCATENATED MODULE: ./node_modules/_@ant-design_react-slick@1.0.2@@ant-design/react-slick/es/initial-state.js
|
|
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 */ var initial_state = (initialState);
|
|
// EXTERNAL MODULE: ./node_modules/_throttle-debounce@5.0.2@throttle-debounce/esm/index.js
|
|
var esm = __webpack_require__(53280);
|
|
// EXTERNAL MODULE: ./node_modules/_classnames@2.5.1@classnames/index.js
|
|
var _classnames_2_5_1_classnames = __webpack_require__(92310);
|
|
var _classnames_2_5_1_classnames_default = /*#__PURE__*/__webpack_require__.n(_classnames_2_5_1_classnames);
|
|
;// CONCATENATED MODULE: ./node_modules/_@ant-design_react-slick@1.0.2@@ant-design/react-slick/es/utils/innerSliderUtils.js
|
|
|
|
|
|
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_17_0_2_react.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((0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, 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((0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, spec), {}, {
|
|
slideIndex: animationSlide
|
|
}));
|
|
finalLeft = getTrackLeft((0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, spec), {}, {
|
|
slideIndex: finalSlide
|
|
}));
|
|
if (!infinite) {
|
|
if (animationLeft === finalLeft) animationSlide = finalSlide;
|
|
animationLeft = finalLeft;
|
|
}
|
|
if (lazyLoad) {
|
|
lazyLoadedList = lazyLoadedList.concat(getOnDemandLazySlides((0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, spec), {}, {
|
|
currentSlide: animationSlide
|
|
})));
|
|
}
|
|
if (!useCSS) {
|
|
state = {
|
|
currentSlide: finalSlide,
|
|
trackStyle: getTrackCSS((0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, spec), {}, {
|
|
left: finalLeft
|
|
})),
|
|
lazyLoadedList: lazyLoadedList,
|
|
targetSlide: targetSlide
|
|
};
|
|
} else {
|
|
state = {
|
|
animating: true,
|
|
currentSlide: finalSlide,
|
|
trackStyle: getTrackAnimateCSS((0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, spec), {}, {
|
|
left: animationLeft
|
|
})),
|
|
lazyLoadedList: lazyLoadedList,
|
|
targetSlide: targetSlide
|
|
};
|
|
nextState = {
|
|
animating: false,
|
|
currentSlide: finalSlide,
|
|
trackStyle: getTrackCSS((0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, 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((0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, 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 = (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, state), {}, {
|
|
touchObject: touchObject,
|
|
swipeLeft: swipeLeft,
|
|
trackStyle: getTrackCSS((0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, 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((0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, 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;
|
|
var trackChildren = spec.slideCount + 2 * spec.slidesToShow;
|
|
if (!spec.vertical) {
|
|
trackWidth = getTotalSlides(spec) * spec.slideWidth;
|
|
} else {
|
|
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 = (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, 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;
|
|
}
|
|
return spec.slideCount;
|
|
};
|
|
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);
|
|
};
|
|
;// CONCATENATED MODULE: ./node_modules/_@ant-design_react-slick@1.0.2@@ant-design/react-slick/es/track.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 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;
|
|
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_17_0_2_react.Children.count(spec.children);
|
|
var startIndex = lazyStartIndex(spec);
|
|
var endIndex = lazyEndIndex(spec);
|
|
_react_17_0_2_react.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_17_0_2_react.createElement("div", null);
|
|
}
|
|
var childStyle = getSlideStyle((0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, spec), {}, {
|
|
index: index
|
|
}));
|
|
var slideClass = child.props.className || "";
|
|
var slideClasses = getSlideClasses((0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, spec), {}, {
|
|
index: index
|
|
}));
|
|
// push a cloned element of the desired slide
|
|
slides.push( /*#__PURE__*/_react_17_0_2_react.cloneElement(child, {
|
|
key: "original" + getKey(child, index),
|
|
"data-index": index,
|
|
className: _classnames_2_5_1_classnames_default()(slideClasses, slideClass),
|
|
tabIndex: "-1",
|
|
"aria-hidden": !slideClasses["slick-active"],
|
|
style: (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({
|
|
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 && spec.fade === false) {
|
|
var preCloneNo = childrenCount - index;
|
|
if (preCloneNo <= getPreClones(spec) && childrenCount !== spec.slidesToShow) {
|
|
key = -preCloneNo;
|
|
if (key >= startIndex) {
|
|
child = elem;
|
|
}
|
|
slideClasses = getSlideClasses((0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, spec), {}, {
|
|
index: key
|
|
}));
|
|
preCloneSlides.push( /*#__PURE__*/_react_17_0_2_react.cloneElement(child, {
|
|
key: "precloned" + getKey(child, key),
|
|
"data-index": key,
|
|
tabIndex: "-1",
|
|
className: _classnames_2_5_1_classnames_default()(slideClasses, slideClass),
|
|
"aria-hidden": !slideClasses["slick-active"],
|
|
style: (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, child.props.style || {}), childStyle),
|
|
onClick: function onClick(e) {
|
|
child.props && child.props.onClick && child.props.onClick(e);
|
|
if (spec.focusOnSelect) {
|
|
spec.focusOnSelect(childOnClickOptions);
|
|
}
|
|
}
|
|
}));
|
|
}
|
|
if (childrenCount !== spec.slidesToShow) {
|
|
key = childrenCount + index;
|
|
if (key < endIndex) {
|
|
child = elem;
|
|
}
|
|
slideClasses = getSlideClasses((0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, spec), {}, {
|
|
index: key
|
|
}));
|
|
postCloneSlides.push( /*#__PURE__*/_react_17_0_2_react.cloneElement(child, {
|
|
key: "postcloned" + getKey(child, key),
|
|
"data-index": key,
|
|
tabIndex: "-1",
|
|
className: _classnames_2_5_1_classnames_default()(slideClasses, slideClass),
|
|
"aria-hidden": !slideClasses["slick-active"],
|
|
style: (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, 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) {
|
|
(0,inherits/* default */.Z)(Track, _React$PureComponent);
|
|
var _super = (0,createSuper/* default */.Z)(Track);
|
|
function Track() {
|
|
var _this;
|
|
(0,classCallCheck/* default */.Z)(this, Track);
|
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
args[_key] = arguments[_key];
|
|
}
|
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "node", null);
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "handleRef", function (ref) {
|
|
_this.node = ref;
|
|
});
|
|
return _this;
|
|
}
|
|
(0,createClass/* default */.Z)(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_17_0_2_react.createElement("div", (0,esm_extends/* default */.Z)({
|
|
ref: this.handleRef,
|
|
className: "slick-track",
|
|
style: this.props.trackStyle
|
|
}, mouseEvents), slides);
|
|
}
|
|
}]);
|
|
return Track;
|
|
}(_react_17_0_2_react.PureComponent);
|
|
;// CONCATENATED MODULE: ./node_modules/_@ant-design_react-slick@1.0.2@@ant-design/react-slick/es/dots.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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) {
|
|
(0,inherits/* default */.Z)(Dots, _React$PureComponent);
|
|
var _super = (0,createSuper/* default */.Z)(Dots);
|
|
function Dots() {
|
|
(0,classCallCheck/* default */.Z)(this, Dots);
|
|
return _super.apply(this, arguments);
|
|
}
|
|
(0,createClass/* default */.Z)(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 : clamp(_rightBound, 0, slideCount - 1);
|
|
var _leftBound = rightBound - (slidesToScroll - 1);
|
|
var leftBound = infinite ? _leftBound : clamp(_leftBound, 0, slideCount - 1);
|
|
var className = _classnames_2_5_1_classnames_default()({
|
|
"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_17_0_2_react.createElement("li", {
|
|
key: i,
|
|
className: className
|
|
}, /*#__PURE__*/_react_17_0_2_react.cloneElement(this.props.customPaging(i), {
|
|
onClick: onClick
|
|
})));
|
|
}
|
|
return /*#__PURE__*/_react_17_0_2_react.cloneElement(this.props.appendDots(dots), (0,objectSpread2/* default */.Z)({
|
|
className: this.props.dotsClass
|
|
}, mouseEvents));
|
|
}
|
|
}]);
|
|
return Dots;
|
|
}(_react_17_0_2_react.PureComponent);
|
|
;// CONCATENATED MODULE: ./node_modules/_@ant-design_react-slick@1.0.2@@ant-design/react-slick/es/arrows.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var PrevArrow = /*#__PURE__*/function (_React$PureComponent) {
|
|
(0,inherits/* default */.Z)(PrevArrow, _React$PureComponent);
|
|
var _super = (0,createSuper/* default */.Z)(PrevArrow);
|
|
function PrevArrow() {
|
|
(0,classCallCheck/* default */.Z)(this, PrevArrow);
|
|
return _super.apply(this, arguments);
|
|
}
|
|
(0,createClass/* default */.Z)(PrevArrow, [{
|
|
key: "clickHandler",
|
|
value: function clickHandler(options, e) {
|
|
if (e) {
|
|
e.preventDefault();
|
|
}
|
|
this.props.clickHandler(options, e);
|
|
}
|
|
}, {
|
|
key: "render",
|
|
value: function render() {
|
|
var prevClasses = {
|
|
"slick-arrow": true,
|
|
"slick-prev": true
|
|
};
|
|
var prevHandler = this.clickHandler.bind(this, {
|
|
message: "previous"
|
|
});
|
|
if (!this.props.infinite && (this.props.currentSlide === 0 || this.props.slideCount <= this.props.slidesToShow)) {
|
|
prevClasses["slick-disabled"] = true;
|
|
prevHandler = null;
|
|
}
|
|
var prevArrowProps = {
|
|
key: "0",
|
|
"data-role": "none",
|
|
className: _classnames_2_5_1_classnames_default()(prevClasses),
|
|
style: {
|
|
display: "block"
|
|
},
|
|
onClick: prevHandler
|
|
};
|
|
var customProps = {
|
|
currentSlide: this.props.currentSlide,
|
|
slideCount: this.props.slideCount
|
|
};
|
|
var prevArrow;
|
|
if (this.props.prevArrow) {
|
|
prevArrow = /*#__PURE__*/_react_17_0_2_react.cloneElement(this.props.prevArrow, (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, prevArrowProps), customProps));
|
|
} else {
|
|
prevArrow = /*#__PURE__*/_react_17_0_2_react.createElement("button", (0,esm_extends/* default */.Z)({
|
|
key: "0",
|
|
type: "button"
|
|
}, prevArrowProps), " ", "Previous");
|
|
}
|
|
return prevArrow;
|
|
}
|
|
}]);
|
|
return PrevArrow;
|
|
}(_react_17_0_2_react.PureComponent);
|
|
var NextArrow = /*#__PURE__*/function (_React$PureComponent2) {
|
|
(0,inherits/* default */.Z)(NextArrow, _React$PureComponent2);
|
|
var _super2 = (0,createSuper/* default */.Z)(NextArrow);
|
|
function NextArrow() {
|
|
(0,classCallCheck/* default */.Z)(this, NextArrow);
|
|
return _super2.apply(this, arguments);
|
|
}
|
|
(0,createClass/* default */.Z)(NextArrow, [{
|
|
key: "clickHandler",
|
|
value: function clickHandler(options, e) {
|
|
if (e) {
|
|
e.preventDefault();
|
|
}
|
|
this.props.clickHandler(options, e);
|
|
}
|
|
}, {
|
|
key: "render",
|
|
value: function render() {
|
|
var nextClasses = {
|
|
"slick-arrow": true,
|
|
"slick-next": true
|
|
};
|
|
var nextHandler = this.clickHandler.bind(this, {
|
|
message: "next"
|
|
});
|
|
if (!canGoNext(this.props)) {
|
|
nextClasses["slick-disabled"] = true;
|
|
nextHandler = null;
|
|
}
|
|
var nextArrowProps = {
|
|
key: "1",
|
|
"data-role": "none",
|
|
className: _classnames_2_5_1_classnames_default()(nextClasses),
|
|
style: {
|
|
display: "block"
|
|
},
|
|
onClick: nextHandler
|
|
};
|
|
var customProps = {
|
|
currentSlide: this.props.currentSlide,
|
|
slideCount: this.props.slideCount
|
|
};
|
|
var nextArrow;
|
|
if (this.props.nextArrow) {
|
|
nextArrow = /*#__PURE__*/_react_17_0_2_react.cloneElement(this.props.nextArrow, (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, nextArrowProps), customProps));
|
|
} else {
|
|
nextArrow = /*#__PURE__*/_react_17_0_2_react.createElement("button", (0,esm_extends/* default */.Z)({
|
|
key: "1",
|
|
type: "button"
|
|
}, nextArrowProps), " ", "Next");
|
|
}
|
|
return nextArrow;
|
|
}
|
|
}]);
|
|
return NextArrow;
|
|
}(_react_17_0_2_react.PureComponent);
|
|
// EXTERNAL MODULE: ./node_modules/_resize-observer-polyfill@1.5.1@resize-observer-polyfill/dist/ResizeObserver.es.js
|
|
var ResizeObserver_es = __webpack_require__(76374);
|
|
;// CONCATENATED MODULE: ./node_modules/_@ant-design_react-slick@1.0.2@@ant-design/react-slick/es/inner-slider.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var _excluded = ["animating"];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var InnerSlider = /*#__PURE__*/function (_React$Component) {
|
|
(0,inherits/* default */.Z)(InnerSlider, _React$Component);
|
|
var _super = (0,createSuper/* default */.Z)(InnerSlider);
|
|
function InnerSlider(props) {
|
|
var _this;
|
|
(0,classCallCheck/* default */.Z)(this, InnerSlider);
|
|
_this = _super.call(this, props);
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "listRefHandler", function (ref) {
|
|
return _this.list = ref;
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "trackRefHandler", function (ref) {
|
|
return _this.track = ref;
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "adaptHeight", function () {
|
|
if (_this.props.adaptiveHeight && _this.list) {
|
|
var elem = _this.list.querySelector("[data-index=\"".concat(_this.state.currentSlide, "\"]"));
|
|
_this.list.style.height = getHeight(elem) + "px";
|
|
}
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "componentDidMount", function () {
|
|
_this.props.onInit && _this.props.onInit();
|
|
if (_this.props.lazyLoad) {
|
|
var slidesToLoad = getOnDemandLazySlides((0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, _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 = (0,objectSpread2/* default */.Z)({
|
|
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);
|
|
}
|
|
_this.ro = new ResizeObserver_es/* default */.Z(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);
|
|
}
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "componentWillUnmount", function () {
|
|
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.disconnect();
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "componentDidUpdate", function (prevProps) {
|
|
_this.checkImagesLoad();
|
|
_this.props.onReInit && _this.props.onReInit();
|
|
if (_this.props.lazyLoad) {
|
|
var slidesToLoad = getOnDemandLazySlides((0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, _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 = (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({
|
|
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_17_0_2_react.Children.count(_this.props.children)) {
|
|
_this.changeSlide({
|
|
message: "index",
|
|
index: _react_17_0_2_react.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");
|
|
}
|
|
}
|
|
});
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "onWindowResized", function (setTrackStyle) {
|
|
if (_this.debouncedResize) _this.debouncedResize.cancel();
|
|
_this.debouncedResize = (0,esm/* debounce */.D)(50, function () {
|
|
return _this.resizeWindow(setTrackStyle);
|
|
});
|
|
_this.debouncedResize();
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_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 = (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({
|
|
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;
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "updateState", function (spec, setTrackStyle, callback) {
|
|
var updatedState = initializedState(spec);
|
|
spec = (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, spec), updatedState), {}, {
|
|
slideIndex: updatedState.currentSlide
|
|
});
|
|
var targetLeft = getTrackLeft(spec);
|
|
spec = (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, spec), {}, {
|
|
left: targetLeft
|
|
});
|
|
var trackStyle = getTrackCSS(spec);
|
|
if (setTrackStyle || _react_17_0_2_react.Children.count(_this.props.children) !== _react_17_0_2_react.Children.count(spec.children)) {
|
|
updatedState["trackStyle"] = trackStyle;
|
|
}
|
|
_this.setState(updatedState, callback);
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "ssrInit", function () {
|
|
if (_this.props.variableWidth) {
|
|
var _trackWidth = 0,
|
|
_trackLeft = 0;
|
|
var childrenWidths = [];
|
|
var preClones = getPreClones((0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, _this.props), _this.state), {}, {
|
|
slideCount: _this.props.children.length
|
|
}));
|
|
var postClones = getPostClones((0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, _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_17_0_2_react.Children.count(_this.props.children);
|
|
var spec = (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, _this.props), _this.state), {}, {
|
|
slideCount: childrenCount
|
|
});
|
|
var slideCount = getPreClones(spec) + getPostClones(spec) + childrenCount;
|
|
var trackWidth = 100 / _this.props.slidesToShow * slideCount;
|
|
var slideWidth = 100 / slideCount;
|
|
var trackLeft = -slideWidth * (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
|
|
};
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_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();
|
|
};
|
|
}
|
|
}
|
|
});
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "progressiveLazyLoad", function () {
|
|
var slidesToLoad = [];
|
|
var spec = (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, _this.props), _this.state);
|
|
for (var index = _this.state.currentSlide; index < _this.state.slideCount + getPostClones(spec); index++) {
|
|
if (_this.state.lazyLoadedList.indexOf(index) < 0) {
|
|
slidesToLoad.push(index);
|
|
break;
|
|
}
|
|
}
|
|
for (var _index = _this.state.currentSlide - 1; _index >= -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;
|
|
}
|
|
}
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_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 = slideHandler((0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({
|
|
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 = (0,objectWithoutProperties/* default */.Z)(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);
|
|
});
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "changeSlide", function (options) {
|
|
var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
var spec = (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, _this.props), _this.state);
|
|
var targetSlide = 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();
|
|
}
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "clickHandler", function (e) {
|
|
if (_this.clickable === false) {
|
|
e.stopPropagation();
|
|
e.preventDefault();
|
|
}
|
|
_this.clickable = true;
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "keyHandler", function (e) {
|
|
var dir = keyHandler(e, _this.props.accessibility, _this.props.rtl);
|
|
dir !== "" && _this.changeSlide({
|
|
message: dir
|
|
});
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "selectHandler", function (options) {
|
|
_this.changeSlide(options);
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "disableBodyScroll", function () {
|
|
var preventDefault = function preventDefault(e) {
|
|
e = e || window.event;
|
|
if (e.preventDefault) e.preventDefault();
|
|
e.returnValue = false;
|
|
};
|
|
window.ontouchmove = preventDefault;
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "enableBodyScroll", function () {
|
|
window.ontouchmove = null;
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "swipeStart", function (e) {
|
|
if (_this.props.verticalSwiping) {
|
|
_this.disableBodyScroll();
|
|
}
|
|
var state = swipeStart(e, _this.props.swipe, _this.props.draggable);
|
|
state !== "" && _this.setState(state);
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "swipeMove", function (e) {
|
|
var state = swipeMove(e, (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, _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);
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "swipeEnd", function (e) {
|
|
var state = swipeEnd(e, (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, _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();
|
|
}
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "touchEnd", function (e) {
|
|
_this.swipeEnd(e);
|
|
_this.clickable = true;
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_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));
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "slickNext", function () {
|
|
_this.callbackTimers.push(setTimeout(function () {
|
|
return _this.changeSlide({
|
|
message: "next"
|
|
});
|
|
}, 0));
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_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));
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "play", function () {
|
|
var nextIndex;
|
|
if (_this.props.rtl) {
|
|
nextIndex = _this.state.currentSlide - _this.props.slidesToScroll;
|
|
} else {
|
|
if (canGoNext((0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, _this.props), _this.state))) {
|
|
nextIndex = _this.state.currentSlide + _this.props.slidesToScroll;
|
|
} else {
|
|
return false;
|
|
}
|
|
}
|
|
_this.slideHandler(nextIndex);
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_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"
|
|
});
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_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"
|
|
});
|
|
}
|
|
}
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "onDotsOver", function () {
|
|
return _this.props.autoplay && _this.pause("hovered");
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "onDotsLeave", function () {
|
|
return _this.props.autoplay && _this.state.autoplaying === "hovered" && _this.autoPlay("leave");
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "onTrackOver", function () {
|
|
return _this.props.autoplay && _this.pause("hovered");
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "onTrackLeave", function () {
|
|
return _this.props.autoplay && _this.state.autoplaying === "hovered" && _this.autoPlay("leave");
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "onSlideFocus", function () {
|
|
return _this.props.autoplay && _this.pause("focused");
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "onSlideBlur", function () {
|
|
return _this.props.autoplay && _this.state.autoplaying === "focused" && _this.autoPlay("blur");
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "render", function () {
|
|
var className = _classnames_2_5_1_classnames_default()("slick-slider", _this.props.className, {
|
|
"slick-vertical": _this.props.vertical,
|
|
"slick-initialized": true
|
|
});
|
|
var spec = (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, _this.props), _this.state);
|
|
var trackProps = 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 = (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, 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 = extractObject(spec, ["dotsClass", "slideCount", "slidesToShow", "currentSlide", "slidesToScroll", "clickHandler", "children", "customPaging", "infinite", "appendDots"]);
|
|
var pauseOnDotsHover = _this.props.pauseOnDotsHover;
|
|
dotProps = (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, dotProps), {}, {
|
|
clickHandler: _this.changeSlide,
|
|
onMouseEnter: pauseOnDotsHover ? _this.onDotsLeave : null,
|
|
onMouseOver: pauseOnDotsHover ? _this.onDotsOver : null,
|
|
onMouseLeave: pauseOnDotsHover ? _this.onDotsLeave : null
|
|
});
|
|
dots = /*#__PURE__*/_react_17_0_2_react.createElement(Dots, dotProps);
|
|
}
|
|
var prevArrow, nextArrow;
|
|
var arrowProps = extractObject(spec, ["infinite", "centerMode", "currentSlide", "slideCount", "slidesToShow", "prevArrow", "nextArrow"]);
|
|
arrowProps.clickHandler = _this.changeSlide;
|
|
if (_this.props.arrows) {
|
|
prevArrow = /*#__PURE__*/_react_17_0_2_react.createElement(PrevArrow, arrowProps);
|
|
nextArrow = /*#__PURE__*/_react_17_0_2_react.createElement(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 = (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, 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_17_0_2_react.createElement("div", innerSliderProps, !_this.props.unslick ? prevArrow : "", /*#__PURE__*/_react_17_0_2_react.createElement("div", (0,esm_extends/* default */.Z)({
|
|
ref: _this.listRefHandler
|
|
}, listProps), /*#__PURE__*/_react_17_0_2_react.createElement(Track, (0,esm_extends/* default */.Z)({
|
|
ref: _this.trackRefHandler
|
|
}, trackProps), _this.props.children)), !_this.props.unslick ? nextArrow : "", !_this.props.unslick ? dots : "");
|
|
});
|
|
_this.list = null;
|
|
_this.track = null;
|
|
_this.state = (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, initial_state), {}, {
|
|
currentSlide: _this.props.initialSlide,
|
|
slideCount: _react_17_0_2_react.Children.count(_this.props.children)
|
|
});
|
|
_this.callbackTimers = [];
|
|
_this.clickable = true;
|
|
_this.debouncedResize = null;
|
|
var ssrState = _this.ssrInit();
|
|
_this.state = (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, _this.state), ssrState);
|
|
return _this;
|
|
}
|
|
(0,createClass/* default */.Z)(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 ((0,esm_typeof/* default */.Z)(prevProps[key]) === "object" || typeof prevProps[key] === "function") {
|
|
continue;
|
|
}
|
|
if (prevProps[key] !== this.props[key]) {
|
|
setTrackStyle = true;
|
|
break;
|
|
}
|
|
}
|
|
return setTrackStyle || _react_17_0_2_react.Children.count(this.props.children) !== _react_17_0_2_react.Children.count(prevProps.children);
|
|
}
|
|
}]);
|
|
return InnerSlider;
|
|
}(_react_17_0_2_react.Component);
|
|
// EXTERNAL MODULE: ./node_modules/_json2mq@0.2.0@json2mq/index.js
|
|
var _json2mq_0_2_0_json2mq = __webpack_require__(7861);
|
|
var _json2mq_0_2_0_json2mq_default = /*#__PURE__*/__webpack_require__.n(_json2mq_0_2_0_json2mq);
|
|
;// CONCATENATED MODULE: ./node_modules/_@ant-design_react-slick@1.0.2@@ant-design/react-slick/es/default-props.js
|
|
|
|
var defaultProps = {
|
|
accessibility: true,
|
|
adaptiveHeight: false,
|
|
afterChange: null,
|
|
appendDots: function appendDots(dots) {
|
|
return /*#__PURE__*/_react_17_0_2_react.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_17_0_2_react.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,
|
|
waitForAnimate: true
|
|
};
|
|
/* harmony default export */ var default_props = (defaultProps);
|
|
;// CONCATENATED MODULE: ./node_modules/_@ant-design_react-slick@1.0.2@@ant-design/react-slick/es/slider.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var Slider = /*#__PURE__*/function (_React$Component) {
|
|
(0,inherits/* default */.Z)(Slider, _React$Component);
|
|
var _super = (0,createSuper/* default */.Z)(Slider);
|
|
function Slider(props) {
|
|
var _this;
|
|
(0,classCallCheck/* default */.Z)(this, Slider);
|
|
_this = _super.call(this, props);
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "innerSliderRefHandler", function (ref) {
|
|
return _this.innerSlider = ref;
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "slickPrev", function () {
|
|
return _this.innerSlider.slickPrev();
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "slickNext", function () {
|
|
return _this.innerSlider.slickNext();
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "slickGoTo", function (slide) {
|
|
var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
return _this.innerSlider.slickGoTo(slide, dontAnimate);
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "slickPause", function () {
|
|
return _this.innerSlider.pause("paused");
|
|
});
|
|
(0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "slickPlay", function () {
|
|
return _this.innerSlider.autoPlay("play");
|
|
});
|
|
_this.state = {
|
|
breakpoint: null
|
|
};
|
|
_this._responsiveMediaHandlers = [];
|
|
return _this;
|
|
}
|
|
(0,createClass/* default */.Z)(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);
|
|
listener(mql);
|
|
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_0_2_0_json2mq_default()({
|
|
minWidth: 0,
|
|
maxWidth: breakpoint
|
|
});
|
|
} else {
|
|
bQuery = _json2mq_0_2_0_json2mq_default()({
|
|
minWidth: breakpoints[index - 1] + 1,
|
|
maxWidth: breakpoint
|
|
});
|
|
}
|
|
// when not using server side rendering
|
|
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_0_2_0_json2mq_default()({
|
|
minWidth: breakpoints.slice(-1)[0]
|
|
});
|
|
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" : (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, default_props), this.props), newProps[0].settings);
|
|
} else {
|
|
settings = (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, default_props), this.props);
|
|
}
|
|
|
|
// force scrolling by one if centerMode is on
|
|
if (settings.centerMode) {
|
|
if (settings.slidesToScroll > 1 && "production" !== "production") {}
|
|
settings.slidesToScroll = 1;
|
|
}
|
|
// force showing one slide and scrolling by one if the fade mode is on
|
|
if (settings.fade) {
|
|
if (settings.slidesToShow > 1 && "production" !== "production") {}
|
|
if (settings.slidesToScroll > 1 && "production" !== "production") {}
|
|
settings.slidesToShow = 1;
|
|
settings.slidesToScroll = 1;
|
|
}
|
|
|
|
// makes sure that children is an array, even when there is only 1 child
|
|
var children = _react_17_0_2_react.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_17_0_2_react.cloneElement(children[k], {
|
|
key: 100 * i + 10 * j + k,
|
|
tabIndex: -1,
|
|
style: {
|
|
width: "".concat(100 / settings.slidesPerRow, "%"),
|
|
display: "inline-block"
|
|
}
|
|
}));
|
|
}
|
|
newSlide.push( /*#__PURE__*/_react_17_0_2_react.createElement("div", {
|
|
key: 10 * i + j
|
|
}, row));
|
|
}
|
|
if (settings.variableWidth) {
|
|
newChildren.push( /*#__PURE__*/_react_17_0_2_react.createElement("div", {
|
|
key: i,
|
|
style: {
|
|
width: currentWidth
|
|
}
|
|
}, newSlide));
|
|
} else {
|
|
newChildren.push( /*#__PURE__*/_react_17_0_2_react.createElement("div", {
|
|
key: i
|
|
}, newSlide));
|
|
}
|
|
}
|
|
if (settings === "unslick") {
|
|
var className = "regular slider " + (this.props.className || "");
|
|
return /*#__PURE__*/_react_17_0_2_react.createElement("div", {
|
|
className: className
|
|
}, children);
|
|
} else if (newChildren.length <= settings.slidesToShow) {
|
|
settings.unslick = true;
|
|
}
|
|
return /*#__PURE__*/_react_17_0_2_react.createElement(InnerSlider, (0,esm_extends/* default */.Z)({
|
|
style: this.props.style,
|
|
ref: this.innerSliderRefHandler
|
|
}, settings), newChildren);
|
|
}
|
|
}]);
|
|
return Slider;
|
|
}(_react_17_0_2_react.Component);
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/_@ant-design_react-slick@1.0.2@@ant-design/react-slick/es/index.js
|
|
|
|
/* harmony default export */ var es = (Slider);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/config-provider/context.js
|
|
var context = __webpack_require__(36355);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/style/index.js
|
|
var style = __webpack_require__(17313);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/theme/util/genComponentStyleHook.js
|
|
var genComponentStyleHook = __webpack_require__(83116);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/theme/util/statistic.js
|
|
var statistic = __webpack_require__(37613);
|
|
;// CONCATENATED MODULE: ./node_modules/_antd@5.9.0@antd/es/carousel/style/index.js
|
|
|
|
|
|
const genCarouselStyle = token => {
|
|
const {
|
|
componentCls,
|
|
antCls,
|
|
carouselArrowSize,
|
|
carouselDotOffset,
|
|
marginXXS
|
|
} = token;
|
|
const arrowOffset = -carouselArrowSize * 1.25;
|
|
const carouselDotMargin = marginXXS;
|
|
return {
|
|
[componentCls]: Object.assign(Object.assign({}, (0,style/* resetComponent */.Wf)(token)), {
|
|
'.slick-slider': {
|
|
position: 'relative',
|
|
display: 'block',
|
|
boxSizing: 'border-box',
|
|
touchAction: 'pan-y',
|
|
WebkitTouchCallout: 'none',
|
|
WebkitTapHighlightColor: 'transparent',
|
|
'.slick-track, .slick-list': {
|
|
transform: 'translate3d(0, 0, 0)',
|
|
touchAction: 'pan-y'
|
|
}
|
|
},
|
|
'.slick-list': {
|
|
position: 'relative',
|
|
display: 'block',
|
|
margin: 0,
|
|
padding: 0,
|
|
overflow: 'hidden',
|
|
'&:focus': {
|
|
outline: 'none'
|
|
},
|
|
'&.dragging': {
|
|
cursor: 'pointer'
|
|
},
|
|
'.slick-slide': {
|
|
pointerEvents: 'none',
|
|
// https://github.com/ant-design/ant-design/issues/23294
|
|
[`input${antCls}-radio-input, input${antCls}-checkbox-input`]: {
|
|
visibility: 'hidden'
|
|
},
|
|
'&.slick-active': {
|
|
pointerEvents: 'auto',
|
|
[`input${antCls}-radio-input, input${antCls}-checkbox-input`]: {
|
|
visibility: 'visible'
|
|
}
|
|
},
|
|
// fix Carousel content height not match parent node
|
|
// when children is empty node
|
|
// https://github.com/ant-design/ant-design/issues/25878
|
|
'> div > div': {
|
|
verticalAlign: 'bottom'
|
|
}
|
|
}
|
|
},
|
|
'.slick-track': {
|
|
position: 'relative',
|
|
top: 0,
|
|
insetInlineStart: 0,
|
|
display: 'block',
|
|
'&::before, &::after': {
|
|
display: 'table',
|
|
content: '""'
|
|
},
|
|
'&::after': {
|
|
clear: 'both'
|
|
}
|
|
},
|
|
'.slick-slide': {
|
|
display: 'none',
|
|
float: 'left',
|
|
height: '100%',
|
|
minHeight: 1,
|
|
img: {
|
|
display: 'block'
|
|
},
|
|
'&.dragging img': {
|
|
pointerEvents: 'none'
|
|
}
|
|
},
|
|
'.slick-initialized .slick-slide': {
|
|
display: 'block'
|
|
},
|
|
'.slick-vertical .slick-slide': {
|
|
display: 'block',
|
|
height: 'auto'
|
|
},
|
|
'.slick-arrow.slick-hidden': {
|
|
display: 'none'
|
|
},
|
|
// Arrows
|
|
'.slick-prev, .slick-next': {
|
|
position: 'absolute',
|
|
top: '50%',
|
|
display: 'block',
|
|
width: carouselArrowSize,
|
|
height: carouselArrowSize,
|
|
marginTop: -carouselArrowSize / 2,
|
|
padding: 0,
|
|
color: 'transparent',
|
|
fontSize: 0,
|
|
lineHeight: 0,
|
|
background: 'transparent',
|
|
border: 0,
|
|
outline: 'none',
|
|
cursor: 'pointer',
|
|
'&:hover, &:focus': {
|
|
color: 'transparent',
|
|
background: 'transparent',
|
|
outline: 'none',
|
|
'&::before': {
|
|
opacity: 1
|
|
}
|
|
},
|
|
'&.slick-disabled::before': {
|
|
opacity: 0.25
|
|
}
|
|
},
|
|
'.slick-prev': {
|
|
insetInlineStart: arrowOffset,
|
|
'&::before': {
|
|
content: '"←"'
|
|
}
|
|
},
|
|
'.slick-next': {
|
|
insetInlineEnd: arrowOffset,
|
|
'&::before': {
|
|
content: '"→"'
|
|
}
|
|
},
|
|
// Dots
|
|
'.slick-dots': {
|
|
position: 'absolute',
|
|
insetInlineEnd: 0,
|
|
bottom: 0,
|
|
insetInlineStart: 0,
|
|
zIndex: 15,
|
|
display: 'flex !important',
|
|
justifyContent: 'center',
|
|
paddingInlineStart: 0,
|
|
margin: 0,
|
|
listStyle: 'none',
|
|
'&-bottom': {
|
|
bottom: carouselDotOffset
|
|
},
|
|
'&-top': {
|
|
top: carouselDotOffset,
|
|
bottom: 'auto'
|
|
},
|
|
li: {
|
|
position: 'relative',
|
|
display: 'inline-block',
|
|
flex: '0 1 auto',
|
|
boxSizing: 'content-box',
|
|
width: token.dotWidth,
|
|
height: token.dotHeight,
|
|
marginInline: carouselDotMargin,
|
|
padding: 0,
|
|
textAlign: 'center',
|
|
textIndent: -999,
|
|
verticalAlign: 'top',
|
|
transition: `all ${token.motionDurationSlow}`,
|
|
button: {
|
|
position: 'relative',
|
|
display: 'block',
|
|
width: '100%',
|
|
height: token.dotHeight,
|
|
padding: 0,
|
|
color: 'transparent',
|
|
fontSize: 0,
|
|
background: token.colorBgContainer,
|
|
border: 0,
|
|
borderRadius: 1,
|
|
outline: 'none',
|
|
cursor: 'pointer',
|
|
opacity: 0.3,
|
|
transition: `all ${token.motionDurationSlow}`,
|
|
'&: hover, &:focus': {
|
|
opacity: 0.75
|
|
},
|
|
'&::after': {
|
|
position: 'absolute',
|
|
inset: -carouselDotMargin,
|
|
content: '""'
|
|
}
|
|
},
|
|
'&.slick-active': {
|
|
width: token.dotActiveWidth,
|
|
'& button': {
|
|
background: token.colorBgContainer,
|
|
opacity: 1
|
|
},
|
|
'&: hover, &:focus': {
|
|
opacity: 1
|
|
}
|
|
}
|
|
}
|
|
}
|
|
})
|
|
};
|
|
};
|
|
const genCarouselVerticalStyle = token => {
|
|
const {
|
|
componentCls,
|
|
carouselDotOffset,
|
|
marginXXS
|
|
} = token;
|
|
const reverseSizeOfDot = {
|
|
width: token.dotHeight,
|
|
height: token.dotWidth
|
|
};
|
|
return {
|
|
[`${componentCls}-vertical`]: {
|
|
'.slick-dots': {
|
|
top: '50%',
|
|
bottom: 'auto',
|
|
flexDirection: 'column',
|
|
width: token.dotHeight,
|
|
height: 'auto',
|
|
margin: 0,
|
|
transform: 'translateY(-50%)',
|
|
'&-left': {
|
|
insetInlineEnd: 'auto',
|
|
insetInlineStart: carouselDotOffset
|
|
},
|
|
'&-right': {
|
|
insetInlineEnd: carouselDotOffset,
|
|
insetInlineStart: 'auto'
|
|
},
|
|
li: Object.assign(Object.assign({}, reverseSizeOfDot), {
|
|
margin: `${marginXXS}px 0`,
|
|
verticalAlign: 'baseline',
|
|
button: reverseSizeOfDot,
|
|
'&.slick-active': Object.assign(Object.assign({}, reverseSizeOfDot), {
|
|
button: reverseSizeOfDot
|
|
})
|
|
})
|
|
}
|
|
}
|
|
};
|
|
};
|
|
const genCarouselRtlStyle = token => {
|
|
const {
|
|
componentCls
|
|
} = token;
|
|
return [{
|
|
[`${componentCls}-rtl`]: {
|
|
direction: 'rtl',
|
|
// Dots
|
|
'.slick-dots': {
|
|
[`${componentCls}-rtl&`]: {
|
|
flexDirection: 'row-reverse'
|
|
}
|
|
}
|
|
}
|
|
}, {
|
|
[`${componentCls}-vertical`]: {
|
|
'.slick-dots': {
|
|
[`${componentCls}-rtl&`]: {
|
|
flexDirection: 'column'
|
|
}
|
|
}
|
|
}
|
|
}];
|
|
};
|
|
// ============================== Export ==============================
|
|
/* harmony default export */ var carousel_style = ((0,genComponentStyleHook/* default */.Z)('Carousel', token => {
|
|
const {
|
|
controlHeightLG,
|
|
controlHeightSM
|
|
} = token;
|
|
const carouselToken = (0,statistic/* merge */.TS)(token, {
|
|
carouselArrowSize: controlHeightLG / 2,
|
|
carouselDotOffset: controlHeightSM / 2
|
|
});
|
|
return [genCarouselStyle(carouselToken), genCarouselVerticalStyle(carouselToken), genCarouselRtlStyle(carouselToken)];
|
|
}, () => {
|
|
const dotActiveWidth = 24;
|
|
return {
|
|
dotWidth: 16,
|
|
dotHeight: 3,
|
|
dotWidthActive: dotActiveWidth,
|
|
dotActiveWidth
|
|
};
|
|
}, {
|
|
deprecatedTokens: [['dotWidthActive', 'dotActiveWidth']]
|
|
}));
|
|
;// CONCATENATED MODULE: ./node_modules/_antd@5.9.0@antd/es/carousel/index.js
|
|
"use client";
|
|
|
|
var __rest = undefined && undefined.__rest || function (s, e) {
|
|
var t = {};
|
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
}
|
|
return t;
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
const Carousel = /*#__PURE__*/_react_17_0_2_react.forwardRef((props, ref) => {
|
|
const {
|
|
dots = true,
|
|
arrows = false,
|
|
draggable = false,
|
|
waitForAnimate = false,
|
|
dotPosition = 'bottom',
|
|
vertical = dotPosition === 'left' || dotPosition === 'right',
|
|
rootClassName,
|
|
className: customClassName,
|
|
style,
|
|
id
|
|
} = props,
|
|
otherProps = __rest(props, ["dots", "arrows", "draggable", "waitForAnimate", "dotPosition", "vertical", "rootClassName", "className", "style", "id"]);
|
|
const {
|
|
getPrefixCls,
|
|
direction,
|
|
carousel
|
|
} = _react_17_0_2_react.useContext(context/* ConfigContext */.E_);
|
|
const slickRef = _react_17_0_2_react.useRef();
|
|
const goTo = function (slide) {
|
|
let dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
slickRef.current.slickGoTo(slide, dontAnimate);
|
|
};
|
|
_react_17_0_2_react.useImperativeHandle(ref, () => ({
|
|
goTo,
|
|
autoPlay: slickRef.current.innerSlider.autoPlay,
|
|
innerSlider: slickRef.current.innerSlider,
|
|
prev: slickRef.current.slickPrev,
|
|
next: slickRef.current.slickNext
|
|
}), [slickRef.current]);
|
|
const prevCount = _react_17_0_2_react.useRef(_react_17_0_2_react.Children.count(props.children));
|
|
_react_17_0_2_react.useEffect(() => {
|
|
if (prevCount.current !== _react_17_0_2_react.Children.count(props.children)) {
|
|
goTo(props.initialSlide || 0, false);
|
|
prevCount.current = _react_17_0_2_react.Children.count(props.children);
|
|
}
|
|
}, [props.children]);
|
|
const newProps = Object.assign({
|
|
vertical,
|
|
className: _classnames_2_5_1_classnames_default()(customClassName, carousel === null || carousel === void 0 ? void 0 : carousel.className),
|
|
style: Object.assign(Object.assign({}, carousel === null || carousel === void 0 ? void 0 : carousel.style), style)
|
|
}, otherProps);
|
|
if (newProps.effect === 'fade') {
|
|
newProps.fade = true;
|
|
}
|
|
const prefixCls = getPrefixCls('carousel', newProps.prefixCls);
|
|
const dotsClass = 'slick-dots';
|
|
const enableDots = !!dots;
|
|
const dsClass = _classnames_2_5_1_classnames_default()(dotsClass, `${dotsClass}-${dotPosition}`, typeof dots === 'boolean' ? false : dots === null || dots === void 0 ? void 0 : dots.className);
|
|
const [wrapSSR, hashId] = carousel_style(prefixCls);
|
|
const className = _classnames_2_5_1_classnames_default()(prefixCls, {
|
|
[`${prefixCls}-rtl`]: direction === 'rtl',
|
|
[`${prefixCls}-vertical`]: newProps.vertical
|
|
}, hashId, rootClassName);
|
|
return wrapSSR( /*#__PURE__*/_react_17_0_2_react.createElement("div", {
|
|
className: className,
|
|
id: id
|
|
}, /*#__PURE__*/_react_17_0_2_react.createElement(es, Object.assign({
|
|
ref: slickRef
|
|
}, newProps, {
|
|
dots: enableDots,
|
|
dotsClass: dsClass,
|
|
arrows: arrows,
|
|
draggable: draggable,
|
|
verticalSwiping: vertical,
|
|
waitForAnimate: waitForAnimate
|
|
}))));
|
|
});
|
|
if (false) {}
|
|
/* harmony default export */ var carousel = (Carousel);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 7861:
|
|
/*!******************************************************!*\
|
|
!*** ./node_modules/_json2mq@0.2.0@json2mq/index.js ***!
|
|
\******************************************************/
|
|
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
|
|
var camel2hyphen = __webpack_require__(/*! string-convert/camel2hyphen */ 38710);
|
|
|
|
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;
|
|
|
|
/***/ }),
|
|
|
|
/***/ 38710:
|
|
/*!***************************************************************************!*\
|
|
!*** ./node_modules/_string-convert@0.2.1@string-convert/camel2hyphen.js ***!
|
|
\***************************************************************************/
|
|
/***/ (function(module) {
|
|
|
|
var camel2hyphen = function (str) {
|
|
return str
|
|
.replace(/[A-Z]/g, function (match) {
|
|
return '-' + match.toLowerCase();
|
|
})
|
|
.toLowerCase();
|
|
};
|
|
|
|
module.exports = camel2hyphen;
|
|
|
|
/***/ })
|
|
|
|
}]); |