From 8733105ea9cf6b357c703456144f1e35090f73a0 Mon Sep 17 00:00:00 2001
From: Viktor Steck <steck@louis.info>
Date: Wed, 26 Jan 2022 13:29:04 +0100
Subject: [PATCH] remove console.log and semicolons

---
 examples/index.html |   2 +-
 lib/bounty.js       |   2 +-
 src/bounty.js       | 196 +++++++++++++++++++++-----------------------
 3 files changed, 97 insertions(+), 103 deletions(-)

diff --git a/examples/index.html b/examples/index.html
index e20bdba..743c829 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -34,7 +34,7 @@
   <div class="js-bounty"></div>
   <script src="../lib/bounty.js"></script>
   <script>
-    const b = bounty.default({ el: '.js-bounty', value: '250000', rotations: '1', animationDelay: 1000, startManually: true })
+    const b = bounty.default({ el: '.js-bounty', value: '250000', rotations: '2', animationDelay: 0, startManually: true })
     setTimeout(() => {
       console.log('start')
       b.resume()
diff --git a/lib/bounty.js b/lib/bounty.js
index b9b7870..09fcaef 100644
--- a/lib/bounty.js
+++ b/lib/bounty.js
@@ -1 +1 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.bounty=e():t.bounty=e()}(this,function(){return function(t){function e(n){if(r[n])return r[n].exports;var a=r[n]={exports:{},id:n,loaded:!1};return t[n].call(a.exports,a,a.exports,e),a.loaded=!0,a.exports}var r={};return e.m=t,e.c=r,e.p="/",e(0)}([function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var a=r(1);Object.defineProperty(e,"default",{enumerable:!0,get:function(){return n(a).default}})},function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function a(t){if(Array.isArray(t)){for(var e=0,r=Array(t.length);e<t.length;e++)r[e]=t[e];return r}return Array.from(t)}Object.defineProperty(e,"__esModule",{value:!0});var l=r(2),o=n(l),i=r(5),u=r(10),c=n(u),f=10,s=function(t,e,r,n){var a,l=[0,1,2,3,4,5,6,7,8,9,0],o=(a=(a=i.append.call(t,"g"),i.attr).call(a,"id","digit-"+n),i.style).call(a,"filter","url(#motionFilter-"+n+")");return l.forEach(function(t,n){var a;(a=(a=(a=(a=i.append.call(o,"text"),i.attr).call(a,"y",n*e*r),i.text).call(a,t),i.attr).call(a,"class","js-bounty__zero"),i.style).call(a,"opacity",0===n?"0":"1")}),console.log("roulette:",o),o},d=function(t,e,r){var n;return(n=(n=i.append.call(t,"g"),i.append).call(n,"text"),i.text).call(n,e)},p=function(t,e){var r;return(r=(r=(r=(r=(r=(r=(r=i.append.call(t,"filter"),i.attr).call(r,"id","motionFilter-"+e),i.attr).call(r,"width","300%"),i.attr).call(r,"x","-100%"),i.append).call(r,"feGaussianBlur"),i.attr).call(r,"class","blurValues"),i.attr).call(r,"in","SourceGraphic"),i.attr).call(r,"stdDeviation","0 0")},v=function(t,e){var r;return(r=(r=(r=(r=(r=(r=(r=(r=(r=(r=(r=(r=(r=(r=(r=(r=(r=(r=(r=(r=(r=(r=(r=(r=i.append.call(t,"linearGradient"),i.attr).call(r,"id","gradient-"+e),i.attr).call(r,"x1","0%"),i.attr).call(r,"y1","0%"),i.attr).call(r,"x2","0%"),i.attr).call(r,"y2","100%"),i.append).call(r,"stop"),i.attr).call(r,"offset","0"),i.attr).call(r,"stop-color","white"),i.attr).call(r,"stop-opacity","0"),i.select).call(r,"#gradient-"+e),i.append).call(r,"stop"),i.attr).call(r,"offset","0.2"),i.attr).call(r,"stop-color","white"),i.attr).call(r,"stop-opacity","1"),i.select).call(r,"#gradient-"+e),i.append).call(r,"stop"),i.attr).call(r,"offset","0.8"),i.attr).call(r,"stop-color","white"),i.attr).call(r,"stop-opacity","1"),i.select).call(r,"#gradient-"+e),i.append).call(r,"stop"),i.attr).call(r,"offset","1"),i.attr).call(r,"stop-color","white"),i.attr).call(r,"stop-opacity","0")},y=function(t,e){var r;return(r=(r=(r=(r=(r=(r=(r=i.append.call(t,"mask"),i.attr).call(r,"id","mask-"+e),i.append).call(r,"rect"),i.attr).call(r,"x",0),i.attr).call(r,"y",0),i.attr).call(r,"width","100%"),i.attr).call(r,"height","100%"),i.attr).call(r,"fill","url(#gradient-"+e+")")},g=function(t,e,r){i.attr.call(t,"width",e),i.attr.call(t,"height",r),i.attr.call(t,"viewBox","0 0 "+e+" "+r),i.style.call(t,"overflow","hidden")};e.default=function(t){var e,r=t.el,n=t.value,l=t.initialValue,u=void 0===l?null:l,h=t.lineHeight,m=void 0===h?1.35:h,b=t.letterSpacing,_=void 0===b?1:b,x=t.animationDelay,j=void 0===x?0:x,M=t.letterAnimationDelay,w=void 0===M?0:M,P=t.duration,O=void 0===P?3e3:P,S=t.rotations,N=void 0===S?1:S,A=t.startManually,E=void 0!==A&&A,D=(0,i.select)(r),B=window.getComputedStyle(D),F=parseInt(B.fontSize,10),k=(F*m-F)/2+F/10,q=F*m-k,I=Date.now(),z=0,C=F*m+k;D.innerHTML="";var G=i.append.call(D,"svg"),H=(e=i.append.call(G,"svg"),i.attr).call(e,"mask","url(#mask-"+I+")"),T=i.append.call(G,"defs");v(T,I),y(T,I);var V=function(t,e){for(var r=String(t).replace(/ /g," ").split(""),n=String(t).search(/\d/);e.length>r.length;){var a=e[e.length-r.length-1+n];r.splice(n,0,isNaN(parseInt(a,10))?a:"0")}return r},L=String(u||"0");console.log("initialString:",L);var J=V(String(n),L);console.log("values:",J);var K=V(L,String(n));console.log("initial:",K);var Q=J.map(function(t,e){var r=e+"-"+I;return isNaN(parseInt(t,10))||isNaN(parseInt(K[e],10))?{isDigit:!1,node:d(H,t,F),value:t,offset:{x:0,y:q}}:{isDigit:!0,id:r,node:s(H,F,m,r),filter:p(T,r),value:Number(t),initial:Number(K[e]),offset:{x:0,y:q+Number(K[e])*(F*m)}}}),R=[],U=Q.filter(function(t){return t.isDigit});U.forEach(function(t,e){console.log("i:",e);var r=t.initial*(F*m),n=(N*e*f+t.value)*(F*m),a=(0,c.default)({from:r,to:n,duration:O,delay:(U.length-1-e)*w+j,step:function(e){var a;t.offset.y=q-e%(F*m*f),(a=t.node,i.attr).call(a,"transform","translate("+t.offset.x+", "+t.offset.y+")");var l=(r+n)/2,o=Number(Math.abs(Math.abs(Math.abs(e-l)-l)-r)/100).toFixed(1);(a=t.filter,i.attr).call(a,"stdDeviation","0 "+o)},end:0===e?function(){console.log("end"),console.log("element:",D),D.querySelectorAll(".js-bounty__zero").forEach(function(t){t.style.opacity=1}),D.querySelectorAll('[style*="filter"]').forEach(function(t){t.style.filter=""}),X()}:function(t){return t}});console.log("digitTransition:",a),R.push(a)});var W=function(t){z=0,Q.forEach(function(t){var e=t.node.getBBox(),r=e.width;t.offset.x=z,t.isDigit&&[].concat(a(t.node.childNodes)).forEach(function(t){var e=t.getBBox(),n=e.width,a=(r-n)/2;t.setAttribute("x",a)}),z+=r+_}),z-=_,Q.forEach(function(t){var e;(e=t.node,i.attr).call(e,"transform","translate("+t.offset.x+", "+t.offset.y+")")}),g(G,z,C),R.forEach(function(e){return e.update(t)})},X=(0,o.default)(W),Y=function(){R.forEach(function(t){return t.pause()})},Z=function(){R.forEach(function(t){return t.resume()})};return E&&Y(),{cancel:X,pause:Y,resume:Z}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t){var e=void 0,r=function r(n){e=requestAnimationFrame(r),t(n)};return r(0),function(){return cancelAnimationFrame(e)}}},function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t){var e=document.createElementNS(l.default.svg,t);return this.appendChild(e),e};var a=r(6),l=n(a)},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t,e){return this.setAttribute(t,e),this}},function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var a=r(7);Object.defineProperty(e,"select",{enumerable:!0,get:function(){return n(a).default}});var l=r(3);Object.defineProperty(e,"append",{enumerable:!0,get:function(){return n(l).default}});var o=r(4);Object.defineProperty(e,"attr",{enumerable:!0,get:function(){return n(o).default}});var i=r(8);Object.defineProperty(e,"style",{enumerable:!0,get:function(){return n(i).default}});var u=r(9);Object.defineProperty(e,"text",{enumerable:!0,get:function(){return n(u).default}})},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={svg:"http://www.w3.org/2000/svg"}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t){return t===String(t)?document.querySelector(t):t}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t,e){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return this.style.setProperty(t,e,r),this}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t){return this.textContent=t,this}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=function(t){return((t*=2)<=1?t*t*t:(t-=2)*t*t+2)/2};e.default=function(t){var e=t.from,n=t.to,a=t.duration,l=void 0===a?3e3:a,o=t.delay,i=void 0===o?0:o,u=t.easing,c=void 0===u?r:u,f=t.start,s=void 0===f?function(t){return t}:f,d=t.step,p=void 0===d?function(t){return t}:d,v=t.end,y=void 0===v?function(t){return t}:v,g=e,h=0,m=!1,b=0,_=!1,x=function(t){if(!_){h||(h=t,b=t,s(g)),m&&(h+=t-b);var r=Math.min(Math.max(t-h-i,0),l)/l;g=c(r)*(n-e)+e,p(g),1===r&&(_=!0,y(g)),b=t}},j=function(){m=!0},M=function(){m=!1};return{update:x,pause:j,resume:M}}}])});
\ No newline at end of file
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.bounty=e():t.bounty=e()}(this,function(){return function(t){function e(n){if(r[n])return r[n].exports;var a=r[n]={exports:{},id:n,loaded:!1};return t[n].call(a.exports,a,a.exports,e),a.loaded=!0,a.exports}var r={};return e.m=t,e.c=r,e.p="/",e(0)}([function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var a=r(1);Object.defineProperty(e,"default",{enumerable:!0,get:function(){return n(a).default}})},function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function a(t){if(Array.isArray(t)){for(var e=0,r=Array(t.length);e<t.length;e++)r[e]=t[e];return r}return Array.from(t)}Object.defineProperty(e,"__esModule",{value:!0});var l=r(2),o=n(l),i=r(5),u=r(10),c=n(u),f=10,s=function(t,e,r,n){var a,l=[0,1,2,3,4,5,6,7,8,9,0],o=(a=(a=i.append.call(t,"g"),i.attr).call(a,"id","digit-"+n),i.style).call(a,"filter","url(#motionFilter-"+n+")");return l.forEach(function(t,n){var a;(a=(a=(a=(a=i.append.call(o,"text"),i.attr).call(a,"y",n*e*r),i.text).call(a,t),i.attr).call(a,"class","js-bounty__zero"),i.style).call(a,"opacity",0===n?"0":"1")}),console.log("roulette:",o),o},d=function(t,e,r){var n;return(n=(n=i.append.call(t,"g"),i.append).call(n,"text"),i.text).call(n,e)},p=function(t,e){var r;return(r=(r=(r=(r=(r=(r=(r=i.append.call(t,"filter"),i.attr).call(r,"id","motionFilter-"+e),i.attr).call(r,"width","300%"),i.attr).call(r,"x","-100%"),i.append).call(r,"feGaussianBlur"),i.attr).call(r,"class","blurValues"),i.attr).call(r,"in","SourceGraphic"),i.attr).call(r,"stdDeviation","0 0")},v=function(t,e){var r;return(r=(r=(r=(r=(r=(r=(r=(r=(r=(r=(r=(r=(r=(r=(r=(r=(r=(r=(r=(r=(r=(r=(r=(r=i.append.call(t,"linearGradient"),i.attr).call(r,"id","gradient-"+e),i.attr).call(r,"x1","0%"),i.attr).call(r,"y1","0%"),i.attr).call(r,"x2","0%"),i.attr).call(r,"y2","100%"),i.append).call(r,"stop"),i.attr).call(r,"offset","0"),i.attr).call(r,"stop-color","white"),i.attr).call(r,"stop-opacity","0"),i.select).call(r,"#gradient-"+e),i.append).call(r,"stop"),i.attr).call(r,"offset","0.2"),i.attr).call(r,"stop-color","white"),i.attr).call(r,"stop-opacity","1"),i.select).call(r,"#gradient-"+e),i.append).call(r,"stop"),i.attr).call(r,"offset","0.8"),i.attr).call(r,"stop-color","white"),i.attr).call(r,"stop-opacity","1"),i.select).call(r,"#gradient-"+e),i.append).call(r,"stop"),i.attr).call(r,"offset","1"),i.attr).call(r,"stop-color","white"),i.attr).call(r,"stop-opacity","0")},y=function(t,e){var r;return(r=(r=(r=(r=(r=(r=(r=i.append.call(t,"mask"),i.attr).call(r,"id","mask-"+e),i.append).call(r,"rect"),i.attr).call(r,"x",0),i.attr).call(r,"y",0),i.attr).call(r,"width","100%"),i.attr).call(r,"height","100%"),i.attr).call(r,"fill","url(#gradient-"+e+")")},h=function(t,e,r){i.attr.call(t,"width",e),i.attr.call(t,"height",r),i.attr.call(t,"viewBox","0 0 "+e+" "+r),i.style.call(t,"overflow","hidden")};e.default=function(t){var e,r=t.el,n=t.value,l=t.initialValue,u=void 0===l?null:l,g=t.lineHeight,m=void 0===g?1.35:g,b=t.letterSpacing,_=void 0===b?1:b,x=t.animationDelay,j=void 0===x?0:x,M=t.letterAnimationDelay,w=void 0===M?0:M,P=t.duration,O=void 0===P?3e3:P,S=t.rotations,N=void 0===S?1:S,A=t.startManually,E=void 0!==A&&A,D=(0,i.select)(r),B=window.getComputedStyle(D),F=parseInt(B.fontSize,10),k=(F*m-F)/2+F/10,q=F*m-k,I=Date.now(),z=0,C=F*m+k;D.innerHTML="";var G=i.append.call(D,"svg"),H=(e=i.append.call(G,"svg"),i.attr).call(e,"mask","url(#mask-"+I+")"),V=i.append.call(G,"defs");v(V,I),y(V,I);var L=function(t,e){for(var r=String(t).replace(/ /g," ").split(""),n=String(t).search(/\d/);e.length>r.length;){var a=e[e.length-r.length-1+n];r.splice(n,0,isNaN(parseInt(a,10))?a:"0")}return r},T=String(u||"0"),J=L(String(n),T),K=L(T,String(n)),Q=J.map(function(t,e){var r=e+"-"+I;return isNaN(parseInt(t,10))||isNaN(parseInt(K[e],10))?{isDigit:!1,node:d(H,t,F),value:t,offset:{x:0,y:q}}:{isDigit:!0,id:r,node:s(H,F,m,r),filter:p(V,r),value:Number(t),initial:Number(K[e]),offset:{x:0,y:q+Number(K[e])*(F*m)}}}),R=[],U=Q.filter(function(t){return t.isDigit});U.forEach(function(t,e){var r=t.initial*(F*m),n=(N*e*f+t.value)*(F*m),a=(0,c.default)({from:r,to:n,duration:O,delay:(U.length-1-e)*w+j,step:function(e){var a;t.offset.y=q-e%(F*m*f),(a=t.node,i.attr).call(a,"transform","translate("+t.offset.x+", "+t.offset.y+")");var l=(r+n)/2,o=Number(Math.abs(Math.abs(Math.abs(e-l)-l)-r)/100).toFixed(1);(a=t.filter,i.attr).call(a,"stdDeviation","0 "+o)},end:0===e?function(){D.querySelectorAll(".js-bounty__zero").forEach(function(t){t.style.opacity=1}),D.querySelectorAll('[style*="filter"]').forEach(function(t){t.style.filter=""}),X()}:function(t){return t}});R.push(a)});var W=function(t){z=0,Q.forEach(function(t){var e=t.node.getBBox(),r=e.width;t.offset.x=z,t.isDigit&&[].concat(a(t.node.childNodes)).forEach(function(t){var e=t.getBBox(),n=e.width,a=(r-n)/2;t.setAttribute("x",a)}),z+=r+_}),z-=_,Q.forEach(function(t){var e;(e=t.node,i.attr).call(e,"transform","translate("+t.offset.x+", "+t.offset.y+")")}),h(G,z,C),R.forEach(function(e){return e.update(t)})},X=(0,o.default)(W),Y=function(){R.forEach(function(t){return t.pause()})},Z=function(){R.forEach(function(t){return t.resume()})};return E&&Y(),{cancel:X,pause:Y,resume:Z}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t){var e=void 0,r=function r(n){e=requestAnimationFrame(r),t(n)};return r(0),function(){return cancelAnimationFrame(e)}}},function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t){var e=document.createElementNS(l.default.svg,t);return this.appendChild(e),e};var a=r(6),l=n(a)},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t,e){return this.setAttribute(t,e),this}},function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var a=r(7);Object.defineProperty(e,"select",{enumerable:!0,get:function(){return n(a).default}});var l=r(3);Object.defineProperty(e,"append",{enumerable:!0,get:function(){return n(l).default}});var o=r(4);Object.defineProperty(e,"attr",{enumerable:!0,get:function(){return n(o).default}});var i=r(8);Object.defineProperty(e,"style",{enumerable:!0,get:function(){return n(i).default}});var u=r(9);Object.defineProperty(e,"text",{enumerable:!0,get:function(){return n(u).default}})},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={svg:"http://www.w3.org/2000/svg"}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t){return t===String(t)?document.querySelector(t):t}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t,e){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return this.style.setProperty(t,e,r),this}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t){return this.textContent=t,this}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=function(t){return((t*=2)<=1?t*t*t:(t-=2)*t*t+2)/2};e.default=function(t){var e=t.from,n=t.to,a=t.duration,l=void 0===a?3e3:a,o=t.delay,i=void 0===o?0:o,u=t.easing,c=void 0===u?r:u,f=t.start,s=void 0===f?function(t){return t}:f,d=t.step,p=void 0===d?function(t){return t}:d,v=t.end,y=void 0===v?function(t){return t}:v,h=e,g=0,m=!1,b=0,_=!1,x=function(t){if(!_){g||(g=t,b=t,s(h)),m&&(g+=t-b);var r=Math.min(Math.max(t-g-i,0),l)/l;h=c(r)*(n-e)+e,p(h),1===r&&(_=!0,y(h)),b=t}},j=function(){m=!0},M=function(){m=!1};return{update:x,pause:j,resume:M}}}])});
\ No newline at end of file
diff --git a/src/bounty.js b/src/bounty.js
index ad3543a..1f7aadd 100644
--- a/src/bounty.js
+++ b/src/bounty.js
@@ -1,15 +1,15 @@
-import loop from "./loop";
-import { select, append, attr, style, text } from "./selection";
-import transition from "./transition";
+import loop from "./loop"
+import { select, append, attr, style, text } from "./selection"
+import transition from "./transition"
 
-const DIGITS_COUNT = 10;
+const DIGITS_COUNT = 10
 
 const createDigitRoulette = (svg, fontSize, lineHeight, id) => {
-  const digits = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9 ,0];
+  const digits = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0]
   const roulette = svg
     ::append("g")
     ::attr("id", `digit-${id}`)
-    ::style("filter", `url(#motionFilter-${id})`);
+    ::style("filter", `url(#motionFilter-${id})`)
 
   digits.forEach((el, i) => {
     roulette
@@ -17,15 +17,15 @@ const createDigitRoulette = (svg, fontSize, lineHeight, id) => {
       ::attr("y", i * fontSize * lineHeight)
       ::text(el)
       ::attr("class", "js-bounty__zero")
-      ::style("opacity", i === 0 ? '0': '1');
-  });
+      ::style("opacity", i === 0 ? '0': '1')
+  })
 
   console.log('roulette:', roulette)
-  return roulette;
-};
+  return roulette
+}
 
 const createCharacter = (svg, el, fontSize) =>
-  svg::append("g")::append("text")::text(el);
+  svg::append("g")::append("text")::text(el)
 
 const createFilter = (defs, id) =>
   defs
@@ -36,7 +36,7 @@ const createFilter = (defs, id) =>
     ::append("feGaussianBlur")
     ::attr("class", "blurValues")
     ::attr("in", "SourceGraphic")
-    ::attr("stdDeviation", "0 0");
+    ::attr("stdDeviation", "0 0")
 
 const createGradient = (defs, id) =>
   defs
@@ -64,7 +64,7 @@ const createGradient = (defs, id) =>
     ::append("stop")
     ::attr("offset", "1")
     ::attr("stop-color", "white")
-    ::attr("stop-opacity", "0");
+    ::attr("stop-opacity", "0")
 
 const createMask = (defs, id) =>
   defs
@@ -75,14 +75,14 @@ const createMask = (defs, id) =>
     ::attr("y", 0)
     ::attr("width", "100%")
     ::attr("height", "100%")
-    ::attr("fill", `url(#gradient-${id})`);
+    ::attr("fill", `url(#gradient-${id})`)
 
 const setViewBox = (svg, width, height) => {
-  svg::attr("width", width);
-  svg::attr("height", height);
-  svg::attr("viewBox", `0 0 ${width} ${height}`);
-  svg::style("overflow", "hidden");
-};
+  svg::attr("width", width)
+  svg::attr("height", height)
+  svg::attr("viewBox", `0 0 ${width} ${height}`)
+  svg::style("overflow", "hidden")
+}
 
 export default ({
   el,
@@ -96,51 +96,48 @@ export default ({
   rotations = 1,
   startManually = false
 }) => {
-  const element = select(el);
-  const computedStyle = window.getComputedStyle(element);
-  const fontSize = parseInt(computedStyle.fontSize, 10);
-  const marginBottom = (fontSize * lineHeight - fontSize) / 2 + fontSize / 10;
-  const offset = fontSize * lineHeight - marginBottom;
-  const salt = Date.now();
-
-  let canvasWidth = 0;
-  const canvasHeight = fontSize * lineHeight + marginBottom;
-
-  element.innerHTML = "";
-  const root = element::append("svg");
-  const svg = root::append("svg")::attr("mask", `url(#mask-${salt})`);
-  const defs = root::append("defs");
-  createGradient(defs, salt);
-  createMask(defs, salt);
+  const element = select(el)
+  const computedStyle = window.getComputedStyle(element)
+  const fontSize = parseInt(computedStyle.fontSize, 10)
+  const marginBottom = (fontSize * lineHeight - fontSize) / 2 + fontSize / 10
+  const offset = fontSize * lineHeight - marginBottom
+  const salt = Date.now()
+
+  let canvasWidth = 0
+  const canvasHeight = fontSize * lineHeight + marginBottom
+
+  element.innerHTML = ""
+  const root = element::append("svg")
+  const svg = root::append("svg")::attr("mask", `url(#mask-${salt})`)
+  const defs = root::append("defs")
+  createGradient(defs, salt)
+  createMask(defs, salt)
 
   const prepareValues = (value, secondValue) => {
-    const values = String(value).replace(/ /g, "\u00a0").split("");
+    const values = String(value).replace(/ /g, "\u00a0").split("")
 
-    const digitIndex = String(value).search(/\d/);
+    const digitIndex = String(value).search(/\d/)
     while (secondValue.length > values.length) {
       const char =
-        secondValue[secondValue.length - values.length - 1 + digitIndex];
-      values.splice(digitIndex, 0, isNaN(parseInt(char, 10)) ? char : "0");
+        secondValue[secondValue.length - values.length - 1 + digitIndex]
+      values.splice(digitIndex, 0, isNaN(parseInt(char, 10)) ? char : "0")
     }
-    return values;
-  };
+    return values
+  }
 
-  const initialString = String(initialValue || "0");
-  console.log('initialString:', initialString)
-  const values = prepareValues(String(value), initialString);
-  console.log('values:', values)
-  const initial = prepareValues(initialString, String(value));
-  console.log('initial:', initial)
+  const initialString = String(initialValue || "0")
+  const values = prepareValues(String(value), initialString)
+  const initial = prepareValues(initialString, String(value))
 
   const chars = values.map((char, i) => {
-    const id = `${i}-${salt}`;
+    const id = `${i}-${salt}`
     if (isNaN(parseInt(char, 10)) || isNaN(parseInt(initial[i], 10))) {
       return {
         isDigit: false,
         node: createCharacter(svg, char, fontSize),
         value: char,
         offset: { x: 0, y: offset },
-      };
+      }
     } else {
       return {
         isDigit: true,
@@ -153,17 +150,16 @@ export default ({
           x: 0,
           y: offset + Number(initial[i]) * (fontSize * lineHeight),
         },
-      };
+      }
     }
-  });
+  })
 
-  const transitions = [];
-  const digits = chars.filter((char) => char.isDigit);
+  const transitions = []
+  const digits = chars.filter((char) => char.isDigit)
   digits.forEach((digit, i) => {
-    console.log('i:', i)
-    const sourceDistance = digit.initial * (fontSize * lineHeight);
+    const sourceDistance = digit.initial * (fontSize * lineHeight)
     const targetDistance =
-      (rotations * i * DIGITS_COUNT + digit.value) * (fontSize * lineHeight);
+      (rotations * i * DIGITS_COUNT + digit.value) * (fontSize * lineHeight)
     const digitTransition = transition({
       from: sourceDistance,
       to: targetDistance,
@@ -171,79 +167,77 @@ export default ({
       delay: (digits.length - 1 - i) * letterAnimationDelay + animationDelay,
       step(value) {
         digit.offset.y =
-          offset - (value % (fontSize * lineHeight * DIGITS_COUNT));
-        digit.node::attr(
+          offset - (value % (fontSize * lineHeight * DIGITS_COUNT))
+        digit.node:: attr(
           "transform",
           `translate(${digit.offset.x}, ${digit.offset.y})`
-        );
-        const filterOrigin = (sourceDistance + targetDistance) / 2;
+        )
+        const filterOrigin = (sourceDistance + targetDistance) / 2
         const motionValue = Number(
           Math.abs(
             Math.abs(Math.abs(value - filterOrigin) - filterOrigin) -
             sourceDistance
-            ) / 100
-            ).toFixed(1);
-        digit.filter::attr("stdDeviation", `0 ${motionValue}`);
+          ) / 100
+        ).toFixed(1)
+        digit.filter:: attr("stdDeviation", `0 ${motionValue}`)
       },
       end:
-      i === 0
-      ? () => {
-            console.log('end')
-            console.log('element:', element)
+        i === 0
+          ? () => {
             element.querySelectorAll('.js-bounty__zero').forEach(el => {
-              el.style.opacity = 1;
-            });
-              element.querySelectorAll('[style*="filter"]').forEach((ele) => {
-                ele.style.filter = "";
-              });
-              cancel();
-            }
+              el.style.opacity = 1
+            })
+            element.querySelectorAll('[style*="filter"]').forEach((ele) => {
+              ele.style.filter = ""
+            })
+            cancel()
+          }
           : (e) => e,
-    });
-    console.log('digitTransition:', digitTransition)
-    transitions.push(digitTransition);
-  });
+    })
+    transitions.push(digitTransition)
+  })
 
   const update = (timestamp) => {
-    canvasWidth = 0;
+    canvasWidth = 0
     chars.forEach((char) => {
-      const { width } = char.node.getBBox();
+      const { width } = char.node.getBBox()
 
-      char.offset.x = canvasWidth;
+      char.offset.x = canvasWidth
       // set proper kerning for proportional fonts
       if (char.isDigit) {
         [...char.node.childNodes].forEach((element) => {
-          const { width: letterWidth } = element.getBBox();
-          const offset = (width - letterWidth) / 2;
-          element.setAttribute("x", offset);
-        });
+          const { width: letterWidth } = element.getBBox()
+          const offset = (width - letterWidth) / 2
+          element.setAttribute("x", offset)
+        })
       }
 
-      canvasWidth += width + letterSpacing;
-    });
-    canvasWidth -= letterSpacing;
+      canvasWidth += width + letterSpacing
+    })
+    canvasWidth -= letterSpacing
 
     chars.forEach((char) => {
       char.node::attr(
         "transform",
         `translate(${char.offset.x}, ${char.offset.y})`
-      );
-    });
+      )
+    })
 
-    setViewBox(root, canvasWidth, canvasHeight);
-    transitions.forEach((transition) => transition.update(timestamp));
-  };
+    setViewBox(root, canvasWidth, canvasHeight)
+    transitions.forEach((transition) => transition.update(timestamp))
+  }
 
-  const cancel = loop(update);
+  const cancel = loop(update)
 
   const pause = () => {
-    transitions.forEach((transition) => transition.pause());
-  };
+    transitions.forEach((transition) => transition.pause())
+  }
   const resume = () => {
-    transitions.forEach((transition) => transition.resume());
-  };
+    transitions.forEach((transition) => transition.resume())
+  }
+
   if(startManually) {
-    pause();
+    pause()
   }
-  return { cancel, pause, resume };
-};
+  return { cancel, pause, resume }
+}