UNPKG

count-animation-vue

Version:
2 lines 2.14 kB
(function(t,n){"object"===typeof exports&&"object"===typeof module?module.exports=n(require("vue")):"function"===typeof define&&define.amd?define([],n):"object"===typeof exports?exports["count-animation"]=n(require("vue")):t["count-animation"]=n(t["Vue"])})("undefined"!==typeof self?self:this,(function(t){return function(){"use strict";var n={82:function(t,n){n.Z=(t,n)=>{const e=t.__vccOpts||t;for(const[o,r]of n)e[o]=r;return e}},203:function(n){n.exports=t}},e={};function o(t){var r=e[t];if(void 0!==r)return r.exports;var u=e[t]={exports:{}};return n[t](u,u.exports,o),u.exports}!function(){o.d=function(t,n){for(var e in n)o.o(n,e)&&!o.o(t,e)&&Object.defineProperty(t,e,{enumerable:!0,get:n[e]})}}(),function(){o.o=function(t,n){return Object.prototype.hasOwnProperty.call(t,n)}}(),function(){o.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}}(),function(){o.p=""}();var r={};return function(){o.r(r),o.d(r,{default:function(){return v}});var t={};if(o.r(t),o.d(t,{default:function(){return d}}),"undefined"!==typeof window){var n=window.document.currentScript,e=n&&n.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);e&&(o.p=e[1])}var u=o(203);function i(t,n,e,o,r,i){return(0,u.openBlock)(),(0,u.createElementBlock)("span",null,(0,u.toDisplayString)(r.count),1)}var a={name:"CountAnimation",props:{start:{type:Number,default:0},value:{type:Number,default:1e3},duration:{type:Number,default:500}},data(){return{count:0}},mounted(){this.counterAnim(this.start,this.value,this.duration)},methods:{counterAnim(t=0,n,e=500){this.count!==this.value&&(t=this.start),n=this.value;let o=null;const r=u=>{o||(o=u);const i=Math.min((u-o)/e,1);this.count=Math.floor(i*(n-t)+t),i<1&&window.requestAnimationFrame(r)};window.requestAnimationFrame(r)}}},c=o(82);const f=(0,c.Z)(a,[["render",i]]);var s=f,d={CountAnimation:s};const l=t?.default,p={install(t){t.component("count-animation",l.CountAnimation),t.component("CountAnimation",l.CountAnimation)}};var m=p,v=m}(),r}()})); //# sourceMappingURL=count-animation.umd.min.js.map