{"version":3,"sources":["webpack:///./es6/components/banner-slider.js"],"names":["BannerSlider","this","selectors","bannerSlider","bannerSliderfor","bannerSlidernav","fullfoldHeight","headerheight","winWidth","$window","outerWidth","on","$","slick","fullfoldSliderHeight","target1","target2","event","videoelement","$slides","find","length","play","currentSlide","get","pause","slidesToShow","slidesToScroll","arrows","fade","rtl","isRTL","asNavFor","dots","centerMode","focusOnSelect","minHeight","window","innerHeight","headerminHeight","$headerheight","$fullfoldHeight","css","sliderBanner","$BannerSliderfor","$BannerSlidernav","$BannerSlider","initSelectors","initEvent","initSlick","svg","init"],"mappings":"ySAWMA,E,WACL,c,6FAAe,CAAD,QACbC,KAAKC,UAAY,CAChBC,aAAc,oBACdC,gBAAiB,iBACjBC,gBAAiB,iBACjBC,eAAgB,eAChBC,aAAc,UAEfN,KAAKO,SAAWC,IAAQC,a,mIAOzB,WAAa,IAAD,OACXD,IAAQE,GAAG,UAAU,WACpB,EAAKH,SAAWC,IAAQC,aACxBE,IAAE,sBAAsBC,MAAM,eAC9B,EAAKC,0BAENL,IAAQE,GAAG,QAAQ,WAClB,EAAKG,0BAENL,IAAQE,GAAG,UAAU,iB,0BAUtB,SAAaI,EAASC,GACrBD,EAAQJ,GAAG,QAAQ,SAACM,EAAOJ,GAAW,IAC/BK,EAAeN,IAAEC,EAAMM,QAAQ,IAAIC,KAAK,2BAE/B,EADEF,EAAaG,QAE7BH,EAAa,GAAGI,UAGlBP,EAAQJ,GAAG,eAAe,SAACM,EAAOJ,EAAOU,GAA6B,IAC/DL,EAAeN,IAAEC,EAAMM,QAAQK,IAAID,IAAeH,KAAK,2BAE9C,EADEF,EAAaG,OAE7BH,EAAa,GAAGI,OAEhBP,EAAQK,KAAK,SAAS,GAAGK,WAG3BV,EAAQF,MAAM,CACba,aAAc,EACdC,eAAgB,EAChBC,QAAO,EACPC,MAAK,EACLC,IAAKC,IACLC,SAAUhB,IAEXA,EAAQH,MAAM,CACba,aAAc,EACdC,eAAgB,EAChBK,SAAUjB,EACVkB,MAAK,EACLH,IAAKC,IACLH,QAAO,EACPM,YAAW,EACXC,eAAc,M,kCAQhB,WAAwB,IACjBC,EAAYxB,IAAEyB,QAAQC,cACtBC,EAAkBtC,KAAKuC,cAAcF,cAE3CrC,KAAKwC,gBAAgBC,IAAI,aAAzB,UADuBN,EAAYG,EACnC,S,uBASD,WAICtC,KAAK0C,aAAa1C,KAAK2C,iBAAkB3C,KAAK4C,oB,2BAS/C,WACC5C,KAAK6C,cAAgBlC,IAAEX,KAAKC,UAAUC,cACtCF,KAAK2C,iBAAmBhC,IAAEX,KAAKC,UAAUE,iBACzCH,KAAK4C,iBAAmBjC,IAAEX,KAAKC,UAAUG,iBACzCJ,KAAKwC,gBAAkB7B,IAAEX,KAAKC,UAAUI,gBACxCL,KAAKuC,cAAgB5B,IAAEX,KAAKC,UAAUK,gB,kBASvC,WACCN,KAAK8C,gBACL9C,KAAK+C,YACL/C,KAAKgD,YACLhD,KAAKa,uBACLb,KAAKiD,IAAIC,W,KAIInD","file":"js/banner-slider.js","sourcesContent":["/**\r\n * @fileoverview\r\n */\r\nimport $ from 'jquery';\r\nimport 'slick-carousel/slick/slick';\r\nimport { $window, isRTL } from '../util/helpers';\r\n\r\n/**\r\n * BannerSlider Component\r\n * @class BannerSlider\r\n */\r\nclass BannerSlider {\r\n\tconstructor() {\r\n\t\tthis.selectors = {\r\n\t\t\tbannerSlider: '.js-banner-slider',\r\n\t\t\tbannerSliderfor: '.js-slider-for',\r\n\t\t\tbannerSlidernav: '.js-slider-nav',\r\n\t\t\tfullfoldHeight: '.js-fullfold',\r\n\t\t\theaderheight: 'header',\r\n\t\t};\r\n\t\tthis.winWidth = $window.outerWidth();\r\n\t}\r\n\r\n\t/**\r\n\t * Initialise events\r\n\t * @function initEvents\r\n\t */\r\n\tinitEvent() {\r\n\t\t$window.on('resize', () => {\r\n\t\t\tthis.winWidth = $window.outerWidth();\r\n\t\t\t$('.slick-initialized').slick('setPosition');\r\n\t\t\tthis.fullfoldSliderHeight();\r\n\t\t});\r\n\t\t$window.on('load', () => {\r\n\t\t\tthis.fullfoldSliderHeight();\r\n\t\t});\r\n\t\t$window.on('scroll', () => {\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n     * BannerSlider component slider method\r\n     * @function slider\r\n     * @memberof BannerSlider\r\n     * @returns {Void}\r\n     */\r\n\tsliderBanner(target1, target2) {\r\n\t\ttarget1.on('init', (event, slick) => {\r\n\t\t\tconst videoelement = $(slick.$slides[0]).find('.background-video video');\r\n\t\t\tconst hasVideo = videoelement.length;\r\n\t\t\tif (hasVideo > 0) {\r\n\t\t\t\tvideoelement[0].play();\r\n\t\t\t}\r\n\t\t});\r\n\t\ttarget1.on('afterChange', (event, slick, currentSlide, nextSlide) => {\r\n\t\t\tconst videoelement = $(slick.$slides.get(currentSlide)).find('.background-video video');\r\n\t\t\tconst hasVideo = videoelement.length;\r\n\t\t\tif (hasVideo > 0) {\r\n\t\t\t\tvideoelement[0].play();\r\n\t\t\t} else {\r\n\t\t\t\ttarget1.find('video')[0].pause();\r\n\t\t\t}\r\n\t\t});\r\n\t\ttarget1.slick({\r\n\t\t\tslidesToShow: 1,\r\n\t\t\tslidesToScroll: 1,\r\n\t\t\tarrows: false,\r\n\t\t\tfade: true,\r\n\t\t\trtl: isRTL,\r\n\t\t\tasNavFor: target2\r\n\t\t});\r\n\t\ttarget2.slick({\r\n\t\t\tslidesToShow: 1,\r\n\t\t\tslidesToScroll: 1,\r\n\t\t\tasNavFor: target1,\r\n\t\t\tdots: true,\r\n\t\t\trtl: isRTL,\r\n\t\t\tarrows: false,\r\n\t\t\tcenterMode: false,\r\n\t\t\tfocusOnSelect: true\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * fullfoldSliderHeight Menu box\r\n\t * @function fullfoldSliderHeight\r\n\t */\r\n\tfullfoldSliderHeight() {\r\n\t\tconst minHeight = $(window).innerHeight();\r\n\t\tconst headerminHeight = this.$headerheight.innerHeight();\r\n\t\tconst totalHeightSec = minHeight - headerminHeight;\r\n\t\tthis.$fullfoldHeight.css('min-height', `${totalHeightSec}px`);\r\n\t}\r\n\r\n\t/**\r\n     * LifeOfResidents component initSlick method\r\n     * @function initSlick\r\n     * @memberof LifeOfResidents\r\n     * @returns {Void}\r\n     */\r\n\tinitSlick() {\r\n\t\t// if (!this.$BannerSlider.hasClass('slick-initialized')) {\r\n\t\t// \tthis.slider(this.$BannerSlider);\r\n\t\t// }\r\n\t\tthis.sliderBanner(this.$BannerSliderfor, this.$BannerSlidernav);\r\n\t}\r\n\r\n\t/**\r\n\t\t * LifeOfResidents component initSelectors method\r\n\t\t * @function initSelectors\r\n\t\t * @memberof LifeOfResidents\r\n\t\t * @returns {Void}\r\n\t\t */\r\n\tinitSelectors() {\r\n\t\tthis.$BannerSlider = $(this.selectors.bannerSlider);\r\n\t\tthis.$BannerSliderfor = $(this.selectors.bannerSliderfor);\r\n\t\tthis.$BannerSlidernav = $(this.selectors.bannerSlidernav);\r\n\t\tthis.$fullfoldHeight = $(this.selectors.fullfoldHeight);\r\n\t\tthis.$headerheight = $(this.selectors.headerheight);\r\n\t}\r\n\r\n\t/**\r\n\t\t * LifeOfResidents component init method\r\n\t\t * @function init\r\n\t\t * @memberof LifeOfResidents\r\n\t\t * @returns {Void}\r\n\t\t */\r\n\tinit() {\r\n\t\tthis.initSelectors();\r\n\t\tthis.initEvent();\r\n\t\tthis.initSlick();\r\n\t\tthis.fullfoldSliderHeight();\r\n\t\tthis.svg.init();\r\n\t}\r\n}\r\n\r\nexport default BannerSlider;\r\n"],"sourceRoot":""}