123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890 |
- // ProgressBar.js 1.1.0
- // https://kimmobrunfeldt.github.io/progressbar.js
- // License: MIT
- (function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.ProgressBar = f()}})(function(){var define,module,exports;return (function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o}return r})()({1:[function(require,module,exports){
- /*! Shifty 2.8.0 - https://github.com/jeremyckahn/shifty */
- !function(t,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define("shifty",[],n):"object"==typeof exports?exports.shifty=n():t.shifty=n()}(window,function(){return function(t){var n={};function e(r){if(n[r])return n[r].exports;var i=n[r]={i:r,l:!1,exports:{}};return t[r].call(i.exports,i,i.exports,e),i.l=!0,i.exports}return e.m=t,e.c=n,e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{enumerable:!0,get:r})},e.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},e.t=function(t,n){if(1&n&&(t=e(t)),8&n)return t;if(4&n&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(e.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&n&&"string"!=typeof t)for(var i in t)e.d(r,i,function(n){return t[n]}.bind(null,i));return r},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,n){return Object.prototype.hasOwnProperty.call(t,n)},e.p="",e(e.s=3)}([function(t,n,e){"use strict";(function(t){e.d(n,"e",function(){return d}),e.d(n,"c",function(){return y}),e.d(n,"b",function(){return _}),e.d(n,"a",function(){return g}),e.d(n,"d",function(){return w});var r=e(1);function i(t,n){for(var e=0;e<n.length;e++){var r=n[e];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function u(t){return(u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function o(t){for(var n=1;n<arguments.length;n++){var e=null!=arguments[n]?arguments[n]:{},r=Object.keys(e);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(e).filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.forEach(function(n){a(t,n,e[n])})}return t}function a(t,n,e){return n in t?Object.defineProperty(t,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[n]=e,t}var c="undefined"!=typeof window?window:t,f=c.requestAnimationFrame||c.webkitRequestAnimationFrame||c.oRequestAnimationFrame||c.msRequestAnimationFrame||c.mozCancelRequestAnimationFrame&&c.mozRequestAnimationFrame||setTimeout,s=function(){},l=null,h=null,p=o({},r),d=function(t,n,e,r,i,u,o){var a=t<u?0:(t-u)/i;for(var c in n){var f=o[c],s=f.call?f:p[f],l=e[c];n[c]=l+(r[c]-l)*s(a)}return n},v=function(t,n){var e=t._attachment,r=t._currentState,i=t._delay,u=t._easing,o=t._originalState,a=t._duration,c=t._step,f=t._targetState,s=t._timestamp,l=s+i+a,h=n>l?l:n,p=a-(l-h);h>=l?(c(f,e,p),t.stop(!0)):(t._applyFilter("beforeTween"),h<s+i?(h=1,a=1,s=1):s+=i,d(h,r,o,f,a,s,u),t._applyFilter("afterTween"),c(r,e,p))},y=function(){for(var t=g.now(),n=l;n;){var e=n._next;v(n,t),n=e}},_=function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"linear",e={},r=u(n);if("string"===r||"function"===r)for(var i in t)e[i]=n;else for(var o in t)e[o]=n[o]||"linear";return e},m=function(t){if(t===l)(l=t._next)?l._previous=null:h=null;else if(t===h)(h=t._previous)?h._next=null:l=null;else{var n=t._previous,e=t._next;n._next=e,e._previous=n}t._previous=t._next=null},g=function(){function t(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0;!function(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}(this,t),this._currentState=n,this._configured=!1,this._filters=[],this._timestamp=null,this._next=null,this._previous=null,e&&this.setConfig(e)}var n,e,r;return n=t,(e=[{key:"_applyFilter",value:function(t){var n=!0,e=!1,r=void 0;try{for(var i,u=this._filters[Symbol.iterator]();!(n=(i=u.next()).done);n=!0){var o=i.value[t];o&&o(this)}}catch(t){e=!0,r=t}finally{try{n||null==u.return||u.return()}finally{if(e)throw r}}}},{key:"tween",value:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0,e=this._attachment,r=this._configured;return!n&&r||this.setConfig(n),this._pausedAtTime=null,this._timestamp=t.now(),this._start(this.get(),e),this.resume()}},{key:"setConfig",value:function(){var n=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=e.attachment,i=e.delay,u=void 0===i?0:i,a=e.duration,c=void 0===a?500:a,f=e.easing,l=e.from,h=e.promise,p=void 0===h?Promise:h,d=e.start,v=void 0===d?s:d,y=e.step,m=void 0===y?s:y,g=e.to;this._configured=!0,this._attachment=r,this._isPlaying=!1,this._pausedAtTime=null,this._scheduleId=null,this._delay=u,this._start=v,this._step=m,this._duration=c,this._currentState=o({},l||this.get()),this._originalState=this.get(),this._targetState=o({},g||this.get());var w=this._currentState;this._targetState=o({},w,this._targetState),this._easing=_(w,f);var b=t.filters;for(var S in this._filters.length=0,b)b[S].doesApply(this)&&this._filters.push(b[S]);return this._applyFilter("tweenCreated"),this._promise=new p(function(t,e){n._resolve=t,n._reject=e}),this._promise.catch(s),this}},{key:"get",value:function(){return o({},this._currentState)}},{key:"set",value:function(t){this._currentState=t}},{key:"pause",value:function(){if(this._isPlaying)return this._pausedAtTime=t.now(),this._isPlaying=!1,m(this),this}},{key:"resume",value:function(){if(null===this._timestamp)return this.tween();if(this._isPlaying)return this._promise;var n=t.now();return this._pausedAtTime&&(this._timestamp+=n-this._pausedAtTime,this._pausedAtTime=null),this._isPlaying=!0,null===l?(l=this,h=this,function t(){l&&(f.call(c,t,1e3/60),y())}()):(this._previous=h,h._next=this,h=this),this._promise}},{key:"seek",value:function(n){n=Math.max(n,0);var e=t.now();return this._timestamp+n===0?this:(this._timestamp=e-n,this._isPlaying||v(this,e),this)}},{key:"stop",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],n=this._attachment,e=this._currentState,r=this._easing,i=this._originalState,u=this._targetState;if(this._isPlaying)return this._isPlaying=!1,m(this),t?(this._applyFilter("beforeTween"),d(1,e,i,u,1,0,r),this._applyFilter("afterTween"),this._applyFilter("afterTweenEnd"),this._resolve(e,n)):this._reject(e,n),this}},{key:"isPlaying",value:function(){return this._isPlaying}},{key:"setScheduleFunction",value:function(n){t.setScheduleFunction(n)}},{key:"dispose",value:function(){for(var t in this)delete this[t]}}])&&i(n.prototype,e),r&&i(n,r),t}();function w(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=new g,e=n.tween(t);return e.tweenable=n,e}g.setScheduleFunction=function(t){return f=t},g.formulas=p,g.filters={},g.now=Date.now||function(){return+new Date}}).call(this,e(2))},function(t,n,e){"use strict";e.r(n),e.d(n,"linear",function(){return r}),e.d(n,"easeInQuad",function(){return i}),e.d(n,"easeOutQuad",function(){return u}),e.d(n,"easeInOutQuad",function(){return o}),e.d(n,"easeInCubic",function(){return a}),e.d(n,"easeOutCubic",function(){return c}),e.d(n,"easeInOutCubic",function(){return f}),e.d(n,"easeInQuart",function(){return s}),e.d(n,"easeOutQuart",function(){return l}),e.d(n,"easeInOutQuart",function(){return h}),e.d(n,"easeInQuint",function(){return p}),e.d(n,"easeOutQuint",function(){return d}),e.d(n,"easeInOutQuint",function(){return v}),e.d(n,"easeInSine",function(){return y}),e.d(n,"easeOutSine",function(){return _}),e.d(n,"easeInOutSine",function(){return m}),e.d(n,"easeInExpo",function(){return g}),e.d(n,"easeOutExpo",function(){return w}),e.d(n,"easeInOutExpo",function(){return b}),e.d(n,"easeInCirc",function(){return S}),e.d(n,"easeOutCirc",function(){return O}),e.d(n,"easeInOutCirc",function(){return M}),e.d(n,"easeOutBounce",function(){return k}),e.d(n,"easeInBack",function(){return j}),e.d(n,"easeOutBack",function(){return P}),e.d(n,"easeInOutBack",function(){return x}),e.d(n,"elastic",function(){return T}),e.d(n,"swingFromTo",function(){return F}),e.d(n,"swingFrom",function(){return A}),e.d(n,"swingTo",function(){return E}),e.d(n,"bounce",function(){return I}),e.d(n,"bouncePast",function(){return C}),e.d(n,"easeFromTo",function(){return q}),e.d(n,"easeFrom",function(){return Q}),e.d(n,"easeTo",function(){return D});
- /*!
- * All equations are adapted from Thomas Fuchs'
- * [Scripty2](https://github.com/madrobby/scripty2/blob/master/src/effects/transitions/penner.js).
- *
- * Based on Easing Equations (c) 2003 [Robert
- * Penner](http://www.robertpenner.com/), all rights reserved. This work is
- * [subject to terms](http://www.robertpenner.com/easing_terms_of_use.html).
- */
- /*!
- * TERMS OF USE - EASING EQUATIONS
- * Open source under the BSD License.
- * Easing Equations (c) 2003 Robert Penner, all rights reserved.
- */
- var r=function(t){return t},i=function(t){return Math.pow(t,2)},u=function(t){return-(Math.pow(t-1,2)-1)},o=function(t){return(t/=.5)<1?.5*Math.pow(t,2):-.5*((t-=2)*t-2)},a=function(t){return Math.pow(t,3)},c=function(t){return Math.pow(t-1,3)+1},f=function(t){return(t/=.5)<1?.5*Math.pow(t,3):.5*(Math.pow(t-2,3)+2)},s=function(t){return Math.pow(t,4)},l=function(t){return-(Math.pow(t-1,4)-1)},h=function(t){return(t/=.5)<1?.5*Math.pow(t,4):-.5*((t-=2)*Math.pow(t,3)-2)},p=function(t){return Math.pow(t,5)},d=function(t){return Math.pow(t-1,5)+1},v=function(t){return(t/=.5)<1?.5*Math.pow(t,5):.5*(Math.pow(t-2,5)+2)},y=function(t){return 1-Math.cos(t*(Math.PI/2))},_=function(t){return Math.sin(t*(Math.PI/2))},m=function(t){return-.5*(Math.cos(Math.PI*t)-1)},g=function(t){return 0===t?0:Math.pow(2,10*(t-1))},w=function(t){return 1===t?1:1-Math.pow(2,-10*t)},b=function(t){return 0===t?0:1===t?1:(t/=.5)<1?.5*Math.pow(2,10*(t-1)):.5*(2-Math.pow(2,-10*--t))},S=function(t){return-(Math.sqrt(1-t*t)-1)},O=function(t){return Math.sqrt(1-Math.pow(t-1,2))},M=function(t){return(t/=.5)<1?-.5*(Math.sqrt(1-t*t)-1):.5*(Math.sqrt(1-(t-=2)*t)+1)},k=function(t){return t<1/2.75?7.5625*t*t:t<2/2.75?7.5625*(t-=1.5/2.75)*t+.75:t<2.5/2.75?7.5625*(t-=2.25/2.75)*t+.9375:7.5625*(t-=2.625/2.75)*t+.984375},j=function(t){var n=1.70158;return t*t*((n+1)*t-n)},P=function(t){var n=1.70158;return(t-=1)*t*((n+1)*t+n)+1},x=function(t){var n=1.70158;return(t/=.5)<1?t*t*((1+(n*=1.525))*t-n)*.5:.5*((t-=2)*t*((1+(n*=1.525))*t+n)+2)},T=function(t){return-1*Math.pow(4,-8*t)*Math.sin((6*t-1)*(2*Math.PI)/2)+1},F=function(t){var n=1.70158;return(t/=.5)<1?t*t*((1+(n*=1.525))*t-n)*.5:.5*((t-=2)*t*((1+(n*=1.525))*t+n)+2)},A=function(t){var n=1.70158;return t*t*((n+1)*t-n)},E=function(t){var n=1.70158;return(t-=1)*t*((n+1)*t+n)+1},I=function(t){return t<1/2.75?7.5625*t*t:t<2/2.75?7.5625*(t-=1.5/2.75)*t+.75:t<2.5/2.75?7.5625*(t-=2.25/2.75)*t+.9375:7.5625*(t-=2.625/2.75)*t+.984375},C=function(t){return t<1/2.75?7.5625*t*t:t<2/2.75?2-(7.5625*(t-=1.5/2.75)*t+.75):t<2.5/2.75?2-(7.5625*(t-=2.25/2.75)*t+.9375):2-(7.5625*(t-=2.625/2.75)*t+.984375)},q=function(t){return(t/=.5)<1?.5*Math.pow(t,4):-.5*((t-=2)*Math.pow(t,3)-2)},Q=function(t){return Math.pow(t,4)},D=function(t){return Math.pow(t,.25)}},function(t,n){var e;e=function(){return this}();try{e=e||new Function("return this")()}catch(t){"object"==typeof window&&(e=window)}t.exports=e},function(t,n,e){"use strict";e.r(n);var r={};e.r(r),e.d(r,"doesApply",function(){return x}),e.d(r,"tweenCreated",function(){return T}),e.d(r,"beforeTween",function(){return F}),e.d(r,"afterTween",function(){return A});var i,u,o=e(0),a=/(\d|-|\.)/,c=/([^\-0-9.]+)/g,f=/[0-9.-]+/g,s=(i=f.source,u=/,\s*/.source,new RegExp("rgb\\(".concat(i).concat(u).concat(i).concat(u).concat(i,"\\)"),"g")),l=/^.*\(/,h=/#([0-9]|[a-f]){3,6}/gi,p=function(t,n){return t.map(function(t,e){return"_".concat(n,"_").concat(e)})};function d(t){return parseInt(t,16)}var v=function(t){return"rgb(".concat((n=t,3===(n=n.replace(/#/,"")).length&&(n=(n=n.split(""))[0]+n[0]+n[1]+n[1]+n[2]+n[2]),[d(n.substr(0,2)),d(n.substr(2,2)),d(n.substr(4,2))]).join(","),")");var n},y=function(t,n,e){var r=n.match(t),i=n.replace(t,"VAL");return r&&r.forEach(function(t){return i=i.replace("VAL",e(t))}),i},_=function(t){for(var n in t){var e=t[n];"string"==typeof e&&e.match(h)&&(t[n]=y(h,e,v))}},m=function(t){var n=t.match(f).map(Math.floor),e=t.match(l)[0];return"".concat(e).concat(n.join(","),")")},g=function(t){return t.match(f)},w=function(t){var n,e,r={};for(var i in t){var u=t[i];"string"==typeof u&&(r[i]={formatString:(n=u,e=void 0,e=n.match(c),e?(1===e.length||n.charAt(0).match(a))&&e.unshift(""):e=["",""],e.join("VAL")),chunkNames:p(g(u),i)})}return r},b=function(t,n){var e=function(e){g(t[e]).forEach(function(r,i){return t[n[e].chunkNames[i]]=+r}),delete t[e]};for(var r in n)e(r)},S=function(t,n){var e={};return n.forEach(function(n){e[n]=t[n],delete t[n]}),e},O=function(t,n){return n.map(function(n){return t[n]})},M=function(t,n){return n.forEach(function(n){return t=t.replace("VAL",+n.toFixed(4))}),t},k=function(t,n){for(var e in n){var r=n[e],i=r.chunkNames,u=r.formatString,o=M(u,O(S(t,i),i));t[e]=y(s,o,m)}},j=function(t,n){var e=function(e){var r=n[e].chunkNames,i=t[e];if("string"==typeof i){var u=i.split(" "),o=u[u.length-1];r.forEach(function(n,e){return t[n]=u[e]||o})}else r.forEach(function(n){return t[n]=i});delete t[e]};for(var r in n)e(r)},P=function(t,n){for(var e in n){var r=n[e].chunkNames,i=t[r[0]];t[e]="string"==typeof i?r.map(function(n){var e=t[n];return delete t[n],e}).join(" "):i}},x=function(t){var n=t._currentState;return Object.keys(n).some(function(t){return"string"==typeof n[t]})};function T(t){var n=t._currentState;[n,t._originalState,t._targetState].forEach(_),t._tokenData=w(n)}function F(t){var n=t._currentState,e=t._originalState,r=t._targetState,i=t._easing,u=t._tokenData;j(i,u),[n,e,r].forEach(function(t){return b(t,u)})}function A(t){var n=t._currentState,e=t._originalState,r=t._targetState,i=t._easing,u=t._tokenData;[n,e,r].forEach(function(t){return k(t,u)}),P(i,u)}function E(t,n,e){return n in t?Object.defineProperty(t,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[n]=e,t}var I=new o.a,C=o.a.filters,q=function(t,n,e,r){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,u=function(t){for(var n=1;n<arguments.length;n++){var e=null!=arguments[n]?arguments[n]:{},r=Object.keys(e);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(e).filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.forEach(function(n){E(t,n,e[n])})}return t}({},t),a=Object(o.b)(t,r);for(var c in I._filters.length=0,I.set({}),I._currentState=u,I._originalState=t,I._targetState=n,I._easing=a,C)C[c].doesApply(I)&&I._filters.push(C[c]);I._applyFilter("tweenCreated"),I._applyFilter("beforeTween");var f=Object(o.e)(e,u,t,n,1,i,a);return I._applyFilter("afterTween"),f};function Q(t){return function(t){if(Array.isArray(t)){for(var n=0,e=new Array(t.length);n<t.length;n++)e[n]=t[n];return e}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function D(t,n){for(var e=0;e<n.length;e++){var r=n[e];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function B(t,n){if(!n.has(t))throw new TypeError("attempted to get private field on non-instance");var e=n.get(t);return e.get?e.get.call(t):e.value}var N=function(){function t(){!function(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}(this,t),R.set(this,{writable:!0,value:[]});for(var n=arguments.length,e=new Array(n),r=0;r<n;r++)e[r]=arguments[r];e.forEach(this.add.bind(this))}var n,e,r;return n=t,(e=[{key:"add",value:function(t){return B(this,R).push(t),t}},{key:"remove",value:function(t){var n=B(this,R).indexOf(t);return~n&&B(this,R).splice(n,1),t}},{key:"empty",value:function(){return this.tweenables.map(this.remove.bind(this))}},{key:"isPlaying",value:function(){return B(this,R).some(function(t){return t.isPlaying()})}},{key:"play",value:function(){return B(this,R).forEach(function(t){return t.tween()}),this}},{key:"pause",value:function(){return B(this,R).forEach(function(t){return t.pause()}),this}},{key:"resume",value:function(){return B(this,R).forEach(function(t){return t.resume()}),this}},{key:"stop",value:function(t){return B(this,R).forEach(function(n){return n.stop(t)}),this}},{key:"tweenables",get:function(){return Q(B(this,R))}},{key:"promises",get:function(){return B(this,R).map(function(t){return t._promise})}}])&&D(n.prototype,e),r&&D(n,r),t}(),R=new WeakMap;function z(t,n,e,r,i,u){var o=0,a=0,c=0,f=0,s=0,l=0,h=function(t){return((o*t+a)*t+c)*t},p=function(t){return t>=0?t:0-t};return o=1-(c=3*n)-(a=3*(r-n)-c),f=1-(l=3*e)-(s=3*(i-e)-l),function(t,n){return e=function(t,n){var e,r,i,u,f,s,l;for(i=t,s=0;s<8;s++){if(u=h(i)-t,p(u)<n)return i;if(p(f=(3*o*(l=i)+2*a)*l+c)<1e-6)break;i-=u/f}if((i=t)<(e=0))return e;if(i>(r=1))return r;for(;e<r;){if(u=h(i),p(u-t)<n)return i;t>u?e=i:r=i,i=.5*(r-e)+e}return i}(t,n),((f*e+s)*e+l)*e;var e}(t,function(t){return 1/(200*t)}(u))}var L=function(t,n,e,r,i){var u=function(t,n,e,r){return function(i){return z(i,t,n,e,r,1)}}(n,e,r,i);return u.displayName=t,u.x1=n,u.y1=e,u.x2=r,u.y2=i,o.a.formulas[t]=u},V=function(t){return delete o.a.formulas[t]};e.d(n,"processTweens",function(){return o.c}),e.d(n,"Tweenable",function(){return o.a}),e.d(n,"tween",function(){return o.d}),e.d(n,"interpolate",function(){return q}),e.d(n,"Scene",function(){return N}),e.d(n,"setBezierFunction",function(){return L}),e.d(n,"unsetBezierFunction",function(){return V}),o.a.filters.token=r}])});
- },{}],2:[function(require,module,exports){
- // Circle shaped progress bar
- var Shape = require('./shape');
- var utils = require('./utils');
- var Circle = function Circle(container, options) {
- // Use two arcs to form a circle
- // See this answer http://stackoverflow.com/a/10477334/1446092
- this._pathTemplate =
- 'M 50,50 m 0,-{radius}' +
- ' a {radius},{radius} 0 1 1 0,{2radius}' +
- ' a {radius},{radius} 0 1 1 0,-{2radius}';
- this.containerAspectRatio = 1;
- Shape.apply(this, arguments);
- };
- Circle.prototype = new Shape();
- Circle.prototype.constructor = Circle;
- Circle.prototype._pathString = function _pathString(opts) {
- var widthOfWider = opts.strokeWidth;
- if (opts.trailWidth && opts.trailWidth > opts.strokeWidth) {
- widthOfWider = opts.trailWidth;
- }
- var r = 50 - widthOfWider / 2;
- return utils.render(this._pathTemplate, {
- radius: r,
- '2radius': r * 2
- });
- };
- Circle.prototype._trailString = function _trailString(opts) {
- return this._pathString(opts);
- };
- module.exports = Circle;
- },{"./shape":7,"./utils":9}],3:[function(require,module,exports){
- // Line shaped progress bar
- var Shape = require('./shape');
- var utils = require('./utils');
- var Line = function Line(container, options) {
- this._pathTemplate = 'M 0,{center} L 100,{center}';
- Shape.apply(this, arguments);
- };
- Line.prototype = new Shape();
- Line.prototype.constructor = Line;
- Line.prototype._initializeSvg = function _initializeSvg(svg, opts) {
- svg.setAttribute('viewBox', '0 0 100 ' + opts.strokeWidth);
- svg.setAttribute('preserveAspectRatio', 'none');
- };
- Line.prototype._pathString = function _pathString(opts) {
- return utils.render(this._pathTemplate, {
- center: opts.strokeWidth / 2
- });
- };
- Line.prototype._trailString = function _trailString(opts) {
- return this._pathString(opts);
- };
- module.exports = Line;
- },{"./shape":7,"./utils":9}],4:[function(require,module,exports){
- module.exports = {
- // Higher level API, different shaped progress bars
- Line: require('./line'),
- Circle: require('./circle'),
- SemiCircle: require('./semicircle'),
- Square: require('./square'),
- // Lower level API to use any SVG path
- Path: require('./path'),
- // Base-class for creating new custom shapes
- // to be in line with the API of built-in shapes
- // Undocumented.
- Shape: require('./shape'),
- // Internal utils, undocumented.
- utils: require('./utils')
- };
- },{"./circle":2,"./line":3,"./path":5,"./semicircle":6,"./shape":7,"./square":8,"./utils":9}],5:[function(require,module,exports){
- // Lower level API to animate any kind of svg path
- var shifty = require('shifty');
- var utils = require('./utils');
- var Tweenable = shifty.Tweenable;
- var EASING_ALIASES = {
- easeIn: 'easeInCubic',
- easeOut: 'easeOutCubic',
- easeInOut: 'easeInOutCubic'
- };
- var Path = function Path(path, opts) {
- // Throw a better error if not initialized with `new` keyword
- if (!(this instanceof Path)) {
- throw new Error('Constructor was called without new keyword');
- }
- // Default parameters for animation
- opts = utils.extend({
- delay: 0,
- duration: 800,
- easing: 'linear',
- from: {},
- to: {},
- step: function() {}
- }, opts);
- var element;
- if (utils.isString(path)) {
- element = document.querySelector(path);
- } else {
- element = path;
- }
- // Reveal .path as public attribute
- this.path = element;
- this._opts = opts;
- this._tweenable = null;
- // Set up the starting positions
- var length = this.path.getTotalLength();
- this.path.style.strokeDasharray = length + ' ' + length;
- this.set(0);
- };
- Path.prototype.value = function value() {
- var offset = this._getComputedDashOffset();
- var length = this.path.getTotalLength();
- var progress = 1 - offset / length;
- // Round number to prevent returning very small number like 1e-30, which
- // is practically 0
- return parseFloat(progress.toFixed(6), 10);
- };
- Path.prototype.set = function set(progress) {
- this.stop();
- this.path.style.strokeDashoffset = this._progressToOffset(progress);
- var step = this._opts.step;
- if (utils.isFunction(step)) {
- var easing = this._easing(this._opts.easing);
- var values = this._calculateTo(progress, easing);
- var reference = this._opts.shape || this;
- step(values, reference, this._opts.attachment);
- }
- };
- Path.prototype.stop = function stop() {
- this._stopTween();
- this.path.style.strokeDashoffset = this._getComputedDashOffset();
- };
- // Method introduced here:
- // http://jakearchibald.com/2013/animated-line-drawing-svg/
- Path.prototype.animate = function animate(progress, opts, cb) {
- opts = opts || {};
- if (utils.isFunction(opts)) {
- cb = opts;
- opts = {};
- }
- var passedOpts = utils.extend({}, opts);
- // Copy default opts to new object so defaults are not modified
- var defaultOpts = utils.extend({}, this._opts);
- opts = utils.extend(defaultOpts, opts);
- var shiftyEasing = this._easing(opts.easing);
- var values = this._resolveFromAndTo(progress, shiftyEasing, passedOpts);
- this.stop();
- // Trigger a layout so styles are calculated & the browser
- // picks up the starting position before animating
- this.path.getBoundingClientRect();
- var offset = this._getComputedDashOffset();
- var newOffset = this._progressToOffset(progress);
- var self = this;
- this._tweenable = new Tweenable();
- this._tweenable.tween({
- from: utils.extend({ offset: offset }, values.from),
- to: utils.extend({ offset: newOffset }, values.to),
- duration: opts.duration,
- delay: opts.delay,
- easing: shiftyEasing,
- step: function(state) {
- self.path.style.strokeDashoffset = state.offset;
- var reference = opts.shape || self;
- opts.step(state, reference, opts.attachment);
- }
- }).then(function(state) {
- if (utils.isFunction(cb)) {
- cb();
- }
- });
- };
- Path.prototype._getComputedDashOffset = function _getComputedDashOffset() {
- var computedStyle = window.getComputedStyle(this.path, null);
- return parseFloat(computedStyle.getPropertyValue('stroke-dashoffset'), 10);
- };
- Path.prototype._progressToOffset = function _progressToOffset(progress) {
- var length = this.path.getTotalLength();
- return length - progress * length;
- };
- // Resolves from and to values for animation.
- Path.prototype._resolveFromAndTo = function _resolveFromAndTo(progress, easing, opts) {
- if (opts.from && opts.to) {
- return {
- from: opts.from,
- to: opts.to
- };
- }
- return {
- from: this._calculateFrom(easing),
- to: this._calculateTo(progress, easing)
- };
- };
- // Calculate `from` values from options passed at initialization
- Path.prototype._calculateFrom = function _calculateFrom(easing) {
- return shifty.interpolate(this._opts.from, this._opts.to, this.value(), easing);
- };
- // Calculate `to` values from options passed at initialization
- Path.prototype._calculateTo = function _calculateTo(progress, easing) {
- return shifty.interpolate(this._opts.from, this._opts.to, progress, easing);
- };
- Path.prototype._stopTween = function _stopTween() {
- if (this._tweenable !== null) {
- this._tweenable.stop();
- this._tweenable = null;
- }
- };
- Path.prototype._easing = function _easing(easing) {
- if (EASING_ALIASES.hasOwnProperty(easing)) {
- return EASING_ALIASES[easing];
- }
- return easing;
- };
- module.exports = Path;
- },{"./utils":9,"shifty":1}],6:[function(require,module,exports){
- // Semi-SemiCircle shaped progress bar
- var Shape = require('./shape');
- var Circle = require('./circle');
- var utils = require('./utils');
- var SemiCircle = function SemiCircle(container, options) {
- // Use one arc to form a SemiCircle
- // See this answer http://stackoverflow.com/a/10477334/1446092
- this._pathTemplate =
- 'M 50,50 m -{radius},0' +
- ' a {radius},{radius} 0 1 1 {2radius},0';
- this.containerAspectRatio = 2;
- Shape.apply(this, arguments);
- };
- SemiCircle.prototype = new Shape();
- SemiCircle.prototype.constructor = SemiCircle;
- SemiCircle.prototype._initializeSvg = function _initializeSvg(svg, opts) {
- svg.setAttribute('viewBox', '0 0 100 50');
- };
- SemiCircle.prototype._initializeTextContainer = function _initializeTextContainer(
- opts,
- container,
- textContainer
- ) {
- if (opts.text.style) {
- // Reset top style
- textContainer.style.top = 'auto';
- textContainer.style.bottom = '0';
- if (opts.text.alignToBottom) {
- utils.setStyle(textContainer, 'transform', 'translate(-50%, 0)');
- } else {
- utils.setStyle(textContainer, 'transform', 'translate(-50%, 50%)');
- }
- }
- };
- // Share functionality with Circle, just have different path
- SemiCircle.prototype._pathString = Circle.prototype._pathString;
- SemiCircle.prototype._trailString = Circle.prototype._trailString;
- module.exports = SemiCircle;
- },{"./circle":2,"./shape":7,"./utils":9}],7:[function(require,module,exports){
- // Base object for different progress bar shapes
- var Path = require('./path');
- var utils = require('./utils');
- var DESTROYED_ERROR = 'Object is destroyed';
- var Shape = function Shape(container, opts) {
- // Throw a better error if progress bars are not initialized with `new`
- // keyword
- if (!(this instanceof Shape)) {
- throw new Error('Constructor was called without new keyword');
- }
- // Prevent calling constructor without parameters so inheritance
- // works correctly. To understand, this is how Shape is inherited:
- //
- // Line.prototype = new Shape();
- //
- // We just want to set the prototype for Line.
- if (arguments.length === 0) {
- return;
- }
- // Default parameters for progress bar creation
- this._opts = utils.extend({
- color: '#555',
- strokeWidth: 1.0,
- trailColor: null,
- trailWidth: null,
- fill: null,
- text: {
- style: {
- color: null,
- position: 'absolute',
- left: '50%',
- top: '50%',
- padding: 0,
- margin: 0,
- transform: {
- prefix: true,
- value: 'translate(-50%, -50%)'
- }
- },
- autoStyleContainer: true,
- alignToBottom: true,
- value: null,
- className: 'progressbar-text'
- },
- svgStyle: {
- display: 'block',
- width: '100%'
- },
- warnings: false
- }, opts, true); // Use recursive extend
- // If user specifies e.g. svgStyle or text style, the whole object
- // should replace the defaults to make working with styles easier
- if (utils.isObject(opts) && opts.svgStyle !== undefined) {
- this._opts.svgStyle = opts.svgStyle;
- }
- if (utils.isObject(opts) && utils.isObject(opts.text) && opts.text.style !== undefined) {
- this._opts.text.style = opts.text.style;
- }
- var svgView = this._createSvgView(this._opts);
- var element;
- if (utils.isString(container)) {
- element = document.querySelector(container);
- } else {
- element = container;
- }
- if (!element) {
- throw new Error('Container does not exist: ' + container);
- }
- this._container = element;
- this._container.appendChild(svgView.svg);
- if (this._opts.warnings) {
- this._warnContainerAspectRatio(this._container);
- }
- if (this._opts.svgStyle) {
- utils.setStyles(svgView.svg, this._opts.svgStyle);
- }
- // Expose public attributes before Path initialization
- this.svg = svgView.svg;
- this.path = svgView.path;
- this.trail = svgView.trail;
- this.text = null;
- var newOpts = utils.extend({
- attachment: undefined,
- shape: this
- }, this._opts);
- this._progressPath = new Path(svgView.path, newOpts);
- if (utils.isObject(this._opts.text) && this._opts.text.value !== null) {
- this.setText(this._opts.text.value);
- }
- };
- Shape.prototype.animate = function animate(progress, opts, cb) {
- if (this._progressPath === null) {
- throw new Error(DESTROYED_ERROR);
- }
- this._progressPath.animate(progress, opts, cb);
- };
- Shape.prototype.stop = function stop() {
- if (this._progressPath === null) {
- throw new Error(DESTROYED_ERROR);
- }
- // Don't crash if stop is called inside step function
- if (this._progressPath === undefined) {
- return;
- }
- this._progressPath.stop();
- };
- Shape.prototype.pause = function pause() {
- if (this._progressPath === null) {
- throw new Error(DESTROYED_ERROR);
- }
- if (this._progressPath === undefined) {
- return;
- }
- if (!this._progressPath._tweenable) {
- // It seems that we can't pause this
- return;
- }
- this._progressPath._tweenable.pause();
- };
- Shape.prototype.resume = function resume() {
- if (this._progressPath === null) {
- throw new Error(DESTROYED_ERROR);
- }
- if (this._progressPath === undefined) {
- return;
- }
- if (!this._progressPath._tweenable) {
- // It seems that we can't resume this
- return;
- }
- this._progressPath._tweenable.resume();
- };
- Shape.prototype.destroy = function destroy() {
- if (this._progressPath === null) {
- throw new Error(DESTROYED_ERROR);
- }
- this.stop();
- this.svg.parentNode.removeChild(this.svg);
- this.svg = null;
- this.path = null;
- this.trail = null;
- this._progressPath = null;
- if (this.text !== null) {
- this.text.parentNode.removeChild(this.text);
- this.text = null;
- }
- };
- Shape.prototype.set = function set(progress) {
- if (this._progressPath === null) {
- throw new Error(DESTROYED_ERROR);
- }
- this._progressPath.set(progress);
- };
- Shape.prototype.value = function value() {
- if (this._progressPath === null) {
- throw new Error(DESTROYED_ERROR);
- }
- if (this._progressPath === undefined) {
- return 0;
- }
- return this._progressPath.value();
- };
- Shape.prototype.setText = function setText(newText) {
- if (this._progressPath === null) {
- throw new Error(DESTROYED_ERROR);
- }
- if (this.text === null) {
- // Create new text node
- this.text = this._createTextContainer(this._opts, this._container);
- this._container.appendChild(this.text);
- }
- // Remove previous text and add new
- if (utils.isObject(newText)) {
- utils.removeChildren(this.text);
- this.text.appendChild(newText);
- } else {
- this.text.innerHTML = newText;
- }
- };
- Shape.prototype._createSvgView = function _createSvgView(opts) {
- var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
- this._initializeSvg(svg, opts);
- var trailPath = null;
- // Each option listed in the if condition are 'triggers' for creating
- // the trail path
- if (opts.trailColor || opts.trailWidth) {
- trailPath = this._createTrail(opts);
- svg.appendChild(trailPath);
- }
- var path = this._createPath(opts);
- svg.appendChild(path);
- return {
- svg: svg,
- path: path,
- trail: trailPath
- };
- };
- Shape.prototype._initializeSvg = function _initializeSvg(svg, opts) {
- svg.setAttribute('viewBox', '0 0 100 100');
- };
- Shape.prototype._createPath = function _createPath(opts) {
- var pathString = this._pathString(opts);
- return this._createPathElement(pathString, opts);
- };
- Shape.prototype._createTrail = function _createTrail(opts) {
- // Create path string with original passed options
- var pathString = this._trailString(opts);
- // Prevent modifying original
- var newOpts = utils.extend({}, opts);
- // Defaults for parameters which modify trail path
- if (!newOpts.trailColor) {
- newOpts.trailColor = '#eee';
- }
- if (!newOpts.trailWidth) {
- newOpts.trailWidth = newOpts.strokeWidth;
- }
- newOpts.color = newOpts.trailColor;
- newOpts.strokeWidth = newOpts.trailWidth;
- // When trail path is set, fill must be set for it instead of the
- // actual path to prevent trail stroke from clipping
- newOpts.fill = null;
- return this._createPathElement(pathString, newOpts);
- };
- Shape.prototype._createPathElement = function _createPathElement(pathString, opts) {
- var path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
- path.setAttribute('d', pathString);
- path.setAttribute('stroke', opts.color);
- path.setAttribute('stroke-width', opts.strokeWidth);
- if (opts.fill) {
- path.setAttribute('fill', opts.fill);
- } else {
- path.setAttribute('fill-opacity', '0');
- }
- return path;
- };
- Shape.prototype._createTextContainer = function _createTextContainer(opts, container) {
- var textContainer = document.createElement('div');
- textContainer.className = opts.text.className;
- var textStyle = opts.text.style;
- if (textStyle) {
- if (opts.text.autoStyleContainer) {
- container.style.position = 'relative';
- }
- utils.setStyles(textContainer, textStyle);
- // Default text color to progress bar's color
- if (!textStyle.color) {
- textContainer.style.color = opts.color;
- }
- }
- this._initializeTextContainer(opts, container, textContainer);
- return textContainer;
- };
- // Give custom shapes possibility to modify text element
- Shape.prototype._initializeTextContainer = function(opts, container, element) {
- // By default, no-op
- // Custom shapes should respect API options, such as text.style
- };
- Shape.prototype._pathString = function _pathString(opts) {
- throw new Error('Override this function for each progress bar');
- };
- Shape.prototype._trailString = function _trailString(opts) {
- throw new Error('Override this function for each progress bar');
- };
- Shape.prototype._warnContainerAspectRatio = function _warnContainerAspectRatio(container) {
- if (!this.containerAspectRatio) {
- return;
- }
- var computedStyle = window.getComputedStyle(container, null);
- var width = parseFloat(computedStyle.getPropertyValue('width'), 10);
- var height = parseFloat(computedStyle.getPropertyValue('height'), 10);
- if (!utils.floatEquals(this.containerAspectRatio, width / height)) {
- console.warn(
- 'Incorrect aspect ratio of container',
- '#' + container.id,
- 'detected:',
- computedStyle.getPropertyValue('width') + '(width)',
- '/',
- computedStyle.getPropertyValue('height') + '(height)',
- '=',
- width / height
- );
- console.warn(
- 'Aspect ratio of should be',
- this.containerAspectRatio
- );
- }
- };
- module.exports = Shape;
- },{"./path":5,"./utils":9}],8:[function(require,module,exports){
- // Square shaped progress bar
- // Note: Square is not core part of API anymore. It's left here
- // for reference. square is not included to the progressbar
- // build anymore
- var Shape = require('./shape');
- var utils = require('./utils');
- var Square = function Square(container, options) {
- this._pathTemplate =
- 'M 0,{halfOfStrokeWidth}' +
- ' L {width},{halfOfStrokeWidth}' +
- ' L {width},{width}' +
- ' L {halfOfStrokeWidth},{width}' +
- ' L {halfOfStrokeWidth},{strokeWidth}';
- this._trailTemplate =
- 'M {startMargin},{halfOfStrokeWidth}' +
- ' L {width},{halfOfStrokeWidth}' +
- ' L {width},{width}' +
- ' L {halfOfStrokeWidth},{width}' +
- ' L {halfOfStrokeWidth},{halfOfStrokeWidth}';
- Shape.apply(this, arguments);
- };
- Square.prototype = new Shape();
- Square.prototype.constructor = Square;
- Square.prototype._pathString = function _pathString(opts) {
- var w = 100 - opts.strokeWidth / 2;
- return utils.render(this._pathTemplate, {
- width: w,
- strokeWidth: opts.strokeWidth,
- halfOfStrokeWidth: opts.strokeWidth / 2
- });
- };
- Square.prototype._trailString = function _trailString(opts) {
- var w = 100 - opts.strokeWidth / 2;
- return utils.render(this._trailTemplate, {
- width: w,
- strokeWidth: opts.strokeWidth,
- halfOfStrokeWidth: opts.strokeWidth / 2,
- startMargin: opts.strokeWidth / 2 - opts.trailWidth / 2
- });
- };
- module.exports = Square;
- },{"./shape":7,"./utils":9}],9:[function(require,module,exports){
- // Utility functions
- var PREFIXES = 'Webkit Moz O ms'.split(' ');
- var FLOAT_COMPARISON_EPSILON = 0.001;
- // Copy all attributes from source object to destination object.
- // destination object is mutated.
- function extend(destination, source, recursive) {
- destination = destination || {};
- source = source || {};
- recursive = recursive || false;
- for (var attrName in source) {
- if (source.hasOwnProperty(attrName)) {
- var destVal = destination[attrName];
- var sourceVal = source[attrName];
- if (recursive && isObject(destVal) && isObject(sourceVal)) {
- destination[attrName] = extend(destVal, sourceVal, recursive);
- } else {
- destination[attrName] = sourceVal;
- }
- }
- }
- return destination;
- }
- // Renders templates with given variables. Variables must be surrounded with
- // braces without any spaces, e.g. {variable}
- // All instances of variable placeholders will be replaced with given content
- // Example:
- // render('Hello, {message}!', {message: 'world'})
- function render(template, vars) {
- var rendered = template;
- for (var key in vars) {
- if (vars.hasOwnProperty(key)) {
- var val = vars[key];
- var regExpString = '\\{' + key + '\\}';
- var regExp = new RegExp(regExpString, 'g');
- rendered = rendered.replace(regExp, val);
- }
- }
- return rendered;
- }
- function setStyle(element, style, value) {
- var elStyle = element.style; // cache for performance
- for (var i = 0; i < PREFIXES.length; ++i) {
- var prefix = PREFIXES[i];
- elStyle[prefix + capitalize(style)] = value;
- }
- elStyle[style] = value;
- }
- function setStyles(element, styles) {
- forEachObject(styles, function(styleValue, styleName) {
- // Allow disabling some individual styles by setting them
- // to null or undefined
- if (styleValue === null || styleValue === undefined) {
- return;
- }
- // If style's value is {prefix: true, value: '50%'},
- // Set also browser prefixed styles
- if (isObject(styleValue) && styleValue.prefix === true) {
- setStyle(element, styleName, styleValue.value);
- } else {
- element.style[styleName] = styleValue;
- }
- });
- }
- function capitalize(text) {
- return text.charAt(0).toUpperCase() + text.slice(1);
- }
- function isString(obj) {
- return typeof obj === 'string' || obj instanceof String;
- }
- function isFunction(obj) {
- return typeof obj === 'function';
- }
- function isArray(obj) {
- return Object.prototype.toString.call(obj) === '[object Array]';
- }
- // Returns true if `obj` is object as in {a: 1, b: 2}, not if it's function or
- // array
- function isObject(obj) {
- if (isArray(obj)) {
- return false;
- }
- var type = typeof obj;
- return type === 'object' && !!obj;
- }
- function forEachObject(object, callback) {
- for (var key in object) {
- if (object.hasOwnProperty(key)) {
- var val = object[key];
- callback(val, key);
- }
- }
- }
- function floatEquals(a, b) {
- return Math.abs(a - b) < FLOAT_COMPARISON_EPSILON;
- }
- // https://coderwall.com/p/nygghw/don-t-use-innerhtml-to-empty-dom-elements
- function removeChildren(el) {
- while (el.firstChild) {
- el.removeChild(el.firstChild);
- }
- }
- module.exports = {
- extend: extend,
- render: render,
- setStyle: setStyle,
- setStyles: setStyles,
- capitalize: capitalize,
- isString: isString,
- isFunction: isFunction,
- isObject: isObject,
- forEachObject: forEachObject,
- floatEquals: floatEquals,
- removeChildren: removeChildren
- };
- },{}]},{},[4])(4)
- });
|