From 92624083266acad61dc9327e060b9999cab6a63e Mon Sep 17 00:00:00 2001 From: OEvgeny Date: Wed, 31 Aug 2016 21:35:36 +0300 Subject: [PATCH 1/2] prevent updates after animation end --- src/odoo.js | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/odoo.js b/src/odoo.js index a7dc26a..9d7796d 100644 --- a/src/odoo.js +++ b/src/odoo.js @@ -136,7 +136,8 @@ export default ({ const filterOrigin = targetDistance / 2; const motionValue = Math.abs(Math.abs(value - filterOrigin) - filterOrigin) / 100; select(`#motionFilter-${digit.id} .blurValues`)::attr('stdDeviation', `0 ${motionValue}`); - } + }, + end: i === 0 ? () => cancelAnimation() : (e) => e }); transitions.push(digitTransition); }); @@ -157,5 +158,6 @@ export default ({ transitions.forEach(transition => transition.update(timestamp)); }; - return loop(update); + const cancelAnimation = loop(update); + return cancelAnimation; }; From ae6ac7b9fea476dddd8d8d8e85ed580d7c7b994e Mon Sep 17 00:00:00 2001 From: coderitual Date: Sat, 3 Sep 2016 12:21:08 +0200 Subject: [PATCH 2/2] Build 1.0.0 --- lib/odoo.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/lib/odoo.js b/lib/odoo.js index ba93f90..8b3c7cc 100644 --- a/lib/odoo.js +++ b/lib/odoo.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.odoo=e():t.odoo=e()}(this,function(){return function(t){function e(r){if(a[r])return a[r].exports;var n=a[r]={exports:{},id:r,loaded:!1};return t[r].call(n.exports,n,n.exports,e),n.loaded=!0,n.exports}var a={};return e.m=t,e.c=a,e.p="/",e(0)}([function(t,e,a){"use strict";function r(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=a(2);Object.defineProperty(e,"default",{enumerable:!0,get:function(){return r(n)["default"]}})},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]=function(t){var e=void 0,a=function r(a){e=requestAnimationFrame(r),t(a)};return a(0),function(){return cancelAnimationFrame(e)}}},function(t,e,a){"use strict";function r(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=a(1),l=r(n),o=a(5),i=a(10),u=r(i),c=10,f=3,d=function(t,e,a,r){var n,l=[0,1,2,3,4,5,6,7,8,9,0],i=(n=o.append.call(t,"g"),o.attr).call(n,"id","digit-"+r);return l.forEach(function(t,n){var l;(l=(l=(l=(l=o.append.call(i,"text"),o.attr).call(l,"y",-n*e*a),o.style).call(l,"font-size",e+"px"),o.style).call(l,"filter","url(#motionFilter-"+r+")"),o.text).call(l,t)}),i},s=function(t,e,a){var r;return(r=(r=(r=o.append.call(t,"g"),o.append).call(r,"text"),o.style).call(r,"font-size",a+"px"),o.text).call(r,e)},p=function(t,e){var a;return(a=(a=(a=(a=(a=(a=(a=o.append.call(t,"filter"),o.attr).call(a,"id","motionFilter-"+e),o.attr).call(a,"width","300%"),o.attr).call(a,"x","-100%"),o.append).call(a,"feGaussianBlur"),o.attr).call(a,"class","blurValues"),o.attr).call(a,"in","SourceGraphic"),o.attr).call(a,"stdDeviation","0 0")},v=function(t){var e;return(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=o.append.call(t,"linearGradient"),o.attr).call(e,"id","gradient"),o.attr).call(e,"x1","0%"),o.attr).call(e,"y1","0%"),o.attr).call(e,"x2","0%"),o.attr).call(e,"y2","100%"),o.append).call(e,"stop"),o.attr).call(e,"offset","0"),o.attr).call(e,"stop-color","white"),o.attr).call(e,"stop-opacity","0"),o.select).call(e,"#gradient"),o.append).call(e,"stop"),o.attr).call(e,"offset","0.2"),o.attr).call(e,"stop-color","white"),o.attr).call(e,"stop-opacity","1"),o.select).call(e,"#gradient"),o.append).call(e,"stop"),o.attr).call(e,"offset","0.8"),o.attr).call(e,"stop-color","white"),o.attr).call(e,"stop-opacity","1"),o.select).call(e,"#gradient"),o.append).call(e,"stop"),o.attr).call(e,"offset","1"),o.attr).call(e,"stop-color","white"),o.attr).call(e,"stop-opacity","0")},y=function(t){var e;return(e=(e=(e=(e=(e=(e=(e=o.append.call(t,"mask"),o.attr).call(e,"id","mask"),o.append).call(e,"rect"),o.attr).call(e,"x",0),o.attr).call(e,"y",0),o.attr).call(e,"width","100%"),o.attr).call(e,"height","100%"),o.attr).call(e,"fill","url(#gradient)")},h=function(t,e,a){var r;return(r=(r=(r=o.attr.call(t,"width",e),o.attr).call(r,"height",a),o.attr).call(r,"viewBox","0 0 "+e+" "+a),o.style).call(r,"overflow","hidden")};e["default"]=function(t){var e,a=t.el,r=t.value,n=t.lineHeight,i=void 0===n?1.35:n,g=t.letterSpacing,m=void 0===g?1:g,b=t.animationDelay,_=void 0===b?100:b,x=t.letterAnimationDelay,j=void 0===x?100:x,M=(0,o.select)(a),P=window.getComputedStyle(M),O=parseInt(P.fontSize,10),w=(O*i-O)/2+O/10,S=O*i-w,D=0,E=O*i+w;M.innerHTML="";var F=o.append.call(M,"svg"),k=(e=o.append.call(F,"svg"),o.attr).call(e,"mask","url(#mask)"),A=o.append.call(F,"defs");v(A),y(A);var B=String(r).replace(/ /g," ").split(""),N=B.map(function(t,e){return isNaN(parseInt(t,10))?{isDigit:!1,node:s(k,t,O),value:t,offset:{x:0,y:S}}:{isDigit:!0,id:e,node:d(k,O,i,e),filter:p(A,e),value:Number(t),offset:{x:0,y:S}}}),z=[],C=N.filter(function(t){return t.isDigit});C.forEach(function(t,e){var a=(f*c+t.value)*(O*i),r=(0,u["default"])({from:0,to:a,delay:(C.length-1-e)*j+_,step:function(e){var r;t.offset.y=S+e%(O*i*c),(r=t.node,o.attr).call(r,"transform","translate("+t.offset.x+", "+t.offset.y+")");var n=a/2,l=Math.abs(Math.abs(e-n)-n)/100;(r=(0,o.select)("#motionFilter-"+t.id+" .blurValues"),o.attr).call(r,"stdDeviation","0 "+l)}});z.push(r)});var G=function(t){D=0,N.forEach(function(t){var e=t.node.getBBox(),a=e.width;t.offset.x=D,D+=a+m}),N.forEach(function(t){var e;(e=t.node,o.attr).call(e,"transform","translate("+t.offset.x+", "+t.offset.y+")")}),h(F,D,E),z.forEach(function(e){return e.update(t)})};return(0,l["default"])(G)}},function(t,e,a){"use strict";function r(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 n=a(6),l=r(n)},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,a){"use strict";function r(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=a(7);Object.defineProperty(e,"select",{enumerable:!0,get:function(){return r(n)["default"]}});var l=a(3);Object.defineProperty(e,"append",{enumerable:!0,get:function(){return r(l)["default"]}});var o=a(4);Object.defineProperty(e,"attr",{enumerable:!0,get:function(){return r(o)["default"]}});var i=a(8);Object.defineProperty(e,"style",{enumerable:!0,get:function(){return r(i)["default"]}});var u=a(9);Object.defineProperty(e,"text",{enumerable:!0,get:function(){return r(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 a=arguments.length<=2||void 0===arguments[2]?"":arguments[2];return this.style.setProperty(t,e,a),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 a=function(t){return((t*=2)<=1?t*t*t:(t-=2)*t*t+2)/2};e["default"]=function(t){var e=t.from,r=t.to,n=t.duration,l=void 0===n?3e3:n,o=t.delay,i=void 0===o?0:o,u=t.easing,c=void 0===u?a:u,f=t.start,d=void 0===f?function(t){return t}:f,s=t.step,p=void 0===s?function(t){return t}:s,v=t.end,y=void 0===v?function(t){return t}:v,h=e,g=0,m=!1,b=function(t){if(!m){g||(g=t,d(h));var a=Math.min(Math.max(t-g-i,0),l)/l;h=c(a)*(r-e)+e,p(h),1===a&&(m=!0,y(h))}};return{update:b}}}])}); \ 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.odoo=e():t.odoo=e()}(this,function(){return function(t){function e(a){if(r[a])return r[a].exports;var n=r[a]={exports:{},id:a,loaded:!1};return t[a].call(n.exports,n,n.exports,e),n.loaded=!0,n.exports}var r={};return e.m=t,e.c=r,e.p="/",e(0)}([function(t,e,r){"use strict";function a(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=r(2);Object.defineProperty(e,"default",{enumerable:!0,get:function(){return a(n)["default"]}})},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]=function(t){var e=void 0,r=function a(r){e=requestAnimationFrame(a),t(r)};return r(0),function(){return cancelAnimationFrame(e)}}},function(t,e,r){"use strict";function a(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=r(1),l=a(n),o=r(5),i=r(10),u=a(i),c=10,f=3,d=function(t,e,r,a){var n,l=[0,1,2,3,4,5,6,7,8,9,0],i=(n=o.append.call(t,"g"),o.attr).call(n,"id","digit-"+a);return l.forEach(function(t,n){var l;(l=(l=(l=(l=o.append.call(i,"text"),o.attr).call(l,"y",-n*e*r),o.style).call(l,"font-size",e+"px"),o.style).call(l,"filter","url(#motionFilter-"+a+")"),o.text).call(l,t)}),i},s=function(t,e,r){var a;return(a=(a=(a=o.append.call(t,"g"),o.append).call(a,"text"),o.style).call(a,"font-size",r+"px"),o.text).call(a,e)},p=function(t,e){var r;return(r=(r=(r=(r=(r=(r=(r=o.append.call(t,"filter"),o.attr).call(r,"id","motionFilter-"+e),o.attr).call(r,"width","300%"),o.attr).call(r,"x","-100%"),o.append).call(r,"feGaussianBlur"),o.attr).call(r,"class","blurValues"),o.attr).call(r,"in","SourceGraphic"),o.attr).call(r,"stdDeviation","0 0")},v=function(t){var e;return(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=o.append.call(t,"linearGradient"),o.attr).call(e,"id","gradient"),o.attr).call(e,"x1","0%"),o.attr).call(e,"y1","0%"),o.attr).call(e,"x2","0%"),o.attr).call(e,"y2","100%"),o.append).call(e,"stop"),o.attr).call(e,"offset","0"),o.attr).call(e,"stop-color","white"),o.attr).call(e,"stop-opacity","0"),o.select).call(e,"#gradient"),o.append).call(e,"stop"),o.attr).call(e,"offset","0.2"),o.attr).call(e,"stop-color","white"),o.attr).call(e,"stop-opacity","1"),o.select).call(e,"#gradient"),o.append).call(e,"stop"),o.attr).call(e,"offset","0.8"),o.attr).call(e,"stop-color","white"),o.attr).call(e,"stop-opacity","1"),o.select).call(e,"#gradient"),o.append).call(e,"stop"),o.attr).call(e,"offset","1"),o.attr).call(e,"stop-color","white"),o.attr).call(e,"stop-opacity","0")},y=function(t){var e;return(e=(e=(e=(e=(e=(e=(e=o.append.call(t,"mask"),o.attr).call(e,"id","mask"),o.append).call(e,"rect"),o.attr).call(e,"x",0),o.attr).call(e,"y",0),o.attr).call(e,"width","100%"),o.attr).call(e,"height","100%"),o.attr).call(e,"fill","url(#gradient)")},h=function(t,e,r){var a;return(a=(a=(a=o.attr.call(t,"width",e),o.attr).call(a,"height",r),o.attr).call(a,"viewBox","0 0 "+e+" "+r),o.style).call(a,"overflow","hidden")};e["default"]=function(t){var e,r=t.el,a=t.value,n=t.lineHeight,i=void 0===n?1.35:n,g=t.letterSpacing,m=void 0===g?1:g,b=t.animationDelay,_=void 0===b?100:b,x=t.letterAnimationDelay,j=void 0===x?100:x,M=(0,o.select)(r),P=window.getComputedStyle(M),O=parseInt(P.fontSize,10),w=(O*i-O)/2+O/10,S=O*i-w,D=0,E=O*i+w;M.innerHTML="";var F=o.append.call(M,"svg"),k=(e=o.append.call(F,"svg"),o.attr).call(e,"mask","url(#mask)"),A=o.append.call(F,"defs");v(A),y(A);var B=String(a).replace(/ /g," ").split(""),N=B.map(function(t,e){return isNaN(parseInt(t,10))?{isDigit:!1,node:s(k,t,O),value:t,offset:{x:0,y:S}}:{isDigit:!0,id:e,node:d(k,O,i,e),filter:p(A,e),value:Number(t),offset:{x:0,y:S}}}),z=[],C=N.filter(function(t){return t.isDigit});C.forEach(function(t,e){var r=(f*c+t.value)*(O*i),a=(0,u["default"])({from:0,to:r,delay:(C.length-1-e)*j+_,step:function(e){var a;t.offset.y=S+e%(O*i*c),(a=t.node,o.attr).call(a,"transform","translate("+t.offset.x+", "+t.offset.y+")");var n=r/2,l=Math.abs(Math.abs(e-n)-n)/100;(a=(0,o.select)("#motionFilter-"+t.id+" .blurValues"),o.attr).call(a,"stdDeviation","0 "+l)},end:0===e?function(){return q()}:function(t){return t}});z.push(a)});var G=function(t){D=0,N.forEach(function(t){var e=t.node.getBBox(),r=e.width;t.offset.x=D,D+=r+m}),N.forEach(function(t){var e;(e=t.node,o.attr).call(e,"transform","translate("+t.offset.x+", "+t.offset.y+")")}),h(F,D,E),z.forEach(function(e){return e.update(t)})},q=(0,l["default"])(G);return q}},function(t,e,r){"use strict";function a(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 n=r(6),l=a(n)},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 a(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=r(7);Object.defineProperty(e,"select",{enumerable:!0,get:function(){return a(n)["default"]}});var l=r(3);Object.defineProperty(e,"append",{enumerable:!0,get:function(){return a(l)["default"]}});var o=r(4);Object.defineProperty(e,"attr",{enumerable:!0,get:function(){return a(o)["default"]}});var i=r(8);Object.defineProperty(e,"style",{enumerable:!0,get:function(){return a(i)["default"]}});var u=r(9);Object.defineProperty(e,"text",{enumerable:!0,get:function(){return a(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,a=t.to,n=t.duration,l=void 0===n?3e3:n,o=t.delay,i=void 0===o?0:o,u=t.easing,c=void 0===u?r:u,f=t.start,d=void 0===f?function(t){return t}:f,s=t.step,p=void 0===s?function(t){return t}:s,v=t.end,y=void 0===v?function(t){return t}:v,h=e,g=0,m=!1,b=function(t){if(!m){g||(g=t,d(h));var r=Math.min(Math.max(t-g-i,0),l)/l;h=c(r)*(a-e)+e,p(h),1===r&&(m=!0,y(h))}};return{update:b}}}])}); \ No newline at end of file