{"version":3,"sources":["webpack:///./widgets/timelineCarousel.js"],"names":["WG","TimelineCarousel","$el","_classCallCheck","this","key","value","setTimelineCarousel","$wg","$","This","images","find","imagesLoaded","totalImages","length","each","imgSrc","attr","objImg","Image","src","onload","initSlider","slider","$img","closest","css","naturalWidth","slick","centerMode","slidesToShow","arrows","focusOnSelect","variableWidth","adaptiveHeight","responsive","breakpoint","settings","dots","on","event","currentSlide","nextSlide","removeClass","eq","addClass","index"],"mappings":"22BACA,IAEMA,EAAK,qBAOEC,EAAgB,WAI3B,O,EAHD,SAAAA,EAAYC,I,4FAAKC,CAAA,KAAAF,GAEhBG,KAAKF,IAAMA,I,EACX,EAAAG,IAAA,OAAAC,MAED,WACCF,KAAKG,wBACL,CAAAF,IAAA,sBAAAC,MAED,WAEC,IAAME,EAAMC,EAAEL,KAAKF,KACbQ,EAAON,KACTO,EAASH,EAAII,KAAKZ,EAAK,eAGvBa,EAAe,EAEfC,EAAcH,EAAOI,OAEzBJ,EAAOK,MAAK,WACX,IAAIC,EAASR,EAAEL,MAAMc,KAAK,OACtBC,EAAS,IAAIC,MACjBD,EAAOE,IAAMJ,EACbE,EAAOG,OAAS,aACfT,GACoBC,GACnBJ,EAAKa,mBAIR,CAAAlB,IAAA,aAAAC,MAED,WACC,IAAME,EAAMC,EAAEL,KAAKF,KACfsB,EAAShB,EAAII,KAAKZ,EAAK,UACdQ,EAAII,KAAKZ,EAAK,eAEpBgB,MAAK,WACX,IAAIS,EAAOhB,EAAEL,MACbqB,EAAKC,QAAQ1B,EAAK,iBAAiB2B,IAAI,CACtC,MAASF,EAAK,GAAGG,aAAe,UAuBlCJ,EAAOK,MAnBO,CACbC,YAAY,EACZC,aAAc,EACdC,QAAQ,EACRC,eAAe,EACfC,eAAe,EACfC,gBAAgB,EAChBC,WAAY,CACX,CACCC,WAAY,IACZC,SAAU,CACTC,MAAM,EACNT,YAAY,EACZI,eAAe,OASnBV,EAAOgB,GAAG,gBAAgB,SAASC,EAAOZ,EAAOa,EAAcC,GAC9DnC,EAAII,KAAKZ,EAAK,kBAAkB4C,YAAY,UAC5CpC,EAAII,KAAKZ,EAAK,kBAAkB6C,GAAGF,GAAWG,SAAS,aAIxDtC,EAAIgC,GAAG,QAASxC,EAAK,kBAAkB,WACtCQ,EAAII,KAAKZ,EAAK,kBAAkB4C,YAAY,UAC5CnC,EAAEL,MAAM0C,SAAS,UACjBtB,EAAOK,MAAM,YAAapB,EAAEL,MAAM2C,iB,0FA7ER,I","file":"83.js","sourcesContent":["// CONSTANTS are all caps.\nconst NS = 'TimelineCarousel';\nconst CLS = 'timelineCarousel';\nconst WG = '.' + CLS + '-';\n\n// Import stuff here if you need to or even better to import them dynamically\n// for ex. of dynamic import check out src/scripts/loadWg/timelineCarousel.js using Webpack dynamic imports as chunks.\n// import $ from 'jquery'\nimport slick from 'slick-carousel';\n\nexport class TimelineCarousel {\n\tconstructor($el) {\n\t\t// $el is the widget node return by the loadTimelineCarousel function\n\t\tthis.$el = $el;\n\t}\n\n\tinit() {\n\t\tthis.setTimelineCarousel();\n\t}\n\n\tsetTimelineCarousel() {\n\t\t// Add Some logic here\n\t\tconst $wg = $(this.$el);\n\t\tconst This = this;\n\t\tlet images = $wg.find(WG + 'slide-image');\n\n\t\t// no images are loaded.\n\t\tlet imagesLoaded = 0;\n\t\t// total number of images in the slider\n\t\tlet totalImages = images.length;\n\n\t\timages.each(function() {\n\t\t\tlet imgSrc = $(this).attr('src');\n\t\t\tlet objImg = new Image();\n\t\t\tobjImg.src = imgSrc;\n\t\t\tobjImg.onload = function() {\n\t\t\t\timagesLoaded++;\n\t\t\t\tif (imagesLoaded == totalImages) {\n\t\t\t\t\tThis.initSlider();\n\t\t\t\t}\n\t\t\t};\n\t\t});\n\t}\n\n\tinitSlider() {\n\t\tconst $wg = $(this.$el);\n\t\tlet slider = $wg.find(WG + 'slider');\n\t\tlet images = $wg.find(WG + 'slide-image');\n\n\t\timages.each(function() {\n\t\t\tlet $img = $(this);\n\t\t\t$img.closest(WG + 'slide-wrapper').css({\n\t\t\t\t'width': $img[0].naturalWidth + 'px',\n\t\t\t});\n\t\t});\n\n\t\tlet options = {\n\t\t\tcenterMode: true,\n\t\t\tslidesToShow: 1,\n\t\t\tarrows: false,\n\t\t\tfocusOnSelect: true,\n\t\t\tvariableWidth: true,\n\t\t\tadaptiveHeight: true,\n\t\t\tresponsive: [\n\t\t\t\t{\n\t\t\t\t\tbreakpoint: 768,\n\t\t\t\t\tsettings: {\n\t\t\t\t\t\tdots: true,\n\t\t\t\t\t\tcenterMode: false,\n\t\t\t\t\t\tvariableWidth: false,\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t],\n\t\t};\n\n\t\tslider.slick(options);\n\n\t\t// On before slide change\n\t\tslider.on('beforeChange', function(event, slick, currentSlide, nextSlide) {\n\t\t\t$wg.find(WG + 'timeline-point').removeClass('active');\n\t\t\t$wg.find(WG + 'timeline-point').eq(nextSlide).addClass('active');\n\t\t});\n\n\t\t// on timeline clicks\n\t\t$wg.on('click', WG + 'timeline-point', function() {\n\t\t\t$wg.find(WG + 'timeline-point').removeClass('active');\n\t\t\t$(this).addClass('active');\n\t\t\tslider.slick('slickGoTo', $(this).index());\n\t\t});\n\t}\n\n\t// Add more functions like on above here\n}\n"],"sourceRoot":""}