Allow empty parentSelector.

.gitignore

@@ -1,3 +1,4 @@
 node_modules
 test/coverage
 bower_components
+.idea

build/loading-bar.js

@@ -200,7 +200,9 @@ angular.module('cfp.loadingBar', [])
           $animate = $injector.get('$animate');
         }
 
-        var $parent = $document.find($parentSelector).eq(0);
+        // $document.find is limited to lookups by tag name in jqLite
+        // https://docs.angularjs.org/api/ng/function/angular.element
+        var $parent = angular.element($document[0].querySelector($parentSelector)).eq(0);
         $timeout.cancel(completeTimeout);
 
         // do not continually broadcast the started event:
@@ -212,11 +214,11 @@ angular.module('cfp.loadingBar', [])
         started = true;
 
         if (includeBar) {
-          $animate.enter(loadingBarContainer, $parent, angular.element($parent[0].lastChild));
+          $animate.enter(loadingBarContainer, $parent, $parent[0].lastChild && angular.element($parent[0].lastChild));
         }
 
         if (includeSpinner) {
-          $animate.enter(spinner, $parent, angular.element($parent[0].lastChild));
+          $animate.enter(spinner, $parent, $parent[0].lastChild && angular.element($parent[0].lastChild));
         }
 
         _set(startSize);

src/loading-bar.js

@@ -194,7 +194,9 @@ angular.module('cfp.loadingBar', [])
           $animate = $injector.get('$animate');
         }
 
-        var $parent = $document.find($parentSelector).eq(0);
+        // $document.find is limited to lookups by tag name in jqLite
+        // https://docs.angularjs.org/api/ng/function/angular.element
+        var $parent = angular.element($document[0].querySelector($parentSelector)).eq(0);
         $timeout.cancel(completeTimeout);
 
         // do not continually broadcast the started event:
@@ -206,11 +208,11 @@ angular.module('cfp.loadingBar', [])
         started = true;
 
         if (includeBar) {
-          $animate.enter(loadingBarContainer, $parent, angular.element($parent[0].lastChild));
+          $animate.enter(loadingBarContainer, $parent, $parent[0].lastChild && angular.element($parent[0].lastChild));
         }
 
         if (includeSpinner) {
-          $animate.enter(spinner, $parent, angular.element($parent[0].lastChild));
+          $animate.enter(spinner, $parent, $parent[0].lastChild && angular.element($parent[0].lastChild));
         }
 
         _set(startSize);

test/loading-bar-interceptor-config.coffee

@@ -79,3 +79,20 @@ describe 'loadingBarInterceptor Service - config options', ->
       expect(cfpLoadingBar.status()).toBeGreaterThan .5
       cfpLoadingBar.complete()
       $timeout.flush()
+
+  it 'should append the loadingbar as the first child of the parent container if empty', ->
+    emptyEl = angular.element '<div id="empty"></div>'
+    angular.element(document).find('body').eq(0).append emptyEl
+
+    module 'chieffancypants.loadingBar', (cfpLoadingBarProvider) ->
+      cfpLoadingBarProvider.parentSelector = '#empty'
+      return
+    inject ($timeout, $document, cfpLoadingBar) ->
+      cfpLoadingBar.start()
+      parent = $document[0].querySelector(cfpLoadingBar.parentSelector)
+      children = parent.childNodes
+      expect(children.length).toBe 2
+      expect(children[0].id).toBe 'loading-bar'
+      expect(children[1].id).toBe 'loading-bar-spinner'
+      cfpLoadingBar.complete()
+      $timeout.flush()