{"version":3,"sources":["webpack:////home/vsts/work/1/s/src/views/blocks/careerRolesCarouselBlock/js/careerRolesCarouselBlock.js"],"names":["CLS","CareerRolesCarouselBlock","$el","this","$","$carousel","find","$carouselNext","$carouselPrev","initSlick","that","window","on","clearTimeout","resizedFinished","setTimeout","slick","variableWidth","slidesToShow","slidesToScroll","arrows","dots","infinite","responsive","breakpoint","settings","centerMode","centerPadding","BLK","closest","addClass","hasClass","removeClass"],"mappings":"8ZACA,IACMA,EAAM,2B,QAQCC,yB,WACZ,WAAYC,GAAK,C,+FAAA,QAEhBC,KAAKD,IAAME,EAAEF,CAAF,EACXC,KAAKE,UAAYF,KAAKD,IAAII,KAAT,IAAkBN,EAAlB,aACjBG,KAAKI,cAAgBJ,KAAKD,IAAII,KAAT,IAAkBN,EAAlB,mBACrBG,KAAKK,cAAgBL,KAAKD,IAAII,KAAT,IAAkBN,EAAlB,kBAErB,C,2CAIAG,KAAKM,UAAL,EACA,IAAIC,EAAOP,KAEXC,EAAEO,MAAF,EAAUC,GAAG,SAAU,WAEtBC,aAAaF,OAAOG,eAApB,EAEAH,OAAOG,gBAAkBC,WAAW,WAEnCL,EAAKL,UAAUW,MAAM,SAArB,EACAN,EAAKD,UAAL,CAEA,EAAE,GALsB,CAMzB,CAVD,CAWA,C,sCAEW,WA8BXN,KAAKE,UAAUW,MA7BM,CACpBC,cAAe,GACfC,aAAc,EACdC,eAAgB,EAChBC,OAAQ,GACRC,KAAM,GACNC,SAAU,GACVC,WAAY,CAEX,CACCC,WAAY,KACZC,SAAU,CACTP,aAAc,CADL,CAFX,EAMA,CACCM,WAAY,IACZC,SAAU,CACTC,WAAY,GACZR,aAAc,EACdS,cAAe,MACfV,cAAe,EAJN,CAFX,EAfmB,CA6BrB,EACiBd,KAAKD,IAAII,KAAQsB,kDAAjB,EACRC,QAAQ,cAAjB,EAAiCC,SAAS,UAA1C,EAEA3B,KAAKK,cAAcsB,SAAS,gBAA5B,EAEA3B,KAAKI,cAAcK,GAAG,QAAS,WAC9B,EAAKP,UAAUW,MAAM,WAArB,CACA,CAFD,EAGAb,KAAKK,cAAcI,GAAG,QAAS,WAC9B,EAAKP,UAAUW,MAAM,WAArB,CACA,CAFD,EAIAb,KAAKE,UAAUO,GAAG,cAAe,WAC5B,EAAKP,UAAUC,KAAK,aAApB,EAAmCyB,SAAS,gBAA5C,EACH,EAAKvB,cAAcsB,SAAS,gBAA5B,EAEA,EAAKtB,cAAcwB,YAAY,gBAA/B,EAEG,EAAK3B,UAAUC,KAAK,aAApB,EAAmCyB,SAAS,gBAA5C,EACH,EAAKxB,cAAcuB,SAAS,gBAA5B,EAEA,EAAKvB,cAAcyB,YAAY,gBAA/B,CAED,CAXD,CAYA,C","file":"block-7.4dfb74c0df403e09dc00.js","sourcesContent":["// CONSTANTS are all caps.\nconst NS = 'CareerRolesCarouselBlock';\nconst CLS = 'careerRolesCarouselBlock';\nconst BLK = '.' + 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 ./loadBlk.js using Webpack dynamic imports as chunks.\n// import $ from 'jquery'\n\n\nexport class CareerRolesCarouselBlock {\n\tconstructor($el) {\n\t\t// $el is the blk node return by the loadFundingOptionsContainerBlock function\n\t\tthis.$el = $($el);\n\t\tthis.$carousel = this.$el.find(`.${CLS}-carousel`);\n\t\tthis.$carouselNext = this.$el.find(`.${CLS}-sliderBtn.next`);\n\t\tthis.$carouselPrev = this.$el.find(`.${CLS}-sliderBtn.prev`);\n\n\t}\n\n\tinit() {\n\n\t\tthis.initSlick();\n\t\tlet that = this;\n\n\t\t$(window).on(\"resize\", () => {\n\n\t\t\tclearTimeout(window.resizedFinished);\n\n\t\t\twindow.resizedFinished = setTimeout(() => {\n\n\t\t\t\tthat.$carousel.slick('unslick');\n\t\t\t\tthat.initSlick();\n\n\t\t\t}, 400);\n\t\t});\n\t}\n\n\tinitSlick() {\n\t\tconst slickOptions = {\n\t\t\tvariableWidth: true,\n\t\t\tslidesToShow: 3,\n\t\t\tslidesToScroll: 1,\n\t\t\tarrows: true,\n\t\t\tdots: false,\n\t\t\tinfinite: false,\n\t\t\tresponsive: [\n\n\t\t\t\t{\n\t\t\t\t\tbreakpoint: 1200,\n\t\t\t\t\tsettings: {\n\t\t\t\t\t\tslidesToShow: 2,\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tbreakpoint: 768,\n\t\t\t\t\tsettings: {\n\t\t\t\t\t\tcenterMode: true,\n\t\t\t\t\t\tslidesToShow: 1,\n\t\t\t\t\t\tcenterPadding: '3px',\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\n\n\t\tthis.$carousel.slick(slickOptions);\n\t\tconst selected = this.$el.find(`${BLK}carouselSlide.selected`);\n\t\tselected.closest('.slick-slide').addClass('selected');\n\n\t\tthis.$carouselPrev.addClass('slick-disabled');\n\n\t\tthis.$carouselNext.on('click', () => {\n\t\t\tthis.$carousel.slick('slickNext');\n\t\t});\n\t\tthis.$carouselPrev.on('click', () => {\n\t\t\tthis.$carousel.slick('slickPrev');\n\t\t});\n\n\t\tthis.$carousel.on('afterChange', () => {\n\t\t\tif (this.$carousel.find('.slick-prev').hasClass('slick-disabled')) {\n\t\t\t\tthis.$carouselPrev.addClass('slick-disabled');\n\t\t\t} else {\n\t\t\t\tthis.$carouselPrev.removeClass('slick-disabled');\n\t\t\t}\n\t\t\tif (this.$carousel.find('.slick-next').hasClass('slick-disabled')) {\n\t\t\t\tthis.$carouselNext.addClass('slick-disabled');\n\t\t\t} else {\n\t\t\t\tthis.$carouselNext.removeClass('slick-disabled');\n\t\t\t}\n\t\t});\n\t}\n}\n"],"sourceRoot":""}