adding parse tests, lint, build

Author: inorganik

README.md

@@ -42,8 +42,8 @@ Or tinker with CountUp in [Stackblitz](https://stackblitz.com/edit/countup-types
 On npm as `countup.js`. You can import as a module, or include the UMD script and access CountUp as a global. See [detailed instructions](#including-countup) on including CountUp.
 
 **Params**:
-- `target: string | HTMLElement | HTMLInputElement` - id of html element, input, svg text element, or DOM element reference where counting occurs
-- `endVal: number` - the value you want to arrive at
+- `target: string | HTMLElement | HTMLInputElement` - id of html element, input, svg text element, or DOM element reference where counting occurs.
+- `endVal: number | null` - the value you want to arrive at. Leave null to use the number in the target element.
 - `options?: CountUpOptions` - optional configuration object for fine-grain control
 
 **Options** (defaults in parentheses): <a name="options"></a>

dist/countUp.d.ts

@@ -25,7 +25,7 @@ export declare interface CountUpPlugin {
     render(elem: HTMLElement, formatted: string): void;
 }
 export declare class CountUp {
-    private endVal;
+    private endVal?;
     options?: CountUpOptions;
     version: string;
     private defaults;
@@ -44,7 +44,7 @@ export declare class CountUp {
     paused: boolean;
     frameVal: number;
     once: boolean;
-    constructor(target: string | HTMLElement | HTMLInputElement, endVal: number, options?: CountUpOptions);
+    constructor(target: string | HTMLElement | HTMLInputElement, endVal?: number | null, options?: CountUpOptions);
     handleScroll(self: CountUp): void;
     /**
      * Smart easing works by breaking the animation into 2 parts, the second part being the
@@ -64,4 +64,5 @@ export declare class CountUp {
     private resetDuration;
     formatNumber: (num: number) => string;
     easeOutExpo: (t: number, b: number, c: number, d: number) => number;
+    parse(number: string): number;
 }

dist/countUp.js

@@ -15,7 +15,7 @@ var CountUp = /** @class */ (function () {
         var _this = this;
         this.endVal = endVal;
         this.options = options;
-        this.version = '2.8.1';
+        this.version = '2.9.0';
         this.defaults = {
             startVal: 0,
             decimalPlaces: 0,
@@ -120,6 +120,8 @@ var CountUp = /** @class */ (function () {
             this.options.formattingFn : this.formatNumber;
         this.easingFn = (this.options.easingFn) ?
             this.options.easingFn : this.easeOutExpo;
+        this.el = (typeof target === 'string') ? document.getElementById(target) : target;
+        endVal = endVal == null ? this.parse(this.el.innerHTML) : endVal;
         this.startVal = this.validateValue(this.options.startVal);
         this.frameVal = this.startVal;
         this.endVal = this.validateValue(endVal);
@@ -130,7 +132,6 @@ var CountUp = /** @class */ (function () {
         if (this.options.separator === '') {
             this.options.useGrouping = false;
         }
-        this.el = (typeof target === 'string') ? document.getElementById(target) : target;
         if (this.el) {
             this.printValue(this.startVal);
         }
@@ -298,6 +299,14 @@ var CountUp = /** @class */ (function () {
         this.duration = Number(this.options.duration) * 1000;
         this.remaining = this.duration;
     };
+    CountUp.prototype.parse = function (number) {
+        // eslint-disable-next-line no-irregular-whitespace
+        var escapeRegExp = function (s) { return s.replace(/([.,'  ])/g, '\\$1'); };
+        var sep = escapeRegExp(this.options.separator);
+        var dec = escapeRegExp(this.options.decimal);
+        var num = number.replace(new RegExp(sep, 'g'), '').replace(new RegExp(dec, 'g'), '.');
+        return parseFloat(num);
+    };
     return CountUp;
 }());
 export { CountUp };