1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3993],{93993:(e,n,t)=>{Object.defineProperty(n,"__esModule",{value:!0});var r=t(14232),a=function(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}(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}'),n.default=r.forwardRef(function({style:e={},className:n="",autoFill:t=!1,play:i=!0,pauseOnHover:o=!1,pauseOnClick:l=!1,direction:s="left",speed:u=50,delay:d=0,loop:f=0,gradient:c=!1,gradientColor:m="white",gradientWidth:h=200,onFinish:v,onCycleComplete:p,onMount:y,children:g},w){let[b,E]=r.useState(0),[x,k]=r.useState(0),[N,C]=r.useState(1),[M,q]=r.useState(!1),R=r.useRef(null),_=w||R,j=r.useRef(null),A=r.useCallback(()=>{if(j.current&&_.current){let e=_.current.getBoundingClientRect(),n=j.current.getBoundingClientRect(),r=e.width,a=n.width;("up"===s||"down"===s)&&(r=e.height,a=n.height),t&&r&&a?C(a<r?Math.ceil(r/a):1):C(1),E(r),k(a)}},[t,_,s]);r.useEffect(()=>{if(M&&(A(),j.current&&_.current)){let e=new ResizeObserver(()=>A());return e.observe(_.current),e.observe(j.current),()=>{e&&e.disconnect()}}},[A,_,M]),r.useEffect(()=>{A()},[A,g]),r.useEffect(()=>{q(!0)},[]),r.useEffect(()=>{"function"==typeof y&&y()},[]);let O=r.useMemo(()=>t?x*N/u:x<b?b/u:x/u,[t,b,x,N,u]),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]),$=r.useMemo(()=>({"--gradient-color":m,"--gradient-width":"number"==typeof h?`${h}px`:h}),[m,h]),z=r.useMemo(()=>({"--play":i?"running":"paused","--direction":"left"===s?"normal":"reverse","--duration":`${O}s`,"--delay":`${d}s`,"--iteration-count":f?`${f}`:"infinite","--min-width":t?"auto":"100%"}),[i,s,O,d,f,t]),B=r.useMemo(()=>({"--transform":"up"===s?"rotate(90deg)":"down"===s?"rotate(-90deg)":"none"}),[s]),F=r.useCallback(e=>[...Array(Number.isFinite(e)&&e>=0?e:0)].map((e,n)=>a.default.createElement(r.Fragment,{key:n},r.Children.map(g,e=>a.default.createElement("div",{style:B,className:"rfm-child"},e)))),[B,g]);return M?a.default.createElement("div",{ref:_,style:S,className:"rfm-marquee-container "+n},c&&a.default.createElement("div",{style:$,className:"rfm-overlay"}),a.default.createElement("div",{className:"rfm-marquee",style:z,onAnimationIteration:p,onAnimationEnd:v},a.default.createElement("div",{className:"rfm-initial-child-container",ref:j},r.Children.map(g,e=>a.default.createElement("div",{style:B,className:"rfm-child"},e))),F(N-1)),a.default.createElement("div",{className:"rfm-marquee",style:z},F(N))):null})}}]);
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.