Elep

(function(window, factory) {
	var globalInstall = function(){
		factory(window.lazySizes);
		window.removeEventListener('lazyunveilread', globalInstall, true);
	};

factory = factory.bind(null, window, window.document);

if(typeof module == 'object' && module.exports){
		factory(require('lazysizes'));
	} else if (typeof define == 'function' && define.amd) {
		define(['lazysizes'], factory);
	} else if(window.lazySizes) {
		globalInstall();
	} else {
		window.addEventListener('lazyunveilread', globalInstall, true);
	}
}(window, function(window, document, lazySizes) {
	/*jshint eqnull:true */
	'use strict';
	var regBgUrlEscape;
	var autosizedElems = [];

if(document.addEventListener){
		regBgUrlEscape = /$|$|\s|'/;

addEventListener('lazybeforeunveil', function(e){
			if(e.detail.instance != lazySizes){return;}

var bg, bgWebP,swisLazyId;
			if(!e.defaultPrevented) {

if(e.target.preload == 'none'){
					e.target.preload = 'auto';
				}

// handle data-back (so as not to conflict with the stock data-bg)
				bg = e.target.dataset.back;
				// Was getAttribute('data-back');
				if (bg) {
					if(ewww_webp_supported) {
						console.log('checking for data-back-webp');
						bgWebP = e.target.dataset.backWebp;
						// Was bgWebP = e.target.getAttribute('data-back-webp');
						if (bgWebP) {
							console.log('replacing data-back with data-back-webp');
							bg = bgWebP;
						}
					}
					bg = constrainBg(bg,e.target);
					if ( e.target.style.backgroundImage && -1 === e.target.style.backgroundImage.search(/^initial/) ) {
						// Convert JSON for multiple URLs.
						if ( 0 === bg.search(/\[/) ) {
							console.log('multiple URLs to append');
							bg = JSON.parse(bg);
							bg.forEach(
								function(bg_url){
									bg_url = (regBgUrlEscape.test(bg_url) ? JSON.stringify(bg_url) : bg_url );
								}
							);
							bg = 'url("' + bg.join('"), url("') + '"';
							var new_bg = e.target.style.backgroundImage + ', ' + bg;
							console.log('setting .backgroundImage: ' + new_bg );
							e.target.style.backgroundImage = new_bg;
						} else {
							console.log( 'appending bg url: ' + e.target.style.backgroundImage + ', url(' + (regBgUrlEscape.test(bg) ? JSON.stringify(bg) : bg ) + ')' );
							e.target.style.backgroundImage = e.target.style.backgroundImage + ', url("' + (regBgUrlEscape.test(bg) ? JSON.stringify(bg) : bg ) + '")';
						}
					} else {
						// Convert JSON for multiple URLs.
						if ( 0 === bg.search(/\[/) ) {
							console.log('multiple URLs to insert');
							bg = JSON.parse(bg);
							bg.forEach(
								function(bg_url){
									bg_url = (regBgUrlEscape.test(bg_url) ? JSON.stringify(bg_url) : bg_url );
								}
							);
							bg = 'url("' + bg.join('"), url("') + '"';
							console.log('setting .backgroundImage: ' + bg );
							e.target.style.backgroundImage = bg;
						} else {
							console.log('setting .backgroundImage: ' + 'url(' + (regBgUrlEscape.test(bg) ? JSON.stringify(bg) : bg ) + ')');
							e.target.style.backgroundImage = 'url(' + (regBgUrlEscape.test(bg) ? JSON.stringify(bg) : bg ) + ')';
						}
					}
				}
				// Handle CSS images from SWIS.
				swisLazyId = e.target.dataset.swisLazyId;
				if (swisLazyId && swisLazyId in swis_lazy_css_images) {
					console.log('fetching CSS images for swisLazyId ' + swisLazyId);
					var css_images = swis_lazy_css_images[swisLazyId];
					var swisStyle  = document.querySelector('style#swis-lazy-css-styles');
					css_images.forEach(
						function(css_image){
							if (!css_image.url) {
								return;
							}
							if(ewww_webp_supported && css_image.webp_url) {
								console.log('webp supported, using webp url for css image');
								css_image.url = css_image.webp_url;
							}
							css_image.url = constrainBg(css_image.url,e.target);
							console.log('processing CSS image: ' + css_image.url + ' with hash ' + css_image.hash);
							var cssRule = css_image.selector + ' {--swis-bg-' + css_image.hash + ': url(' + css_image.url + '); }';
							swisStyle.sheet.insertRule(cssRule);
						}
					);
				}
			}
		}, false);
	}

var updateImgElem = function(target,upScale=false){
		var dPR = getdPR();
		var targetWidth = Math.round(target.offsetWidth * dPR);
		var targetHeight = Math.round(target.offsetHeight * dPR);

var getdPR = function() {
		if (eio_lazy_vars.use_dpr && window.devicePixelRatio > 1) {
			return window.devicePixelRatio;
		}
		return 1;
	}

// Based on http://modernjavascript.blogspot.de/2013/08/building-better-debounce.html
	var debounce = function(func) {
		var timeout, timestamp;
		var wait = 99;
		var run = function(){
			timeout = null;
			func();
		};
		var later = function() {
			var last = Date.now() - timestamp;

if (last < wait) {
				setTimeout(later, wait - last);
			} else {
				(window.requestIdleCallback || run)(run);
			}
		};

return function() {
			timestamp = Date.now();

if (!timeout) {
				timeout = setTimeout(later, wait);
			}
		};
	};

var recheckLazyElements = function(event = false) {
		console.log('rechecking elements:');
		if (event.type) {
			console.log(event.type);
			if ('load'===event.type) {
				lazySizes.autoSizer.checkElems();
			}
		}
		var dPR = getdPR();
		var autosizedElems = document.getElementsByClassName(lazySizes.cfg.loadedClass);
		var i;
		var len = autosizedElems.length;
		if(len){
			i = 0;

for(; i < len; i++){
				var autosizedElem = autosizedElems[i];
				if (autosizedElem.src && ! autosizedElem.srcset && autosizedElem.naturalWidth > 1 && autosizedElem.naturalHeight > 1 && autosizedElem.clientWidth > 1 && autosizedElem.clientHeight > 1){
					console.log(autosizedElem);
					console.log('natural width of ' + autosizedElem.src + ' is ' + autosizedElem.naturalWidth);
		        	// For each image with a natural width which isn't
		        	// a 1x1 image, check its size.
					var physicalWidth  = autosizedElem.naturalWidth;
					var physicalHeight = autosizedElem.naturalHeight;
					var maxWidth  = window.innerWidth;
					var maxHeight = window.innerHeight;
					var realDims  = getRealDimensionsFromImg(autosizedElem);
					var urlDims   = getDimensionsFromURL(autosizedElem.src);
	
					if (realDims.w) {
						maxWidth = realDims.w;
					} else if (urlDims.w) {
						maxWidth = urlDims.w;
					}
					if (realDims.h) {
						maxHeight = realDims.h;
					} else if (urlDims.h) {
						maxHeight = urlDims.h;
					}
					console.log( 'max image size is ' + maxWidth + 'w, ' + maxHeight + 'h');

// For upscaling, the goal is to get to 1x dPR, we won't waste bandwidth on retina/2x images.
					var desiredWidth  = autosizedElem.clientWidth;
					var desiredHeight = autosizedElem.clientHeight;
		            var wrongWidth  = (desiredWidth > physicalWidth * 1.1 && maxWidth >= desiredWidth);
		            var wrongHeight = (desiredHeight > physicalHeight * 1.1 && maxHeight >= desiredHeight);
					console.log('displayed at ' + Math.round(desiredWidth) + 'w x ' + Math.round(desiredHeight) + 'h, natural/physical is ' +
					physicalWidth + 'w x ' + physicalHeight + 'h');
		            if (wrongWidth || wrongHeight) {
		            	console.log('requesting upsize');
						updateImgElem(autosizedElem,true);
					}
				}
			}
		}
	};

var debouncedRecheckElements = debounce(recheckLazyElements);
	
	addEventListener('load', recheckLazyElements);
	addEventListener('resize', debouncedRecheckElements);
	setTimeout(recheckLazyElements, 20000);
}));