@pluginjs/image-loader - npm Package Compare versions

Comparing version 0.7.13 to 0.7.14

dist/image-loader.common.js

 /*!
- * @pluginjs/image-loader v0.7.13 (https://pluginjs.com)
+ * @pluginjs/image-loader v0.7.14 (https://pluginjs.com)
  * Copyright 2019 Creation Studio Limited
@@ -15,3 +15,3 @@ * Released under the GPL-3.0 License.
   constructor(element) {
-    let autoload = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    var autoload = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     super();
@@ -53,7 +53,7 @@ this.element = element;
   getBackgroundSrc() {
-    const style = getComputedStyle(this.element);
+    var style = getComputedStyle(this.element);
 
     if (style) {
-      const reURL = /url\((['"])?(.*?)\1\)/gi;
-      const matches = reURL.exec(style.backgroundImage);
+      var reURL = /url\((['"])?(.*?)\1\)/gi;
+      var matches = reURL.exec(style.backgroundImage);
 
@@ -79,3 +79,3 @@ if (matches) {
   handleEvent(event) {
-    const method = "on".concat(event.type);
+    var method = "on".concat(event.type);
 
@@ -105,3 +105,3 @@ if (this[method]) {
       } else {
-        const src = this.getBackgroundSrc();
+        var src = this.getBackgroundSrc();
 
@@ -115,3 +115,3 @@ if (src) {
     } else if (is.isPlainObject(this.element)) {
-      for (const prop in this.element) {
+      for (var prop in this.element) {
         if (Object.prototype.hasOwnProperty.call(this.element, prop)) {
@@ -118,0 +118,0 @@ this.img[prop] = this.element[prop];

dist/image-loader.common.min.js

 /*!
- * @pluginjs/image-loader v0.7.13 (https://pluginjs.com)
+ * @pluginjs/image-loader v0.7.14 (https://pluginjs.com)
  * Copyright 2019 Creation Studio Limited
  * Released under the GPL-3.0 License.
  */
-"use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var is=require("@pluginjs/is"),SimpleEmitter=_interopDefault(require("@pluginjs/simple-emitter"));class ImageLoader extends SimpleEmitter{constructor(e){let t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];super(),this.element=e,this.img=new Image,is.isElement(this.element)&&"PICTURE"===this.element.nodeName&&(this.picture=this.element.querySelector("img")),t&&setTimeout(()=>{this.load()})}static of(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];return new this(...t)}isLoaded(){if(is.isElement(this.element)){if("IMG"===this.element.nodeName)return this.element.complete&&this.element.naturalWidth;if("PICTURE"===this.element.nodeName)return this.picture.complete&&this.picture.naturalWidth}return this.img.complete&&this.img.naturalWidth}getBackgroundSrc(){const e=getComputedStyle(this.element);if(e){const t=/url\((['"])?(.*?)\1\)/gi.exec(e.backgroundImage);if(t)return t[2]}return""}load(){if(this.isLoaded())return this.trigger("loaded"),void this.trigger("always",!0);this.bind()}handleEvent(e){const t="on".concat(e.type);this[t]&&this[t](e)}bind(){if(this.img.addEventListener("load",this),this.img.addEventListener("error",this),is.isElement(this.element))if("IMG"===this.element.nodeName)this.element.addEventListener("load",this),this.element.addEventListener("error",this),this.img.src=this.element.src,this.img.srcset=this.element.srcset,this.img.sizes=this.img.sizes;else if("PICTURE"===this.element.nodeName)this.picture.addEventListener("load",this),this.picture.addEventListener("error",this),this.img.src=this.picture.src,this.img.srcset=this.picture.srcset,this.img.sizes=this.picture.sizes;else{const e=this.getBackgroundSrc();e&&(this.img.src=e)}else if(is.isString(this.element))this.img.src=this.element;else if(is.isPlainObject(this.element))for(const e in this.element)Object.prototype.hasOwnProperty.call(this.element,e)&&(this.img[e]=this.element[e])}onerror(){this.trigger("error"),this.trigger("always",!1),this.unbind()}onload(){this.trigger("loaded"),this.trigger("always",!0),this.unbind()}trigger(e){for(var t=arguments.length,i=new Array(t>1?t-1:0),s=1;s<t;s++)i[s-1]=arguments[s];this.emit(e,this.element,...i)}unbind(){is.isElement(this.element)&&("IMG"===this.element.nodeName?(this.element.removeEventListener("load",this),this.element.removeEventListener("error",this)):"PICTURE"===this.element.nodeName&&(this.picture.removeEventListener("load",this),this.picture.removeEventListener("error",this))),this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)}}module.exports=ImageLoader;
+"use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var is=require("@pluginjs/is"),SimpleEmitter=_interopDefault(require("@pluginjs/simple-emitter"));class ImageLoader extends SimpleEmitter{constructor(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];super(),this.element=e,this.img=new Image,is.isElement(this.element)&&"PICTURE"===this.element.nodeName&&(this.picture=this.element.querySelector("img")),t&&setTimeout(()=>{this.load()})}static of(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];return new this(...t)}isLoaded(){if(is.isElement(this.element)){if("IMG"===this.element.nodeName)return this.element.complete&&this.element.naturalWidth;if("PICTURE"===this.element.nodeName)return this.picture.complete&&this.picture.naturalWidth}return this.img.complete&&this.img.naturalWidth}getBackgroundSrc(){var e=getComputedStyle(this.element);if(e){var t=/url\((['"])?(.*?)\1\)/gi.exec(e.backgroundImage);if(t)return t[2]}return""}load(){if(this.isLoaded())return this.trigger("loaded"),void this.trigger("always",!0);this.bind()}handleEvent(e){var t="on".concat(e.type);this[t]&&this[t](e)}bind(){if(this.img.addEventListener("load",this),this.img.addEventListener("error",this),is.isElement(this.element))if("IMG"===this.element.nodeName)this.element.addEventListener("load",this),this.element.addEventListener("error",this),this.img.src=this.element.src,this.img.srcset=this.element.srcset,this.img.sizes=this.img.sizes;else if("PICTURE"===this.element.nodeName)this.picture.addEventListener("load",this),this.picture.addEventListener("error",this),this.img.src=this.picture.src,this.img.srcset=this.picture.srcset,this.img.sizes=this.picture.sizes;else{var e=this.getBackgroundSrc();e&&(this.img.src=e)}else if(is.isString(this.element))this.img.src=this.element;else if(is.isPlainObject(this.element))for(var t in this.element)Object.prototype.hasOwnProperty.call(this.element,t)&&(this.img[t]=this.element[t])}onerror(){this.trigger("error"),this.trigger("always",!1),this.unbind()}onload(){this.trigger("loaded"),this.trigger("always",!0),this.unbind()}trigger(e){for(var t=arguments.length,i=new Array(t>1?t-1:0),s=1;s<t;s++)i[s-1]=arguments[s];this.emit(e,this.element,...i)}unbind(){is.isElement(this.element)&&("IMG"===this.element.nodeName?(this.element.removeEventListener("load",this),this.element.removeEventListener("error",this)):"PICTURE"===this.element.nodeName&&(this.picture.removeEventListener("load",this),this.picture.removeEventListener("error",this))),this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)}}module.exports=ImageLoader;

dist/image-loader.esm.js

 /*!
- * @pluginjs/image-loader v0.7.13 (https://pluginjs.com)
+ * @pluginjs/image-loader v0.7.14 (https://pluginjs.com)
  * Copyright 2019 Creation Studio Limited
@@ -11,3 +11,3 @@ * Released under the GPL-3.0 License.
   constructor(element) {
-    let autoload = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    var autoload = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     super();
@@ -49,7 +49,7 @@ this.element = element;
   getBackgroundSrc() {
-    const style = getComputedStyle(this.element);
+    var style = getComputedStyle(this.element);
 
     if (style) {
-      const reURL = /url\((['"])?(.*?)\1\)/gi;
-      const matches = reURL.exec(style.backgroundImage);
+      var reURL = /url\((['"])?(.*?)\1\)/gi;
+      var matches = reURL.exec(style.backgroundImage);
 
@@ -75,3 +75,3 @@ if (matches) {
   handleEvent(event) {
-    const method = "on".concat(event.type);
+    var method = "on".concat(event.type);
 
@@ -101,3 +101,3 @@ if (this[method]) {
       } else {
-        const src = this.getBackgroundSrc();
+        var src = this.getBackgroundSrc();
 
@@ -111,3 +111,3 @@ if (src) {
     } else if (isPlainObject(this.element)) {
-      for (const prop in this.element) {
+      for (var prop in this.element) {
         if (Object.prototype.hasOwnProperty.call(this.element, prop)) {
@@ -114,0 +114,0 @@ this.img[prop] = this.element[prop];

dist/image-loader.esm.min.js

 /*!
- * @pluginjs/image-loader v0.7.13 (https://pluginjs.com)
+ * @pluginjs/image-loader v0.7.14 (https://pluginjs.com)
  * Copyright 2019 Creation Studio Limited
  * Released under the GPL-3.0 License.
  */
-import{isElement as e,isString as t,isPlainObject as i}from"@pluginjs/is";import s from"@pluginjs/simple-emitter";export default class extends s{constructor(t){let i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];super(),this.element=t,this.img=new Image,e(this.element)&&"PICTURE"===this.element.nodeName&&(this.picture=this.element.querySelector("img")),i&&setTimeout(()=>{this.load()})}static of(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];return new this(...t)}isLoaded(){if(e(this.element)){if("IMG"===this.element.nodeName)return this.element.complete&&this.element.naturalWidth;if("PICTURE"===this.element.nodeName)return this.picture.complete&&this.picture.naturalWidth}return this.img.complete&&this.img.naturalWidth}getBackgroundSrc(){const e=getComputedStyle(this.element);if(e){const t=/url\((['"])?(.*?)\1\)/gi.exec(e.backgroundImage);if(t)return t[2]}return""}load(){if(this.isLoaded())return this.trigger("loaded"),void this.trigger("always",!0);this.bind()}handleEvent(e){const t="on".concat(e.type);this[t]&&this[t](e)}bind(){if(this.img.addEventListener("load",this),this.img.addEventListener("error",this),e(this.element))if("IMG"===this.element.nodeName)this.element.addEventListener("load",this),this.element.addEventListener("error",this),this.img.src=this.element.src,this.img.srcset=this.element.srcset,this.img.sizes=this.img.sizes;else if("PICTURE"===this.element.nodeName)this.picture.addEventListener("load",this),this.picture.addEventListener("error",this),this.img.src=this.picture.src,this.img.srcset=this.picture.srcset,this.img.sizes=this.picture.sizes;else{const e=this.getBackgroundSrc();e&&(this.img.src=e)}else if(t(this.element))this.img.src=this.element;else if(i(this.element))for(const e in this.element)Object.prototype.hasOwnProperty.call(this.element,e)&&(this.img[e]=this.element[e])}onerror(){this.trigger("error"),this.trigger("always",!1),this.unbind()}onload(){this.trigger("loaded"),this.trigger("always",!0),this.unbind()}trigger(e){for(var t=arguments.length,i=new Array(t>1?t-1:0),s=1;s<t;s++)i[s-1]=arguments[s];this.emit(e,this.element,...i)}unbind(){e(this.element)&&("IMG"===this.element.nodeName?(this.element.removeEventListener("load",this),this.element.removeEventListener("error",this)):"PICTURE"===this.element.nodeName&&(this.picture.removeEventListener("load",this),this.picture.removeEventListener("error",this))),this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)}}
+import{isElement as e,isString as t,isPlainObject as i}from"@pluginjs/is";import s from"@pluginjs/simple-emitter";export default class extends s{constructor(t){var i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];super(),this.element=t,this.img=new Image,e(this.element)&&"PICTURE"===this.element.nodeName&&(this.picture=this.element.querySelector("img")),i&&setTimeout(()=>{this.load()})}static of(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];return new this(...t)}isLoaded(){if(e(this.element)){if("IMG"===this.element.nodeName)return this.element.complete&&this.element.naturalWidth;if("PICTURE"===this.element.nodeName)return this.picture.complete&&this.picture.naturalWidth}return this.img.complete&&this.img.naturalWidth}getBackgroundSrc(){var e=getComputedStyle(this.element);if(e){var t=/url\((['"])?(.*?)\1\)/gi.exec(e.backgroundImage);if(t)return t[2]}return""}load(){if(this.isLoaded())return this.trigger("loaded"),void this.trigger("always",!0);this.bind()}handleEvent(e){var t="on".concat(e.type);this[t]&&this[t](e)}bind(){if(this.img.addEventListener("load",this),this.img.addEventListener("error",this),e(this.element))if("IMG"===this.element.nodeName)this.element.addEventListener("load",this),this.element.addEventListener("error",this),this.img.src=this.element.src,this.img.srcset=this.element.srcset,this.img.sizes=this.img.sizes;else if("PICTURE"===this.element.nodeName)this.picture.addEventListener("load",this),this.picture.addEventListener("error",this),this.img.src=this.picture.src,this.img.srcset=this.picture.srcset,this.img.sizes=this.picture.sizes;else{var s=this.getBackgroundSrc();s&&(this.img.src=s)}else if(t(this.element))this.img.src=this.element;else if(i(this.element))for(var r in this.element)Object.prototype.hasOwnProperty.call(this.element,r)&&(this.img[r]=this.element[r])}onerror(){this.trigger("error"),this.trigger("always",!1),this.unbind()}onload(){this.trigger("loaded"),this.trigger("always",!0),this.unbind()}trigger(e){for(var t=arguments.length,i=new Array(t>1?t-1:0),s=1;s<t;s++)i[s-1]=arguments[s];this.emit(e,this.element,...i)}unbind(){e(this.element)&&("IMG"===this.element.nodeName?(this.element.removeEventListener("load",this),this.element.removeEventListener("error",this)):"PICTURE"===this.element.nodeName&&(this.picture.removeEventListener("load",this),this.picture.removeEventListener("error",this))),this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)}}

dist/image-loader.js

 /*!
- * @pluginjs/image-loader v0.7.13 (https://pluginjs.com)
+ * @pluginjs/image-loader v0.7.14 (https://pluginjs.com)
  * Copyright 2019 Creation Studio Limited
@@ -4,0 +4,0 @@ * Released under the GPL-3.0 License.

dist/image-loader.min.js

 /*!
- * @pluginjs/image-loader v0.7.13 (https://pluginjs.com)
+ * @pluginjs/image-loader v0.7.14 (https://pluginjs.com)
  * Copyright 2019 Creation Studio Limited
@@ -4,0 +4,0 @@ * Released under the GPL-3.0 License.

package.json

@@ -14,3 +14,3 @@ {
   },
-  "version": "0.7.13",
+  "version": "0.7.14",
   "category": "media",
@@ -37,9 +37,9 @@ "main": "dist/image-loader.common.js",
   "dependencies": {
-    "@pluginjs/is": "^0.7.12",
-    "@pluginjs/simple-emitter": "^0.7.11"
+    "@pluginjs/is": "^0.7.13",
+    "@pluginjs/simple-emitter": "^0.7.12"
   },
   "devDependencies": {
-    "@babel/core": "^7.4.4",
-    "@pluginjs/browserslist-config": "^1.2.8",
-    "@pluginjs/cli": "^0.7.11",
+    "@babel/core": "^7.5.5",
+    "@pluginjs/browserslist-config": "^1.2.9",
+    "@pluginjs/cli": "^0.7.12",
     "babel-jest": "*",
@@ -73,3 +73,3 @@ "jest": "*",
   ],
-  "gitHead": "dd7e1408426c72aa61b9bcd2968c389a8be92fec"
+  "gitHead": "e0247ab4b5e2026b77a390619f2b96bac30609c6"
 }

No alert changes

Worsened metrics

Total package byte prevSize

35056

decreased by-0.13%

Dependency changes

• Updated@pluginjs/is@^0.7.13

• Updated@pluginjs/simple-emitter@^0.7.12