{"version":3,"sources":["webpack:///./js/components/design-system/ds-image-carousel.js","webpack:///./node_modules/when-dom-ready/dist/index.es2015.js"],"names":["__webpack_require__","r","__webpack_exports__","when_dom_ready__WEBPACK_IMPORTED_MODULE_0__","tiny_slider_src_tiny_slider__WEBPACK_IMPORTED_MODULE_1__","ACTIVE","whenDomReady","then","carousels","document","querySelectorAll","Array","from","forEach","carousel","slider","tns","container","items","center","gutter","loop","swipeAngle","mouseDrag","speed","nav","onInit","info","slideItems","index","classList","add","controlsContainer","parentElement","querySelector","play","events","on","indexCached","remove","loadedStates","cb","doc","Promise","resolve","window","done","setTimeout","indexOf","readyState","addEventListener","resume","val"],"mappings":"2FAAAA,EAAAC,EAAAC,GAAA,IAAAC,EAAAH,EAAA,IAAAI,EAAAJ,EAAA,KAGMK,EAAS,2CAmCfC,cAAeC,KAjCf,WACE,IAAMC,EAAYC,SAASC,iBAAiB,yBAEvCF,GAILG,MAAMC,KAAKJ,GAAWK,QAAQ,SAAAC,GAC5B,IAAMC,EAASC,YAAI,CACjBC,UAAWH,EACXI,MAAO,EACPC,QAAQ,EACRC,OAAQ,GACRC,MAAM,EACNC,YAAY,EACZC,WAAW,EACXC,MAAO,IACPC,KAAK,EACLC,OAAQ,SAAAC,GACNA,EAAKC,WAAWD,EAAKE,OAAOC,UAAUC,IAAI1B,IAE5C2B,kBAAmBlB,EAASmB,cAAcC,cAAc,oCAG1DnB,EAAOoB,OAEPpB,EAAOqB,OAAOC,GAAG,eAAgB,SAAAV,GAC/BA,EAAKC,WAAWD,EAAKW,aAAaR,UAAUS,OAAOlC,GACnDsB,EAAKC,WAAWD,EAAKE,OAAOC,UAAUC,IAAI1B,0CC9BhD,IAAAmC,EAAA,2BAGAlC,EAAA,SAAAmC,EAAAC,GACA,WAAAC,QAAA,SAAAC,GAEAH,GAAA,mBAAAA,IACAC,EAAAD,EACAA,EAAA,MAIAC,KAAAG,OAAApC,SAGA,IAAAqC,EAAA,WACA,OAAAF,OAAAH,GAAAM,WAAAN,OAKA,IAAAD,EAAAQ,QAAAN,EAAAO,YACAH,IAEAJ,EAAAQ,iBAAA,mBAAAJ,MAMAxC,EAAA6C,OAAA,SAAAT,GACA,gBAAAU,GACA,OAAA9C,EAAAoC,GAAAnC,KAAA,WACA,OAAA6C,MAKelD,EAAA","file":"ds-image-carousel-a582fe5693e63b37a839.js","sourcesContent":["import whenDomReady from 'when-dom-ready';\r\nimport { tns } from 'tiny-slider/src/tiny-slider';\r\n\r\nconst ACTIVE = 'ds-image-carousel__item--active-centered';\r\n\r\nfunction initialize() {\r\n const carousels = document.querySelectorAll('.js-ds-image-carousel');\r\n\r\n if (!carousels) {\r\n return;\r\n }\r\n\r\n Array.from(carousels).forEach(carousel => {\r\n const slider = tns({\r\n container: carousel,\r\n items: 2,\r\n center: true,\r\n gutter: 20,\r\n loop: false,\r\n swipeAngle: false,\r\n mouseDrag: true,\r\n speed: 400,\r\n nav: false,\r\n onInit: info => {\r\n info.slideItems[info.index].classList.add(ACTIVE);\r\n },\r\n controlsContainer: carousel.parentElement.querySelector('.js-ds-image-carousel-controls'),\r\n });\r\n\r\n slider.play();\r\n\r\n slider.events.on('indexChanged', info => {\r\n info.slideItems[info.indexCached].classList.remove(ACTIVE);\r\n info.slideItems[info.index].classList.add(ACTIVE);\r\n });\r\n });\r\n}\r\n\r\nwhenDomReady().then(initialize);\r\n","/* eslint no-void: \"off\" */\n\n// Loaded ready states\nvar loadedStates = ['interactive', 'complete'];\n\n// Return Promise\nvar whenDomReady = function whenDomReady(cb, doc) {\n\treturn new Promise(function (resolve) {\n\t\t// Allow doc to be passed in as the lone first param\n\t\tif (cb && typeof cb !== 'function') {\n\t\t\tdoc = cb;\n\t\t\tcb = null;\n\t\t}\n\n\t\t// Use global document if we don't have one\n\t\tdoc = doc || window.document;\n\n\t\t// Handle DOM load\n\t\tvar done = function done() {\n\t\t\treturn resolve(void (cb && setTimeout(cb)));\n\t\t};\n\n\t\t// Resolve now if DOM has already loaded\n\t\t// Otherwise wait for DOMContentLoaded\n\t\tif (loadedStates.indexOf(doc.readyState) !== -1) {\n\t\t\tdone();\n\t\t} else {\n\t\t\tdoc.addEventListener('DOMContentLoaded', done);\n\t\t}\n\t});\n};\n\n// Promise chain helper\nwhenDomReady.resume = function (doc) {\n\treturn function (val) {\n\t\treturn whenDomReady(doc).then(function () {\n\t\t\treturn val;\n\t\t});\n\t};\n};\n\nexport default whenDomReady;\n//# sourceMappingURL=index.es2015.js.map\n"],"sourceRoot":""}