bump version

Author: chieffancypants

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-loading-bar",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "main": ["src/loading-bar.js", "src/loading-bar.css"],
   "ignore": [
     "**/.*",

build/loading-bar.css

@@ -1,7 +1,7 @@
 /*! 
- * angular-loading-bar v0.2.0
+ * angular-loading-bar v0.3.0
  * https://chieffancypants.github.io/angular-loading-bar
- * Copyright (c) 2013 Wes Cruver
+ * Copyright (c) 2014 Wes Cruver
  * License: MIT
  */
 
@@ -10,10 +10,10 @@
 #loading-bar-spinner {
   pointer-events: none;
   -webkit-pointer-events: none;
-  -webkit-transition: 0.5s linear all;
-  -moz-transition: 0.5s linear all;
-  -o-transition: 0.5s linear all;
-  transition: 0.5s linear all;
+  -webkit-transition: 350ms linear all;
+  -moz-transition: 350ms linear all;
+  -o-transition: 350ms linear all;
+  transition: 350ms linear all;
 }
 
 #loading-bar.ng-enter,

build/loading-bar.js

@@ -1,7 +1,7 @@
 /*! 
- * angular-loading-bar v0.2.0
+ * angular-loading-bar v0.3.0
  * https://chieffancypants.github.io/angular-loading-bar
- * Copyright (c) 2013 Wes Cruver
+ * Copyright (c) 2014 Wes Cruver
  * License: MIT
  */
 /*
@@ -32,7 +32,7 @@ angular.module('angular-loading-bar', ['chieffancypants.loadingBar']);
 angular.module('chieffancypants.loadingBar', [])
   .config(['$httpProvider', function ($httpProvider) {
 
-    var interceptor = ['$q', '$cacheFactory', '$rootScope', 'cfpLoadingBar', function ($q, $cacheFactory, $rootScope, cfpLoadingBar) {
+    var interceptor = ['$q', '$cacheFactory', '$timeout', '$rootScope', 'cfpLoadingBar', function ($q, $cacheFactory, $timeout, $rootScope, cfpLoadingBar) {
 
       /**
        * The total number of requests made
@@ -44,12 +44,23 @@ angular.module('chieffancypants.loadingBar', [])
        */
       var reqsCompleted = 0;
 
+      /**
+       * The amount of time spent fetching before showing the loading bar
+       */
+      var latencyThreshold = cfpLoadingBar.latencyThreshold;
+
+      /**
+       * $timeout handle for latencyThreshold
+       */
+      var startTimeout;
+
 
       /**
        * calls cfpLoadingBar.complete() which removes the
        * loading bar from the DOM.
        */
       function setComplete() {
+        $timeout.cancel(startTimeout);
         cfpLoadingBar.complete();
         reqsCompleted = 0;
         reqsTotal = 0;
@@ -87,14 +98,17 @@ angular.module('chieffancypants.loadingBar', [])
         return cached;
       }
 
+
       return {
         'request': function(config) {
           // Check to make sure this request hasn't already been cached and that
           // the requester didn't explicitly ask us to ignore this request:
           if (!config.ignoreLoadingBar && !isCached(config)) {
             $rootScope.$broadcast('cfpLoadingBar:loading', {url: config.url});
             if (reqsTotal === 0) {
-              cfpLoadingBar.start();
+              startTimeout = $timeout(function() {
+                cfpLoadingBar.start();
+              }, latencyThreshold);
             }
             reqsTotal++;
             cfpLoadingBar.set(reqsCompleted / reqsTotal);
@@ -147,6 +161,7 @@ angular.module('chieffancypants.loadingBar', [])
 
     this.includeSpinner = true;
     this.includeBar = true;
+    this.latencyThreshold = 100;
     this.parentSelector = 'body';
 
     this.$get = ['$document', '$timeout', '$animate', '$rootScope', function ($document, $timeout, $animate, $rootScope) {
@@ -186,6 +201,7 @@ angular.module('chieffancypants.loadingBar', [])
         if (includeSpinner) {
           $animate.enter(spinner, $parent);
         }
+
         _set(0.02);
       }
 
@@ -265,13 +281,14 @@ angular.module('chieffancypants.loadingBar', [])
       }
 
       return {
-        start          : _start,
-        set            : _set,
-        status         : _status,
-        inc            : _inc,
-        complete       : _complete,
-        includeSpinner : this.includeSpinner,
-        parentSelector : this.parentSelector
+        start            : _start,
+        set              : _set,
+        status           : _status,
+        inc              : _inc,
+        complete         : _complete,
+        includeSpinner   : this.includeSpinner,
+        latencyThreshold : this.latencyThreshold,
+        parentSelector   : this.parentSelector
       };
 
 

build/loading-bar.min.css

@@ -1,6 +1,6 @@
 {
   "name": "angular-loading-bar",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "An automatic loading bar for AngularJS",
   "main": "src/loading-bar.js",
   "directories": {