"use strict";var x=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var z=(e,t)=>{for(var r in t)x(e,r,{get:t[r],enumerable:!0})},E=(e,t,r,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of M(t))!k.call(e,n)&&n!==r&&x(e,n,{get:()=>t[n],enumerable:!(i=L(t,n))||i.enumerable});return e};var _=e=>E(x({},"__esModule",{value:!0}),e);var W={};z(W,{RollingNumber:()=>P});module.exports=_(W);var g=require("@emotion/css");var o=require("react"),h=require("@emotion/css"),S=require("@quotalab/react");var $=({number:e,length:t,divider:r})=>{let i=String(e),n=i.length,l=Math.max(t!=null?t:0,n),u=i.padStart(l,"0").split("").reverse();for(let s=u.length-1;s>0;s--)s%3===0&&u.splice(s,0,r);return u},N=(e,t)=>new Array(t-e+1).fill(0).map((r,i)=>e+i),w=(e,t)=>{let r=Math.floor(e),i=Math.floor(t);return r===i?[r]:r<i?N(r,i):r>=i?[...N(r,9),...N(0,i)]:[]};var y=require("react/jsx-runtime"),p=!1,d=!1,H=({digit:e,width:t,height:r,duration:i,formatter:n})=>{let l=(0,o.useRef)(null),[u,s]=(0,o.useState)(0),b=(0,S.usePreviousState)(e),m=p?b:e==="0"?"1":"0",[v,R]=(0,o.useState)([]);return(0,o.useEffect)(()=>(p=!0,d=!0,s(-e*r),()=>{p=!1,s(0),d=!1}),[]),(0,o.useEffect)(()=>{let a=Number(e)-Number(m),c=a>0?-a*r:-(a+10)*r;s(c),d=!0},[e,r]),(0,o.useEffect)(()=>{R(w(Number(m),Number(e)).map(String))},[e]),(0,o.useEffect)(()=>{var a;(a=l.current)==null||a.addEventListener("transitionend",()=>{p=!1,d=!1,R(c=>[e,...c]),s(0)})},[e]),(0,y.jsx)("div",{ref:l,className:h.css`
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        margin-top: ${u}px;
        transition: ${d?`margin-top ${i}s cubic-bezier(0.08, 0.9, 0.64, 0.99)`:""};
      `,children:v.map((a,c)=>{var D;return(0,y.jsx)("div",{className:h.css`
            display: flex;
            flex: none;
            justify-content: center;
            align-items: center;
            box-sizing: border-box;
            height: ${r}px;
            width: ${t==null?"auto":`${t}px`};
          `,children:(D=n==null?void 0:n(a))!=null?D:a},c)})})},A=H;var f=require("react/jsx-runtime"),O=({number:e,length:t=String(e).length,width:r,height:i=16,divider:n=",",duration:l=1,formatter:u})=>{let s=$({number:e,length:t,divider:n});return(0,f.jsx)("div",{className:g.css`
        display: flex;
      `,children:(0,f.jsx)("div",{className:g.css`
          display: flex;
          flex-direction: row-reverse;
          overflow-y: hidden;
          height: ${i}px;
        `,children:s.map((b,m)=>{if(m%4===3)return(0,f.jsx)(T,{divider:n,height:i,formatter:u},m);let v=m*.1;return(0,f.jsx)(A,{digit:b,height:i,width:r,duration:l+v,formatter:u},m)})})})},P=O,T=({divider:e,height:t,formatter:r})=>{var i;return(0,f.jsx)("div",{className:g.css`
      display: flex;
      align-items: center;
      padding: 0 2px;
      height: ${t}px;
    `,children:(i=r==null?void 0:r(e))!=null?i:e})};
//# sourceMappingURL=index.min.cjs.map