https://visionsoftwares.com/_next/static/chunks/app/about/page-830506d2822f602b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7301],{5968:function(e,n,t){Promise.resolve().then(t.t.bind(t,231,23)),Promise.resolve().then(t.bind(t,1932)),Promise.resolve().then(t.bind(t,3438)),Promise.resolve().then(t.bind(t,8797))},1932:function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var r=t(2265),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(e,n){let{style:t={},className:i="",autoFill:o=!1,play:l=!0,pauseOnHover:s=!1,pauseOnClick:u=!1,direction:d="left",speed:c=50,delay:f=0,loop:m=0,gradient:h=!1,gradientColor:v="white",gradientWidth:p=200,onFinish:y,onCycleComplete:g,onMount:w,children:b}=e,[E,x]=r.useState(0),[k,N]=r.useState(0),[C,M]=r.useState(1),[_,q]=r.useState(!1),O=r.useRef(null),R=n||O,P=r.useRef(null),j=r.useCallback(()=>{if(P.current&&R.current){let e=R.current.getBoundingClientRect(),n=P.current.getBoundingClientRect(),t=e.width,r=n.width;("up"===d||"down"===d)&&(t=e.height,r=n.height),o&&t&&r?M(r<t?Math.ceil(t/r):1):M(1),x(t),N(r)}},[o,R,d]);r.useEffect(()=>{if(_&&(j(),P.current&&R.current)){let e=new ResizeObserver(()=>j());return e.observe(R.current),e.observe(P.current),()=>{e&&e.disconnect()}}},[j,R,_]),r.useEffect(()=>{j()},[j,b]),r.useEffect(()=>{q(!0)},[]),r.useEffect(()=>{"function"==typeof w&&w()},[]);let A=r.useMemo(()=>o?k*C/c:k<E?E/c:k/c,[o,E,k,C,c]),S=r.useMemo(()=>Object.assign(Object.assign({},t),{"--pause-on-hover":!l||s?"paused":"running","--pause-on-click":!l||s&&!u||u?"paused":"running","--width":"up"===d||"down"===d?"100vh":"100%","--transform":"up"===d?"rotate(-90deg)":"down"===d?"rotate(90deg)":"none"}),[t,l,s,u,d]),z=r.useMemo(()=>({"--gradient-color":v,"--gradient-width":"number"==typeof p?"".concat(p,"px"):p}),[v,p]),B=r.useMemo(()=>({"--play":l?"running":"paused","--direction":"left"===d?"normal":"reverse","--duration":"".concat(A,"s"),"--delay":"".concat(f,"s"),"--iteration-count":m?"".concat(m):"infinite","--min-width":o?"auto":"100%"}),[l,d,A,f,m,o]),F=r.useMemo(()=>({"--transform":"up"===d?"rotate(90deg)":"down"===d?"rotate(-90deg)":"none"}),[d]),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(b,e=>a.default.createElement("div",{style:F,className:"rfm-child"},e)))),[F,b]);return _?a.default.createElement("div",{ref:R,style:S,className:"rfm-marquee-container "+i},h&&a.default.createElement("div",{style:z,className:"rfm-overlay"}),a.default.createElement("div",{className:"rfm-marquee",style:B,onAnimationIteration:g,onAnimationEnd:y},a.default.createElement("div",{className:"rfm-initial-child-container",ref:P},r.Children.map(b,e=>a.default.createElement("div",{style:F,className:"rfm-child"},e))),X(C-1)),a.default.createElement("div",{className:"rfm-marquee",style:B},X(C))):null});n.default=i}},function(e){e.O(0,[7699,231,360,6692,2971,7023,1744],function(){return e(e.s=5968)}),_N_E=e.O()}]);