https://www.imagic.co.nz/_next/static/chunks/pages/docs/%5B%5B...slug%5D%5D-4f66bd348ab7a3e9.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1900],{34715:function(e,n,t){"use strict";t.d(n,{V:function(){return s}});var r=t(67294),i=t(34912);let a="undefined"!=typeof document?r.useLayoutEffect:r.useEffect,o=e=>e&&!Array.isArray(e)&&"object"==typeof e,u=[],c={},l=i.ZP,s=(e,n=u)=>{let t=c;o(e)?(t=e,e=null,n="dependencies"in t?t.dependencies:u):o(n)&&(n="dependencies"in(t=n)?t.dependencies:u),e&&"function"!=typeof e&&console.warn("First parameter must be a function or config object");let{scope:i,revertOnUpdate:s}=t,f=(0,r.useRef)(!1),d=(0,r.useRef)(l.context(()=>{},i)),m=(0,r.useRef)(e=>d.current.add(null,e)),v=n&&n.length&&!s;return v&&a(()=>(f.current=!0,()=>d.current.revert()),u),a(()=>{if(e&&d.current.add(e,i),!v||!f.current)return()=>d.current.revert()},n),{context:d.current,contextSafe:m.current}};s.register=e=>{l=e},s.headless=!0},81732:function(e,n,t){"use strict";function r(e,n){var t;return"string"==typeof e?n?(null!==(t=n[e])&&void 0!==t||(n[e]=document.querySelectorAll(e)),e=n[e]):e=document.querySelectorAll(e):e instanceof Element&&(e=[e]),Array.from(e||[])}t.d(n,{I:function(){return r}})},69223:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/[[...slug]]",function(){return t(78788)}])},78788:function(e,n,t){"use strict";t.r(n),t.d(n,{__N_SSG:function(){return l},default:function(){return s}});var r=t(85893),i=t(9008),a=t.n(i),o=t(25935),u=t(33631),c=t(11163),l=!0;function s(e){let{page:n,pages:t,sections:i}=e;return(0,c.useRouter)(),n.entry.heading?n.entry.heading:n.entry.title,(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(a(),{children:(0,o.ZP)(n.entry.seomatic.metaTitleContainer)}),(0,r.jsx)(u.default,{sections:i})]})}},29009:function(){},8926:function(){},85227:function(){},4329:function(){},97005:function(e,n,t){var r=t(67294),i=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 a=r.forwardRef(function({style:e={},className:n="",autoFill:t=!1,play:a=!0,pauseOnHover:o=!1,pauseOnClick:u=!1,direction:c="left",speed:l=50,delay:s=0,loop:f=0,gradient:d=!1,gradientColor:m="white",gradientWidth:v=2

100,onFinish:h,onCycleComplete:p,onMount:y,children:g},w){let[b,E]=r.useState(0),[x,_]=r.useState(0),[N,k]=r.useState(1),[C,R]=r.useState(!1),S=r.useRef(null),q=w||S,A=r.useRef(null),j=r.useCallback(()=>{if(A.current&&q.current){let e=q.current.getBoundingClientRect(),n=A.current.getBoundingClientRect(),r=e.width,i=n.width;("up"===c||"down"===c)&&(r=e.height,i=n.height),t&&r&&i?k(i<r?Math.ceil(r/i):1):k(1),E(r),_(i)}},[t,q,c]);r.useEffect(()=>{if(C&&(j(),A.current&&q.current)){let e=new ResizeObserver(()=>j());return e.observe(q.current),e.observe(A.current),()=>{e&&e.disconnect()}}},[j,q,C]),r.useEffect(()=>{j()},[j,g]),r.useEffect(()=>{R(!0)},[]),r.useEffect(()=>{"function"==typeof y&&y()},[]);let M=r.useMemo(()=>t?x*N/l:x<b?b/l:x/l,[t,b,x,N,l]),I=r.useMemo(()=>Object.assign(Object.assign({},e),{"--pause-on-hover":!a||o?"paused":"running","--pause-on-click":!a||o&&!u||u?"paused":"running","--width":"up"===c||"down"===c?"100vh":"100%","--transform":"up"===c?"rotate(-90deg)":"down"===c?"rotate(90deg)":"none"}),[e,a,o,u,c]),O=r.useMemo(()=>({"--gradient-color":m,"--gradient-width":"number"==typeof v?`${v}px`:v}),[m,v]),F=r.useMemo(()=>({"--play":a?"running":"paused","--direction":"left"===c?"normal":"reverse","--duration":`${M}

1s`,"--delay":`${s}s`,"--iteration-count":f?`${f}`:"infinite","--min-width":t?"auto":"100%"}),[a,c,M,s,f,t]),P=r.useMemo(()=>({"--transform":"up"===c?"rotate(90deg)":"down"===c?"rotate(-90deg)":"none"}),[c]),T=r.useCallback(e=>[...Array(Number.isFinite(e)&&e>=0?e:0)].map((e,n)=>i.default.createElement(r.Fragment,{key:n},r.Children.map(g,e=>i.default.createElement("div",{style:P,className:"rfm-child"},e)))),[P,g]);return C?i.default.createElement("div",{ref:q,style:I,className:"rfm-marquee-container "+n},d&&i.default.createElement("div",{style:O,className:"rfm-overlay"}),i.default.createElement("div",{className:"rfm-marquee",style:F,onAnimationIteration:p,onAnimationEnd:h},i.default.createElement("div",{className:"rfm-initial-child-container",ref:A},r.Children.map(g,e=>i.default.createElement("div",{style:P,className:"rfm-child"},e))),T(N-1)),i.default.createElement("div",{className:"rfm-marquee",style:F},T(N))):null});n.Z=a},61117:function(e,n,t){"use strict";t.d(n,{Y:function(){return u}});var r=t(97582),i=t(67294),a=t(81732);let o={any:0,all:1};function u(e,n){var t=void 0===n?{}:n,u=t.root,c=t.margin,l=t.amount,s=t.once,f=void 0!==s&&s,d=(0,r.CR)((0,i.useState)(!1),2),m=d[0],v=d[1];return(0,i.useEffect)(function(){if(e.current&&(!f||!m)){var n,t={root:null!==(n=null==u?void 0:u.current)&&void 0!==n?n:void 0,margin:c,amount:"some"===l?"any":l};return function(e,n,{root:t,margin:r,amount:i="any"}={}){if("undefined"==typeof IntersectionObserver)return()=>{};let u=(0,a.I)(e),c=new WeakMap,l=new IntersectionObserver(e=>{e.forEach(e=>{let t=c.get(e.target);if(!!t!==e.isIntersecting){if(e.isIntersecting){let t=n(e);"function"==typeof t?c.set(e.target,t):l.unobserve(e.target)}else t&&(t(e),c.delete(e.target))}})},{root:t,rootMargin:r,threshold:"number"==typeof i?i:o[i]});return u.forEach(e=>l.observe(e)),()=>l.disconnect()}(e.current,function(){return v(!0),f?void 0:function(){return v(!1)}},t)}},[u,e,c,f]),m}}},function(e){e.O(0,[9412,8802,5675,979,4111,4912,8005,5939,4890,1737,3302,7857,6419,2138,1584,4272,8226,7058,6236,5844,2888,9774,179],function(){return e(e.s=69223)}),_N_E=e.O()}]);