vue-progressive-image - npm Package Compare versions

Comparing version 1.4.1 to 1.4.2

dist/vue-progressive-image.js

		/*!
		* vue-progressive-image v1.4.1
		* vue-progressive-image v1.4.2
		* (c) 2017 Matteo Gabriele
		* Released under the ISC License.
		*/
		!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var r=t();for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(this,function(){return function(e){function t(n){if(r[n])return r[n].exports;var o=r[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var r={};return t.m=e,t.c=r,t.i=function(e){return e},t.d=function(e,r,n){t.o(e,r)\|\|Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=16)}([function(e,t,r){"use strict";var n=r(8);t.a={props:{src:{type:String,required:!0},placeholder:{type:String,required:!1},blur:{type:Number,required:!1},noRatio:{type:Boolean,required:!1}},data:function(){return{options:{},defaultBlur:5,image:null,placeholderImage:null,aspectRatio:.5625,isPollingKilled:!1,cached:!1}},computed:{shouldPlaceholderRender:function(){return!!this.placeholderImage},shouldImageRender:function(){return!!this.image},wrapperStyle:function(){if(!this.noRatio)return{paddingBottom:100this.aspectRatio+"%"}},blurStyle:function(){var e=this.defaultBlur;return r.i(n.a)(this.blur)?this.getBlurStyle(this.blur):r.i(n.a)(this.options.blur)?this.getBlurStyle(this.options.blur):this.getBlurStyle(e)}},created:function(){this.handleImageLoading()},methods:{getBlurStyle:function(e){if(0!==e)return{filter:"blur("+e+"px)"}},defineAspectRatio:function(e){var t=this,r=this.options.timeout\|\|2500,n=this.options.pollInterval\|\|80,o=setInterval(function(){if(e.naturalWidth){clearInterval(o);var r=e.naturalHeight,n=e.naturalWidth;t.aspectRatio=r/n}},n);setTimeout(function(){e.naturalWidth\|\|(clearInterval(o),t.isPollingKilled=!0)},r)},loadImage:function(){var e=this,t=new Image,r=this.options.delay\|\|0;this.defineAspectRatio(t),t.onload=setTimeout(function(){e.image\|\|(e.isPollingKilled&&e.defineAspectRatio(t),e.image=t.src,e.$emit("onLoad",t.src))},r),t.src=this.src,this.cached=t.complete},loadPlaceholder:function(){var e=this;if(this.placeholder\|\|this.options.placeholder){var t=new Image,r=this.placeholder;this.options.placeholder&&!this.placeholder&&(r=this.options.placeholder),t.onload=function(){e.placeholderImage=r,e.$emit("onLoadPlaceholder",r)},t.src=r}},handleImageLoading:function(){this.loadPlaceholder(),this.loadImage()}}}},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var r=this[t];r[2]?e.push("@media "+r[2]+"{"+r[1]+"}"):e.push(r[1])}return e.join("")},e.i=function(t,r){"string"==typeof t&&(t=[[null,t,""]]);for(var n={},o=0;o<this.length;o++){var a=this[o][0];"number"==typeof a&&(n[a]=!0)}for(o=0;o<t.length;o++){var i=t[o];"number"==typeof i[0]&&n[i[0]]\|\|(r&&!i[2]?i[2]=r:r&&(i[2]="("+i[2]+") and ("+r+")"),e.push(i))}},e}},function(e,t){e.exports=function(e,t,r,n){var o,a=e=e\|\|{},i=typeof e.default;"object"!==i&&"function"!==i\|\|(o=e,a=e.default);var s="function"==typeof a?a.options:a;if(t&&(s.render=t.render,s.staticRenderFns=t.staticRenderFns),r&&(s._scopeId=r),n){var l=Object.create(s.computed\|\|null);Object.keys(n).forEach(function(e){var t=n[e];l[e]=function(){return t}}),s.computed=l}return{esModule:o,exports:a,options:s}}},function(e,t,r){function n(e){for(var t=0;t<e.length;t++){var r=e[t],n=u[r.id];if(n){n.refs++;for(var o=0;o<n.parts.length;o++)n.parts[o](r.parts[o]);for(;o<r.parts.length;o++)n.parts.push(i(r.parts[o]));n.parts.length>r.parts.length&&(n.parts.length=r.parts.length)}else{for(var a=[],o=0;o<r.parts.length;o++)a.push(i(r.parts[o]));u[r.id]={id:r.id,refs:1,parts:a}}}}function o(e,t){for(var r=[],n={},o=0;o<t.length;o++){var a=t[o],i=a[0],s=a[1],l=a[2],c=a[3],u={css:s,media:l,sourceMap:c};n[i]?(u.id=e+":"+n[i].parts.length,n[i].parts.push(u)):(u.id=e+":0",r.push(n[i]={id:i,parts:[u]}))}return r}function a(){var e=document.createElement("style");return e.type="text/css",d.appendChild(e),e}function i(e){var t,r,n=document.querySelector('style[data-vue-ssr-id~="'+e.id+'"]'),o=null!=n;if(o&&h)return v;if(g){var i=p++;n=f\|\|(f=a()),t=s.bind(null,n,i,!1),r=s.bind(null,n,i,!0)}else n=n\|\|a(),t=l.bind(null,n),r=function(){n.parentNode.removeChild(n)};return o\|\|t(e),function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap)return;t(e=n)}else r()}}function s(e,t,r,n){var o=r?"":n.css;if(e.styleSheet)e.styleSheet.cssText=m(t,o);else{var a=document.createTextNode(o),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(a,i[t]):e.appendChild(a)}}function l(e,t){var r=t.css,n=t.media,o=t.sourceMap;if(n&&e.setAttribute("media",n),o&&(r+="\n/# sourceURL="+o.sources[0]+" /",r+="\n/# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var c="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!c)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var o=r(15),u={},d=c&&(document.head\|\|document.getElementsByTagName("head")[0]),f=null,p=0,h=!1,v=function(){},g="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());e.exports=function(e,t,r){h=r;var a=o(e,t);return n(a),function(t){for(var r=[],i=0;i<a.length;i++){var s=a[i],l=u[s.id];l.refs--,r.push(l)}t?(a=o(e,t),n(a)):a=[];for(var i=0;i<r.length;i++){var l=r[i];if(0===l.refs){for(var c=0;c<l.parts.length;c++)l.parts[c]();delete u[l.id]}}}};var m=function(){var e=[];return function(t,r){return e[t]=r,e.filter(Boolean).join("\n")}}()},function(e,t,r){var n={};n.$style=r(13);var o=r(2)(r(6),r(11),null,n);e.exports=o.exports},function(e,t,r){var n={};n.$style=r(14);var o=r(2)(r(7),r(12),null,n);e.exports=o.exports},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(0),o=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e};t.default={name:"progressive-background",props:{noRatio:{type:Boolean,required:!1}},mixins:[n.a],data:function(){return{applyRatio:!this.noRatio}},computed:{imageStyle:function(){return{backgroundImage:"url("+this.image+")"}},placeholderStyle:function(){return o({},this.blurStyle,{backgroundImage:"url("+this.placeholderImage+")"})}}}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(0);t.default={name:"progressive-img",mixins:[n.a]}},function(e,t,r){"use strict";r.d(t,"a",function(){return n});var n=function(e){return"undefined"!=typeof e&&null!==e}},function(e,t,r){t=e.exports=r(1)(),t.push([e.i,"._40653{position:relative;overflow:hidden}._38d8f,._40653{width:100%;height:100%}._38d8f{position:absolute;top:0;left:0;z-index:1;transition:all 1s ease-out;background-position:50%;background-repeat:no-repeat;background-size:cover;transform:translateZ(0)}._7e127{transform:translateZ(0) scale(1);z-index:0}._41c22{opacity:1}._35f2f{opacity:0}",""]),t.locals={component:"_40653",component:"_40653",image:"_38d8f",image:"_38d8f",placeholder:"_7e127 _38d8f",placeholder:"_7e127 _38d8f",before:"_41c22",before:"_41c22",enter:"_35f2f",enter:"_35f2f"}},function(e,t,r){t=e.exports=r(1)(),t.push([e.i,"._6afda{position:relative;overflow:hidden}.a10f2{position:absolute;top:0;left:0;max-width:100%;z-index:1;transition:all 1s ease-out;transform:translateZ(0)}._75caa{opacity:1}._36822{opacity:0}._0967c{z-index:0;overflow:hidden;transition:all .5s ease-out;backface-visibility:hidden;transform:translateZ(0) scale(1)}._0de36{transition:all .5s ease-out .9s;opacity:0}",""]),t.locals={component:"_6afda",component:"_6afda",image:"a10f2",image:"a10f2",before:"_75caa",before:"_75caa",enter:"_36822",enter:"_36822",placeholder:"_0967c a10f2",placeholder:"_0967c a10f2",out:"_0de36 _0967c a10f2",out:"_0de36 _0967c a10f2"}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,r=e._self._c\|\|t;return r("div",{class:e.$style.component},[r("div",{style:e.wrapperStyle},[r("transition",{attrs:{"enter-class":e.$style.enter,"enter-active-class":e.$style.before}},[e.shouldImageRender?r("div",{class:e.$style.image,style:e.imageStyle}):e._e()]),e._v(" "),r("transition",{attrs:{"enter-class":e.$style.enter,"enter-active-class":e.$style.before}},[e.shouldPlaceholderRender?r("div",{class:e.$style.placeholder,style:e.placeholderStyle}):e._e()])],1)])},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,r=e._self._c\|\|t;return r("div",{class:e.$style.component},[r("div",{style:e.wrapperStyle},[r("transition",{attrs:{"enter-class":e.$style.enter,"enter-active-class":e.$style.before}},[e.shouldImageRender?r("img",{class:e.$style.image,attrs:{src:e.image}}):e._e()]),e._v(" "),r("transition",{attrs:{"enter-class":e.$style.enter,"enter-active-class":e.$style.before}},[e.shouldPlaceholderRender?r("img",{class:e.shouldImageRender?e.$style.out:e.$style.placeholder,style:e.blurStyle,attrs:{src:e.placeholderImage}}):e._e()])],1)])},staticRenderFns:[]}},function(e,t,r){var n=r(9);"string"==typeof n&&(n=[[e.i,n,""]]),n.locals&&(e.exports=n.locals);r(3)("8a9bcc50",n,!0)},function(e,t,r){var n=r(10);"string"==typeof n&&(n=[[e.i,n,""]]),n.locals&&(e.exports=n.locals);r(3)("d33b0056",n,!0)},function(e,t){e.exports=function(e,t){for(var r=[],n={},o=0;o<t.length;o++){var a=t[o],i=a[0],s=a[1],l=a[2],c=a[3],u={id:e+":"+o,css:s,media:l,sourceMap:c};n[i]?n[i].parts.push(u):r.push(n[i]={id:i,parts:[u]})}return r}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(5),o=r.n(n),a=r(4),i=r.n(a),s=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},l=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return s({},e,{data:function(){return{options:t}}})},c=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};e.component("progressive-img",l(o.a,t)),e.component("progressive-background",l(i.a,t))};t.default={install:c}}])});
		!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var r=t();for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(this,function(){return function(e){function t(n){if(r[n])return r[n].exports;var o=r[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var r={};return t.m=e,t.c=r,t.i=function(e){return e},t.d=function(e,r,n){t.o(e,r)\|\|Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=16)}([function(e,t,r){"use strict";var n=r(8);t.a={props:{src:{type:String,required:!0},placeholder:{type:String,required:!1},blur:{type:Number,required:!1},noRatio:{type:Boolean,required:!1}},data:function(){return{options:{},defaultBlur:5,image:null,placeholderImage:null,aspectRatio:.5625,isPollingKilled:!1,cached:!1}},computed:{shouldPlaceholderRender:function(){return!!this.placeholderImage},shouldImageRender:function(){return!!this.image},wrapperStyle:function(){if(!this.noRatio)return{paddingBottom:100this.aspectRatio+"%"}},blurStyle:function(){var e=this.defaultBlur;return r.i(n.a)(this.blur)?this.getBlurStyle(this.blur):r.i(n.a)(this.options.blur)?this.getBlurStyle(this.options.blur):this.getBlurStyle(e)}},created:function(){this.handleImageLoading()},methods:{getBlurStyle:function(e){if(0!==e)return{filter:"blur("+e+"px)"}},defineAspectRatio:function(e){var t=this,r=this.options.timeout\|\|2500,n=this.options.pollInterval\|\|80,o=setInterval(function(){if(e.naturalWidth){clearInterval(o);var r=e.naturalHeight,n=e.naturalWidth;t.aspectRatio=r/n}},n);setTimeout(function(){e.naturalWidth\|\|(clearInterval(o),t.isPollingKilled=!0)},r)},loadImage:function(){var e=this,t=new Image,r=this.options.delay\|\|0;this.defineAspectRatio(t),t.onload=setTimeout(function(){e.image\|\|(e.isPollingKilled&&e.defineAspectRatio(t),e.image=t.src,e.$emit("onLoad",t.src))},r),t.src=this.src,this.cached=t.complete},loadPlaceholder:function(){var e=this;if(this.placeholder\|\|this.options.placeholder){var t=new Image,r=this.placeholder;this.options.placeholder&&!this.placeholder&&(r=this.options.placeholder),t.onload=function(){e.placeholderImage=r,e.$emit("onLoadPlaceholder",r)},t.src=r}},handleImageLoading:function(){this.loadPlaceholder(),this.loadImage()}}}},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var r=this[t];r[2]?e.push("@media "+r[2]+"{"+r[1]+"}"):e.push(r[1])}return e.join("")},e.i=function(t,r){"string"==typeof t&&(t=[[null,t,""]]);for(var n={},o=0;o<this.length;o++){var a=this[o][0];"number"==typeof a&&(n[a]=!0)}for(o=0;o<t.length;o++){var i=t[o];"number"==typeof i[0]&&n[i[0]]\|\|(r&&!i[2]?i[2]=r:r&&(i[2]="("+i[2]+") and ("+r+")"),e.push(i))}},e}},function(e,t){e.exports=function(e,t,r,n){var o,a=e=e\|\|{},i=typeof e.default;"object"!==i&&"function"!==i\|\|(o=e,a=e.default);var s="function"==typeof a?a.options:a;if(t&&(s.render=t.render,s.staticRenderFns=t.staticRenderFns),r&&(s._scopeId=r),n){var l=Object.create(s.computed\|\|null);Object.keys(n).forEach(function(e){var t=n[e];l[e]=function(){return t}}),s.computed=l}return{esModule:o,exports:a,options:s}}},function(e,t,r){function n(e){for(var t=0;t<e.length;t++){var r=e[t],n=u[r.id];if(n){n.refs++;for(var o=0;o<n.parts.length;o++)n.parts[o](r.parts[o]);for(;o<r.parts.length;o++)n.parts.push(i(r.parts[o]));n.parts.length>r.parts.length&&(n.parts.length=r.parts.length)}else{for(var a=[],o=0;o<r.parts.length;o++)a.push(i(r.parts[o]));u[r.id]={id:r.id,refs:1,parts:a}}}}function o(e,t){for(var r=[],n={},o=0;o<t.length;o++){var a=t[o],i=a[0],s=a[1],l=a[2],c=a[3],u={css:s,media:l,sourceMap:c};n[i]?(u.id=e+":"+n[i].parts.length,n[i].parts.push(u)):(u.id=e+":0",r.push(n[i]={id:i,parts:[u]}))}return r}function a(){var e=document.createElement("style");return e.type="text/css",d.appendChild(e),e}function i(e){var t,r,n=document.querySelector('style[data-vue-ssr-id~="'+e.id+'"]'),o=null!=n;if(o&&h)return v;if(g){var i=p++;n=f\|\|(f=a()),t=s.bind(null,n,i,!1),r=s.bind(null,n,i,!0)}else n=n\|\|a(),t=l.bind(null,n),r=function(){n.parentNode.removeChild(n)};return o\|\|t(e),function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap)return;t(e=n)}else r()}}function s(e,t,r,n){var o=r?"":n.css;if(e.styleSheet)e.styleSheet.cssText=m(t,o);else{var a=document.createTextNode(o),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(a,i[t]):e.appendChild(a)}}function l(e,t){var r=t.css,n=t.media,o=t.sourceMap;if(n&&e.setAttribute("media",n),o&&(r+="\n/# sourceURL="+o.sources[0]+" /",r+="\n/# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var c="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!c)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var o=r(15),u={},d=c&&(document.head\|\|document.getElementsByTagName("head")[0]),f=null,p=0,h=!1,v=function(){},g="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());e.exports=function(e,t,r){h=r;var a=o(e,t);return n(a),function(t){for(var r=[],i=0;i<a.length;i++){var s=a[i],l=u[s.id];l.refs--,r.push(l)}t?(a=o(e,t),n(a)):a=[];for(var i=0;i<r.length;i++){var l=r[i];if(0===l.refs){for(var c=0;c<l.parts.length;c++)l.parts[c]();delete u[l.id]}}}};var m=function(){var e=[];return function(t,r){return e[t]=r,e.filter(Boolean).join("\n")}}()},function(e,t,r){var n={};n.$style=r(13);var o=r(2)(r(6),r(11),null,n);e.exports=o.exports},function(e,t,r){var n={};n.$style=r(14);var o=r(2)(r(7),r(12),null,n);e.exports=o.exports},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(0),o=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e};t.default={name:"progressive-background",props:{noRatio:{type:Boolean,required:!1}},mixins:[n.a],data:function(){return{applyRatio:!this.noRatio}},computed:{imageStyle:function(){return{backgroundImage:"url("+this.image+")"}},placeholderStyle:function(){return o({},this.blurStyle,{backgroundImage:"url("+this.placeholderImage+")"})}}}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(0);t.default={name:"progressive-img",mixins:[n.a]}},function(e,t,r){"use strict";r.d(t,"a",function(){return n});var n=function(e){return"undefined"!=typeof e&&null!==e}},function(e,t,r){t=e.exports=r(1)(),t.push([e.i,"._40653{position:relative;overflow:hidden}._38d8f,._40653{width:100%;height:100%}._38d8f{position:absolute;top:0;left:0;z-index:1;transition:all 1s ease-out;background-position:50%;background-repeat:no-repeat;background-size:cover;transform:translateZ(0)}._7e127{transform:translateZ(0) scale(1);z-index:0}._41c22{opacity:1}._35f2f{opacity:0}",""]),t.locals={component:"_40653",component:"_40653",image:"_38d8f",image:"_38d8f",placeholder:"_7e127 _38d8f",placeholder:"_7e127 _38d8f",before:"_41c22",before:"_41c22",enter:"_35f2f",enter:"_35f2f"}},function(e,t,r){t=e.exports=r(1)(),t.push([e.i,"._6afda{position:relative;overflow:hidden}.a10f2{position:absolute;top:0;left:0;width:100%;z-index:1;transition:all 1s ease-out;transform:translateZ(0)}._75caa{opacity:1}._36822{opacity:0}._0967c{z-index:0;overflow:hidden;transition:all .5s ease-out;backface-visibility:hidden;transform:translateZ(0) scale(1)}._0de36{transition:all .5s ease-out .9s;opacity:0}",""]),t.locals={component:"_6afda",component:"_6afda",image:"a10f2",image:"a10f2",before:"_75caa",before:"_75caa",enter:"_36822",enter:"_36822",placeholder:"_0967c a10f2",placeholder:"_0967c a10f2",out:"_0de36 _0967c a10f2",out:"_0de36 _0967c a10f2"}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,r=e._self._c\|\|t;return r("div",{class:e.$style.component},[r("div",{style:e.wrapperStyle},[r("transition",{attrs:{"enter-class":e.$style.enter,"enter-active-class":e.$style.before}},[e.shouldImageRender?r("div",{class:e.$style.image,style:e.imageStyle}):e._e()]),e._v(" "),r("transition",{attrs:{"enter-class":e.$style.enter,"enter-active-class":e.$style.before}},[e.shouldPlaceholderRender?r("div",{class:e.$style.placeholder,style:e.placeholderStyle}):e._e()])],1)])},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,r=e._self._c\|\|t;return r("div",{class:e.$style.component},[r("div",{style:e.wrapperStyle},[r("transition",{attrs:{"enter-class":e.$style.enter,"enter-active-class":e.$style.before}},[e.shouldImageRender?r("img",{class:e.$style.image,attrs:{src:e.image}}):e._e()]),e._v(" "),r("transition",{attrs:{"enter-class":e.$style.enter,"enter-active-class":e.$style.before}},[e.shouldPlaceholderRender?r("img",{class:e.shouldImageRender?e.$style.out:e.$style.placeholder,style:e.blurStyle,attrs:{src:e.placeholderImage}}):e._e()])],1)])},staticRenderFns:[]}},function(e,t,r){var n=r(9);"string"==typeof n&&(n=[[e.i,n,""]]),n.locals&&(e.exports=n.locals);r(3)("8a9bcc50",n,!0)},function(e,t,r){var n=r(10);"string"==typeof n&&(n=[[e.i,n,""]]),n.locals&&(e.exports=n.locals);r(3)("d33b0056",n,!0)},function(e,t){e.exports=function(e,t){for(var r=[],n={},o=0;o<t.length;o++){var a=t[o],i=a[0],s=a[1],l=a[2],c=a[3],u={id:e+":"+o,css:s,media:l,sourceMap:c};n[i]?n[i].parts.push(u):r.push(n[i]={id:i,parts:[u]})}return r}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(5),o=r.n(n),a=r(4),i=r.n(a),s=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},l=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return s({},e,{data:function(){return{options:t}}})},c=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};e.component("progressive-img",l(o.a,t)),e.component("progressive-background",l(i.a,t))};t.default={install:c}}])});

package.json

		{
		"name": "vue-progressive-image",
		"version": "1.4.1",
		"version": "1.4.2",
		"description": "Vue progressive image loading plugin",
		@@ -5,0 +5,0 @@ "main": "dist/vue-progressive-image.js",

dist/vue-progressive-image.js.gz

Sorry, the diff of this file is not supported yet

src/component/image/image.css

Sorry, the diff of this file is not supported yet

vue-progressive-image - npm Package Compare versions

New alerts

Fixed alerts

Improved metrics

Worsened metrics