https://jp-corporate.vercel.app/_next/static/chunks/9541.180ede694c3763c9.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9541],{9541:(e,t,r)=>{r.r(t),r.d(t,{default:()=>l});var n=r(7876),i=r(4232);let l=e=>{let{direction:t="right",speed:l=3,borderColor:s="#999",squareSize:o=20,hoverFillColor:c="#222",className:u=""}=e,a=(0,i.useRef)(null),h=(0,i.useRef)(null),d=(0,i.useRef)(null),f=(0,i.useRef)(0),w=(0,i.useRef)(0),v=(0,i.useRef)({x:0,y:0}),g=(0,i.useRef)(!0),p=(0,i.useRef)(0),y=1e3/60;return(0,i.useEffect)(()=>{let e=a.current;if(!e)return;if("transferControlToOffscreen"in HTMLCanvasElement.prototype){let n=window.devicePixelRatio||1,i=e.parentElement;if(!i)return;let c=i.clientWidth,u=i.clientHeight;e.width=Math.floor(c*n),e.height=Math.floor(u*n),e.style.width=`${c}px`,e.style.height=`${u}px`;let a=e.transferControlToOffscreen(),d="__squaresWorker",f=window[d];f||((f=new Worker(r.tu(new URL("/_next/"+r.u(8812),r.b)),{type:void 0})).__refCount=0,window[d]=f),f.__refCount=(f.__refCount||0)+1,f.postMessage({type:"init",canvas:a,options:{direction:t,speed:l,borderColor:s,squareSize:o,dpr:n}},[a]),h.current=f;let w=(t,r)=>{e.style.width=`${t}px`,e.style.height=`${r}px`},v=new ResizeObserver(()=>{let e=i.clientWidth,t=i.clientHeight,r=window.devicePixelRatio||1;w(e,t),f.postMessage({type:"resize",width:e,height:t,dpr:r})});v.observe(i);let g=new IntersectionObserver(e=>{e.forEach(e=>{f.postMessage({type:"visibility",visible:e.isIntersecting})})},{threshold:.05});g.observe(e);let p=()=>{let e=i.clientWidth,t=i.clientHeight,r=window.devicePixelRatio||1;w(e,t),f.postMessage({type:"resize",width:e,height:t,dpr:r})};return window.addEventListener("resize",p),()=>{v.disconnect(),g.disconnect(),window.removeEventListener("resize",p),f.__refCount=(f.__refCount||1)-1,0===f.__refCount&&(f.terminate(),delete window[d])}}let n=e.getContext("2d");if(!n)return;let i=()=>{let t=e.parentElement;if(!t)return;let r=window.devicePixelRatio||1,i=t.clientWidth,l=t.clientHeight;try{e.width=Math.floor(i*r),e.height=Math.floor(l*r)}catch(e){return}e.style.width=`${i}px`,e.style.height=`${l}px`,n.setTransform(r,0,0,r,0,0),f.current=Math.ceil(i/o)+1,w.current=Math.ceil(l/o)+1};window.addEventListener("resize",i),i();let c=new IntersectionObserver(e=>{e.forEach(e=>{g.current=e.isIntersecting,g.current&&null===d.current&&(d.current=requestAnimationFrame(x)),g.current||null===d.current||(cancelAnimationFrame(d.current),d.current=null)})},{root:null,threshold:.05});c.observe(e);let u=null;if("undefined"!=typeof ResizeObserver){let t=e.parentElement;u=new ResizeObserver(()=>i()),t&&u.observe(t)}let m=()=>{if(!n)return;n.clearRect(0,0,e.width,e.height);let t=window.devicePixelRatio||1,r=e.width/t,i=e.height/t,l=v.current.x%o,c=v.current.y%o;n.strokeStyle=s,n.lineWidth=.3,n.beginPath();for(let e=-l;e<=r+o;e+=o)n.moveTo(e+.5,0),n.lineTo(e+.5,i);for(let e=-c;e<=i+o;e+=o)n.moveTo(0,e+.5),n.lineTo(r,e+.5);n.stroke(),n.fillStyle="rgba(27, 27, 27, 0.9)",n.fillRect(0,0,r,i)},x=e=>{if(void 0!==e){if(e-p.current<y){d.current=requestAnimationFrame(x);return}p.current=e}let r=Math.max(l,.1);switch(t){case"right":v.current.x=(v.current.x-r+o)%o;break;case"left":v.current.x=(v.current.x+r+o)%o;break;case"up":v.current.y=(v.current.y+r+o)%o;break;case"down":v.current.y=(v.current.y-r+o)%o;break;case"diagonal":v.current.x=(v.current.x-r+o)%o,v.current.y=(v.current.y-r+o)%o;break;case"diagonal-up-right":v.current.x=(v.current.x-r+o)%o,v.current.y=(v.current.y+r+o)%o}g.current?(m(),d.current=requestAnimationFrame(x)):d.current=null};return d.current=requestAnimationFrame(x),()=>{window.removeEventListener("resize",i),u&&u.disconnect(),c.unobserve(e),d.current&&cancelAnimationFrame(d.current)}},[t,l,s,o]),(0,n.jsx)("canvas",{ref:a,className:`absolute inset-0 border-none ${u}`,style:{width:"100%",height:"100%",imageRendering:"auto",contain:"paint"}})}}}]);