https://assets.griddo.ucm.cl/pro-ucm/11330-28f8c8679bfd43a0146e.js

1"use strict";(self.webpackChunk_griddo_cx=self.webpackChunk_griddo_cx||[]).push([[11330],{11330:function(e,t,r){r.r(t),r.d(t,{default:function(){return s}});var n=r(26322),u=r(29019);const l=(e,t)=>{const r=n.useRef();n.useEffect(()=>{r.current=t},[t]),n.useEffect(()=>{if(!("undefined"!=typeof document&&document.addEventListener))return;const t=e=>{r.current&&r.current(e)};return document.addEventListener(e,t),()=>{document.removeEventListener(e,t)}},[e])};var s=({outerSize:e=20,outerScale:t=5,innerScale:r=1.4})=>{const s=n.useRef(null),c=n.useRef(null),a=n.useRef(null),o=n.useRef(),i=n.useRef(),[d,y]=n.useState({x:0,y:0}),[v,m]=n.useState(!0),[f,p]=n.useState(""),[E,h]=n.useState(!1),[x,g]=n.useState("default"),[L,k]=n.useState(""),w=n.useRef(0),S=n.useRef(0),b=n.useRef(""),R=n.useCallback(({clientX:e,clientY:t})=>{var r;y({x:e,y:t}),null!=c&&c.current&&null!=c&&null!==(r=c.current)&&void 0!==r&&r.style&&(c.current.style.top=`${t}px`,c.current.style.left=`${e}px`,w.current=e,S.current=t);document.querySelectorAll('[data-cursor="none"]').length&&null!=c&&c.current&&null!=s&&s.current&&(c.current.style.opacity="0",s.current.style.opacity="0")},[]),C=n.useCallback(e=>{void 0!==i.current&&(d.x+=(w.current-d.x)/8,d.y+=(S.current-d.y)/8,s.current&&(s.current.style.top=`${d.y}px`,s.current.style.left=`${d.x}px`)),i.current=e,o.current=requestAnimationFrame(C)},[o]);n.useEffect(()=>{o.current=requestAnimationFrame(C)},[C]);const q=n.useCallback(()=>h(!0),[]),A=n.useCallback(()=>h(!1),[]),$=n.useCallback(()=>m(!0),[]),z=n.useCallback(()=>{m(!1)},[]);l("mousemove",R),l("mousedown",q),l("mouseup",A),l("mouseenter",$),l("mouseleave",z),n.useEffect(()=>{E&&f&&null!=c&&c.current&&null!=s&&s.current?(c.current.style.opacity="0","navigation"===f?(s.current.style.width="32px",s.current.style.height="32px",s.current.style.opacity="0.65"):(s.current.style.width="72px",s.current.style.height="72px",s.current.style.opacity="0.65"),null!=a&&a.current&&(a.current.style.display="block"),"drag"===f?k("drag"):f&&"drag"!==f&&k(f)):c.current&&s.current&&(c.current.style.opacity="1",s.current.style.width="32px",s.current.style.height="32px",s.current.style.opacity="0",k(""),"navigation"===f&&(s.current.style.width=`${e}px`,s.current.style.height=`${e}px`),null!=a&&a.current&&(a.current.style.display="none"))},[r,t,E,b.current]),n.useEffect(()=>{v&&null!=c&&c.current&&null!=s&&s.current?(c.current.style.opacity="1",s.current.style.opacity="0"):null!=c&&c.current&&null!=s&&s.current&&(c.current.style.opacity="0",s.current.style.opacity="0")},[v]),n.useEffect(()=>{const e=document.querySelectorAll('[data-cursor="play"], [data-cursor="drag"], [data-cursor="file"], [data-cursor="diagonalRightDown"], [data-cursor="show"]');return e.forEach(e=>{e.style.cursor="none",e.addEventListener("mouseover",()=>{p(e.dataset.cursor||""),b.current=e.dataset.cursor||"",h(!0)}),e.addEventListener("click",()=>{h(!0)}),e.addEventListener("mousedown",()=>{p(e.dataset.cursor||""),b.current=e.dataset.cursor||"",h(!0)}),e.addEventListener("mouseup",()=>{p(e.dataset.cursor||""),b.current=e.dataset.cursor||"",h(!0)}),e.addEventListener("mouseout",()=>{p(""),b.current="",h(!1)})}),()=>{e.forEach(e=>{e.removeEventListener("mouseover",()=>{h(!0)}),e.removeEventListener("click",()=>{h(!0)}),e.removeEventListener("mouseup",()=>{h(!0)}),e.addEventListener("mousedown",()=>{h(!0)}),e.removeEventListener("mouseout",()=>{h(!1)})})}},[E]),n.useEffect(()=>{const e=document.querySelectorAll("[data-themecursor]");e.forEach(e=>{e.addEventListener("mouseover",()=>{g(e.dataset.themecursor||"")})});const t=document.querySelectorAll(".video-player");return t.forEach(e=>{e.addEventListener("mouseover",()=>{var e,t;null!=c&&c.current&&null!=c&&null!==(e=c.current)&&void 0!==e&&e.style&&s.current&&null!=s&&null!==(t=s.current)&&void 0!==t&&t.style&&(m(!1),c.current.style.display="none",s.current.style.display="none")}),e.addEventListener("mouseout",()=>{var e,t;null!=c&&c.current&&null!=c&&null!==(e=c.current)&&void 0!==e&&e.style&&s.current&&null!=s&&null!==(t=s.current)&&void 0!==t&&t.style&&(m(!0),c.current.style.display="flex",s.current.style.display="flex")})}),()=>

1{e.forEach(e=>{e.removeEventListener("mouseover",()=>{g(e.dataset.themecursor||"")})}),t.forEach(e=>{e.addEventListener("mouseover",()=>{var e,t;null!=c&&c.current&&null!=c&&null!==(e=c.current)&&void 0!==e&&e.style&&s.current&&null!=s&&null!==(t=s.current)&&void 0!==t&&t.style&&(m(!1),c.current.style.display="flex",s.current.style.display="flex")}),e.addEventListener("mouseout",()=>{var e,t;null!=c&&c.current&&null!=c&&null!==(e=c.current)&&void 0!==e&&e.style&&s.current&&null!=s&&null!==(t=s.current)&&void 0!==t&&t.style&&(m(!0),c.current.style.display="none",s.current.style.display="none")})})}},[E]);const F=["default","default-alt"],I={cursorOuter:{zIndex:999,position:"fixed",borderRadius:"50%",pointerEvents:"none",width:e,height:e,transform:"translate(-25%, -25%)",display:"flex",backgroundColor:F.includes(x)?"var(--icon-1)":"var(--icon-negative)",opacity:"0",transition:"opacity 0.15s ease-in-out, transform 0.15s ease-in-out"}};return n.createElement(n.Fragment,null,n.createElement("div",{"data-subtheme":x,ref:s,style:I.cursorOuter},L?n.createElement("span",{ref:a,className:"styles-module--iconWrapper--5d17f highlight-s",style:{"--iconColor":F.includes(x)?"var(--icon-negative)":"var(--icon-1)"}},"drag"===L?n.createElement(n.Fragment,null,n.createElement(u.In,{name:"arrowLeft",size:"md"}),n.createElement(u.In,{name:"arrowRight",size:"md"})):n.createElement(u.In,{name:L,size:"xl"})):null),n.createElement("div",{ref:c}))}}}]);