https://www.fashionally.com/static/js/54.36c5b496.chunk.js

1(this["webpackJsonphktdc-cms-spa"]=this["webpackJsonphktdc-cms-spa"]||[]).push([[54],{1118:function(e,a,n){},1178:function(e,a,n){"use strict";n.r(a),n.d(a,"default",(function(){return v}));var t=n(224),r=n(225),i=n(227),s=n(226),l=n(2),c=n.n(l),o=n(895),m=n(1117),u=n.n(m),d=n(761),p=n.n(d),b=(n(851),n(1118),n(8)),v=function(e){Object(i.a)(n,e);var a=Object(s.a)(n);function n(e){var r;return Object(t.a)(this,n),(r=a.call(this,e)).togglePause=function(){r.setState({mousePause:!r.state.mousePause})},r.updateThumb=function(e){var a=document.querySelectorAll(".main-banner__thumb");[].forEach.call(a,(function(e){e.classList.remove("is-active")}));var n=e.activeIndex;n>a.length&&(n=1);var t=a[--n+1];t&&(t.className+=" is-active"),r.playCurrentVideo()},r.toMainBannerSlide=function(e){return function(a){var n=document.getElementById("main-banner-slider");n&&n.swiper&&n.swiper.slideTo(parseInt(e,10)),a.preventDefault()}},r.playCurrentVideo=function(){var e=document.querySelectorAll(".swiper-slide-active video");e.length&&e[0].play()},r.initSwiper=function(e){var a=document.getElementById("main-banner-slider");a&&a.swiper&&a.swiper.destroy(!1,!1);var n=document.getElementById("main-banner-slider");n&&n.swiper&&n.swiper.destroy(!0,!0);var t=new o.a(n,{init:!1,spaceBetween:20,slidesPerView:1,slidesPerGroup:1,loop:!1,effect:"fade",simulateTouch:!0,autoHeight:!0,autoplay:{delay:6e3,disableOnInteraction:!1},fadeEffect:{crossFade:!0}});t.on("init",(function(){e.playCurrentVideo()})).on("slideChangeTransitionEnd",(function(){e.updateThumb(t)})).on("slideChangeTransitionStart",(function(){for(var e=document.querySelectorAll(".main-banner__slide  video"),a=0;a<e.length;a++)e[a].currentTime=0})).init()},r.state={mainBannerInit:!1,mousePause:!1},r}return Object(r.a)(n,[{key:"componentDidMount",value:function(){this.setState({mainBannerInit:!1})}},{key:"componentDidUpdate",value:function(){var e=this.initSwiper,a=document.querySelectorAll(".main-banner__thumb");if(!this.state.mainBannerInit&&a.length>1){e(this),[].forEach.call(a,(function(e){e.classList.remove("is-active")}));var n=a[0];n&&(n.className+=" is-active"),this.setState({mainBannerInit:!0})}var t=document.getElementById("main-banner-slider");t&&"undefined"!==typeof t.swiper&&(this.state.mousePause?t.swiper.autoplay.stop():t.swiper.autoplay.start())}},{key:"render",value:function(){var e=this,a=this.props.banners;return c.a.createElement("section",{className:"section-mainPage-Jumbotron"},c.a.createElement("div",{className:"main-banner"},c.a.createElement("div",{id:"main-banner-slider",className:"main-banner__slider"},c.a.createElement("div",{className:this.state.mousePause?"swiper-wrapper pause-active":"swiper-wrapper"},Object.keys(a||{}).map((function(e){var n=a[e],t=n.headline||"",r=n.sub_headline_1||"",i=n.sub_headline_2||"",s=n.description||"",l=n.videoPathUrl||"",o=n.landing_url||"",m=n.image||"",d=n.imageMobile,v='url("'.concat(m,'")'),g='url("'.concat(d,'")'),h=n.image_focus_x||"50",_=n.interval||6e3,f={src:l,muted:!0,playsInline:!0,"webkit-playsinline":"true"};return c.a.createElement("div",{key:"key-".concat(e),className:"main-banner__slide swiper-slide","data-swiper-autoplay":_},""===l?c.a.createElement(c.a.Fragment,null,c.a.createElement("a",Object.assign({},o?{href:o}:{},{target:"_blank",className:"main-banner__img",style:{backgroundImage:v,backgroundPositionX:"".concat(h,"%"),backgroundPositionY:"".concat("50","%")},rel:"noopener noreferrer"}),c.a.createElement(p.a,null,c.a.createElement("img",{src:m,alt:t,title:t}))),c.a.createElement("a",Object.assign({},o?{href:o}:{},{target:"_blank",className:"main-banner__img_mobile",style:{backgroundImage:d?g:v,backgroundPositionX:h+"%",backgroundPositionY:"50%",backgroundSize:"cover",backgroundRepeat:"no-repeat"},rel:"noopener noreferrer"}))):c.a.createElement("a",Object.assign({},o?{href:o}:{},{target:"_blank",className:"main-banner__vid",rel:"noopener noreferrer"}),c.a.createElement("span",{className:"visually-hidden"},"Label"),c.a.createElement(u.a,{videoOptions:f})),c.a.createElement("div",{className:"main-banner__txt"},""!==t&&c.a.createElement("a",Object.assign({},o?{href:o}:{},{target:"_blank",rel:"noopener noreferrer"}),c.a.createElement("h2",{className:"main-banner__title"},t)),(""!==r||""!==i||""!==s)&&c.a.createElement("div",{className:"main-banner__detail"},c.a.createElement("a",Object.assign({},o?{href:o}:{},{target:"_blank",rel:"noopener noreferrer"}),c.a.createElement("h3",{className:"main-banner__detail-title"},r),c.a.createElement("h3",{className:"main-banner__detail-subHeading"},i)),c.a.createElement("p",{className:"main-banner__detail-desc"},Object(b.m)(s)))))}

1))),c.a.createElement("div",{tabIndex:"0",className:this.state.mousePause?"main-banner__slider-pause is-active":"main-banner__slider-pause",onClick:this.togglePause,onKeyPress:this.togglePause},c.a.createElement("div",{className:"pause-button"},c.a.createElement("span",{className:"visually-hidden"},"Pause")))),c.a.createElement("div",{className:"main-banner__thumbs"},c.a.createElement("div",{className:"content-wrapper"},Object.keys(a||{}).map((function(n){var t=a[n].image,r='url("'.concat(t,'")');return c.a.createElement("span",{tabIndex:"0",key:"key-".concat(n),onClick:e.toMainBannerSlide(n),onKeyPress:e.toMainBannerSlide(n),className:"main-banner__thumb",style:{backgroundImage:r}})}))))))}}]),n}(l.Component)},851:function(e,a,n){}}]);
2//# sourceMappingURL=54.36c5b496.chunk.js.map