12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109 |
- (function webpackUniversalModuleDefinition(root, factory) {
- if(typeof exports === 'object' && typeof module === 'object')
- module.exports = factory(require("react"));
- else if(typeof define === 'function' && define.amd)
- define(["react"], factory);
- else if(typeof exports === 'object')
- exports["Slider"] = factory(require("react"));
- else
- root["Slider"] = factory(root["React"]);
- })(window, function(__WEBPACK_EXTERNAL_MODULE__16__) {
- return /******/ (function(modules) { // webpackBootstrap
- /******/ // The module cache
- /******/ var installedModules = {};
- /******/
- /******/ // The require function
- /******/ function __webpack_require__(moduleId) {
- /******/
- /******/ // Check if module is in cache
- /******/ if(installedModules[moduleId]) {
- /******/ return installedModules[moduleId].exports;
- /******/ }
- /******/ // Create a new module (and put it into the cache)
- /******/ var module = installedModules[moduleId] = {
- /******/ i: moduleId,
- /******/ l: false,
- /******/ exports: {}
- /******/ };
- /******/
- /******/ // Execute the module function
- /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
- /******/
- /******/ // Flag the module as loaded
- /******/ module.l = true;
- /******/
- /******/ // Return the exports of the module
- /******/ return module.exports;
- /******/ }
- /******/
- /******/
- /******/ // expose the modules object (__webpack_modules__)
- /******/ __webpack_require__.m = modules;
- /******/
- /******/ // expose the module cache
- /******/ __webpack_require__.c = installedModules;
- /******/
- /******/ // define getter function for harmony exports
- /******/ __webpack_require__.d = function(exports, name, getter) {
- /******/ if(!__webpack_require__.o(exports, name)) {
- /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
- /******/ }
- /******/ };
- /******/
- /******/ // define __esModule on exports
- /******/ __webpack_require__.r = function(exports) {
- /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
- /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
- /******/ }
- /******/ Object.defineProperty(exports, '__esModule', { value: true });
- /******/ };
- /******/
- /******/ // create a fake namespace object
- /******/ // mode & 1: value is a module id, require it
- /******/ // mode & 2: merge all properties of value into the ns
- /******/ // mode & 4: return value when already ns object
- /******/ // mode & 8|1: behave like require
- /******/ __webpack_require__.t = function(value, mode) {
- /******/ if(mode & 1) value = __webpack_require__(value);
- /******/ if(mode & 8) return value;
- /******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
- /******/ var ns = Object.create(null);
- /******/ __webpack_require__.r(ns);
- /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
- /******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
- /******/ return ns;
- /******/ };
- /******/
- /******/ // getDefaultExport function for compatibility with non-harmony modules
- /******/ __webpack_require__.n = function(module) {
- /******/ var getter = module && module.__esModule ?
- /******/ function getDefault() { return module['default']; } :
- /******/ function getModuleExports() { return module; };
- /******/ __webpack_require__.d(getter, 'a', getter);
- /******/ return getter;
- /******/ };
- /******/
- /******/ // Object.prototype.hasOwnProperty.call
- /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
- /******/
- /******/ // __webpack_public_path__
- /******/ __webpack_require__.p = "";
- /******/
- /******/
- /******/ // Load entry module and return exports
- /******/ return __webpack_require__(__webpack_require__.s = 0);
- /******/ })
- /************************************************************************/
- /******/ ([
- /* 0 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- __webpack_require__.r(__webpack_exports__);
- /* harmony import */ var _slider__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
- /* harmony default export */ __webpack_exports__["default"] = (_slider__WEBPACK_IMPORTED_MODULE_0__["default"]);
- /***/ }),
- /* 1 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- __webpack_require__.r(__webpack_exports__);
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return Slider; });
- /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
- /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
- /* harmony import */ var _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
- /* harmony import */ var _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_1__);
- /* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8);
- /* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_2__);
- /* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(9);
- /* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_3__);
- /* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(10);
- /* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_4__);
- /* harmony import */ var _babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(12);
- /* harmony import */ var _babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_5__);
- /* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(13);
- /* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6__);
- /* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(14);
- /* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_7__);
- /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(4);
- /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8__);
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(16);
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_9__);
- /* harmony import */ var _inner_slider__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(17);
- /* harmony import */ var json2mq__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(30);
- /* harmony import */ var json2mq__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(json2mq__WEBPACK_IMPORTED_MODULE_11__);
- /* harmony import */ var _default_props__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(24);
- /* harmony import */ var _utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(23);
- function _callSuper(t, o, e) { return o = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6___default()(o), _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_4___default()(t, _babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_5___default()() ? Reflect.construct(o, e || [], _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6___default()(t).constructor) : o.apply(t, e)); }
- var Slider = /*#__PURE__*/function (_React$Component) {
- function Slider(props) {
- var _this;
- _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_2___default()(this, Slider);
- _this = _callSuper(this, Slider, [props]);
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_this, "innerSliderRefHandler", function (ref) {
- return _this.innerSlider = ref;
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_this, "slickPrev", function () {
- return _this.innerSlider.slickPrev();
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_this, "slickNext", function () {
- return _this.innerSlider.slickNext();
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_this, "slickGoTo", function (slide) {
- var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
- return _this.innerSlider.slickGoTo(slide, dontAnimate);
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_this, "slickPause", function () {
- return _this.innerSlider.pause("paused");
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_this, "slickPlay", function () {
- return _this.innerSlider.autoPlay("play");
- });
- _this.state = {
- breakpoint: null
- };
- _this._responsiveMediaHandlers = [];
- return _this;
- }
- _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_7___default()(Slider, _React$Component);
- return _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_3___default()(Slider, [{
- key: "media",
- value: function media(query, handler) {
- // javascript handler for css media query
- var mql = window.matchMedia(query);
- var listener = function listener(_ref) {
- var matches = _ref.matches;
- if (matches) {
- handler();
- }
- };
- mql.addListener(listener);
- 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__WEBPACK_IMPORTED_MODULE_11___default()({
- minWidth: 0,
- maxWidth: breakpoint
- });
- } else {
- bQuery = json2mq__WEBPACK_IMPORTED_MODULE_11___default()({
- minWidth: breakpoints[index - 1] + 1,
- maxWidth: breakpoint
- });
- }
- // when not using server side rendering
- Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_13__["canUseDOM"])() && _this2.media(bQuery, function () {
- _this2.setState({
- breakpoint: breakpoint
- });
- });
- });
- // Register media query for full screen. Need to support resize from small to large
- // convert javascript object to media query string
- var query = json2mq__WEBPACK_IMPORTED_MODULE_11___default()({
- minWidth: breakpoints.slice(-1)[0]
- });
- Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_13__["canUseDOM"])() && this.media(query, function () {
- _this2.setState({
- breakpoint: null
- });
- });
- }
- }
- }, {
- key: "componentWillUnmount",
- value: function componentWillUnmount() {
- this._responsiveMediaHandlers.forEach(function (obj) {
- obj.mql.removeListener(obj.listener);
- });
- }
- }, {
- key: "render",
- value: function render() {
- var _this3 = this;
- var settings;
- var newProps;
- if (this.state.breakpoint) {
- newProps = this.props.responsive.filter(function (resp) {
- return resp.breakpoint === _this3.state.breakpoint;
- });
- settings = newProps[0].settings === "unslick" ? "unslick" : _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_1___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_1___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_1___default()({}, _default_props__WEBPACK_IMPORTED_MODULE_12__["default"]), this.props), newProps[0].settings);
- } else {
- settings = _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_1___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_1___default()({}, _default_props__WEBPACK_IMPORTED_MODULE_12__["default"]), this.props);
- }
- // force scrolling by one if centerMode is on
- if (settings.centerMode) {
- if (settings.slidesToScroll > 1 && "none" !== "production") {
- console.warn("slidesToScroll should be equal to 1 in centerMode, you are using ".concat(settings.slidesToScroll));
- }
- settings.slidesToScroll = 1;
- }
- // force showing one slide and scrolling by one if the fade mode is on
- if (settings.fade) {
- if (settings.slidesToShow > 1 && "none" !== "production") {
- console.warn("slidesToShow should be equal to 1 when fade is true, you're using ".concat(settings.slidesToShow));
- }
- if (settings.slidesToScroll > 1 && "none" !== "production") {
- console.warn("slidesToScroll should be equal to 1 when fade is true, you're using ".concat(settings.slidesToScroll));
- }
- settings.slidesToShow = 1;
- settings.slidesToScroll = 1;
- }
- // makes sure that children is an array, even when there is only 1 child
- var children = react__WEBPACK_IMPORTED_MODULE_9___default.a.Children.toArray(this.props.children);
- // Children may contain false or null, so we should filter them
- // children may also contain string filled with spaces (in certain cases where we use jsx strings)
- children = children.filter(function (child) {
- if (typeof child === "string") {
- return !!child.trim();
- }
- return !!child;
- });
- // rows and slidesPerRow logic is handled here
- if (settings.variableWidth && (settings.rows > 1 || settings.slidesPerRow > 1)) {
- console.warn("variableWidth is not supported in case of rows > 1 or slidesPerRow > 1");
- settings.variableWidth = false;
- }
- var newChildren = [];
- var currentWidth = null;
- for (var i = 0; i < children.length; i += settings.rows * settings.slidesPerRow) {
- var newSlide = [];
- for (var j = i; j < i + settings.rows * settings.slidesPerRow; j += settings.slidesPerRow) {
- var row = [];
- for (var k = j; k < j + settings.slidesPerRow; k += 1) {
- if (settings.variableWidth && children[k].props.style) {
- currentWidth = children[k].props.style.width;
- }
- if (k >= children.length) break;
- row.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.cloneElement(children[k], {
- key: 100 * i + 10 * j + k,
- tabIndex: -1,
- style: {
- width: "".concat(100 / settings.slidesPerRow, "%"),
- display: "inline-block"
- }
- }));
- }
- newSlide.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("div", {
- key: 10 * i + j
- }, row));
- }
- if (settings.variableWidth) {
- newChildren.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("div", {
- key: i,
- style: {
- width: currentWidth
- }
- }, newSlide));
- } else {
- newChildren.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("div", {
- key: i
- }, newSlide));
- }
- }
- if (settings === "unslick") {
- var className = "regular slider " + (this.props.className || "");
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("div", {
- className: className
- }, children);
- } else if (newChildren.length <= settings.slidesToShow && !settings.infinite) {
- settings.unslick = true;
- }
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement(_inner_slider__WEBPACK_IMPORTED_MODULE_10__["InnerSlider"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
- style: this.props.style,
- ref: this.innerSliderRefHandler
- }, Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_13__["filterSettings"])(settings)), newChildren);
- }
- }]);
- }(react__WEBPACK_IMPORTED_MODULE_9___default.a.Component);
- /***/ }),
- /* 2 */
- /***/ (function(module, exports) {
- function _extends() {
- module.exports = _extends = Object.assign ? Object.assign.bind() : function (target) {
- for (var i = 1; i < arguments.length; i++) {
- var source = arguments[i];
- for (var key in source) {
- if (Object.prototype.hasOwnProperty.call(source, key)) {
- target[key] = source[key];
- }
- }
- }
- return target;
- }, module.exports.__esModule = true, module.exports["default"] = module.exports;
- return _extends.apply(this, arguments);
- }
- module.exports = _extends, module.exports.__esModule = true, module.exports["default"] = module.exports;
- /***/ }),
- /* 3 */
- /***/ (function(module, exports, __webpack_require__) {
- var defineProperty = __webpack_require__(4);
- function ownKeys(e, r) {
- var t = Object.keys(e);
- if (Object.getOwnPropertySymbols) {
- var o = Object.getOwnPropertySymbols(e);
- r && (o = o.filter(function (r) {
- return Object.getOwnPropertyDescriptor(e, r).enumerable;
- })), t.push.apply(t, o);
- }
- return t;
- }
- function _objectSpread2(e) {
- for (var r = 1; r < arguments.length; r++) {
- var t = null != arguments[r] ? arguments[r] : {};
- r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
- defineProperty(e, r, t[r]);
- }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
- Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
- });
- }
- return e;
- }
- module.exports = _objectSpread2, module.exports.__esModule = true, module.exports["default"] = module.exports;
- /***/ }),
- /* 4 */
- /***/ (function(module, exports, __webpack_require__) {
- var toPropertyKey = __webpack_require__(5);
- function _defineProperty(obj, key, value) {
- key = toPropertyKey(key);
- if (key in obj) {
- Object.defineProperty(obj, key, {
- value: value,
- enumerable: true,
- configurable: true,
- writable: true
- });
- } else {
- obj[key] = value;
- }
- return obj;
- }
- module.exports = _defineProperty, module.exports.__esModule = true, module.exports["default"] = module.exports;
- /***/ }),
- /* 5 */
- /***/ (function(module, exports, __webpack_require__) {
- var _typeof = __webpack_require__(6)["default"];
- var toPrimitive = __webpack_require__(7);
- function toPropertyKey(t) {
- var i = toPrimitive(t, "string");
- return "symbol" == _typeof(i) ? i : i + "";
- }
- module.exports = toPropertyKey, module.exports.__esModule = true, module.exports["default"] = module.exports;
- /***/ }),
- /* 6 */
- /***/ (function(module, exports) {
- function _typeof(o) {
- "@babel/helpers - typeof";
- return (module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
- return typeof o;
- } : function (o) {
- return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
- }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(o);
- }
- module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
- /***/ }),
- /* 7 */
- /***/ (function(module, exports, __webpack_require__) {
- var _typeof = __webpack_require__(6)["default"];
- function toPrimitive(t, r) {
- if ("object" != _typeof(t) || !t) return t;
- var e = t[Symbol.toPrimitive];
- if (void 0 !== e) {
- var i = e.call(t, r || "default");
- if ("object" != _typeof(i)) return i;
- throw new TypeError("@@toPrimitive must return a primitive value.");
- }
- return ("string" === r ? String : Number)(t);
- }
- module.exports = toPrimitive, module.exports.__esModule = true, module.exports["default"] = module.exports;
- /***/ }),
- /* 8 */
- /***/ (function(module, exports) {
- function _classCallCheck(instance, Constructor) {
- if (!(instance instanceof Constructor)) {
- throw new TypeError("Cannot call a class as a function");
- }
- }
- module.exports = _classCallCheck, module.exports.__esModule = true, module.exports["default"] = module.exports;
- /***/ }),
- /* 9 */
- /***/ (function(module, exports, __webpack_require__) {
- var toPropertyKey = __webpack_require__(5);
- function _defineProperties(target, props) {
- for (var i = 0; i < props.length; i++) {
- var descriptor = props[i];
- descriptor.enumerable = descriptor.enumerable || false;
- descriptor.configurable = true;
- if ("value" in descriptor) descriptor.writable = true;
- Object.defineProperty(target, toPropertyKey(descriptor.key), descriptor);
- }
- }
- function _createClass(Constructor, protoProps, staticProps) {
- if (protoProps) _defineProperties(Constructor.prototype, protoProps);
- if (staticProps) _defineProperties(Constructor, staticProps);
- Object.defineProperty(Constructor, "prototype", {
- writable: false
- });
- return Constructor;
- }
- module.exports = _createClass, module.exports.__esModule = true, module.exports["default"] = module.exports;
- /***/ }),
- /* 10 */
- /***/ (function(module, exports, __webpack_require__) {
- var _typeof = __webpack_require__(6)["default"];
- var assertThisInitialized = __webpack_require__(11);
- function _possibleConstructorReturn(self, call) {
- if (call && (_typeof(call) === "object" || typeof call === "function")) {
- return call;
- } else if (call !== void 0) {
- throw new TypeError("Derived constructors may only return object or undefined");
- }
- return assertThisInitialized(self);
- }
- module.exports = _possibleConstructorReturn, module.exports.__esModule = true, module.exports["default"] = module.exports;
- /***/ }),
- /* 11 */
- /***/ (function(module, exports) {
- function _assertThisInitialized(self) {
- if (self === void 0) {
- throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
- }
- return self;
- }
- module.exports = _assertThisInitialized, module.exports.__esModule = true, module.exports["default"] = module.exports;
- /***/ }),
- /* 12 */
- /***/ (function(module, exports) {
- function _isNativeReflectConstruct() {
- try {
- var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
- } catch (t) {}
- return (module.exports = _isNativeReflectConstruct = function _isNativeReflectConstruct() {
- return !!t;
- }, module.exports.__esModule = true, module.exports["default"] = module.exports)();
- }
- module.exports = _isNativeReflectConstruct, module.exports.__esModule = true, module.exports["default"] = module.exports;
- /***/ }),
- /* 13 */
- /***/ (function(module, exports) {
- function _getPrototypeOf(o) {
- module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
- return o.__proto__ || Object.getPrototypeOf(o);
- }, module.exports.__esModule = true, module.exports["default"] = module.exports;
- return _getPrototypeOf(o);
- }
- module.exports = _getPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports;
- /***/ }),
- /* 14 */
- /***/ (function(module, exports, __webpack_require__) {
- var setPrototypeOf = __webpack_require__(15);
- function _inherits(subClass, superClass) {
- if (typeof superClass !== "function" && superClass !== null) {
- throw new TypeError("Super expression must either be null or a function");
- }
- subClass.prototype = Object.create(superClass && superClass.prototype, {
- constructor: {
- value: subClass,
- writable: true,
- configurable: true
- }
- });
- Object.defineProperty(subClass, "prototype", {
- writable: false
- });
- if (superClass) setPrototypeOf(subClass, superClass);
- }
- module.exports = _inherits, module.exports.__esModule = true, module.exports["default"] = module.exports;
- /***/ }),
- /* 15 */
- /***/ (function(module, exports) {
- function _setPrototypeOf(o, p) {
- module.exports = _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
- o.__proto__ = p;
- return o;
- }, module.exports.__esModule = true, module.exports["default"] = module.exports;
- return _setPrototypeOf(o, p);
- }
- module.exports = _setPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports;
- /***/ }),
- /* 16 */
- /***/ (function(module, exports) {
- module.exports = __WEBPACK_EXTERNAL_MODULE__16__;
- /***/ }),
- /* 17 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- __webpack_require__.r(__webpack_exports__);
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "InnerSlider", function() { return InnerSlider; });
- /* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6);
- /* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__);
- /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
- /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_1__);
- /* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(18);
- /* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2__);
- /* harmony import */ var _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3);
- /* harmony import */ var _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3__);
- /* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(8);
- /* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_4__);
- /* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(9);
- /* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_5__);
- /* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(10);
- /* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_6__);
- /* harmony import */ var _babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(12);
- /* harmony import */ var _babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_7__);
- /* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(13);
- /* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_8__);
- /* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(14);
- /* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_9__);
- /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(4);
- /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10__);
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(16);
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_11__);
- /* harmony import */ var _initial_state__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(20);
- /* harmony import */ var throttle_debounce__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(21);
- /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(22);
- /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_14__);
- /* harmony import */ var _utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(23);
- /* harmony import */ var _track__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(25);
- /* harmony import */ var _dots__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(26);
- /* harmony import */ var _arrows__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(27);
- /* harmony import */ var resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(28);
- var _excluded = ["animating"];
- function _callSuper(t, o, e) { return o = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_8___default()(o), _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_6___default()(t, _babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_7___default()() ? Reflect.construct(o, e || [], _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_8___default()(t).constructor) : o.apply(t, e)); }
- var InnerSlider = /*#__PURE__*/function (_React$Component) {
- function InnerSlider(props) {
- var _this;
- _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_4___default()(this, InnerSlider);
- _this = _callSuper(this, InnerSlider, [props]);
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "listRefHandler", function (ref) {
- return _this.list = ref;
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "trackRefHandler", function (ref) {
- return _this.track = ref;
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "adaptHeight", function () {
- if (_this.props.adaptiveHeight && _this.list) {
- var elem = _this.list.querySelector("[data-index=\"".concat(_this.state.currentSlide, "\"]"));
- _this.list.style.height = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["getHeight"])(elem) + "px";
- }
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "componentDidMount", function () {
- _this.props.onInit && _this.props.onInit();
- if (_this.props.lazyLoad) {
- var slidesToLoad = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["getOnDemandLazySlides"])(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, _this.props), _this.state));
- if (slidesToLoad.length > 0) {
- _this.setState(function (prevState) {
- return {
- lazyLoadedList: prevState.lazyLoadedList.concat(slidesToLoad)
- };
- });
- if (_this.props.onLazyLoad) {
- _this.props.onLazyLoad(slidesToLoad);
- }
- }
- }
- var spec = _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({
- listRef: _this.list,
- trackRef: _this.track
- }, _this.props);
- _this.updateState(spec, true, function () {
- _this.adaptHeight();
- _this.props.autoplay && _this.autoPlay("playing");
- });
- if (_this.props.lazyLoad === "progressive") {
- _this.lazyLoadTimer = setInterval(_this.progressiveLazyLoad, 1000);
- }
- _this.ro = new resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_19__["default"](function () {
- if (_this.state.animating) {
- _this.onWindowResized(false); // don't set trackStyle hence don't break animation
- _this.callbackTimers.push(setTimeout(function () {
- return _this.onWindowResized();
- }, _this.props.speed));
- } else {
- _this.onWindowResized();
- }
- });
- _this.ro.observe(_this.list);
- document.querySelectorAll && Array.prototype.forEach.call(document.querySelectorAll(".slick-slide"), function (slide) {
- slide.onfocus = _this.props.pauseOnFocus ? _this.onSlideFocus : null;
- slide.onblur = _this.props.pauseOnFocus ? _this.onSlideBlur : null;
- });
- if (window.addEventListener) {
- window.addEventListener("resize", _this.onWindowResized);
- } else {
- window.attachEvent("onresize", _this.onWindowResized);
- }
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "componentWillUnmount", function () {
- 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();
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "componentDidUpdate", function (prevProps) {
- _this.checkImagesLoad();
- _this.props.onReInit && _this.props.onReInit();
- if (_this.props.lazyLoad) {
- var slidesToLoad = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["getOnDemandLazySlides"])(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, _this.props), _this.state));
- if (slidesToLoad.length > 0) {
- _this.setState(function (prevState) {
- return {
- lazyLoadedList: prevState.lazyLoadedList.concat(slidesToLoad)
- };
- });
- if (_this.props.onLazyLoad) {
- _this.props.onLazyLoad(slidesToLoad);
- }
- }
- }
- // if (this.props.onLazyLoad) {
- // this.props.onLazyLoad([leftMostSlide])
- // }
- _this.adaptHeight();
- var spec = _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({
- listRef: _this.list,
- trackRef: _this.track
- }, _this.props), _this.state);
- var setTrackStyle = _this.didPropsChange(prevProps);
- setTrackStyle && _this.updateState(spec, setTrackStyle, function () {
- if (_this.state.currentSlide >= react__WEBPACK_IMPORTED_MODULE_11___default.a.Children.count(_this.props.children)) {
- _this.changeSlide({
- message: "index",
- index: react__WEBPACK_IMPORTED_MODULE_11___default.a.Children.count(_this.props.children) - _this.props.slidesToShow,
- currentSlide: _this.state.currentSlide
- });
- }
- if (prevProps.autoplay !== _this.props.autoplay || prevProps.autoplaySpeed !== _this.props.autoplaySpeed) {
- if (!prevProps.autoplay && _this.props.autoplay) {
- _this.autoPlay("playing");
- } else if (_this.props.autoplay) {
- _this.autoPlay("update");
- } else {
- _this.pause("paused");
- }
- }
- });
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "onWindowResized", function (setTrackStyle) {
- if (_this.debouncedResize) _this.debouncedResize.cancel();
- _this.debouncedResize = Object(throttle_debounce__WEBPACK_IMPORTED_MODULE_13__["debounce"])(50, function () {
- return _this.resizeWindow(setTrackStyle);
- });
- _this.debouncedResize();
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "resizeWindow", function () {
- var setTrackStyle = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
- var isTrackMounted = Boolean(_this.track && _this.track.node);
- // prevent warning: setting state on unmounted component (server side rendering)
- if (!isTrackMounted) return;
- var spec = _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({
- listRef: _this.list,
- trackRef: _this.track
- }, _this.props), _this.state);
- _this.updateState(spec, setTrackStyle, function () {
- if (_this.props.autoplay) _this.autoPlay("update");else _this.pause("paused");
- });
- // animating state should be cleared while resizing, otherwise autoplay stops working
- _this.setState({
- animating: false
- });
- clearTimeout(_this.animationEndCallback);
- delete _this.animationEndCallback;
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "updateState", function (spec, setTrackStyle, callback) {
- var updatedState = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["initializedState"])(spec);
- spec = _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, spec), updatedState), {}, {
- slideIndex: updatedState.currentSlide
- });
- var targetLeft = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["getTrackLeft"])(spec);
- spec = _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, spec), {}, {
- left: targetLeft
- });
- var trackStyle = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["getTrackCSS"])(spec);
- if (setTrackStyle || react__WEBPACK_IMPORTED_MODULE_11___default.a.Children.count(_this.props.children) !== react__WEBPACK_IMPORTED_MODULE_11___default.a.Children.count(spec.children)) {
- updatedState["trackStyle"] = trackStyle;
- }
- _this.setState(updatedState, callback);
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "ssrInit", function () {
- if (_this.props.variableWidth) {
- var _trackWidth = 0,
- _trackLeft = 0;
- var childrenWidths = [];
- var preClones = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["getPreClones"])(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, _this.props), _this.state), {}, {
- slideCount: _this.props.children.length
- }));
- var postClones = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["getPostClones"])(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, _this.props), _this.state), {}, {
- slideCount: _this.props.children.length
- }));
- _this.props.children.forEach(function (child) {
- childrenWidths.push(child.props.style.width);
- _trackWidth += child.props.style.width;
- });
- for (var i = 0; i < preClones; i++) {
- _trackLeft += childrenWidths[childrenWidths.length - 1 - i];
- _trackWidth += childrenWidths[childrenWidths.length - 1 - i];
- }
- for (var _i = 0; _i < postClones; _i++) {
- _trackWidth += childrenWidths[_i];
- }
- for (var _i2 = 0; _i2 < _this.state.currentSlide; _i2++) {
- _trackLeft += childrenWidths[_i2];
- }
- var _trackStyle = {
- width: _trackWidth + "px",
- left: -_trackLeft + "px"
- };
- if (_this.props.centerMode) {
- var currentWidth = "".concat(childrenWidths[_this.state.currentSlide], "px");
- _trackStyle.left = "calc(".concat(_trackStyle.left, " + (100% - ").concat(currentWidth, ") / 2 ) ");
- }
- return {
- trackStyle: _trackStyle
- };
- }
- var childrenCount = react__WEBPACK_IMPORTED_MODULE_11___default.a.Children.count(_this.props.children);
- var spec = _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, _this.props), _this.state), {}, {
- slideCount: childrenCount
- });
- var slideCount = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["getPreClones"])(spec) + Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["getPostClones"])(spec) + childrenCount;
- var trackWidth = 100 / _this.props.slidesToShow * slideCount;
- var slideWidth = 100 / slideCount;
- var trackLeft = -slideWidth * (Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["getPreClones"])(spec) + _this.state.currentSlide) * trackWidth / 100;
- if (_this.props.centerMode) {
- trackLeft += (100 - slideWidth * trackWidth / 100) / 2;
- }
- var trackStyle = {
- width: trackWidth + "%",
- left: trackLeft + "%"
- };
- return {
- slideWidth: slideWidth + "%",
- trackStyle: trackStyle
- };
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "checkImagesLoad", function () {
- var images = _this.list && _this.list.querySelectorAll && _this.list.querySelectorAll(".slick-slide img") || [];
- var imagesCount = images.length,
- loadedCount = 0;
- Array.prototype.forEach.call(images, function (image) {
- var handler = function handler() {
- return ++loadedCount && loadedCount >= imagesCount && _this.onWindowResized();
- };
- if (!image.onclick) {
- image.onclick = function () {
- return image.parentNode.focus();
- };
- } else {
- var prevClickHandler = image.onclick;
- image.onclick = function (e) {
- prevClickHandler(e);
- image.parentNode.focus();
- };
- }
- if (!image.onload) {
- if (_this.props.lazyLoad) {
- image.onload = function () {
- _this.adaptHeight();
- _this.callbackTimers.push(setTimeout(_this.onWindowResized, _this.props.speed));
- };
- } else {
- image.onload = handler;
- image.onerror = function () {
- handler();
- _this.props.onLazyLoadError && _this.props.onLazyLoadError();
- };
- }
- }
- });
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "progressiveLazyLoad", function () {
- var slidesToLoad = [];
- var spec = _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, _this.props), _this.state);
- for (var index = _this.state.currentSlide; index < _this.state.slideCount + Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["getPostClones"])(spec); index++) {
- if (_this.state.lazyLoadedList.indexOf(index) < 0) {
- slidesToLoad.push(index);
- break;
- }
- }
- for (var _index = _this.state.currentSlide - 1; _index >= -Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["getPreClones"])(spec); _index--) {
- if (_this.state.lazyLoadedList.indexOf(_index) < 0) {
- slidesToLoad.push(_index);
- break;
- }
- }
- if (slidesToLoad.length > 0) {
- _this.setState(function (state) {
- return {
- lazyLoadedList: state.lazyLoadedList.concat(slidesToLoad)
- };
- });
- if (_this.props.onLazyLoad) {
- _this.props.onLazyLoad(slidesToLoad);
- }
- } else {
- if (_this.lazyLoadTimer) {
- clearInterval(_this.lazyLoadTimer);
- delete _this.lazyLoadTimer;
- }
- }
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "slideHandler", function (index) {
- var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
- var _this$props = _this.props,
- asNavFor = _this$props.asNavFor,
- beforeChange = _this$props.beforeChange,
- onLazyLoad = _this$props.onLazyLoad,
- speed = _this$props.speed,
- afterChange = _this$props.afterChange;
- // capture currentslide before state is updated
- var currentSlide = _this.state.currentSlide;
- var _slideHandler = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["slideHandler"])(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({
- index: index
- }, _this.props), _this.state), {}, {
- trackRef: _this.track,
- useCSS: _this.props.useCSS && !dontAnimate
- })),
- state = _slideHandler.state,
- nextState = _slideHandler.nextState;
- if (!state) return;
- beforeChange && beforeChange(currentSlide, state.currentSlide);
- var slidesToLoad = state.lazyLoadedList.filter(function (value) {
- return _this.state.lazyLoadedList.indexOf(value) < 0;
- });
- onLazyLoad && slidesToLoad.length > 0 && onLazyLoad(slidesToLoad);
- if (!_this.props.waitForAnimate && _this.animationEndCallback) {
- clearTimeout(_this.animationEndCallback);
- afterChange && afterChange(currentSlide);
- delete _this.animationEndCallback;
- }
- _this.setState(state, function () {
- // asNavForIndex check is to avoid recursive calls of slideHandler in waitForAnimate=false mode
- if (asNavFor && _this.asNavForIndex !== index) {
- _this.asNavForIndex = index;
- asNavFor.innerSlider.slideHandler(index);
- }
- if (!nextState) return;
- _this.animationEndCallback = setTimeout(function () {
- var animating = nextState.animating,
- firstBatch = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2___default()(nextState, _excluded);
- _this.setState(firstBatch, function () {
- _this.callbackTimers.push(setTimeout(function () {
- return _this.setState({
- animating: animating
- });
- }, 10));
- afterChange && afterChange(state.currentSlide);
- delete _this.animationEndCallback;
- });
- }, speed);
- });
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "changeSlide", function (options) {
- var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
- var spec = _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, _this.props), _this.state);
- var targetSlide = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["changeSlide"])(spec, options);
- if (targetSlide !== 0 && !targetSlide) return;
- if (dontAnimate === true) {
- _this.slideHandler(targetSlide, dontAnimate);
- } else {
- _this.slideHandler(targetSlide);
- }
- _this.props.autoplay && _this.autoPlay("update");
- if (_this.props.focusOnSelect) {
- var nodes = _this.list.querySelectorAll(".slick-current");
- nodes[0] && nodes[0].focus();
- }
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "clickHandler", function (e) {
- if (_this.clickable === false) {
- e.stopPropagation();
- e.preventDefault();
- }
- _this.clickable = true;
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "keyHandler", function (e) {
- var dir = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["keyHandler"])(e, _this.props.accessibility, _this.props.rtl);
- dir !== "" && _this.changeSlide({
- message: dir
- });
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "selectHandler", function (options) {
- _this.changeSlide(options);
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "disableBodyScroll", function () {
- var preventDefault = function preventDefault(e) {
- e = e || window.event;
- if (e.preventDefault) e.preventDefault();
- e.returnValue = false;
- };
- window.ontouchmove = preventDefault;
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "enableBodyScroll", function () {
- window.ontouchmove = null;
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "swipeStart", function (e) {
- if (_this.props.verticalSwiping) {
- _this.disableBodyScroll();
- }
- var state = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["swipeStart"])(e, _this.props.swipe, _this.props.draggable);
- state !== "" && _this.setState(state);
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "swipeMove", function (e) {
- var state = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["swipeMove"])(e, _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, _this.props), _this.state), {}, {
- trackRef: _this.track,
- listRef: _this.list,
- slideIndex: _this.state.currentSlide
- }));
- if (!state) return;
- if (state["swiping"]) {
- _this.clickable = false;
- }
- _this.setState(state);
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "swipeEnd", function (e) {
- var state = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["swipeEnd"])(e, _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, _this.props), _this.state), {}, {
- trackRef: _this.track,
- listRef: _this.list,
- slideIndex: _this.state.currentSlide
- }));
- if (!state) return;
- var triggerSlideHandler = state["triggerSlideHandler"];
- delete state["triggerSlideHandler"];
- _this.setState(state);
- if (triggerSlideHandler === undefined) return;
- _this.slideHandler(triggerSlideHandler);
- if (_this.props.verticalSwiping) {
- _this.enableBodyScroll();
- }
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "touchEnd", function (e) {
- _this.swipeEnd(e);
- _this.clickable = true;
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "slickPrev", function () {
- // this and fellow methods are wrapped in setTimeout
- // to make sure initialize setState has happened before
- // any of such methods are called
- _this.callbackTimers.push(setTimeout(function () {
- return _this.changeSlide({
- message: "previous"
- });
- }, 0));
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "slickNext", function () {
- _this.callbackTimers.push(setTimeout(function () {
- return _this.changeSlide({
- message: "next"
- });
- }, 0));
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "slickGoTo", function (slide) {
- var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
- slide = Number(slide);
- if (isNaN(slide)) return "";
- _this.callbackTimers.push(setTimeout(function () {
- return _this.changeSlide({
- message: "index",
- index: slide,
- currentSlide: _this.state.currentSlide
- }, dontAnimate);
- }, 0));
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "play", function () {
- var nextIndex;
- if (_this.props.rtl) {
- nextIndex = _this.state.currentSlide - _this.props.slidesToScroll;
- } else {
- if (Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["canGoNext"])(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, _this.props), _this.state))) {
- nextIndex = _this.state.currentSlide + _this.props.slidesToScroll;
- } else {
- return false;
- }
- }
- _this.slideHandler(nextIndex);
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "autoPlay", function (playType) {
- if (_this.autoplayTimer) {
- clearInterval(_this.autoplayTimer);
- }
- var autoplaying = _this.state.autoplaying;
- if (playType === "update") {
- if (autoplaying === "hovered" || autoplaying === "focused" || autoplaying === "paused") {
- return;
- }
- } else if (playType === "leave") {
- if (autoplaying === "paused" || autoplaying === "focused") {
- return;
- }
- } else if (playType === "blur") {
- if (autoplaying === "paused" || autoplaying === "hovered") {
- return;
- }
- }
- _this.autoplayTimer = setInterval(_this.play, _this.props.autoplaySpeed + 50);
- _this.setState({
- autoplaying: "playing"
- });
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "pause", function (pauseType) {
- if (_this.autoplayTimer) {
- clearInterval(_this.autoplayTimer);
- _this.autoplayTimer = null;
- }
- var autoplaying = _this.state.autoplaying;
- if (pauseType === "paused") {
- _this.setState({
- autoplaying: "paused"
- });
- } else if (pauseType === "focused") {
- if (autoplaying === "hovered" || autoplaying === "playing") {
- _this.setState({
- autoplaying: "focused"
- });
- }
- } else {
- // pauseType is 'hovered'
- if (autoplaying === "playing") {
- _this.setState({
- autoplaying: "hovered"
- });
- }
- }
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "onDotsOver", function () {
- return _this.props.autoplay && _this.pause("hovered");
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "onDotsLeave", function () {
- return _this.props.autoplay && _this.state.autoplaying === "hovered" && _this.autoPlay("leave");
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "onTrackOver", function () {
- return _this.props.autoplay && _this.pause("hovered");
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "onTrackLeave", function () {
- return _this.props.autoplay && _this.state.autoplaying === "hovered" && _this.autoPlay("leave");
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "onSlideFocus", function () {
- return _this.props.autoplay && _this.pause("focused");
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "onSlideBlur", function () {
- return _this.props.autoplay && _this.state.autoplaying === "focused" && _this.autoPlay("blur");
- });
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10___default()(_this, "render", function () {
- var className = classnames__WEBPACK_IMPORTED_MODULE_14___default()("slick-slider", _this.props.className, {
- "slick-vertical": _this.props.vertical,
- "slick-initialized": true
- });
- var spec = _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, _this.props), _this.state);
- var trackProps = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["extractObject"])(spec, ["fade", "cssEase", "speed", "infinite", "centerMode", "focusOnSelect", "currentSlide", "lazyLoad", "lazyLoadedList", "rtl", "slideWidth", "slideHeight", "listHeight", "vertical", "slidesToShow", "slidesToScroll", "slideCount", "trackStyle", "variableWidth", "unslick", "centerPadding", "targetSlide", "useCSS"]);
- var pauseOnHover = _this.props.pauseOnHover;
- trackProps = _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, trackProps), {}, {
- onMouseEnter: pauseOnHover ? _this.onTrackOver : null,
- onMouseLeave: pauseOnHover ? _this.onTrackLeave : null,
- onMouseOver: pauseOnHover ? _this.onTrackOver : null,
- focusOnSelect: _this.props.focusOnSelect && _this.clickable ? _this.selectHandler : null
- });
- var dots;
- if (_this.props.dots === true && _this.state.slideCount >= _this.props.slidesToShow) {
- var dotProps = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["extractObject"])(spec, ["dotsClass", "slideCount", "slidesToShow", "currentSlide", "slidesToScroll", "clickHandler", "children", "customPaging", "infinite", "appendDots"]);
- var pauseOnDotsHover = _this.props.pauseOnDotsHover;
- dotProps = _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, dotProps), {}, {
- clickHandler: _this.changeSlide,
- onMouseEnter: pauseOnDotsHover ? _this.onDotsLeave : null,
- onMouseOver: pauseOnDotsHover ? _this.onDotsOver : null,
- onMouseLeave: pauseOnDotsHover ? _this.onDotsLeave : null
- });
- dots = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_dots__WEBPACK_IMPORTED_MODULE_17__["Dots"], dotProps);
- }
- var prevArrow, nextArrow;
- var arrowProps = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_15__["extractObject"])(spec, ["infinite", "centerMode", "currentSlide", "slideCount", "slidesToShow", "prevArrow", "nextArrow"]);
- arrowProps.clickHandler = _this.changeSlide;
- if (_this.props.arrows) {
- prevArrow = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_arrows__WEBPACK_IMPORTED_MODULE_18__["PrevArrow"], arrowProps);
- nextArrow = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_arrows__WEBPACK_IMPORTED_MODULE_18__["NextArrow"], arrowProps);
- }
- var verticalHeightStyle = null;
- if (_this.props.vertical) {
- verticalHeightStyle = {
- height: _this.state.listHeight
- };
- }
- var centerPaddingStyle = null;
- if (_this.props.vertical === false) {
- if (_this.props.centerMode === true) {
- centerPaddingStyle = {
- padding: "0px " + _this.props.centerPadding
- };
- }
- } else {
- if (_this.props.centerMode === true) {
- centerPaddingStyle = {
- padding: _this.props.centerPadding + " 0px"
- };
- }
- }
- var listStyle = _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, verticalHeightStyle), centerPaddingStyle);
- var touchMove = _this.props.touchMove;
- var listProps = {
- className: "slick-list",
- style: listStyle,
- onClick: _this.clickHandler,
- onMouseDown: touchMove ? _this.swipeStart : null,
- onMouseMove: _this.state.dragging && touchMove ? _this.swipeMove : null,
- onMouseUp: touchMove ? _this.swipeEnd : null,
- onMouseLeave: _this.state.dragging && touchMove ? _this.swipeEnd : null,
- onTouchStart: touchMove ? _this.swipeStart : null,
- onTouchMove: _this.state.dragging && touchMove ? _this.swipeMove : null,
- onTouchEnd: touchMove ? _this.touchEnd : null,
- onTouchCancel: _this.state.dragging && touchMove ? _this.swipeEnd : null,
- onKeyDown: _this.props.accessibility ? _this.keyHandler : null
- };
- var innerSliderProps = {
- className: className,
- dir: "ltr",
- style: _this.props.style
- };
- if (_this.props.unslick) {
- listProps = {
- className: "slick-list"
- };
- innerSliderProps = {
- className: className,
- style: _this.props.style
- };
- }
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("div", innerSliderProps, !_this.props.unslick ? prevArrow : "", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_1___default()({
- ref: _this.listRefHandler
- }, listProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_track__WEBPACK_IMPORTED_MODULE_16__["Track"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_1___default()({
- ref: _this.trackRefHandler
- }, trackProps), _this.props.children)), !_this.props.unslick ? nextArrow : "", !_this.props.unslick ? dots : "");
- });
- _this.list = null;
- _this.track = null;
- _this.state = _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, _initial_state__WEBPACK_IMPORTED_MODULE_12__["default"]), {}, {
- currentSlide: _this.props.initialSlide,
- targetSlide: _this.props.initialSlide ? _this.props.initialSlide : 0,
- slideCount: react__WEBPACK_IMPORTED_MODULE_11___default.a.Children.count(_this.props.children)
- });
- _this.callbackTimers = [];
- _this.clickable = true;
- _this.debouncedResize = null;
- var ssrState = _this.ssrInit();
- _this.state = _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3___default()({}, _this.state), ssrState);
- return _this;
- }
- _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_9___default()(InnerSlider, _React$Component);
- return _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_5___default()(InnerSlider, [{
- key: "didPropsChange",
- value: function didPropsChange(prevProps) {
- var setTrackStyle = false;
- for (var _i3 = 0, _Object$keys = Object.keys(this.props); _i3 < _Object$keys.length; _i3++) {
- var key = _Object$keys[_i3];
- // eslint-disable-next-line no-prototype-builtins
- if (!prevProps.hasOwnProperty(key)) {
- setTrackStyle = true;
- break;
- }
- if (_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0___default()(prevProps[key]) === "object" || typeof prevProps[key] === "function" || isNaN(prevProps[key])) {
- continue;
- }
- if (prevProps[key] !== this.props[key]) {
- setTrackStyle = true;
- break;
- }
- }
- return setTrackStyle || react__WEBPACK_IMPORTED_MODULE_11___default.a.Children.count(this.props.children) !== react__WEBPACK_IMPORTED_MODULE_11___default.a.Children.count(prevProps.children);
- }
- }]);
- }(react__WEBPACK_IMPORTED_MODULE_11___default.a.Component);
- /***/ }),
- /* 18 */
- /***/ (function(module, exports, __webpack_require__) {
- var objectWithoutPropertiesLoose = __webpack_require__(19);
- function _objectWithoutProperties(source, excluded) {
- if (source == null) return {};
- var target = objectWithoutPropertiesLoose(source, excluded);
- var key, i;
- if (Object.getOwnPropertySymbols) {
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
- for (i = 0; i < sourceSymbolKeys.length; i++) {
- key = sourceSymbolKeys[i];
- if (excluded.indexOf(key) >= 0) continue;
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
- target[key] = source[key];
- }
- }
- return target;
- }
- module.exports = _objectWithoutProperties, module.exports.__esModule = true, module.exports["default"] = module.exports;
- /***/ }),
- /* 19 */
- /***/ (function(module, exports) {
- function _objectWithoutPropertiesLoose(source, excluded) {
- if (source == null) return {};
- var target = {};
- var sourceKeys = Object.keys(source);
- var key, i;
- for (i = 0; i < sourceKeys.length; i++) {
- key = sourceKeys[i];
- if (excluded.indexOf(key) >= 0) continue;
- target[key] = source[key];
- }
- return target;
- }
- module.exports = _objectWithoutPropertiesLoose, module.exports.__esModule = true, module.exports["default"] = module.exports;
- /***/ }),
- /* 20 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- __webpack_require__.r(__webpack_exports__);
- var initialState = {
- animating: false,
- autoplaying: null,
- currentDirection: 0,
- currentLeft: null,
- currentSlide: 0,
- direction: 1,
- dragging: false,
- edgeDragged: false,
- initialized: false,
- lazyLoadedList: [],
- listHeight: null,
- listWidth: null,
- scrolling: false,
- slideCount: null,
- slideHeight: null,
- slideWidth: null,
- swipeLeft: null,
- swiped: false,
- // used by swipeEvent. differentites between touch and swipe.
- swiping: false,
- touchObject: {
- startX: 0,
- startY: 0,
- curX: 0,
- curY: 0
- },
- trackStyle: {},
- trackWidth: 0,
- targetSlide: 0
- };
- /* harmony default export */ __webpack_exports__["default"] = (initialState);
- /***/ }),
- /* 21 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- __webpack_require__.r(__webpack_exports__);
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "debounce", function() { return debounce; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "throttle", function() { return throttle; });
- /* eslint-disable no-undefined,no-param-reassign,no-shadow */
- /**
- * Throttle execution of a function. Especially useful for rate limiting
- * execution of handlers on events like resize and scroll.
- *
- * @param {number} delay - A zero-or-greater delay in milliseconds. For event callbacks, values around 100 or 250 (or even higher)
- * are most useful.
- * @param {Function} callback - A function to be executed after delay milliseconds. The `this` context and all arguments are passed through,
- * as-is, to `callback` when the throttled-function is executed.
- * @param {object} [options] - An object to configure options.
- * @param {boolean} [options.noTrailing] - Optional, defaults to false. If noTrailing is true, callback will only execute every `delay` milliseconds
- * while the throttled-function is being called. If noTrailing is false or unspecified, callback will be executed
- * one final time after the last throttled-function call. (After the throttled-function has not been called for
- * `delay` milliseconds, the internal counter is reset).
- * @param {boolean} [options.noLeading] - Optional, defaults to false. If noLeading is false, the first throttled-function call will execute callback
- * immediately. If noLeading is true, the first the callback execution will be skipped. It should be noted that
- * callback will never executed if both noLeading = true and noTrailing = true.
- * @param {boolean} [options.debounceMode] - If `debounceMode` is true (at begin), schedule `clear` to execute after `delay` ms. If `debounceMode` is
- * false (at end), schedule `callback` to execute after `delay` ms.
- *
- * @returns {Function} A new, throttled, function.
- */
- function throttle (delay, callback, options) {
- var _ref = options || {},
- _ref$noTrailing = _ref.noTrailing,
- noTrailing = _ref$noTrailing === void 0 ? false : _ref$noTrailing,
- _ref$noLeading = _ref.noLeading,
- noLeading = _ref$noLeading === void 0 ? false : _ref$noLeading,
- _ref$debounceMode = _ref.debounceMode,
- debounceMode = _ref$debounceMode === void 0 ? undefined : _ref$debounceMode;
- /*
- * After wrapper has stopped being called, this timeout ensures that
- * `callback` is executed at the proper times in `throttle` and `end`
- * debounce modes.
- */
- var timeoutID;
- var cancelled = false; // Keep track of the last time `callback` was executed.
- var lastExec = 0; // Function to clear existing timeout
- function clearExistingTimeout() {
- if (timeoutID) {
- clearTimeout(timeoutID);
- }
- } // Function to cancel next exec
- function cancel(options) {
- var _ref2 = options || {},
- _ref2$upcomingOnly = _ref2.upcomingOnly,
- upcomingOnly = _ref2$upcomingOnly === void 0 ? false : _ref2$upcomingOnly;
- clearExistingTimeout();
- cancelled = !upcomingOnly;
- }
- /*
- * The `wrapper` function encapsulates all of the throttling / debouncing
- * functionality and when executed will limit the rate at which `callback`
- * is executed.
- */
- function wrapper() {
- for (var _len = arguments.length, arguments_ = new Array(_len), _key = 0; _key < _len; _key++) {
- arguments_[_key] = arguments[_key];
- }
- var self = this;
- var elapsed = Date.now() - lastExec;
- if (cancelled) {
- return;
- } // Execute `callback` and update the `lastExec` timestamp.
- function exec() {
- lastExec = Date.now();
- callback.apply(self, arguments_);
- }
- /*
- * If `debounceMode` is true (at begin) this is used to clear the flag
- * to allow future `callback` executions.
- */
- function clear() {
- timeoutID = undefined;
- }
- if (!noLeading && debounceMode && !timeoutID) {
- /*
- * Since `wrapper` is being called for the first time and
- * `debounceMode` is true (at begin), execute `callback`
- * and noLeading != true.
- */
- exec();
- }
- clearExistingTimeout();
- if (debounceMode === undefined && elapsed > delay) {
- if (noLeading) {
- /*
- * In throttle mode with noLeading, if `delay` time has
- * been exceeded, update `lastExec` and schedule `callback`
- * to execute after `delay` ms.
- */
- lastExec = Date.now();
- if (!noTrailing) {
- timeoutID = setTimeout(debounceMode ? clear : exec, delay);
- }
- } else {
- /*
- * In throttle mode without noLeading, if `delay` time has been exceeded, execute
- * `callback`.
- */
- exec();
- }
- } else if (noTrailing !== true) {
- /*
- * In trailing throttle mode, since `delay` time has not been
- * exceeded, schedule `callback` to execute `delay` ms after most
- * recent execution.
- *
- * If `debounceMode` is true (at begin), schedule `clear` to execute
- * after `delay` ms.
- *
- * If `debounceMode` is false (at end), schedule `callback` to
- * execute after `delay` ms.
- */
- timeoutID = setTimeout(debounceMode ? clear : exec, debounceMode === undefined ? delay - elapsed : delay);
- }
- }
- wrapper.cancel = cancel; // Return the wrapper function.
- return wrapper;
- }
- /* eslint-disable no-undefined */
- /**
- * Debounce execution of a function. Debouncing, unlike throttling,
- * guarantees that a function is only executed a single time, either at the
- * very beginning of a series of calls, or at the very end.
- *
- * @param {number} delay - A zero-or-greater delay in milliseconds. For event callbacks, values around 100 or 250 (or even higher) are most useful.
- * @param {Function} callback - A function to be executed after delay milliseconds. The `this` context and all arguments are passed through, as-is,
- * to `callback` when the debounced-function is executed.
- * @param {object} [options] - An object to configure options.
- * @param {boolean} [options.atBegin] - Optional, defaults to false. If atBegin is false or unspecified, callback will only be executed `delay` milliseconds
- * after the last debounced-function call. If atBegin is true, callback will be executed only at the first debounced-function call.
- * (After the throttled-function has not been called for `delay` milliseconds, the internal counter is reset).
- *
- * @returns {Function} A new, debounced function.
- */
- function debounce (delay, callback, options) {
- var _ref = options || {},
- _ref$atBegin = _ref.atBegin,
- atBegin = _ref$atBegin === void 0 ? false : _ref$atBegin;
- return throttle(delay, callback, {
- debounceMode: atBegin !== false
- });
- }
- //# sourceMappingURL=index.js.map
- /***/ }),
- /* 22 */
- /***/ (function(module, exports, __webpack_require__) {
- var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
- Copyright (c) 2018 Jed Watson.
- Licensed under the MIT License (MIT), see
- http://jedwatson.github.io/classnames
- */
- /* global define */
- (function () {
- 'use strict';
- var hasOwn = {}.hasOwnProperty;
- function classNames () {
- var classes = '';
- for (var i = 0; i < arguments.length; i++) {
- var arg = arguments[i];
- if (arg) {
- classes = appendClass(classes, parseValue(arg));
- }
- }
- return classes;
- }
- function parseValue (arg) {
- if (typeof arg === 'string' || typeof arg === 'number') {
- return arg;
- }
- if (typeof arg !== 'object') {
- return '';
- }
- if (Array.isArray(arg)) {
- return classNames.apply(null, arg);
- }
- if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
- return arg.toString();
- }
- var classes = '';
- for (var key in arg) {
- if (hasOwn.call(arg, key) && arg[key]) {
- classes = appendClass(classes, key);
- }
- }
- return classes;
- }
- function appendClass (value, newClass) {
- if (!newClass) {
- return value;
- }
-
- if (value) {
- return value + ' ' + newClass;
- }
-
- return value + newClass;
- }
- if ( true && module.exports) {
- classNames.default = classNames;
- module.exports = classNames;
- } else if (true) {
- // register as 'classnames', consistent with npm package name
- !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = (function () {
- return classNames;
- }).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),
- __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
- } else {}
- }());
- /***/ }),
- /* 23 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- __webpack_require__.r(__webpack_exports__);
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "clamp", function() { return clamp; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "safePreventDefault", function() { return safePreventDefault; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getOnDemandLazySlides", function() { return getOnDemandLazySlides; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getRequiredLazySlides", function() { return getRequiredLazySlides; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "lazyStartIndex", function() { return lazyStartIndex; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "lazyEndIndex", function() { return lazyEndIndex; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "lazySlidesOnLeft", function() { return lazySlidesOnLeft; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "lazySlidesOnRight", function() { return lazySlidesOnRight; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getWidth", function() { return getWidth; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getHeight", function() { return getHeight; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getSwipeDirection", function() { return getSwipeDirection; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canGoNext", function() { return canGoNext; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "extractObject", function() { return extractObject; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "initializedState", function() { return initializedState; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "slideHandler", function() { return slideHandler; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "changeSlide", function() { return changeSlide; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "keyHandler", function() { return keyHandler; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "swipeStart", function() { return swipeStart; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "swipeMove", function() { return swipeMove; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "swipeEnd", function() { return swipeEnd; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getNavigableIndexes", function() { return getNavigableIndexes; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "checkNavigable", function() { return checkNavigable; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getSlideCount", function() { return getSlideCount; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "checkSpecKeys", function() { return checkSpecKeys; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTrackCSS", function() { return getTrackCSS; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTrackAnimateCSS", function() { return getTrackAnimateCSS; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTrackLeft", function() { return getTrackLeft; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getPreClones", function() { return getPreClones; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getPostClones", function() { return getPostClones; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTotalSlides", function() { return getTotalSlides; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "siblingDirection", function() { return siblingDirection; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "slidesOnRight", function() { return slidesOnRight; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "slidesOnLeft", function() { return slidesOnLeft; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canUseDOM", function() { return canUseDOM; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "validSettings", function() { return validSettings; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "filterSettings", function() { return filterSettings; });
- /* harmony import */ var _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3);
- /* harmony import */ var _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0__);
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16);
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
- /* harmony import */ var _default_props__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(24);
- function clamp(number, lowerBound, upperBound) {
- return Math.max(lowerBound, Math.min(number, upperBound));
- }
- var safePreventDefault = function safePreventDefault(event) {
- var passiveEvents = ["onTouchStart", "onTouchMove", "onWheel"];
- if (!passiveEvents.includes(event._reactName)) {
- event.preventDefault();
- }
- };
- var getOnDemandLazySlides = function getOnDemandLazySlides(spec) {
- var onDemandSlides = [];
- var startIndex = lazyStartIndex(spec);
- var endIndex = lazyEndIndex(spec);
- for (var slideIndex = startIndex; slideIndex < endIndex; slideIndex++) {
- if (spec.lazyLoadedList.indexOf(slideIndex) < 0) {
- onDemandSlides.push(slideIndex);
- }
- }
- return onDemandSlides;
- };
- // return list of slides that need to be present
- var getRequiredLazySlides = function getRequiredLazySlides(spec) {
- var requiredSlides = [];
- var startIndex = lazyStartIndex(spec);
- var endIndex = lazyEndIndex(spec);
- for (var slideIndex = startIndex; slideIndex < endIndex; slideIndex++) {
- requiredSlides.push(slideIndex);
- }
- return requiredSlides;
- };
- // startIndex that needs to be present
- var lazyStartIndex = function lazyStartIndex(spec) {
- return spec.currentSlide - lazySlidesOnLeft(spec);
- };
- var lazyEndIndex = function lazyEndIndex(spec) {
- return spec.currentSlide + lazySlidesOnRight(spec);
- };
- var lazySlidesOnLeft = function lazySlidesOnLeft(spec) {
- return spec.centerMode ? Math.floor(spec.slidesToShow / 2) + (parseInt(spec.centerPadding) > 0 ? 1 : 0) : 0;
- };
- var lazySlidesOnRight = function lazySlidesOnRight(spec) {
- return spec.centerMode ? Math.floor((spec.slidesToShow - 1) / 2) + 1 + (parseInt(spec.centerPadding) > 0 ? 1 : 0) : spec.slidesToShow;
- };
- // get width of an element
- var getWidth = function getWidth(elem) {
- return elem && elem.offsetWidth || 0;
- };
- var getHeight = function getHeight(elem) {
- return elem && elem.offsetHeight || 0;
- };
- var getSwipeDirection = function getSwipeDirection(touchObject) {
- var verticalSwiping = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
- var xDist, yDist, r, swipeAngle;
- xDist = touchObject.startX - touchObject.curX;
- yDist = touchObject.startY - touchObject.curY;
- r = Math.atan2(yDist, xDist);
- swipeAngle = Math.round(r * 180 / Math.PI);
- if (swipeAngle < 0) {
- swipeAngle = 360 - Math.abs(swipeAngle);
- }
- if (swipeAngle <= 45 && swipeAngle >= 0 || swipeAngle <= 360 && swipeAngle >= 315) {
- return "left";
- }
- if (swipeAngle >= 135 && swipeAngle <= 225) {
- return "right";
- }
- if (verticalSwiping === true) {
- if (swipeAngle >= 35 && swipeAngle <= 135) {
- return "up";
- } else {
- return "down";
- }
- }
- return "vertical";
- };
- // whether or not we can go next
- var canGoNext = function canGoNext(spec) {
- var canGo = true;
- if (!spec.infinite) {
- if (spec.centerMode && spec.currentSlide >= spec.slideCount - 1) {
- canGo = false;
- } else if (spec.slideCount <= spec.slidesToShow || spec.currentSlide >= spec.slideCount - spec.slidesToShow) {
- canGo = false;
- }
- }
- return canGo;
- };
- // given an object and a list of keys, return new object with given keys
- var extractObject = function extractObject(spec, keys) {
- var newObject = {};
- keys.forEach(function (key) {
- return newObject[key] = spec[key];
- });
- return newObject;
- };
- // get initialized state
- var initializedState = function initializedState(spec) {
- // spec also contains listRef, trackRef
- var slideCount = react__WEBPACK_IMPORTED_MODULE_1___default.a.Children.count(spec.children);
- var listNode = spec.listRef;
- var listWidth = Math.ceil(getWidth(listNode));
- var trackNode = spec.trackRef && spec.trackRef.node;
- var trackWidth = Math.ceil(getWidth(trackNode));
- var slideWidth;
- if (!spec.vertical) {
- var centerPaddingAdj = spec.centerMode && parseInt(spec.centerPadding) * 2;
- if (typeof spec.centerPadding === "string" && spec.centerPadding.slice(-1) === "%") {
- centerPaddingAdj *= listWidth / 100;
- }
- slideWidth = Math.ceil((listWidth - centerPaddingAdj) / spec.slidesToShow);
- } else {
- slideWidth = listWidth;
- }
- var slideHeight = listNode && getHeight(listNode.querySelector('[data-index="0"]'));
- var listHeight = slideHeight * spec.slidesToShow;
- var currentSlide = spec.currentSlide === undefined ? spec.initialSlide : spec.currentSlide;
- if (spec.rtl && spec.currentSlide === undefined) {
- currentSlide = slideCount - 1 - spec.initialSlide;
- }
- var lazyLoadedList = spec.lazyLoadedList || [];
- var slidesToLoad = getOnDemandLazySlides(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()({}, spec), {}, {
- currentSlide: currentSlide,
- lazyLoadedList: lazyLoadedList
- }));
- lazyLoadedList = lazyLoadedList.concat(slidesToLoad);
- var state = {
- slideCount: slideCount,
- slideWidth: slideWidth,
- listWidth: listWidth,
- trackWidth: trackWidth,
- currentSlide: currentSlide,
- slideHeight: slideHeight,
- listHeight: listHeight,
- lazyLoadedList: lazyLoadedList
- };
- if (spec.autoplaying === null && spec.autoplay) {
- state["autoplaying"] = "playing";
- }
- return state;
- };
- var slideHandler = function slideHandler(spec) {
- var waitForAnimate = spec.waitForAnimate,
- animating = spec.animating,
- fade = spec.fade,
- infinite = spec.infinite,
- index = spec.index,
- slideCount = spec.slideCount,
- lazyLoad = spec.lazyLoad,
- currentSlide = spec.currentSlide,
- centerMode = spec.centerMode,
- slidesToScroll = spec.slidesToScroll,
- slidesToShow = spec.slidesToShow,
- useCSS = spec.useCSS;
- var lazyLoadedList = spec.lazyLoadedList;
- if (waitForAnimate && animating) return {};
- var animationSlide = index,
- finalSlide,
- animationLeft,
- finalLeft;
- var state = {},
- nextState = {};
- var targetSlide = infinite ? index : clamp(index, 0, slideCount - 1);
- if (fade) {
- if (!infinite && (index < 0 || index >= slideCount)) return {};
- if (index < 0) {
- animationSlide = index + slideCount;
- } else if (index >= slideCount) {
- animationSlide = index - slideCount;
- }
- if (lazyLoad && lazyLoadedList.indexOf(animationSlide) < 0) {
- lazyLoadedList = lazyLoadedList.concat(animationSlide);
- }
- state = {
- animating: true,
- currentSlide: animationSlide,
- lazyLoadedList: lazyLoadedList,
- targetSlide: animationSlide
- };
- nextState = {
- animating: false,
- targetSlide: animationSlide
- };
- } else {
- finalSlide = animationSlide;
- if (animationSlide < 0) {
- finalSlide = animationSlide + slideCount;
- if (!infinite) finalSlide = 0;else if (slideCount % slidesToScroll !== 0) finalSlide = slideCount - slideCount % slidesToScroll;
- } else if (!canGoNext(spec) && animationSlide > currentSlide) {
- animationSlide = finalSlide = currentSlide;
- } else if (centerMode && animationSlide >= slideCount) {
- animationSlide = infinite ? slideCount : slideCount - 1;
- finalSlide = infinite ? 0 : slideCount - 1;
- } else if (animationSlide >= slideCount) {
- finalSlide = animationSlide - slideCount;
- if (!infinite) finalSlide = slideCount - slidesToShow;else if (slideCount % slidesToScroll !== 0) finalSlide = 0;
- }
- if (!infinite && animationSlide + slidesToShow >= slideCount) {
- finalSlide = slideCount - slidesToShow;
- }
- animationLeft = getTrackLeft(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()({}, spec), {}, {
- slideIndex: animationSlide
- }));
- finalLeft = getTrackLeft(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()({}, spec), {}, {
- slideIndex: finalSlide
- }));
- if (!infinite) {
- if (animationLeft === finalLeft) animationSlide = finalSlide;
- animationLeft = finalLeft;
- }
- if (lazyLoad) {
- lazyLoadedList = lazyLoadedList.concat(getOnDemandLazySlides(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()({}, spec), {}, {
- currentSlide: animationSlide
- })));
- }
- if (!useCSS) {
- state = {
- currentSlide: finalSlide,
- trackStyle: getTrackCSS(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()({}, spec), {}, {
- left: finalLeft
- })),
- lazyLoadedList: lazyLoadedList,
- targetSlide: targetSlide
- };
- } else {
- state = {
- animating: true,
- currentSlide: finalSlide,
- trackStyle: getTrackAnimateCSS(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()({}, spec), {}, {
- left: animationLeft
- })),
- lazyLoadedList: lazyLoadedList,
- targetSlide: targetSlide
- };
- nextState = {
- animating: false,
- currentSlide: finalSlide,
- trackStyle: getTrackCSS(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()({}, spec), {}, {
- left: finalLeft
- })),
- swipeLeft: null,
- targetSlide: targetSlide
- };
- }
- }
- return {
- state: state,
- nextState: nextState
- };
- };
- var changeSlide = function changeSlide(spec, options) {
- var indexOffset, previousInt, slideOffset, unevenOffset, targetSlide;
- var slidesToScroll = spec.slidesToScroll,
- slidesToShow = spec.slidesToShow,
- slideCount = spec.slideCount,
- currentSlide = spec.currentSlide,
- previousTargetSlide = spec.targetSlide,
- lazyLoad = spec.lazyLoad,
- infinite = spec.infinite;
- unevenOffset = slideCount % slidesToScroll !== 0;
- indexOffset = unevenOffset ? 0 : (slideCount - currentSlide) % slidesToScroll;
- if (options.message === "previous") {
- slideOffset = indexOffset === 0 ? slidesToScroll : slidesToShow - indexOffset;
- targetSlide = currentSlide - slideOffset;
- if (lazyLoad && !infinite) {
- previousInt = currentSlide - slideOffset;
- targetSlide = previousInt === -1 ? slideCount - 1 : previousInt;
- }
- if (!infinite) {
- targetSlide = previousTargetSlide - slidesToScroll;
- }
- } else if (options.message === "next") {
- slideOffset = indexOffset === 0 ? slidesToScroll : indexOffset;
- targetSlide = currentSlide + slideOffset;
- if (lazyLoad && !infinite) {
- targetSlide = (currentSlide + slidesToScroll) % slideCount + indexOffset;
- }
- if (!infinite) {
- targetSlide = previousTargetSlide + slidesToScroll;
- }
- } else if (options.message === "dots") {
- // Click on dots
- targetSlide = options.index * options.slidesToScroll;
- } else if (options.message === "children") {
- // Click on the slides
- targetSlide = options.index;
- if (infinite) {
- var direction = siblingDirection(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()({}, spec), {}, {
- targetSlide: targetSlide
- }));
- if (targetSlide > options.currentSlide && direction === "left") {
- targetSlide = targetSlide - slideCount;
- } else if (targetSlide < options.currentSlide && direction === "right") {
- targetSlide = targetSlide + slideCount;
- }
- }
- } else if (options.message === "index") {
- targetSlide = Number(options.index);
- }
- return targetSlide;
- };
- var keyHandler = function keyHandler(e, accessibility, rtl) {
- if (e.target.tagName.match("TEXTAREA|INPUT|SELECT") || !accessibility) return "";
- if (e.keyCode === 37) return rtl ? "next" : "previous";
- if (e.keyCode === 39) return rtl ? "previous" : "next";
- return "";
- };
- var swipeStart = function swipeStart(e, swipe, draggable) {
- e.target.tagName === "IMG" && safePreventDefault(e);
- if (!swipe || !draggable && e.type.indexOf("mouse") !== -1) return "";
- return {
- dragging: true,
- touchObject: {
- startX: e.touches ? e.touches[0].pageX : e.clientX,
- startY: e.touches ? e.touches[0].pageY : e.clientY,
- curX: e.touches ? e.touches[0].pageX : e.clientX,
- curY: e.touches ? e.touches[0].pageY : e.clientY
- }
- };
- };
- var swipeMove = function swipeMove(e, spec) {
- // spec also contains, trackRef and slideIndex
- var scrolling = spec.scrolling,
- animating = spec.animating,
- vertical = spec.vertical,
- swipeToSlide = spec.swipeToSlide,
- verticalSwiping = spec.verticalSwiping,
- rtl = spec.rtl,
- currentSlide = spec.currentSlide,
- edgeFriction = spec.edgeFriction,
- edgeDragged = spec.edgeDragged,
- onEdge = spec.onEdge,
- swiped = spec.swiped,
- swiping = spec.swiping,
- slideCount = spec.slideCount,
- slidesToScroll = spec.slidesToScroll,
- infinite = spec.infinite,
- touchObject = spec.touchObject,
- swipeEvent = spec.swipeEvent,
- listHeight = spec.listHeight,
- listWidth = spec.listWidth;
- if (scrolling) return;
- if (animating) return safePreventDefault(e);
- if (vertical && swipeToSlide && verticalSwiping) safePreventDefault(e);
- var swipeLeft,
- state = {};
- var curLeft = getTrackLeft(spec);
- touchObject.curX = e.touches ? e.touches[0].pageX : e.clientX;
- touchObject.curY = e.touches ? e.touches[0].pageY : e.clientY;
- touchObject.swipeLength = Math.round(Math.sqrt(Math.pow(touchObject.curX - touchObject.startX, 2)));
- var verticalSwipeLength = Math.round(Math.sqrt(Math.pow(touchObject.curY - touchObject.startY, 2)));
- if (!verticalSwiping && !swiping && verticalSwipeLength > 10) {
- return {
- scrolling: true
- };
- }
- if (verticalSwiping) touchObject.swipeLength = verticalSwipeLength;
- var positionOffset = (!rtl ? 1 : -1) * (touchObject.curX > touchObject.startX ? 1 : -1);
- if (verticalSwiping) positionOffset = touchObject.curY > touchObject.startY ? 1 : -1;
- var dotCount = Math.ceil(slideCount / slidesToScroll);
- var swipeDirection = getSwipeDirection(spec.touchObject, verticalSwiping);
- var touchSwipeLength = touchObject.swipeLength;
- if (!infinite) {
- if (currentSlide === 0 && (swipeDirection === "right" || swipeDirection === "down") || currentSlide + 1 >= dotCount && (swipeDirection === "left" || swipeDirection === "up") || !canGoNext(spec) && (swipeDirection === "left" || swipeDirection === "up")) {
- touchSwipeLength = touchObject.swipeLength * edgeFriction;
- if (edgeDragged === false && onEdge) {
- onEdge(swipeDirection);
- state["edgeDragged"] = true;
- }
- }
- }
- if (!swiped && swipeEvent) {
- swipeEvent(swipeDirection);
- state["swiped"] = true;
- }
- if (!vertical) {
- if (!rtl) {
- swipeLeft = curLeft + touchSwipeLength * positionOffset;
- } else {
- swipeLeft = curLeft - touchSwipeLength * positionOffset;
- }
- } else {
- swipeLeft = curLeft + touchSwipeLength * (listHeight / listWidth) * positionOffset;
- }
- if (verticalSwiping) {
- swipeLeft = curLeft + touchSwipeLength * positionOffset;
- }
- state = _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()({}, state), {}, {
- touchObject: touchObject,
- swipeLeft: swipeLeft,
- trackStyle: getTrackCSS(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()({}, spec), {}, {
- left: swipeLeft
- }))
- });
- if (Math.abs(touchObject.curX - touchObject.startX) < Math.abs(touchObject.curY - touchObject.startY) * 0.8) {
- return state;
- }
- if (touchObject.swipeLength > 10) {
- state["swiping"] = true;
- safePreventDefault(e);
- }
- return state;
- };
- var swipeEnd = function swipeEnd(e, spec) {
- var dragging = spec.dragging,
- swipe = spec.swipe,
- touchObject = spec.touchObject,
- listWidth = spec.listWidth,
- touchThreshold = spec.touchThreshold,
- verticalSwiping = spec.verticalSwiping,
- listHeight = spec.listHeight,
- swipeToSlide = spec.swipeToSlide,
- scrolling = spec.scrolling,
- onSwipe = spec.onSwipe,
- targetSlide = spec.targetSlide,
- currentSlide = spec.currentSlide,
- infinite = spec.infinite;
- if (!dragging) {
- if (swipe) safePreventDefault(e);
- return {};
- }
- var minSwipe = verticalSwiping ? listHeight / touchThreshold : listWidth / touchThreshold;
- var swipeDirection = getSwipeDirection(touchObject, verticalSwiping);
- // reset the state of touch related state variables.
- var state = {
- dragging: false,
- edgeDragged: false,
- scrolling: false,
- swiping: false,
- swiped: false,
- swipeLeft: null,
- touchObject: {}
- };
- if (scrolling) {
- return state;
- }
- if (!touchObject.swipeLength) {
- return state;
- }
- if (touchObject.swipeLength > minSwipe) {
- safePreventDefault(e);
- if (onSwipe) {
- onSwipe(swipeDirection);
- }
- var slideCount, newSlide;
- var activeSlide = infinite ? currentSlide : targetSlide;
- switch (swipeDirection) {
- case "left":
- case "up":
- newSlide = activeSlide + getSlideCount(spec);
- slideCount = swipeToSlide ? checkNavigable(spec, newSlide) : newSlide;
- state["currentDirection"] = 0;
- break;
- case "right":
- case "down":
- newSlide = activeSlide - getSlideCount(spec);
- slideCount = swipeToSlide ? checkNavigable(spec, newSlide) : newSlide;
- state["currentDirection"] = 1;
- break;
- default:
- slideCount = activeSlide;
- }
- state["triggerSlideHandler"] = slideCount;
- } else {
- // Adjust the track back to it's original position.
- var currentLeft = getTrackLeft(spec);
- state["trackStyle"] = getTrackAnimateCSS(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()({}, spec), {}, {
- left: currentLeft
- }));
- }
- return state;
- };
- var getNavigableIndexes = function getNavigableIndexes(spec) {
- var max = spec.infinite ? spec.slideCount * 2 : spec.slideCount;
- var breakpoint = spec.infinite ? spec.slidesToShow * -1 : 0;
- var counter = spec.infinite ? spec.slidesToShow * -1 : 0;
- var indexes = [];
- while (breakpoint < max) {
- indexes.push(breakpoint);
- breakpoint = counter + spec.slidesToScroll;
- counter += Math.min(spec.slidesToScroll, spec.slidesToShow);
- }
- return indexes;
- };
- var checkNavigable = function checkNavigable(spec, index) {
- var navigables = getNavigableIndexes(spec);
- var prevNavigable = 0;
- if (index > navigables[navigables.length - 1]) {
- index = navigables[navigables.length - 1];
- } else {
- for (var n in navigables) {
- if (index < navigables[n]) {
- index = prevNavigable;
- break;
- }
- prevNavigable = navigables[n];
- }
- }
- return index;
- };
- var getSlideCount = function getSlideCount(spec) {
- var centerOffset = spec.centerMode ? spec.slideWidth * Math.floor(spec.slidesToShow / 2) : 0;
- if (spec.swipeToSlide) {
- var swipedSlide;
- var slickList = spec.listRef;
- var slides = slickList.querySelectorAll && slickList.querySelectorAll(".slick-slide") || [];
- Array.from(slides).every(function (slide) {
- if (!spec.vertical) {
- if (slide.offsetLeft - centerOffset + getWidth(slide) / 2 > spec.swipeLeft * -1) {
- swipedSlide = slide;
- return false;
- }
- } else {
- if (slide.offsetTop + getHeight(slide) / 2 > spec.swipeLeft * -1) {
- swipedSlide = slide;
- return false;
- }
- }
- return true;
- });
- if (!swipedSlide) {
- return 0;
- }
- var currentIndex = spec.rtl === true ? spec.slideCount - spec.currentSlide : spec.currentSlide;
- var slidesTraversed = Math.abs(swipedSlide.dataset.index - currentIndex) || 1;
- return slidesTraversed;
- } else {
- return spec.slidesToScroll;
- }
- };
- var checkSpecKeys = function checkSpecKeys(spec, keysArray) {
- return (
- // eslint-disable-next-line no-prototype-builtins
- keysArray.reduce(function (value, key) {
- return value && spec.hasOwnProperty(key);
- }, true) ? null : console.error("Keys Missing:", spec)
- );
- };
- var getTrackCSS = function getTrackCSS(spec) {
- checkSpecKeys(spec, ["left", "variableWidth", "slideCount", "slidesToShow", "slideWidth"]);
- var trackWidth, trackHeight;
- if (!spec.vertical) {
- trackWidth = getTotalSlides(spec) * spec.slideWidth;
- } else {
- var trackChildren = spec.unslick ? spec.slideCount : spec.slideCount + 2 * spec.slidesToShow;
- trackHeight = trackChildren * spec.slideHeight;
- }
- var style = {
- opacity: 1,
- transition: "",
- WebkitTransition: ""
- };
- if (spec.useTransform) {
- var WebkitTransform = !spec.vertical ? "translate3d(" + spec.left + "px, 0px, 0px)" : "translate3d(0px, " + spec.left + "px, 0px)";
- var transform = !spec.vertical ? "translate3d(" + spec.left + "px, 0px, 0px)" : "translate3d(0px, " + spec.left + "px, 0px)";
- var msTransform = !spec.vertical ? "translateX(" + spec.left + "px)" : "translateY(" + spec.left + "px)";
- style = _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()({}, style), {}, {
- WebkitTransform: WebkitTransform,
- transform: transform,
- msTransform: msTransform
- });
- } else {
- if (spec.vertical) {
- style["top"] = spec.left;
- } else {
- style["left"] = spec.left;
- }
- }
- if (spec.fade) style = {
- opacity: 1
- };
- if (trackWidth) style.width = trackWidth;
- if (trackHeight) style.height = trackHeight;
- // Fallback for IE8
- if (window && !window.addEventListener && window.attachEvent) {
- if (!spec.vertical) {
- style.marginLeft = spec.left + "px";
- } else {
- style.marginTop = spec.left + "px";
- }
- }
- return style;
- };
- var getTrackAnimateCSS = function getTrackAnimateCSS(spec) {
- checkSpecKeys(spec, ["left", "variableWidth", "slideCount", "slidesToShow", "slideWidth", "speed", "cssEase"]);
- var style = getTrackCSS(spec);
- // useCSS is true by default so it can be undefined
- if (spec.useTransform) {
- style.WebkitTransition = "-webkit-transform " + spec.speed + "ms " + spec.cssEase;
- style.transition = "transform " + spec.speed + "ms " + spec.cssEase;
- } else {
- if (spec.vertical) {
- style.transition = "top " + spec.speed + "ms " + spec.cssEase;
- } else {
- style.transition = "left " + spec.speed + "ms " + spec.cssEase;
- }
- }
- return style;
- };
- var getTrackLeft = function getTrackLeft(spec) {
- if (spec.unslick) {
- return 0;
- }
- checkSpecKeys(spec, ["slideIndex", "trackRef", "infinite", "centerMode", "slideCount", "slidesToShow", "slidesToScroll", "slideWidth", "listWidth", "variableWidth", "slideHeight"]);
- var slideIndex = spec.slideIndex,
- trackRef = spec.trackRef,
- infinite = spec.infinite,
- centerMode = spec.centerMode,
- slideCount = spec.slideCount,
- slidesToShow = spec.slidesToShow,
- slidesToScroll = spec.slidesToScroll,
- slideWidth = spec.slideWidth,
- listWidth = spec.listWidth,
- variableWidth = spec.variableWidth,
- slideHeight = spec.slideHeight,
- fade = spec.fade,
- vertical = spec.vertical;
- var slideOffset = 0;
- var targetLeft;
- var targetSlide;
- var verticalOffset = 0;
- if (fade || spec.slideCount === 1) {
- return 0;
- }
- var slidesToOffset = 0;
- if (infinite) {
- slidesToOffset = -getPreClones(spec); // bring active slide to the beginning of visual area
- // if next scroll doesn't have enough children, just reach till the end of original slides instead of shifting slidesToScroll children
- if (slideCount % slidesToScroll !== 0 && slideIndex + slidesToScroll > slideCount) {
- slidesToOffset = -(slideIndex > slideCount ? slidesToShow - (slideIndex - slideCount) : slideCount % slidesToScroll);
- }
- // shift current slide to center of the frame
- if (centerMode) {
- slidesToOffset += parseInt(slidesToShow / 2);
- }
- } else {
- if (slideCount % slidesToScroll !== 0 && slideIndex + slidesToScroll > slideCount) {
- slidesToOffset = slidesToShow - slideCount % slidesToScroll;
- }
- if (centerMode) {
- slidesToOffset = parseInt(slidesToShow / 2);
- }
- }
- slideOffset = slidesToOffset * slideWidth;
- verticalOffset = slidesToOffset * slideHeight;
- if (!vertical) {
- targetLeft = slideIndex * slideWidth * -1 + slideOffset;
- } else {
- targetLeft = slideIndex * slideHeight * -1 + verticalOffset;
- }
- if (variableWidth === true) {
- var targetSlideIndex;
- var trackElem = trackRef && trackRef.node;
- targetSlideIndex = slideIndex + getPreClones(spec);
- targetSlide = trackElem && trackElem.childNodes[targetSlideIndex];
- targetLeft = targetSlide ? targetSlide.offsetLeft * -1 : 0;
- if (centerMode === true) {
- targetSlideIndex = infinite ? slideIndex + getPreClones(spec) : slideIndex;
- targetSlide = trackElem && trackElem.children[targetSlideIndex];
- targetLeft = 0;
- for (var slide = 0; slide < targetSlideIndex; slide++) {
- targetLeft -= trackElem && trackElem.children[slide] && trackElem.children[slide].offsetWidth;
- }
- targetLeft -= parseInt(spec.centerPadding);
- targetLeft += targetSlide && (listWidth - targetSlide.offsetWidth) / 2;
- }
- }
- return targetLeft;
- };
- var getPreClones = function getPreClones(spec) {
- if (spec.unslick || !spec.infinite) {
- return 0;
- }
- if (spec.variableWidth) {
- return spec.slideCount;
- }
- return spec.slidesToShow + (spec.centerMode ? 1 : 0);
- };
- var getPostClones = function getPostClones(spec) {
- if (spec.unslick || !spec.infinite) {
- return 0;
- }
- 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);
- };
- var validSettings = Object.keys(_default_props__WEBPACK_IMPORTED_MODULE_2__["default"]);
- function filterSettings(settings) {
- return validSettings.reduce(function (acc, settingName) {
- if (settings.hasOwnProperty(settingName)) {
- acc[settingName] = settings[settingName];
- }
- return acc;
- }, {});
- }
- /***/ }),
- /* 24 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- __webpack_require__.r(__webpack_exports__);
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16);
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
- var defaultProps = {
- accessibility: true,
- adaptiveHeight: false,
- afterChange: null,
- appendDots: function appendDots(dots) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul", {
- style: {
- display: "block"
- }
- }, dots);
- },
- arrows: true,
- autoplay: false,
- autoplaySpeed: 3000,
- beforeChange: null,
- centerMode: false,
- centerPadding: "50px",
- className: "",
- cssEase: "ease",
- customPaging: function customPaging(i) {
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", null, i + 1);
- },
- dots: false,
- dotsClass: "slick-dots",
- draggable: true,
- easing: "linear",
- edgeFriction: 0.35,
- fade: false,
- focusOnSelect: false,
- infinite: true,
- initialSlide: 0,
- lazyLoad: null,
- nextArrow: null,
- onEdge: null,
- onInit: null,
- onLazyLoadError: null,
- onReInit: null,
- pauseOnDotsHover: false,
- pauseOnFocus: false,
- pauseOnHover: true,
- prevArrow: null,
- responsive: null,
- rows: 1,
- rtl: false,
- slide: "div",
- slidesPerRow: 1,
- slidesToScroll: 1,
- slidesToShow: 1,
- speed: 500,
- swipe: true,
- swipeEvent: null,
- swipeToSlide: false,
- touchMove: true,
- touchThreshold: 5,
- useCSS: true,
- useTransform: true,
- variableWidth: false,
- vertical: false,
- waitForAnimate: true,
- asNavFor: null
- };
- /* harmony default export */ __webpack_exports__["default"] = (defaultProps);
- /***/ }),
- /* 25 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- __webpack_require__.r(__webpack_exports__);
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Track", function() { return Track; });
- /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
- /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
- /* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8);
- /* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__);
- /* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9);
- /* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__);
- /* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(10);
- /* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__);
- /* harmony import */ var _babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(12);
- /* harmony import */ var _babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_4__);
- /* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(13);
- /* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5__);
- /* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(14);
- /* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_6__);
- /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(4);
- /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__);
- /* harmony import */ var _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(3);
- /* harmony import */ var _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_8__);
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(16);
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_9__);
- /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(22);
- /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_10__);
- /* harmony import */ var _utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(23);
- function _callSuper(t, o, e) { return o = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5___default()(o), _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3___default()(t, _babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_4___default()() ? Reflect.construct(o, e || [], _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5___default()(t).constructor) : o.apply(t, e)); }
- // given specifications/props for a slide, fetch all the classes that need to be applied to the slide
- var getSlideClasses = function getSlideClasses(spec) {
- var slickActive, slickCenter, slickCloned;
- var centerOffset, index;
- if (spec.rtl) {
- index = spec.slideCount - 1 - spec.index;
- } else {
- index = spec.index;
- }
- slickCloned = index < 0 || index >= spec.slideCount;
- if (spec.centerMode) {
- centerOffset = Math.floor(spec.slidesToShow / 2);
- slickCenter = (index - spec.currentSlide) % spec.slideCount === 0;
- if (index > spec.currentSlide - centerOffset - 1 && index <= spec.currentSlide + centerOffset) {
- slickActive = true;
- }
- } else {
- slickActive = spec.currentSlide <= index && index < spec.currentSlide + spec.slidesToShow;
- }
- var focusedSlide;
- if (spec.targetSlide < 0) {
- focusedSlide = spec.targetSlide + spec.slideCount;
- } else if (spec.targetSlide >= spec.slideCount) {
- focusedSlide = spec.targetSlide - spec.slideCount;
- } else {
- focusedSlide = spec.targetSlide;
- }
- var slickCurrent = index === focusedSlide;
- return {
- "slick-slide": true,
- "slick-active": slickActive,
- "slick-center": slickCenter,
- "slick-cloned": slickCloned,
- "slick-current": slickCurrent // dubious in case of RTL
- };
- };
- var getSlideStyle = function getSlideStyle(spec) {
- var style = {};
- if (spec.variableWidth === undefined || spec.variableWidth === false) {
- style.width = spec.slideWidth;
- }
- if (spec.fade) {
- style.position = "relative";
- if (spec.vertical && spec.slideHeight) {
- style.top = -spec.index * parseInt(spec.slideHeight);
- } else {
- style.left = -spec.index * parseInt(spec.slideWidth);
- }
- style.opacity = spec.currentSlide === spec.index ? 1 : 0;
- style.zIndex = spec.currentSlide === spec.index ? 999 : 998;
- if (spec.useCSS) {
- style.transition = "opacity " + spec.speed + "ms " + spec.cssEase + ", " + "visibility " + spec.speed + "ms " + spec.cssEase;
- }
- }
- return style;
- };
- var getKey = function getKey(child, fallbackKey) {
- return child.key + "-" + fallbackKey;
- };
- var renderSlides = function renderSlides(spec) {
- var key;
- var slides = [];
- var preCloneSlides = [];
- var postCloneSlides = [];
- var childrenCount = react__WEBPACK_IMPORTED_MODULE_9___default.a.Children.count(spec.children);
- var startIndex = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_11__["lazyStartIndex"])(spec);
- var endIndex = Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_11__["lazyEndIndex"])(spec);
- react__WEBPACK_IMPORTED_MODULE_9___default.a.Children.forEach(spec.children, function (elem, index) {
- var child;
- var childOnClickOptions = {
- message: "children",
- index: index,
- slidesToScroll: spec.slidesToScroll,
- currentSlide: spec.currentSlide
- };
- // in case of lazyLoad, whether or not we want to fetch the slide
- if (!spec.lazyLoad || spec.lazyLoad && spec.lazyLoadedList.indexOf(index) >= 0) {
- child = elem;
- } else {
- child = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("div", null);
- }
- var childStyle = getSlideStyle(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_8___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_8___default()({}, spec), {}, {
- index: index
- }));
- var slideClass = child.props.className || "";
- var slideClasses = getSlideClasses(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_8___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_8___default()({}, spec), {}, {
- index: index
- }));
- // push a cloned element of the desired slide
- slides.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.cloneElement(child, {
- key: "original" + getKey(child, index),
- "data-index": index,
- className: classnames__WEBPACK_IMPORTED_MODULE_10___default()(slideClasses, slideClass),
- tabIndex: "-1",
- "aria-hidden": !slideClasses["slick-active"],
- style: _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_8___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_8___default()({
- outline: "none"
- }, child.props.style || {}), childStyle),
- onClick: function onClick(e) {
- child.props && child.props.onClick && child.props.onClick(e);
- if (spec.focusOnSelect) {
- spec.focusOnSelect(childOnClickOptions);
- }
- }
- }));
- // if slide needs to be precloned or postcloned
- if (spec.infinite && childrenCount > 1 && spec.fade === false && !spec.unslick) {
- var preCloneNo = childrenCount - index;
- if (preCloneNo <= Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_11__["getPreClones"])(spec)) {
- key = -preCloneNo;
- if (key >= startIndex) {
- child = elem;
- }
- slideClasses = getSlideClasses(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_8___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_8___default()({}, spec), {}, {
- index: key
- }));
- preCloneSlides.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.cloneElement(child, {
- key: "precloned" + getKey(child, key),
- "data-index": key,
- tabIndex: "-1",
- className: classnames__WEBPACK_IMPORTED_MODULE_10___default()(slideClasses, slideClass),
- "aria-hidden": !slideClasses["slick-active"],
- style: _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_8___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_8___default()({}, child.props.style || {}), childStyle),
- onClick: function onClick(e) {
- child.props && child.props.onClick && child.props.onClick(e);
- if (spec.focusOnSelect) {
- spec.focusOnSelect(childOnClickOptions);
- }
- }
- }));
- }
- key = childrenCount + index;
- if (key < endIndex) {
- child = elem;
- }
- slideClasses = getSlideClasses(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_8___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_8___default()({}, spec), {}, {
- index: key
- }));
- postCloneSlides.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.cloneElement(child, {
- key: "postcloned" + getKey(child, key),
- "data-index": key,
- tabIndex: "-1",
- className: classnames__WEBPACK_IMPORTED_MODULE_10___default()(slideClasses, slideClass),
- "aria-hidden": !slideClasses["slick-active"],
- style: _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_8___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_8___default()({}, child.props.style || {}), childStyle),
- onClick: function onClick(e) {
- child.props && child.props.onClick && child.props.onClick(e);
- if (spec.focusOnSelect) {
- spec.focusOnSelect(childOnClickOptions);
- }
- }
- }));
- }
- });
- if (spec.rtl) {
- return preCloneSlides.concat(slides, postCloneSlides).reverse();
- } else {
- return preCloneSlides.concat(slides, postCloneSlides);
- }
- };
- var Track = /*#__PURE__*/function (_React$PureComponent) {
- function Track() {
- var _this;
- _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1___default()(this, Track);
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
- _this = _callSuper(this, Track, [].concat(args));
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_this, "node", null);
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_this, "handleRef", function (ref) {
- _this.node = ref;
- });
- return _this;
- }
- _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_6___default()(Track, _React$PureComponent);
- return _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2___default()(Track, [{
- key: "render",
- value: function render() {
- var slides = renderSlides(this.props);
- var _this$props = this.props,
- onMouseEnter = _this$props.onMouseEnter,
- onMouseOver = _this$props.onMouseOver,
- onMouseLeave = _this$props.onMouseLeave;
- var mouseEvents = {
- onMouseEnter: onMouseEnter,
- onMouseOver: onMouseOver,
- onMouseLeave: onMouseLeave
- };
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
- ref: this.handleRef,
- className: "slick-track",
- style: this.props.trackStyle
- }, mouseEvents), slides);
- }
- }]);
- }(react__WEBPACK_IMPORTED_MODULE_9___default.a.PureComponent);
- /***/ }),
- /* 26 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- __webpack_require__.r(__webpack_exports__);
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Dots", function() { return Dots; });
- /* harmony import */ var _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3);
- /* harmony import */ var _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0__);
- /* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8);
- /* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__);
- /* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9);
- /* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__);
- /* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(10);
- /* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__);
- /* harmony import */ var _babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(12);
- /* harmony import */ var _babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_4__);
- /* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(13);
- /* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5__);
- /* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(14);
- /* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_6__);
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(16);
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_7__);
- /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(22);
- /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_8__);
- /* harmony import */ var _utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(23);
- function _callSuper(t, o, e) { return o = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5___default()(o), _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3___default()(t, _babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_4___default()() ? Reflect.construct(o, e || [], _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5___default()(t).constructor) : o.apply(t, e)); }
- var getDotCount = function getDotCount(spec) {
- var dots;
- if (spec.infinite) {
- dots = Math.ceil(spec.slideCount / spec.slidesToScroll);
- } else {
- dots = Math.ceil((spec.slideCount - spec.slidesToShow) / spec.slidesToScroll) + 1;
- }
- return dots;
- };
- var Dots = /*#__PURE__*/function (_React$PureComponent) {
- function Dots() {
- _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1___default()(this, Dots);
- return _callSuper(this, Dots, arguments);
- }
- _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_6___default()(Dots, _React$PureComponent);
- return _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2___default()(Dots, [{
- key: "clickHandler",
- value: function clickHandler(options, e) {
- // In Autoplay the focus stays on clicked button even after transition
- // to next slide. That only goes away by click somewhere outside
- e.preventDefault();
- this.props.clickHandler(options);
- }
- }, {
- key: "render",
- value: function render() {
- var _this$props = this.props,
- onMouseEnter = _this$props.onMouseEnter,
- onMouseOver = _this$props.onMouseOver,
- onMouseLeave = _this$props.onMouseLeave,
- infinite = _this$props.infinite,
- slidesToScroll = _this$props.slidesToScroll,
- slidesToShow = _this$props.slidesToShow,
- slideCount = _this$props.slideCount,
- currentSlide = _this$props.currentSlide;
- var dotCount = getDotCount({
- slideCount: slideCount,
- slidesToScroll: slidesToScroll,
- slidesToShow: slidesToShow,
- infinite: infinite
- });
- var mouseEvents = {
- onMouseEnter: onMouseEnter,
- onMouseOver: onMouseOver,
- onMouseLeave: onMouseLeave
- };
- var dots = [];
- for (var i = 0; i < dotCount; i++) {
- var _rightBound = (i + 1) * slidesToScroll - 1;
- var rightBound = infinite ? _rightBound : Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_9__["clamp"])(_rightBound, 0, slideCount - 1);
- var _leftBound = rightBound - (slidesToScroll - 1);
- var leftBound = infinite ? _leftBound : Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_9__["clamp"])(_leftBound, 0, slideCount - 1);
- var className = classnames__WEBPACK_IMPORTED_MODULE_8___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__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("li", {
- key: i,
- className: className
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.cloneElement(this.props.customPaging(i), {
- onClick: onClick
- })));
- }
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.cloneElement(this.props.appendDots(dots), _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_0___default()({
- className: this.props.dotsClass
- }, mouseEvents));
- }
- }]);
- }(react__WEBPACK_IMPORTED_MODULE_7___default.a.PureComponent);
- /***/ }),
- /* 27 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- __webpack_require__.r(__webpack_exports__);
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PrevArrow", function() { return PrevArrow; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NextArrow", function() { return NextArrow; });
- /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
- /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
- /* harmony import */ var _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
- /* harmony import */ var _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_1__);
- /* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8);
- /* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_2__);
- /* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(9);
- /* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_3__);
- /* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(10);
- /* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_4__);
- /* harmony import */ var _babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(12);
- /* harmony import */ var _babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_5__);
- /* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(13);
- /* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6__);
- /* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(14);
- /* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_7__);
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(16);
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_8__);
- /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(22);
- /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_9__);
- /* harmony import */ var _utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(23);
- function _callSuper(t, o, e) { return o = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6___default()(o), _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_4___default()(t, _babel_runtime_helpers_isNativeReflectConstruct__WEBPACK_IMPORTED_MODULE_5___default()() ? Reflect.construct(o, e || [], _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6___default()(t).constructor) : o.apply(t, e)); }
- var PrevArrow = /*#__PURE__*/function (_React$PureComponent) {
- function PrevArrow() {
- _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_2___default()(this, PrevArrow);
- return _callSuper(this, PrevArrow, arguments);
- }
- _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_7___default()(PrevArrow, _React$PureComponent);
- return _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_3___default()(PrevArrow, [{
- key: "clickHandler",
- value: function clickHandler(options, e) {
- if (e) {
- e.preventDefault();
- }
- this.props.clickHandler(options, e);
- }
- }, {
- key: "render",
- value: function render() {
- var prevClasses = {
- "slick-arrow": true,
- "slick-prev": true
- };
- var prevHandler = this.clickHandler.bind(this, {
- message: "previous"
- });
- if (!this.props.infinite && (this.props.currentSlide === 0 || this.props.slideCount <= this.props.slidesToShow)) {
- prevClasses["slick-disabled"] = true;
- prevHandler = null;
- }
- var prevArrowProps = {
- key: "0",
- "data-role": "none",
- className: classnames__WEBPACK_IMPORTED_MODULE_9___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__WEBPACK_IMPORTED_MODULE_8___default.a.cloneElement(this.props.prevArrow, _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_1___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_1___default()({}, prevArrowProps), customProps));
- } else {
- prevArrow = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("button", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
- key: "0",
- type: "button"
- }, prevArrowProps), " ", "Previous");
- }
- return prevArrow;
- }
- }]);
- }(react__WEBPACK_IMPORTED_MODULE_8___default.a.PureComponent);
- var NextArrow = /*#__PURE__*/function (_React$PureComponent2) {
- function NextArrow() {
- _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_2___default()(this, NextArrow);
- return _callSuper(this, NextArrow, arguments);
- }
- _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_7___default()(NextArrow, _React$PureComponent2);
- return _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_3___default()(NextArrow, [{
- key: "clickHandler",
- value: function clickHandler(options, e) {
- if (e) {
- e.preventDefault();
- }
- this.props.clickHandler(options, e);
- }
- }, {
- key: "render",
- value: function render() {
- var nextClasses = {
- "slick-arrow": true,
- "slick-next": true
- };
- var nextHandler = this.clickHandler.bind(this, {
- message: "next"
- });
- if (!Object(_utils_innerSliderUtils__WEBPACK_IMPORTED_MODULE_10__["canGoNext"])(this.props)) {
- nextClasses["slick-disabled"] = true;
- nextHandler = null;
- }
- var nextArrowProps = {
- key: "1",
- "data-role": "none",
- className: classnames__WEBPACK_IMPORTED_MODULE_9___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__WEBPACK_IMPORTED_MODULE_8___default.a.cloneElement(this.props.nextArrow, _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_1___default()(_babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_1___default()({}, nextArrowProps), customProps));
- } else {
- nextArrow = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("button", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
- key: "1",
- type: "button"
- }, nextArrowProps), " ", "Next");
- }
- return nextArrow;
- }
- }]);
- }(react__WEBPACK_IMPORTED_MODULE_8___default.a.PureComponent);
- /***/ }),
- /* 28 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- __webpack_require__.r(__webpack_exports__);
- /* WEBPACK VAR INJECTION */(function(global) {/**
- * A collection of shims that provide minimal functionality of the ES6 collections.
- *
- * These implementations are not meant to be used outside of the ResizeObserver
- * modules as they cover only a limited range of use cases.
- */
- /* eslint-disable require-jsdoc, valid-jsdoc */
- var MapShim = (function () {
- if (typeof Map !== 'undefined') {
- return Map;
- }
- /**
- * Returns index in provided array that matches the specified key.
- *
- * @param {Array<Array>} arr
- * @param {*} key
- * @returns {number}
- */
- function getIndex(arr, key) {
- var result = -1;
- arr.some(function (entry, index) {
- if (entry[0] === key) {
- result = index;
- return true;
- }
- return false;
- });
- return result;
- }
- return /** @class */ (function () {
- function class_1() {
- this.__entries__ = [];
- }
- Object.defineProperty(class_1.prototype, "size", {
- /**
- * @returns {boolean}
- */
- get: function () {
- return this.__entries__.length;
- },
- enumerable: true,
- configurable: true
- });
- /**
- * @param {*} key
- * @returns {*}
- */
- class_1.prototype.get = function (key) {
- var index = getIndex(this.__entries__, key);
- var entry = this.__entries__[index];
- return entry && entry[1];
- };
- /**
- * @param {*} key
- * @param {*} value
- * @returns {void}
- */
- class_1.prototype.set = function (key, value) {
- var index = getIndex(this.__entries__, key);
- if (~index) {
- this.__entries__[index][1] = value;
- }
- else {
- this.__entries__.push([key, value]);
- }
- };
- /**
- * @param {*} key
- * @returns {void}
- */
- class_1.prototype.delete = function (key) {
- var entries = this.__entries__;
- var index = getIndex(entries, key);
- if (~index) {
- entries.splice(index, 1);
- }
- };
- /**
- * @param {*} key
- * @returns {void}
- */
- class_1.prototype.has = function (key) {
- return !!~getIndex(this.__entries__, key);
- };
- /**
- * @returns {void}
- */
- class_1.prototype.clear = function () {
- this.__entries__.splice(0);
- };
- /**
- * @param {Function} callback
- * @param {*} [ctx=null]
- * @returns {void}
- */
- class_1.prototype.forEach = function (callback, ctx) {
- if (ctx === void 0) { ctx = null; }
- for (var _i = 0, _a = this.__entries__; _i < _a.length; _i++) {
- var entry = _a[_i];
- callback.call(ctx, entry[1], entry[0]);
- }
- };
- return class_1;
- }());
- })();
- /**
- * Detects whether window and document objects are available in current environment.
- */
- var isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined' && window.document === document;
- // Returns global object of a current environment.
- var global$1 = (function () {
- if (typeof global !== 'undefined' && global.Math === Math) {
- return global;
- }
- if (typeof self !== 'undefined' && self.Math === Math) {
- return self;
- }
- if (typeof window !== 'undefined' && window.Math === Math) {
- return window;
- }
- // eslint-disable-next-line no-new-func
- return Function('return this')();
- })();
- /**
- * A shim for the requestAnimationFrame which falls back to the setTimeout if
- * first one is not supported.
- *
- * @returns {number} Requests' identifier.
- */
- var requestAnimationFrame$1 = (function () {
- if (typeof requestAnimationFrame === 'function') {
- // It's required to use a bounded function because IE sometimes throws
- // an "Invalid calling object" error if rAF is invoked without the global
- // object on the left hand side.
- return requestAnimationFrame.bind(global$1);
- }
- return function (callback) { return setTimeout(function () { return callback(Date.now()); }, 1000 / 60); };
- })();
- // Defines minimum timeout before adding a trailing call.
- var trailingTimeout = 2;
- /**
- * Creates a wrapper function which ensures that provided callback will be
- * invoked only once during the specified delay period.
- *
- * @param {Function} callback - Function to be invoked after the delay period.
- * @param {number} delay - Delay after which to invoke callback.
- * @returns {Function}
- */
- function throttle (callback, delay) {
- var leadingCall = false, trailingCall = false, lastCallTime = 0;
- /**
- * Invokes the original callback function and schedules new invocation if
- * the "proxy" was called during current request.
- *
- * @returns {void}
- */
- function resolvePending() {
- if (leadingCall) {
- leadingCall = false;
- callback();
- }
- if (trailingCall) {
- proxy();
- }
- }
- /**
- * Callback invoked after the specified delay. It will further postpone
- * invocation of the original function delegating it to the
- * requestAnimationFrame.
- *
- * @returns {void}
- */
- function timeoutCallback() {
- requestAnimationFrame$1(resolvePending);
- }
- /**
- * Schedules invocation of the original function.
- *
- * @returns {void}
- */
- function proxy() {
- var timeStamp = Date.now();
- if (leadingCall) {
- // Reject immediately following calls.
- if (timeStamp - lastCallTime < trailingTimeout) {
- return;
- }
- // Schedule new call to be in invoked when the pending one is resolved.
- // This is important for "transitions" which never actually start
- // immediately so there is a chance that we might miss one if change
- // happens amids the pending invocation.
- trailingCall = true;
- }
- else {
- leadingCall = true;
- trailingCall = false;
- setTimeout(timeoutCallback, delay);
- }
- lastCallTime = timeStamp;
- }
- return proxy;
- }
- // Minimum delay before invoking the update of observers.
- var REFRESH_DELAY = 20;
- // A list of substrings of CSS properties used to find transition events that
- // might affect dimensions of observed elements.
- var transitionKeys = ['top', 'right', 'bottom', 'left', 'width', 'height', 'size', 'weight'];
- // Check if MutationObserver is available.
- var mutationObserverSupported = typeof MutationObserver !== 'undefined';
- /**
- * Singleton controller class which handles updates of ResizeObserver instances.
- */
- var ResizeObserverController = /** @class */ (function () {
- /**
- * Creates a new instance of ResizeObserverController.
- *
- * @private
- */
- function ResizeObserverController() {
- /**
- * Indicates whether DOM listeners have been added.
- *
- * @private {boolean}
- */
- this.connected_ = false;
- /**
- * Tells that controller has subscribed for Mutation Events.
- *
- * @private {boolean}
- */
- this.mutationEventsAdded_ = false;
- /**
- * Keeps reference to the instance of MutationObserver.
- *
- * @private {MutationObserver}
- */
- this.mutationsObserver_ = null;
- /**
- * A list of connected observers.
- *
- * @private {Array<ResizeObserverSPI>}
- */
- this.observers_ = [];
- this.onTransitionEnd_ = this.onTransitionEnd_.bind(this);
- this.refresh = throttle(this.refresh.bind(this), REFRESH_DELAY);
- }
- /**
- * Adds observer to observers list.
- *
- * @param {ResizeObserverSPI} observer - Observer to be added.
- * @returns {void}
- */
- ResizeObserverController.prototype.addObserver = function (observer) {
- if (!~this.observers_.indexOf(observer)) {
- this.observers_.push(observer);
- }
- // Add listeners if they haven't been added yet.
- if (!this.connected_) {
- this.connect_();
- }
- };
- /**
- * Removes observer from observers list.
- *
- * @param {ResizeObserverSPI} observer - Observer to be removed.
- * @returns {void}
- */
- ResizeObserverController.prototype.removeObserver = function (observer) {
- var observers = this.observers_;
- var index = observers.indexOf(observer);
- // Remove observer if it's present in registry.
- if (~index) {
- observers.splice(index, 1);
- }
- // Remove listeners if controller has no connected observers.
- if (!observers.length && this.connected_) {
- this.disconnect_();
- }
- };
- /**
- * Invokes the update of observers. It will continue running updates insofar
- * it detects changes.
- *
- * @returns {void}
- */
- ResizeObserverController.prototype.refresh = function () {
- var changesDetected = this.updateObservers_();
- // Continue running updates if changes have been detected as there might
- // be future ones caused by CSS transitions.
- if (changesDetected) {
- this.refresh();
- }
- };
- /**
- * Updates every observer from observers list and notifies them of queued
- * entries.
- *
- * @private
- * @returns {boolean} Returns "true" if any observer has detected changes in
- * dimensions of it's elements.
- */
- ResizeObserverController.prototype.updateObservers_ = function () {
- // Collect observers that have active observations.
- var activeObservers = this.observers_.filter(function (observer) {
- return observer.gatherActive(), observer.hasActive();
- });
- // Deliver notifications in a separate cycle in order to avoid any
- // collisions between observers, e.g. when multiple instances of
- // ResizeObserver are tracking the same element and the callback of one
- // of them changes content dimensions of the observed target. Sometimes
- // this may result in notifications being blocked for the rest of observers.
- activeObservers.forEach(function (observer) { return observer.broadcastActive(); });
- return activeObservers.length > 0;
- };
- /**
- * Initializes DOM listeners.
- *
- * @private
- * @returns {void}
- */
- ResizeObserverController.prototype.connect_ = function () {
- // Do nothing if running in a non-browser environment or if listeners
- // have been already added.
- if (!isBrowser || this.connected_) {
- return;
- }
- // Subscription to the "Transitionend" event is used as a workaround for
- // delayed transitions. This way it's possible to capture at least the
- // final state of an element.
- document.addEventListener('transitionend', this.onTransitionEnd_);
- window.addEventListener('resize', this.refresh);
- if (mutationObserverSupported) {
- this.mutationsObserver_ = new MutationObserver(this.refresh);
- this.mutationsObserver_.observe(document, {
- attributes: true,
- childList: true,
- characterData: true,
- subtree: true
- });
- }
- else {
- document.addEventListener('DOMSubtreeModified', this.refresh);
- this.mutationEventsAdded_ = true;
- }
- this.connected_ = true;
- };
- /**
- * Removes DOM listeners.
- *
- * @private
- * @returns {void}
- */
- ResizeObserverController.prototype.disconnect_ = function () {
- // Do nothing if running in a non-browser environment or if listeners
- // have been already removed.
- if (!isBrowser || !this.connected_) {
- return;
- }
- document.removeEventListener('transitionend', this.onTransitionEnd_);
- window.removeEventListener('resize', this.refresh);
- if (this.mutationsObserver_) {
- this.mutationsObserver_.disconnect();
- }
- if (this.mutationEventsAdded_) {
- document.removeEventListener('DOMSubtreeModified', this.refresh);
- }
- this.mutationsObserver_ = null;
- this.mutationEventsAdded_ = false;
- this.connected_ = false;
- };
- /**
- * "Transitionend" event handler.
- *
- * @private
- * @param {TransitionEvent} event
- * @returns {void}
- */
- ResizeObserverController.prototype.onTransitionEnd_ = function (_a) {
- var _b = _a.propertyName, propertyName = _b === void 0 ? '' : _b;
- // Detect whether transition may affect dimensions of an element.
- var isReflowProperty = transitionKeys.some(function (key) {
- return !!~propertyName.indexOf(key);
- });
- if (isReflowProperty) {
- this.refresh();
- }
- };
- /**
- * Returns instance of the ResizeObserverController.
- *
- * @returns {ResizeObserverController}
- */
- ResizeObserverController.getInstance = function () {
- if (!this.instance_) {
- this.instance_ = new ResizeObserverController();
- }
- return this.instance_;
- };
- /**
- * Holds reference to the controller's instance.
- *
- * @private {ResizeObserverController}
- */
- ResizeObserverController.instance_ = null;
- return ResizeObserverController;
- }());
- /**
- * Defines non-writable/enumerable properties of the provided target object.
- *
- * @param {Object} target - Object for which to define properties.
- * @param {Object} props - Properties to be defined.
- * @returns {Object} Target object.
- */
- var defineConfigurable = (function (target, props) {
- for (var _i = 0, _a = Object.keys(props); _i < _a.length; _i++) {
- var key = _a[_i];
- Object.defineProperty(target, key, {
- value: props[key],
- enumerable: false,
- writable: false,
- configurable: true
- });
- }
- return target;
- });
- /**
- * Returns the global object associated with provided element.
- *
- * @param {Object} target
- * @returns {Object}
- */
- var getWindowOf = (function (target) {
- // Assume that the element is an instance of Node, which means that it
- // has the "ownerDocument" property from which we can retrieve a
- // corresponding global object.
- var ownerGlobal = target && target.ownerDocument && target.ownerDocument.defaultView;
- // Return the local global object if it's not possible extract one from
- // provided element.
- return ownerGlobal || global$1;
- });
- // Placeholder of an empty content rectangle.
- var emptyRect = createRectInit(0, 0, 0, 0);
- /**
- * Converts provided string to a number.
- *
- * @param {number|string} value
- * @returns {number}
- */
- function toFloat(value) {
- return parseFloat(value) || 0;
- }
- /**
- * Extracts borders size from provided styles.
- *
- * @param {CSSStyleDeclaration} styles
- * @param {...string} positions - Borders positions (top, right, ...)
- * @returns {number}
- */
- function getBordersSize(styles) {
- var positions = [];
- for (var _i = 1; _i < arguments.length; _i++) {
- positions[_i - 1] = arguments[_i];
- }
- return positions.reduce(function (size, position) {
- var value = styles['border-' + position + '-width'];
- return size + toFloat(value);
- }, 0);
- }
- /**
- * Extracts paddings sizes from provided styles.
- *
- * @param {CSSStyleDeclaration} styles
- * @returns {Object} Paddings box.
- */
- function getPaddings(styles) {
- var positions = ['top', 'right', 'bottom', 'left'];
- var paddings = {};
- for (var _i = 0, positions_1 = positions; _i < positions_1.length; _i++) {
- var position = positions_1[_i];
- var value = styles['padding-' + position];
- paddings[position] = toFloat(value);
- }
- return paddings;
- }
- /**
- * Calculates content rectangle of provided SVG element.
- *
- * @param {SVGGraphicsElement} target - Element content rectangle of which needs
- * to be calculated.
- * @returns {DOMRectInit}
- */
- function getSVGContentRect(target) {
- var bbox = target.getBBox();
- return createRectInit(0, 0, bbox.width, bbox.height);
- }
- /**
- * Calculates content rectangle of provided HTMLElement.
- *
- * @param {HTMLElement} target - Element for which to calculate the content rectangle.
- * @returns {DOMRectInit}
- */
- function getHTMLElementContentRect(target) {
- // Client width & height properties can't be
- // used exclusively as they provide rounded values.
- var clientWidth = target.clientWidth, clientHeight = target.clientHeight;
- // By this condition we can catch all non-replaced inline, hidden and
- // detached elements. Though elements with width & height properties less
- // than 0.5 will be discarded as well.
- //
- // Without it we would need to implement separate methods for each of
- // those cases and it's not possible to perform a precise and performance
- // effective test for hidden elements. E.g. even jQuery's ':visible' filter
- // gives wrong results for elements with width & height less than 0.5.
- if (!clientWidth && !clientHeight) {
- return emptyRect;
- }
- var styles = getWindowOf(target).getComputedStyle(target);
- var paddings = getPaddings(styles);
- var horizPad = paddings.left + paddings.right;
- var vertPad = paddings.top + paddings.bottom;
- // Computed styles of width & height are being used because they are the
- // only dimensions available to JS that contain non-rounded values. It could
- // be possible to utilize the getBoundingClientRect if only it's data wasn't
- // affected by CSS transformations let alone paddings, borders and scroll bars.
- var width = toFloat(styles.width), height = toFloat(styles.height);
- // Width & height include paddings and borders when the 'border-box' box
- // model is applied (except for IE).
- if (styles.boxSizing === 'border-box') {
- // Following conditions are required to handle Internet Explorer which
- // doesn't include paddings and borders to computed CSS dimensions.
- //
- // We can say that if CSS dimensions + paddings are equal to the "client"
- // properties then it's either IE, and thus we don't need to subtract
- // anything, or an element merely doesn't have paddings/borders styles.
- if (Math.round(width + horizPad) !== clientWidth) {
- width -= getBordersSize(styles, 'left', 'right') + horizPad;
- }
- if (Math.round(height + vertPad) !== clientHeight) {
- height -= getBordersSize(styles, 'top', 'bottom') + vertPad;
- }
- }
- // Following steps can't be applied to the document's root element as its
- // client[Width/Height] properties represent viewport area of the window.
- // Besides, it's as well not necessary as the <html> itself neither has
- // rendered scroll bars nor it can be clipped.
- if (!isDocumentElement(target)) {
- // In some browsers (only in Firefox, actually) CSS width & height
- // include scroll bars size which can be removed at this step as scroll
- // bars are the only difference between rounded dimensions + paddings
- // and "client" properties, though that is not always true in Chrome.
- var vertScrollbar = Math.round(width + horizPad) - clientWidth;
- var horizScrollbar = Math.round(height + vertPad) - clientHeight;
- // Chrome has a rather weird rounding of "client" properties.
- // E.g. for an element with content width of 314.2px it sometimes gives
- // the client width of 315px and for the width of 314.7px it may give
- // 314px. And it doesn't happen all the time. So just ignore this delta
- // as a non-relevant.
- if (Math.abs(vertScrollbar) !== 1) {
- width -= vertScrollbar;
- }
- if (Math.abs(horizScrollbar) !== 1) {
- height -= horizScrollbar;
- }
- }
- return createRectInit(paddings.left, paddings.top, width, height);
- }
- /**
- * Checks whether provided element is an instance of the SVGGraphicsElement.
- *
- * @param {Element} target - Element to be checked.
- * @returns {boolean}
- */
- var isSVGGraphicsElement = (function () {
- // Some browsers, namely IE and Edge, don't have the SVGGraphicsElement
- // interface.
- if (typeof SVGGraphicsElement !== 'undefined') {
- return function (target) { return target instanceof getWindowOf(target).SVGGraphicsElement; };
- }
- // If it's so, then check that element is at least an instance of the
- // SVGElement and that it has the "getBBox" method.
- // eslint-disable-next-line no-extra-parens
- return function (target) { return (target instanceof getWindowOf(target).SVGElement &&
- typeof target.getBBox === 'function'); };
- })();
- /**
- * Checks whether provided element is a document element (<html>).
- *
- * @param {Element} target - Element to be checked.
- * @returns {boolean}
- */
- function isDocumentElement(target) {
- return target === getWindowOf(target).document.documentElement;
- }
- /**
- * Calculates an appropriate content rectangle for provided html or svg element.
- *
- * @param {Element} target - Element content rectangle of which needs to be calculated.
- * @returns {DOMRectInit}
- */
- function getContentRect(target) {
- if (!isBrowser) {
- return emptyRect;
- }
- if (isSVGGraphicsElement(target)) {
- return getSVGContentRect(target);
- }
- return getHTMLElementContentRect(target);
- }
- /**
- * Creates rectangle with an interface of the DOMRectReadOnly.
- * Spec: https://drafts.fxtf.org/geometry/#domrectreadonly
- *
- * @param {DOMRectInit} rectInit - Object with rectangle's x/y coordinates and dimensions.
- * @returns {DOMRectReadOnly}
- */
- function createReadOnlyRect(_a) {
- var x = _a.x, y = _a.y, width = _a.width, height = _a.height;
- // If DOMRectReadOnly is available use it as a prototype for the rectangle.
- var Constr = typeof DOMRectReadOnly !== 'undefined' ? DOMRectReadOnly : Object;
- var rect = Object.create(Constr.prototype);
- // Rectangle's properties are not writable and non-enumerable.
- defineConfigurable(rect, {
- x: x, y: y, width: width, height: height,
- top: y,
- right: x + width,
- bottom: height + y,
- left: x
- });
- return rect;
- }
- /**
- * Creates DOMRectInit object based on the provided dimensions and the x/y coordinates.
- * Spec: https://drafts.fxtf.org/geometry/#dictdef-domrectinit
- *
- * @param {number} x - X coordinate.
- * @param {number} y - Y coordinate.
- * @param {number} width - Rectangle's width.
- * @param {number} height - Rectangle's height.
- * @returns {DOMRectInit}
- */
- function createRectInit(x, y, width, height) {
- return { x: x, y: y, width: width, height: height };
- }
- /**
- * Class that is responsible for computations of the content rectangle of
- * provided DOM element and for keeping track of it's changes.
- */
- var ResizeObservation = /** @class */ (function () {
- /**
- * Creates an instance of ResizeObservation.
- *
- * @param {Element} target - Element to be observed.
- */
- function ResizeObservation(target) {
- /**
- * Broadcasted width of content rectangle.
- *
- * @type {number}
- */
- this.broadcastWidth = 0;
- /**
- * Broadcasted height of content rectangle.
- *
- * @type {number}
- */
- this.broadcastHeight = 0;
- /**
- * Reference to the last observed content rectangle.
- *
- * @private {DOMRectInit}
- */
- this.contentRect_ = createRectInit(0, 0, 0, 0);
- this.target = target;
- }
- /**
- * Updates content rectangle and tells whether it's width or height properties
- * have changed since the last broadcast.
- *
- * @returns {boolean}
- */
- ResizeObservation.prototype.isActive = function () {
- var rect = getContentRect(this.target);
- this.contentRect_ = rect;
- return (rect.width !== this.broadcastWidth ||
- rect.height !== this.broadcastHeight);
- };
- /**
- * Updates 'broadcastWidth' and 'broadcastHeight' properties with a data
- * from the corresponding properties of the last observed content rectangle.
- *
- * @returns {DOMRectInit} Last observed content rectangle.
- */
- ResizeObservation.prototype.broadcastRect = function () {
- var rect = this.contentRect_;
- this.broadcastWidth = rect.width;
- this.broadcastHeight = rect.height;
- return rect;
- };
- return ResizeObservation;
- }());
- var ResizeObserverEntry = /** @class */ (function () {
- /**
- * Creates an instance of ResizeObserverEntry.
- *
- * @param {Element} target - Element that is being observed.
- * @param {DOMRectInit} rectInit - Data of the element's content rectangle.
- */
- function ResizeObserverEntry(target, rectInit) {
- var contentRect = createReadOnlyRect(rectInit);
- // According to the specification following properties are not writable
- // and are also not enumerable in the native implementation.
- //
- // Property accessors are not being used as they'd require to define a
- // private WeakMap storage which may cause memory leaks in browsers that
- // don't support this type of collections.
- defineConfigurable(this, { target: target, contentRect: contentRect });
- }
- return ResizeObserverEntry;
- }());
- var ResizeObserverSPI = /** @class */ (function () {
- /**
- * Creates a new instance of ResizeObserver.
- *
- * @param {ResizeObserverCallback} callback - Callback function that is invoked
- * when one of the observed elements changes it's content dimensions.
- * @param {ResizeObserverController} controller - Controller instance which
- * is responsible for the updates of observer.
- * @param {ResizeObserver} callbackCtx - Reference to the public
- * ResizeObserver instance which will be passed to callback function.
- */
- function ResizeObserverSPI(callback, controller, callbackCtx) {
- /**
- * Collection of resize observations that have detected changes in dimensions
- * of elements.
- *
- * @private {Array<ResizeObservation>}
- */
- this.activeObservations_ = [];
- /**
- * Registry of the ResizeObservation instances.
- *
- * @private {Map<Element, ResizeObservation>}
- */
- this.observations_ = new MapShim();
- if (typeof callback !== 'function') {
- throw new TypeError('The callback provided as parameter 1 is not a function.');
- }
- this.callback_ = callback;
- this.controller_ = controller;
- this.callbackCtx_ = callbackCtx;
- }
- /**
- * Starts observing provided element.
- *
- * @param {Element} target - Element to be observed.
- * @returns {void}
- */
- ResizeObserverSPI.prototype.observe = function (target) {
- if (!arguments.length) {
- throw new TypeError('1 argument required, but only 0 present.');
- }
- // Do nothing if current environment doesn't have the Element interface.
- if (typeof Element === 'undefined' || !(Element instanceof Object)) {
- return;
- }
- if (!(target instanceof getWindowOf(target).Element)) {
- throw new TypeError('parameter 1 is not of type "Element".');
- }
- var observations = this.observations_;
- // Do nothing if element is already being observed.
- if (observations.has(target)) {
- return;
- }
- observations.set(target, new ResizeObservation(target));
- this.controller_.addObserver(this);
- // Force the update of observations.
- this.controller_.refresh();
- };
- /**
- * Stops observing provided element.
- *
- * @param {Element} target - Element to stop observing.
- * @returns {void}
- */
- ResizeObserverSPI.prototype.unobserve = function (target) {
- if (!arguments.length) {
- throw new TypeError('1 argument required, but only 0 present.');
- }
- // Do nothing if current environment doesn't have the Element interface.
- if (typeof Element === 'undefined' || !(Element instanceof Object)) {
- return;
- }
- if (!(target instanceof getWindowOf(target).Element)) {
- throw new TypeError('parameter 1 is not of type "Element".');
- }
- var observations = this.observations_;
- // Do nothing if element is not being observed.
- if (!observations.has(target)) {
- return;
- }
- observations.delete(target);
- if (!observations.size) {
- this.controller_.removeObserver(this);
- }
- };
- /**
- * Stops observing all elements.
- *
- * @returns {void}
- */
- ResizeObserverSPI.prototype.disconnect = function () {
- this.clearActive();
- this.observations_.clear();
- this.controller_.removeObserver(this);
- };
- /**
- * Collects observation instances the associated element of which has changed
- * it's content rectangle.
- *
- * @returns {void}
- */
- ResizeObserverSPI.prototype.gatherActive = function () {
- var _this = this;
- this.clearActive();
- this.observations_.forEach(function (observation) {
- if (observation.isActive()) {
- _this.activeObservations_.push(observation);
- }
- });
- };
- /**
- * Invokes initial callback function with a list of ResizeObserverEntry
- * instances collected from active resize observations.
- *
- * @returns {void}
- */
- ResizeObserverSPI.prototype.broadcastActive = function () {
- // Do nothing if observer doesn't have active observations.
- if (!this.hasActive()) {
- return;
- }
- var ctx = this.callbackCtx_;
- // Create ResizeObserverEntry instance for every active observation.
- var entries = this.activeObservations_.map(function (observation) {
- return new ResizeObserverEntry(observation.target, observation.broadcastRect());
- });
- this.callback_.call(ctx, entries, ctx);
- this.clearActive();
- };
- /**
- * Clears the collection of active observations.
- *
- * @returns {void}
- */
- ResizeObserverSPI.prototype.clearActive = function () {
- this.activeObservations_.splice(0);
- };
- /**
- * Tells whether observer has active observations.
- *
- * @returns {boolean}
- */
- ResizeObserverSPI.prototype.hasActive = function () {
- return this.activeObservations_.length > 0;
- };
- return ResizeObserverSPI;
- }());
- // Registry of internal observers. If WeakMap is not available use current shim
- // for the Map collection as it has all required methods and because WeakMap
- // can't be fully polyfilled anyway.
- var observers = typeof WeakMap !== 'undefined' ? new WeakMap() : new MapShim();
- /**
- * ResizeObserver API. Encapsulates the ResizeObserver SPI implementation
- * exposing only those methods and properties that are defined in the spec.
- */
- var ResizeObserver = /** @class */ (function () {
- /**
- * Creates a new instance of ResizeObserver.
- *
- * @param {ResizeObserverCallback} callback - Callback that is invoked when
- * dimensions of the observed elements change.
- */
- function ResizeObserver(callback) {
- if (!(this instanceof ResizeObserver)) {
- throw new TypeError('Cannot call a class as a function.');
- }
- if (!arguments.length) {
- throw new TypeError('1 argument required, but only 0 present.');
- }
- var controller = ResizeObserverController.getInstance();
- var observer = new ResizeObserverSPI(callback, controller, this);
- observers.set(this, observer);
- }
- return ResizeObserver;
- }());
- // Expose public methods of ResizeObserver.
- [
- 'observe',
- 'unobserve',
- 'disconnect'
- ].forEach(function (method) {
- ResizeObserver.prototype[method] = function () {
- var _a;
- return (_a = observers.get(this))[method].apply(_a, arguments);
- };
- });
- var index = (function () {
- // Export existing implementation if available.
- if (typeof global$1.ResizeObserver !== 'undefined') {
- return global$1.ResizeObserver;
- }
- return ResizeObserver;
- })();
- /* harmony default export */ __webpack_exports__["default"] = (index);
- /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(29)))
- /***/ }),
- /* 29 */
- /***/ (function(module, exports) {
- var g;
- // This works in non-strict mode
- g = (function() {
- return this;
- })();
- try {
- // This works if eval is allowed (see CSP)
- g = g || new Function("return this")();
- } catch (e) {
- // This works if the window reference is available
- if (typeof window === "object") g = window;
- }
- // g can still be undefined, but nothing to do about it...
- // We return undefined, instead of nothing here, so it's
- // easier to handle this case. if(!global) { ...}
- module.exports = g;
- /***/ }),
- /* 30 */
- /***/ (function(module, exports, __webpack_require__) {
- var camel2hyphen = __webpack_require__(31);
- 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;
- /***/ }),
- /* 31 */
- /***/ (function(module, exports) {
- var camel2hyphen = function (str) {
- return str
- .replace(/[A-Z]/g, function (match) {
- return '-' + match.toLowerCase();
- })
- .toLowerCase();
- };
- module.exports = camel2hyphen;
- /***/ })
- /******/ ]);
- });
- //# sourceMappingURL=react-slick.js.map
|