https://www.rinnai.com.au/_next/static/chunks/3442.903c3e524115fc99.js?dpl=dpl_8wbZyLy4Nu7sVN64HZP114w7XfN5

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3442],{63442:(e,r,t)=>{t.r(r),t.d(r,{default:()=>f});var n=t(37876),i=t(14232),o=t(60262);function a(e,r,t){if(!Number.isInteger(t)||t<1)return null;switch(e){case"ArrowLeft":case"ArrowUp":return(r-1+t)%t;case"ArrowRight":case"ArrowDown":return(r+1)%t;case"Home":return 0;case"End":return t-1;default:return null}}function l({activeIndex:e,onSelect:r,progressTargetRef:t,slideIds:o=[],slides:s=[]}){let c=(0,i.useRef)([]);return s.length<2?null:(0,n.jsx)("div",{className:"c-promotional-hero__pagination",role:"group","aria-label":"Promotion navigation",children:(0,n.jsx)("div",{"aria-label":"Choose a promotion",className:"c-promotional-hero__pagination-tracks",role:"group",children:s.map((i,l)=>{let d=e===l,u=i.accessibleLabel?`: ${i.accessibleLabel}`:"";return(0,n.jsx)("button",{"aria-controls":o[l],"aria-current":d?"true":void 0,"aria-label":`Show promotion ${l+1} of ${s.length}${u}`,className:["c-promotional-hero__pagination-button",d?"state-active":null].filter(Boolean).join(" "),onClick:()=>r(l),onKeyDown:e=>{let t;null!==(t=a(e.key,l,s.length))&&(e.preventDefault(),e.stopPropagation(),r(t),c.current[t]?.focus())},ref:e=>{c.current[l]=e},type:"button",children:(0,n.jsx)("span",{"aria-hidden":"true",className:"c-promotional-hero__pagination-track",children:(0,n.jsx)("span",{"aria-hidden":"true",className:"c-promotional-hero__pagination-progress",ref:e=>{d&&t&&(t.current=e)}})})},i.uid)})})})}var s=t(77328),c=t.n(s),d=t(54587),u=t.n(d),m=t(74427);let h="(max-width: 47.499rem)";function p(e=""){return String(e).split("?")[0].toLowerCase().endsWith(".svg")}function g({isCarousel:e=!1,priority:r=!1,slide:t,slideId:i}){let{accessibleLabel:a,desktopImage:l,editorBlok:s,heading:v,mobileImage:f,link:w,uid:b}=t,_=f?.src&&f.src!==l?.src?f.src:"",j=[v,a].filter(Boolean).join(" — "),x=_?(0,d.getImageProps)({alt:"",height:f.height||1350,sizes:"calc(100vw - 2rem)",src:_,unoptimized:f.isPlaceholder||p(_),width:f.width||1080}).props:null,N=r&&_?(0,d.getImageProps)({alt:"",height:l.height||1350,sizes:"(min-width: 124rem) 121rem, calc(100vw - 2rem)",src:l.src,unoptimized:l.isPlaceholder||p(l.src),width:l.width||1920}).props:null,E=(0,n.jsxs)(n.Fragment,{children:[r&&_&&N&&(0,n.jsxs)(c(),{children:[_&&(0,n.jsx)("link",{as:"image",fetchpriority:"high",imageSizes:x.sizes,imageSrcSet:x.srcSet||x.src,media:h,rel:"preload"},`${i}-mobile-preload`),(0,n.jsx)("link",{as:"image",fetchpriority:"high",href:N.src,imageSizes:N.sizes,imageSrcSet:N.srcSet||N.src,media:_?"(min-width: 47.5rem)":void 0,rel:"preload"},`${i}-desktop-preload`)]}),(0,n.jsx)("div",{className:"c-promotional-hero__media",children:l?.src&&(0,n.jsxs)("picture",{className:"c-promotional-hero__picture",children:[_&&(0,n.jsx)("source",{media:h,sizes:x.sizes,srcSet:x.srcSet||x.src}),(0,n.jsx)(u(),{alt:l.alt||f?.alt||"",className:"c-promotional-hero__image",fill:!0,fetchPriority:r?"high":void 0,loading:_?r?"eager":"lazy":void 0,preload:r&&!_,sizes:"(min-width: 124rem) 121rem, calc(100vw - 2rem)",src:l.src,style:{"--promotional-hero-desktop-object-position":l.objectPosition||"50% 50%","--promotional-hero-mobile-object-position":f?.objectPosition||l.objectPosition||"50% 50%"},unoptimized:l.isPlaceholder||p(l.src)})]})}),v&&(0,n.jsx)("div",{className:"c-promotional-hero__strip",children:(0,n.jsx)("div",{className:"c-promotional-hero__strip-inner",children:(0,n.jsx)("div",{className:"c-promotional-hero__content",children:(0,n.jsx)("h1",{className:"c-promotional-hero__heading u-headline--s",dangerouslySetInnerHTML:{__html:v}})})})})]}),y=(0,n.jsx)("article",{"aria-label":e?j:void 0,"aria-roledescription":e?"slide":void 0,className:"c-promotional-hero__slide","data-blok-uid":b,id:i,...s?._editable?(0,o.K1)(s):{},children:E});return w&&("string"==typeof w?""!==w.trim():!!(w.url||w.cached_url||w.story?.full_slug))?(0,n.jsx)(m.A,{className:"c-promotional-hero__link",label:j,link:w,children:y}):y}function v(e=""){return String(e).replace(/[^a-zA-Z0-9_-]+/g,"-").replace(/^-+|-+$/g,"")}function f({ariaLabel:e="Featured promotions",blok:r,blokUID:t,pageNavTitle:s,showPagination:c=!0,slides:d=[]}){var u;let m,h,p=(0,i.useId)(),w=(0,i.useRef)(null),b=(0,i.useRef)(null),_=(0,i.useRef)(0),j=(0,i.useRef)(0),x=(0,i.useRef)(null),N=(0,i.useRef)(new Set),E=(0,i.useRef)(!1),[y,k]=(0,i.useState)(0),[L,S]=(0,i.useState)(!1),[z,C]=(0,i.useState)(!1),A=function(){let[e,r]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{let e=window.matchMedia("(prefers-reduced-motion: reduce)"),t=()=>r(e.matches);return t(),e.addEventListener?e.addEventListener("change",t):e.addListener(t),()=>{e.removeEventListener?e.removeEventListener("change",t):e.removeListener(t)}},[]),e}

1(),I=Array.isArray(d)?d.filter(Boolean):[],R=(u=I.length,Number(u)>1&&!!c),P=R&&!A,$=(m=Number(I.length),h=Number(0),!Number.isInteger(m)||m<1?null:Number.isInteger(h)&&h>=0&&h<m?h:0),F=`promotional-hero-${v(t||p)}`,T=I.map((e,r)=>`${F}-slide-${v(e.uid||r)}`),q=(0,i.useCallback)(e=>{let r;b.current&&(b.current.style.transform=`scaleX(${1-(1-(Number.isFinite(r=Number(e))?Math.min(1,Math.max(0,r)):0))**3})`)},[]),B=(0,i.useCallback)(()=>{j.current=0,x.current=null,q(0)},[q]),M=(0,i.useCallback)(()=>{R&&C(!0)},[R]),D=(0,i.useCallback)((e,r)=>{r?N.current.add(e):N.current.delete(e),S(N.current.size>0)},[]),K=(0,i.useCallback)(()=>{let e=w.current;if(!e)return;let r=[...e.querySelectorAll(".c-promotional-hero__strip")];if(e.style.removeProperty("--promotional-hero-strip-height"),!r.length)return;let t=Math.max(...r.map(e=>e.getBoundingClientRect().height));t>0&&e.style.setProperty("--promotional-hero-strip-height",`${Math.ceil(t)}px`)},[]);if((0,i.useLayoutEffect)(()=>{let e=w.current;if(!e)return;let r=0,t=()=>{window.cancelAnimationFrame(r),r=window.requestAnimationFrame(K)},n="u"<typeof ResizeObserver?null:new ResizeObserver(t);return t(),n?.observe(e),e.querySelectorAll(".c-promotional-hero__strip").forEach(e=>n?.observe(e)),window.addEventListener("resize",t),document.fonts?.addEventListener?.("loadingdone",t),()=>{window.cancelAnimationFrame(r),n?.disconnect(),window.removeEventListener("resize",t),document.fonts?.removeEventListener?.("loadingdone",t)}},[z,K,I.length,d]),(0,i.useEffect)(()=>{k(0),B()},[I.length,B]),(0,i.useEffect)(()=>{let e,r;if(!R||z)return;let t=()=>{"requestIdleCallback"in window?e=window.requestIdleCallback(M):r=window.setTimeout(M,0)};return"complete"===document.readyState?t():window.addEventListener("load",t,{once:!0}),()=>{window.removeEventListener("load",t),void 0!==e&&window.cancelIdleCallback?.(e),void 0!==r&&window.clearTimeout(r)}},[R,z,M]),(0,i.useEffect)(()=>{if(window.cancelAnimationFrame(_.current),x.current=null,!P){j.current=0,q(1);return}if(!z)return void q(0);if(L)return;let e=r=>{null!==x.current&&(j.current+=r-x.current),x.current=r,j.current>=4e3?(j.current=0,q(0),k(e=>a("ArrowRight",e,I.length)??0)):q(j.current/4e3),_.current=window.requestAnimationFrame(e)};return _.current=window.requestAnimationFrame(e),()=>{window.cancelAnimationFrame(_.current),x.current=null}},[P,L,z,I.length,q]),(0,i.useEffect)(()=>{let e=()=>{E.current=!1};return window.addEventListener("blur",e),window.addEventListener("pointercancel",e,!0),window.addEventListener("pointerup",e,!0),()=>{window.removeEventListener("blur",e),window.removeEventListener("pointercancel",e,!0),window.removeEventListener("pointerup",e,!0)}},[]),(0,i.useEffect)(()=>{let e=w.current;if(!e)return;let r=()=>{D("hidden","hidden"===document.visibilityState)},t=new IntersectionObserver(([e])=>{D("offscreen",!e.isIntersecting||e.intersectionRatio<.25)},{threshold:[0,.25]});return r(),t.observe(e),document.addEventListener("visibilitychange",r),()=>{t.disconnect(),document.removeEventListener("visibilitychange",r)}},[D]),!I.length)return null;let O=(e,r)=>(0,n.jsx)(g,{isCarousel:R,priority:r===$,slide:e,slideId:T[r]});return(0,n.jsx)("section",{"aria-label":e,"aria-roledescription":R?"carousel":void 0,className:"c-page__block c-page__block--promotional-hero","data-blok-uid":t,"data-section-nav-id":t,"data-section-nav-title":s||"",role:R?"region":void 0,...r?(0,o.K1)(r):{},children:(0,n.jsx)("div",{className:"l-grid",children:(0,n.jsx)("div",{className:"l-grid__col",children:(0,n.jsxs)("div",{className:"c-promotional-hero",id:F,onBlurCapture:e=>{e.currentTarget.contains(e.relatedTarget)||D("focus",!1)},onFocusCapture:e=>{M(),E.current||e.currentTarget.contains(e.relatedTarget)||D("focus",!0)},onKeyDownCapture:()=>{M(),D("focus",!0)},onPointerDownCapture:()=>{M(),E.current=!0},ref:w,children:[R?(0,n.jsx)("div",{className:"c-promotional-hero__carousel",children:(0,n.jsx)("div",{"aria-live":P&&!L?"off":"polite",className:"c-promotional-hero__slides",children:I.map((e,r)=>{let t=r===y,i=0===Number(r)||!!z;return(0,n.jsx)("div",{"aria-hidden":t?void 0:"true",className:["c-promotional-hero__carousel-slide",t?"state-active":null].filter(

1Boolean).join(" "),id:i?void 0:T[r],inert:!t,children:i&&O(e,r)},e.uid||r)})})}):O(I[0],0),R&&c&&(0,n.jsx)(l,{activeIndex:y,onSelect:e=>{M(),B(),k(e)},progressTargetRef:b,slideIds:T,slides:I})]})})})})}}}]);