/*! For license information please see 9199.2ce6477c31f0c116e193.js.LICENSE.txt */
"use strict";(self.webpackChunkengine=self.webpackChunkengine||[]).push([[9199,5893,8521],{69199:(t,n,r)=>{r.r(n),r.d(n,{default:()=>s});var e=r(28416),o=r(5439),a=r.n(o),i=r(85893);function u(t,n){return function(t){if(Array.isArray(t))return t}(t)||function(t,n){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var e,o,a,i,u=[],c=!0,l=!1;try{if(a=(r=r.call(t)).next,0===n){if(Object(r)!==r)return;c=!1}else for(;!(c=(e=a.call(r)).done)&&(u.push(e.value),u.length!==n);c=!0);}catch(t){l=!0,o=t}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(l)throw o}}return u}}(t,n)||function(t,n){if(t){if("string"==typeof t)return c(t,n);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?c(t,n):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(t,n){(null==n||n>t.length)&&(n=t.length);for(var r=0,e=new Array(n);r<n;r++)e[r]=t[r];return e}var l=function(t){var n,r,o=t.url,a=t.rowCount,c=t.columnCount,l=t.fps,s=t.onAnimationEnd,f=t.startingFrame,p=t.width,d=t.height,m=t.loop,h=t.loopCount,y=t.start,b=t.direction,g=t.finishFrame,v=t.key,w=t.parentId,_=u((0,e.useState)(f),2),x=_[0],A=_[1],E=u((0,e.useState)(y),2),k=E[0],O=E[1],S=(0,e.useRef)(h),C=(0,e.useRef)(null);(0,e.useEffect)((function(){A(f),O(y)}),[o,f,y]),(0,e.useEffect)((function(){y?(A(f),O(!0)):cancelAnimationFrame(C.current)}),[y]),(0,e.useEffect)((function(){var t=g||a*c;x===t&&(s(),m||S.current>0?(S.current>0&&(S.current-=1),A(1)):(A(g||t+1),O(!1),S.current=h))}),[x]),(0,e.useEffect)((function(){var t=1e3/l,n=Date.now();return k&&function r(){A((function(e){if(m&&e>a*c||e>=a*c)cancelAnimationFrame(C.current);else if(C.current=requestAnimationFrame(r),Date.now()-n>t)return n=Date.now(),e+1;return e}))}(),function(){cancelAnimationFrame(C.current)}}),[k]),"horizontal"===b?(r=x%c,n=Math.floor(x/c)+1):(r=x%a,n=Math.floor(x/a)+1);var F=Math.round(p),R=Math.round(d);return(0,i.jsx)("div",{style:{width:"".concat(F,"px"),height:"".concat(R,"px"),overflow:"hidden",position:"absolute"},"data-testid":"".concat(w?"".concat(w,"_"):"","glob-sprite"),children:(0,i.jsx)("div",{style:{backgroundImage:"url(".concat(o,")"),height:"".concat(a*R,"px"),width:"".concat(c*F,"px"),backgroundSize:"".concat(c*F,"px ").concat(a*R,"px"),transform:"horizontal"===b?"translate(-".concat(F*(r-1),"px, -").concat(R*(n-1),"px)"):"translate(-".concat(F*(n-1),"px, -").concat(R*(r-1),"px)")},"data-testid":"".concat(w?"".concat(w,"_"):"","glob-sprite_inner")})},v)};l.defaultProps={key:"",start:!1,loop:!1,fps:60,onAnimationEnd:function(){},startingFrame:1,direction:"horizontal",finishFrame:null,loopCount:0,parentId:""},l.propTypes={key:a().string,url:a().string.isRequired,rowCount:a().number.isRequired,columnCount:a().number.isRequired,width:a().number.isRequired,height:a().number.isRequired,fps:a().number,onAnimationEnd:a().func,startingFrame:a().number,loop:a().bool,start:a().bool,direction:a().oneOf(["horizontal","vertical"]),finishFrame:a().number,loopCount:a().number,parentId:a().string};const s=(0,e.memo)(l)},75251:(t,n,r)=>{var e=r(28416),o=Symbol.for("react.element"),a=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,u=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c={key:!0,ref:!0,__self:!0,__source:!0};function l(t,n,r){var e,a={},l=null,s=null;for(e in void 0!==r&&(l=""+r),void 0!==n.key&&(l=""+n.key),void 0!==n.ref&&(s=n.ref),n)i.call(n,e)&&!c.hasOwnProperty(e)&&(a[e]=n[e]);if(t&&t.defaultProps)for(e in n=t.defaultProps)void 0===a[e]&&(a[e]=n[e]);return{$$typeof:o,type:t,key:l,ref:s,props:a,_owner:u.current}}n.Fragment=a,n.jsx=l,n.jsxs=l},85893:(t,n,r)=>{t.exports=r(75251)}}]);