https://www.stanzaliving.com/_next/static/chunks/1630.e10a4d6180da3c74.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1630],{91630:function(e,n,t){t.r(n),t.d(n,{default:function(){return s}});var l=t(16835),o=(t(25675),t(11163)),i=t(67294),a=t(73893),r=t(34028),u=t(85893);function s(e){var n,t=(0,i.useState)(0),s=t[0],c=t[1],d=(0,i.useState)(null),v=d[0],f=d[1],x=i.useState(0),h=(0,l.Z)(x,2),m=h[0],p=h[1],g=i.useState(0),b=(0,l.Z)(g,2),j=b[0],w=b[1],T=(0,i.useRef)(),_=(0,o.useRouter)(),k=(0,i.useState)(!1),y=k[0],C=k[1],S=function(){var e,n=document.querySelector(".slider-wrapper");null!==(e=n.classList)&&void 0!==e&&e.contains("animate-me")?setTimeout((function(){n.classList.remove("animate-me")}),4e3):setTimeout((function(){n.classList.add("animate-me")}),4e3)};var N=function(){var n,t=s<(null===e||void 0===e||null===(n=e.bannerContents)||void 0===n?void 0:n.length)-1?s+1:0;c(t)};(0,i.useEffect)((function(){setTimeout((function(){C(!0)}),5e3)}),[]),(0,i.useEffect)((function(){if(y){clearInterval(v);var e=setInterval(N,4e3);f(e)}}),[s,y]),(0,i.useEffect)((function(){if(s>0){var e=100*s;T.current.style.transform="translateX(-".concat(e,"%)")}else T.current.style.transform="translateX(0px)"}),[s]);return(0,u.jsxs)(r.h2,{children:[(0,u.jsx)("div",{ref:T,className:"slider-wrapper flex flex-nowrap",onMouseEnter:function(){clearInterval(v)},onMouseLeave:function(){var e=setInterval(N,4e3);f(e)},onTouchStart:function(e){p(e.targetTouches[0].clientX)},onTouchMove:function(e){w(e.targetTouches[0].clientX)},onTouchEnd:function(){m-j>50&&N(),m-j<-50&&N()},onClick:null===e||void 0===e?void 0:e.handleBannerClick,children:((null===e||void 0===e?void 0:e.bannerContents)||[]).map((function(n,t){var l,o,a,r,s,c,d;return(0,u.jsxs)("div",{role:"banner",className:"banner w-full min-w-full relative text-right max-w-[847px] h-[356px] lg:h-550",children:[(0,u.jsxs)("section",{className:"banner-text text-left text-white absolute z-10 left-0 top-[90px] max-w-[650px] px-8 lg:top-71 lg:left-[4em] lg:px-0 lg:px-none lg:text-black",children:[(0,u.jsx)("div",{className:"text-[36px] leading-[40px] font-bold lg:text-[5em] lg:leading-70bt",children:((null===n||void 0===n?void 0:n.title)||[]).map((function(e,n){return(0,u.jsxs)(i.Fragment,{children:[(0,u.jsx)("span",{style:null!==e&&void 0!==e&&e.color?{color:null===e||void 0===e?void 0:e.color}:{},children:null===e||void 0===e?void 0:e.text}),null!==e&&void 0!==e&&e.breakAfter?(0,u.jsx)("br",{}):(0,u.jsx)(u.Fragment,{})]},"bs-".concat(n))}))}),(0,u.jsx)("p",{className:"sort-desc text-[16px] leading-[20px] mt-[12px] lg:text-20bd lg:leading-28bd lg:mt-[16px]",style:{maxWidth:(null===n||void 0===n||null===(l=n.subTitle)||void 0===l?void 0:l.width)||"none"},children:(null===n||void 0===n||null===(o=n.subTitle)||void 0===o||null===(a=o.textArray)||void 0===a?void 0:a.length)>0?null===n||void 0===n||null===(r=n.subTitle)||void 0===r||null===(s=r.textArray)||void 0===s?void 0:s.map((function(e,n){return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("span",{style:{fontSize:null!==e&&void 0!==e&&e.fontSize?null===e||void 0===e?void 0:e.fontSize:"",fontWeight:null!==e&&void 0!==e&&e.fontWeight?null===e||void 0===e?void 0:e.fontWeight:"",color:(null===e||void 0===e?void 0:e.color)||""},children:null===e||void 0===e?void 0:e.text},"sub-".concat(n)),null!==e&&void 0!==e&&e.breakAfter?(0,u.jsx)("br",{}):(0,u.jsx)(u.Fragment,{})]})})):(0,u.jsx)(u.Fragment,{children:null===n||void 0===n||null===(c=n.subTitle)||void 0===c?void 0:c.text})})]}),(0,u.jsx)("section",{className:"banner-img absolute right-0 top-0 w-full h-full lg:w-[100%] lg:rounded-[10px] overflow-hidden",children:(0,u.jsx)("img",{priority:!0,layout:"fill",objectFit:"cover",src:(d=null===n||void 0===n?void 0:n.bannerImageSrc,null!==e&&void 0!==e&&e.isMobile?d.replace("upload/","upload/f_auto,q_auto:best,w_400/"):d.replace("upload/","upload/f_auto,q_auto/")),alt:(null===n||void 0===n?void 0:n.bannerAltText)||"image",fetchPriority:"high"})})]},"bc-".concat(t))}))}),(null===e||void 0===e||null===(n=e.bannerContents)||void 0===n?void 0:n.length)>1&&(0,u.jsx)("ul",{className:"controls",children:((null===e||void 0===e?void 0:e.bannerContents)||[]).map((function(e,n){return(0,u.jsx)("li",{className:"no-selection cursor-pointer control".concat(s===n?" active":""),onClick:function(){return e=n,(0,a.W)(null===_||void 0===_?void 0:_.pathname,"Masthead_Banner_Carousel_Clicked"),window.clearInterval(S),void c(e);var e}},"bs-".concat(n))}))})]})}}}]);