1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8582],{68225:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/elements/sections/featuredClients",function(){return t(16288)}])},16288:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return l}});var r=t(85893);t(86951);var a=t(25675),i=t.n(a),o=t(97005);function l(e){var n;let t=e.data.clients;return t?(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("section",{className:"featured-clients-section",children:(0,r.jsxs)("div",{className:"container",children:[(0,r.jsx)("div",{className:"row row-heading fade-up",children:(0,r.jsx)("div",{className:"column",children:(0,r.jsx)("h2",{dangerouslySetInnerHTML:{__html:null===(n=e.data.heading)||void 0===n?void 0:n.replaceAll("\n"," <br/>")}})})}),(0,r.jsx)("div",{className:"row row-logos fade-up",children:(0,r.jsx)("div",{className:"column column-logos",children:(0,r.jsx)(o.Z,{autoFill:!0,children:t.map(function(e,n){var t;return(0,r.jsx)("div",{className:"logo-block",children:(0,r.jsx)(i(),{src:"https://cms.imagic.co.nz"+e.logo[0].url,width:e.logo[0].width,height:e.logo[0].height,alt:null!==(t=e.logo[0].alt)&&void 0!==t?t:e.logo[0].title})},n)})})})})]})})}):null}},86951:function(){},97005:function(e,n,t){var r=t(67294),a=r&&"object"==typeof r&&"default"in r?r:{default:r};!function(e){if(!e||"undefined"==typeof window)return;let n=document.createElement("style");n.setAttribute("type","text/css"),n.innerHTML=e,document.head.appendChild(n)}('.rfm-marquee-container {\n overflow-x: hidden;\n display: flex;\n flex-direction: row;\n position: relative;\n width: var(--width);\n transform: var(--transform);\n}\n.rfm-marquee-container:hover div {\n animation-play-state: var(--pause-on-hover);\n}\n.rfm-marquee-container:active div {\n animation-play-state: var(--pause-on-click);\n}\n\n.rfm-overlay {\n position: absolute;\n width: 100%;\n height: 100%;\n}\n.rfm-overlay::before, .rfm-overlay::after {\n background: linear-gradient(to right, var(--gradient-color), rgba(255, 255, 255, 0));\n content: "";\n height: 100%;\n position: absolute;\n width: var(--gradient-width);\n z-index: 2;\n pointer-events: none;\n touch-action: none;\n}\n.rfm-overlay::after {\n right: 0;\n top: 0;\n transform: rotateZ(180deg);\n}\n.rfm-overlay::before {\n left: 0;\n top: 0;\n}\n\n.rfm-marquee {\n flex: 0 0 auto;\n min-width: var(--min-width);\n z-index: 1;\n display: flex;\n flex-direction: row;\n align-items: center;\n animation: scroll var(--duration) linear var(--delay) var(--iteration-count);\n animation-play-state: var(--play);\n animation-delay: var(--delay);\n animation-direction: var(--direction);\n}\n@keyframes scroll {\n 0% {\n transform: translateX(0%);\n }\n 100% {\n transform: translateX(-100%);\n }\n}\n\n.rfm-initial-child-container {\n flex: 0 0 auto;\n display: flex;\n min-width: auto;\n flex-direction: row;\n align-items: center;\n}\n\n.rfm-child {\n transform: var(--transform);\n}');let i=r.forwardRef(function({style:e={},className:n="",autoFill:t=!1,play:i=!0,pauseOnHover:o=!1,pauseOnClick:l=!1,direction:s="left",speed:c=50,delay:d=0,loop:u=0,gradient:f=!1,gradientColor:m="white",gradientWidth:h=200,onFinish:v,onCycleComplete:p,onMount:g,children:w},y){let[x,b]=r.useState(0),[N,E]=r.useState(0),[j,_]=r.useState(1),[k,C]=r.useState(!1),M=r.useRef(null),q=y||M,R=r.useRef(null),A=r.useCallback(()=>{if(R.current&&q.current){let e=q.current.getBoundingClientRect(),n=R.current.getBoundingClientRect(),r=e.width,a=n.width;("up"===s||"down"===s)&&(r=e.height,a=n.height),t&&r&&a?_(a<r?Math.ceil(r/a):1):_(1),b(r),E(a)}},[t,q,s]);r.useEffect(()=>{if(k&&(A(),R.current&&q.current)){let e=new ResizeObserver(()=>A());return e.observe(q.current),e.observe(R.current),()=>{e&&e.disconnect()}}},[A,q,k]),r.useEffect(()=>{A()},[A,w]),r.useEffect(()=>{C(!0)},[]),r.useEffect(()=>{"function"==typeof g&&g()},[]);let O=r.useMemo(()=>t?N*j/c:N<x?x/c:N/c,[t,x,N,j,c]),S=r.useMemo(()=>Object.assign(Object.assign({},e),{"--pause-on-hover":!i||o?"paused":"running","--pause-on-click":!i||o&&!l||l?"paused":"running","--width":"up"===s||"down"===s?"100vh":"100%","--transform":"up"===s?"rotate(-90deg)":"down"===s?"rotate(90deg)":"none"}),[e,i,o,l,s]),z=r.useMemo(()=>({"--gradient-color":m,"--gradient-width":"number"==typeof h?`${h}px`:h}),[m,h]),F=r.useMemo(()=>
1({"--play":i?"running":"paused","--direction":"left"===s?"normal":"reverse","--duration":`${O}s`,"--delay":`${d}s`,"--iteration-count":u?`${u}`:"infinite","--min-width":t?"auto":"100%"}),[i,s,O,d,u,t]),T=r.useMemo(()=>({"--transform":"up"===s?"rotate(90deg)":"down"===s?"rotate(-90deg)":"none"}),[s]),X=r.useCallback(e=>[...Array(Number.isFinite(e)&&e>=0?e:0)].map((e,n)=>a.default.createElement(r.Fragment,{key:n},r.Children.map(w,e=>a.default.createElement("div",{style:T,className:"rfm-child"},e)))),[T,w]);return k?a.default.createElement("div",{ref:q,style:S,className:"rfm-marquee-container "+n},f&&a.default.createElement("div",{style:z,className:"rfm-overlay"}),a.default.createElement("div",{className:"rfm-marquee",style:F,onAnimationIteration:p,onAnimationEnd:v},a.default.createElement("div",{className:"rfm-initial-child-container",ref:R},r.Children.map(w,e=>a.default.createElement("div",{style:T,className:"rfm-child"},e))),X(j-1)),a.default.createElement("div",{className:"rfm-marquee",style:F},X(j))):null});n.Z=i}},function(e){e.O(0,[5675,2888,9774,179],function(){return e(e.s=68225)}),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.