v1.1.5 - the first "update()" should occur after load, fixes #7

Author: clarketm

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "image-map",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "author": {
     "name": "Travis Clarke",
     "email": "[email protected]",

dist/image-map.es.js

@@ -49,12 +49,13 @@ function _nonIterableSpread() {
   throw new TypeError("Invalid attempt to spread non-iterable instance");
 }
 
-var version = "1.1.4";
+var version = "1.1.5";
 
 var RESIZE = "resize";
 var LOAD = "load";
 var USEMAP = "usemap";
 var COORDS = "coords";
+var COMPLETE = "complete";
 /**
  * ImageMap main library constructor
  *
@@ -70,7 +71,7 @@ function () {
     _classCallCheck(this, ImageMap);
 
     this.selector = selector instanceof Array ? selector : _toConsumableArray(document.querySelectorAll(selector));
-    this.update();
+    if (document.readyState !== COMPLETE) window.addEventListener(LOAD, this.update.bind(this));else this.update();
     window.addEventListener(RESIZE, this.debounce(this.update, wait).bind(this));
   }
 

dist/image-map.js

@@ -55,12 +55,13 @@
     throw new TypeError("Invalid attempt to spread non-iterable instance");
   }
 
-  var version = "1.1.4";
+  var version = "1.1.5";
 
   var RESIZE = "resize";
   var LOAD = "load";
   var USEMAP = "usemap";
   var COORDS = "coords";
+  var COMPLETE = "complete";
   /**
    * ImageMap main library constructor
    *
@@ -76,7 +77,7 @@
       _classCallCheck(this, ImageMap);
 
       this.selector = selector instanceof Array ? selector : _toConsumableArray(document.querySelectorAll(selector));
-      this.update();
+      if (document.readyState !== COMPLETE) window.addEventListener(LOAD, this.update.bind(this));else this.update();
       window.addEventListener(RESIZE, this.debounce(this.update, wait).bind(this));
     }
 

dist/image-map.min.js

@@ -1,6 +1,6 @@
 {
   "name": "image-map",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "description": "Response, dynamic image maps",
   "main": "dist/image-map.js",
   "module": "dist/image-map.es.js",

package.json

@@ -5,6 +5,7 @@ const RESIZE = "resize";
 const LOAD = "load";
 const USEMAP = "usemap";
 const COORDS = "coords";
+const COMPLETE = "complete";
 
 /**
  * ImageMap main library constructor
@@ -16,7 +17,8 @@ const COORDS = "coords";
 class ImageMap {
   constructor(selector, wait) {
     this.selector = selector instanceof Array ? selector : [...document.querySelectorAll(selector)];
-    this.update();
+    if (document.readyState !== COMPLETE) window.addEventListener(LOAD, this.update.bind(this));
+    else this.update();
     window.addEventListener(RESIZE, this.debounce(this.update, wait).bind(this));
   }