Fix issue with DOM Ready

- add a dom-ready wrapper for jQuery
- add a dom-ready listener for vanilla
- bump package

.eslintrc.yml

@@ -25,3 +25,5 @@ rules:
     semi:
         - error
         - always
+    no-console:
+        - off

dist/donutty-jquery.js

@@ -1,7 +1,7 @@
 /**
  * donutty // Create SVG donut charts with Javascript
  * @author simeydotme <simey.me@gmail.com>
- * @version 1.1.0
+ * @version 1.1.2
  * @license ISC
  * @link http://simey.me
  * @preserve
@@ -255,20 +255,28 @@
 
     if ( typeof window.$ !== "undefined" ) {
 
-        $.fn.donutty = function( options ) {
+        $( function() {
 
-            return $( this ).each( function( k, el ) {
+            $.fn.donutty = function( options ) {
 
-                var $el = $( el ),
-                    instance = new Donutty( el, $.extend( {}, $el.data(), options ) );
+                return $( this ).each( function( k, el ) {
 
-                $el.data( "donutty", instance );
+                    var $el = $( el ),
+                        instance = new Donutty( el, $.extend( {}, $el.data(), options ) );
 
-            });
+                    $el.data( "donutty", instance );
 
-        };
+                });
+
+            };
+
+            $( "[data-donutty]" ).donutty();
+
+        });
+
+    } else {
 
-        $( "[data-donutty]" ).donutty();
+        console.warn( "Can't find jQuery to attach Donutty" );
 
     }
 

dist/donutty.js

@@ -1,7 +1,7 @@
 /**
  * donutty // Create SVG donut charts with Javascript
  * @author simeydotme <simey.me@gmail.com>
- * @version 1.1.0
+ * @version 1.1.2
  * @license ISC
  * @link http://simey.me
  * @preserve
@@ -253,14 +253,18 @@
 
 ( function( Donutty ) {
 
-    var $donuts = document.querySelectorAll( "[data-donutty]" );
+    document.addEventListener("DOMContentLoaded", function() {
 
-    Array.prototype.forEach.call( $donuts , function( $el ) {
+        var $donuts = document.querySelectorAll( "[data-donutty]" );
 
-        var options = JSON.parse( JSON.stringify( $el.dataset ) ),
-            instance = new Donutty( $el, options );
+        Array.prototype.forEach.call( $donuts , function( $el ) {
 
-        $el.dataset.donutty = instance;
+            var options = JSON.parse( JSON.stringify( $el.dataset ) ),
+                instance = new Donutty( $el, options );
+
+            $el.dataset.donutty = instance;
+
+        });
 
     });
 

package.json

@@ -1,6 +1,6 @@
 {
     "name": "donutty",
-    "version": "1.1.1",
+    "version": "1.1.2",
     "description": "Create SVG donut charts with Javascript",
     "main": "src/donutty.js",
     "scripts": {