https://www.cssondemandelectrical.com/_next/static/chunks/46315.e2bb71d6aa0ffd66.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[46315],{20475:(e,t,n)=>{n.d(t,{A:()=>l});var i=n(6029);n(55729);var a=n(7703),o=n(3053),r=n(79017);let s=(0,a.n9)()(e=>({title:{fontStyle:"normal",fontSize:"32px",lineHeight:1.188,color:e.palette.sunrise.text,[e.breakpoints.up("xl")]:{fontSize:"36px"}},header:{fontFamily:e.typography.sunrise.headerFont},brand:{fontFamily:e.typography.sunrise.brandFont}})),l=function(e){let{className:t,text:n,align:a="center",textColor:l,fontWeight:d="bold",fontFamily:c="header",wrapText:p=!1,component:u="h2","data-editable":h,"data-text-attribute":m,"data-item-text-attribute":x}=e,{classes:g,cx:f}=s();return(0,i.jsx)(o.A,{variant:u,className:f(g.title,g[c],t),style:{textAlign:a,color:l,fontWeight:r.Q[d],wordWrap:p?"break-word":"initial"},children:n})}},46315:(e,t,n)=>{n.r(t),n.d(t,{dataSyncKeyChains:()=>k,default:()=>j});var i=n(6029),a=n(55729),o=n(28438),r=n.n(o),s=n(43072),l=n(7703),d=n(27011),c=n(7652),p=n(20475),u=n(58171),h=n(3053);let m=(0,l.n9)()(e=>({smallText:{fontStyle:"normal",fontWeight:"normal",fontSize:"15px",lineHeight:"134.5%",color:e.palette.sunrise.text,[e.breakpoints.down("md")]:{fontSize:"12px"}}})),x=function(e){let{text:t,textColor:n,"data-text-attribute":a,"data-item-text-attribute":o}=e,{classes:r}=m();return(0,i.jsx)(h.A,{variant:"p",className:r.smallText,style:{color:n},children:t})};var g=n(78089),f=n(52123),w=n(10318),b=n(83469),v=n(69937),y=n(13654),E=n(31063),A=n(57e3);let C=(0,l.n9)()(e=>({section:{width:"75%",maxWidth:"100%",margin:"auto",padding:"32px 0",[e.breakpoints.down("md")]:{width:"auto",padding:"24px 0"},[e.breakpoints.up("lg")]:{padding:"48px 0"},[e.breakpoints.up("xl")]:{padding:"72px 0"}},wrapper:{width:"100%",margin:0,[e.breakpoints.down("md")]:{margin:"0 24px",maxWidth:"unset",height:"auto"}},title:{marginBottom:16,[e.breakpoints.down("md")]:{marginBottom:24},[e.breakpoints.up("xl")]:{marginBottom:24}},slider:{position:"relative",zIndex:0,height:"84vh",[e.breakpoints.down("md")]:{height:"auto"}},contentContainer:{width:"100%",height:"100%",position:"relative",top:0},imageContainer:{flexGrow:1,width:"100%",height:"100%",[e.breakpoints.down("md")]:{height:"60vh"}},captionContainer:{backgroundColor:"rgba(0, 0, 0, 0.7)",zIndex:1,color:"#fff",position:"absolute",bottom:0,left:0,right:0,padding:"28px 94px",[e.breakpoints.down("md")]:{padding:"16px 0",maxHeight:"30vh"}},captionTitle:{marginBottom:12,[e.breakpoints.down("md")]:{marginBottom:8},[e.breakpoints.up("xl")]:{marginBottom:18}},visible:{opacity:1,transition:"opacity 500ms ease 0s",zIndex:-1},hidden:{opacity:0,position:"absolute",zIndex:-2},arrowContainer:{position:"absolute",top:"calc(50% - 22px)",background:"none",padding:0,border:0,cursor:"pointer","&:focus":{outline:"none"}},nextArrowContainer:{right:86,[e.breakpoints.down("md")]:{right:24}},backArrowContainer:{left:86,[e.breakpoints.down("md")]:{left:24}},leftArrow:{"&:hover":{filter:"drop-shadow(2px 0 5px black)"},"&:active":{filter:"drop-shadow(2px 0 5px white)"}},rightArrow:{"&:hover":{filter:"drop-shadow(-2px 0 5px black)"},"&:active":{filter:"drop-shadow(2px 0 5px white)"}}})),k=[["images","title"],["images","caption"],["title"],["subtitle"]],j=(0,a.memo)(function(e){let{id:t,images:n,title:o,subtitle:r}=e,{classes:l,cx:h}=C(),[m,k]=(0,a.useState)(0),[j,L]=(0,a.useState)(!1),[N,S]=(0,a.useState)(!1),[I,_]=(0,a.useState)(!1),[W,F]=(0,a.useState)(!1),M=(0,a.useRef)(n.map(()=>(0,a.createRef)())),[R,z]=(0,y.M_)(),[B,T]=(0,s.Wx)({threshold:.25});(0,a.useEffect)(()=>{n[m]||k(n.length-1)},[n,m]),(0,a.useEffect)(()=>{n.length!==M.current.length&&(M.current=n.map(()=>(0,a.createRef)()))},[n]);let V=(0,a.useCallback)(()=>{if(M.current.length>0){let e=(0,E.mZ)(M.current[m]),t=M.current[m].current;e===E.Eo.YOUTUBE&&t&&t.contentWindow?t.contentWindow.postMessage((0,E.Ll)("stopVideo",""),"*"):e===E.Eo.HTML&&t?.pause&&t.pause(),_(!1)}},[m]),H=(0,a.useCallback)(()=>{V(),k((m+1)%n.length)},[n.length,m,V]);(0,a.useEffect)(()=>{let e=setInterval(()=>{!z||I||W||H()},7e3);return()=>clearInterval(e)},[H,W,I,z]),(0,a.useEffect)(()=>

1{if(M.current.length>0){let e=(0,E.mZ)(M.current[m]),t=M.current[m].current;T&&I?e===E.Eo.YOUTUBE&&t&&t.contentWindow?t.contentWindow.postMessage((0,E.Ll)("playVideo",""),"*"):e===E.Eo.HTML&&t?.play&&t.play():!T&&I&&(e===E.Eo.YOUTUBE&&t&&t.contentWindow?t.contentWindow.postMessage((0,E.Ll)("pauseVideo",""),"*"):e===E.Eo.HTML&&t?.pause&&t.pause())}},[T,m,I]);let U=()=>_(!0),D=()=>_(!1);(0,a.useEffect)(()=>{function e(e){if(e.data)switch(e.data.type){case A.Ay.VIEW_MEDIA_SLIDER_GALLERY_PREVIEW:{let{sectionId:i,slideNumber:a}=e.data;if(i===t){V(),F(!0),k(a);let e=n[a];e&&"image"!==(0,v.ZC)((0,c.Ay)(e.asset))&&U()}break}case A.Ay.LEAVE_MEDIA_SLIDER_GALLERY_MEDIA:{let{sectionId:n}=e.data;n===t&&F(!1)}}}return window.addEventListener("message",e),()=>window.removeEventListener("message",e)},[t,m,V,n]);let G=n.length>1;return(0,i.jsx)("section",{ref:R,className:l.section,children:(0,i.jsx)(f.A,{justify:"center",children:(0,i.jsxs)(f.A,{direction:"column",className:l.wrapper,children:[o&&(0,i.jsx)("div",{className:l.title,children:(0,i.jsx)(p.A,{text:o})}),r&&(0,i.jsx)("div",{className:l.title,children:(0,i.jsx)(u.A,{text:r,align:"center"})}),n.length>0&&(0,i.jsxs)("div",{className:l.slider,children:[n.map((e,t)=>{let{id:n,asset:a,caption:o,title:r,muted:s=!1}=e;return(0,i.jsxs)(f.A,{direction:"column",className:h(l.contentContainer,m!==t&&l.hidden,m===t&&l.visible),ref:B,children:[(0,i.jsx)("div",{className:l.imageContainer,children:(0,i.jsx)(d.A,{media:a,title:r||o||"Gallery image",isBackground:!0,sizes:"(min-width: 900px) 75vw, 100vw",controls:"youtube"===(0,v.ZC)((0,c.Ay)(a))||"video"===(0,v.ZC)((0,c.Ay)(a))&&I,ref:M.current[t],customPlayButton:!0,shouldLoadAsset:z,onVideoStarted:U,onVideoEnded:D,onVideoPause:D,muted:s,objectFit:"contain"})}),(r||o)&&!I&&(0,i.jsxs)("div",{className:l.captionContainer,children:[r&&(0,i.jsx)("div",{className:l.captionTitle,children:(0,i.jsx)(g.A,{text:r,align:"left",textColor:"white"})}),o&&(0,i.jsx)(x,{text:o,textColor:"white"})]})]},n||(0,c.Ay)(a))}),G&&(0,i.jsx)("div",{className:h(l.arrowContainer,l.backArrowContainer,l.leftArrow),onMouseEnter:()=>S(!0),onMouseLeave:()=>S(!1),children:(0,i.jsx)(w.default,{icon:b.r.CHEVRON_CIRCLE_LEFT,iconColor:N?"#F6F6F6":"white",iconSize:"large",onClick:()=>{V(),k((m+n.length-1)%n.length)},"aria-label":"Previous slide"})}),G&&(0,i.jsx)("div",{className:h(l.arrowContainer,l.nextArrowContainer,l.rightArrow),onMouseEnter:()=>L(!0),onMouseLeave:()=>L(!1),children:(0,i.jsx)(w.default,{icon:b.r.CHEVRON_CIRCLE_RIGHT,iconColor:j?"#F6F6F6":"white",iconSize:"large",onClick:H,"aria-label":"Next slide"})})]})]})})})},r())},52123:(e,t,n)=>{n.d(t,{A:()=>o});var i=n(6029);let a=n(55729).forwardRef((e,t)=>{let{className:n,children:a,direction:o,justify:r,alignItems:s,alignContent:l,wrap:d,style:c}=e;return(0,i.jsx)("div",{className:n,style:{display:"flex",flexDirection:o,justifyContent:r,alignItems:s,alignContent:l,flexWrap:d,...c},ref:t,children:a})});a.defaultProps={className:"",direction:"row",justify:"normal",alignItems:"normal",alignContent:"stretch",wrap:"wrap"};let o=a},78089:(e,t,n)=>{n.d(t,{A:()=>l});var i=n(6029);n(55729);var a=n(7703),o=n(3053),r=n(79017);let s=(0,a.n9)()(e=>({title:{fontStyle:"normal",fontSize:"24px",lineHeight:"144.6%",color:e.palette.sunrise.text,fontFamily:e.typography.sunrise.headerFont,[e.breakpoints.down("md")]:{fontSize:"16px"}}})),l=function(e){let{text:t,align:n="center",textColor:a,fontWeight:l="semiBold","data-text-attribute":d,"data-item-text-attribute":c}=e,{classes:p}=s();return(0,i.jsx)(o.A,{variant:"h3",className:p.title,style:{textAlign:n,color:a,fontWeight:r.Q[l]},children:t})}}}]);