/home/arranoyd/magicraft/wp-content/plugins/ewww-image-optimizer/includes/ls.unveilhooks.js
/*
This plugin extends lazySizes to lazyLoad:
background images, videos/posters and scripts
Background-Image:
For background images, use data-bg attribute:
<div class="lazyload" data-bg="bg-img.jpg"></div>
Video:
For video/audio use data-poster and preload="none":
<video class="lazyload" data-poster="poster.jpg" preload="none">
<!-- sources -->
</video>
Scripts:
For scripts use data-script:
<div class="lazyload" data-script="module-name.js"></div>
Script modules using require:
For modules using require use data-require:
<div class="lazyload" data-require="module-name"></div>
*/
(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(window.lazySizes) {
globalInstall();
} else {
window.addEventListener('lazyunveilread', globalInstall, true);
}
}(window, function(window, document, lazySizes) {
/*jshint eqnull:true */
'use strict';
var bgLoad, regBgUrlEscape;
var uniqueUrls = {};
if(document.addEventListener){
regBgUrlEscape = /\(|\)|\s|'/;
bgLoad = function (url, cb){
var img = document.createElement('img');
img.onload = function(){
img.onload = null;
img.onerror = null;
img = null;
cb();
};
img.onerror = img.onload;
img.src = url;
if(img && img.complete && img.onload){
img.onload();
}
};
addEventListener('lazybeforeunveil', function(e){
if(e.detail.instance != lazySizes){return;}
var load, bg, bgWebP, poster;
if(!e.defaultPrevented) {
if(e.target.preload == 'none'){
e.target.preload = 'auto';
}
// handle data-bg
bg = e.target.getAttribute('data-bg');
if (bg) {
if(ewww_webp_supported) {
bgWebP = e.target.getAttribute('data-bg-webp');
if (bgWebP) {
bg = bgWebP;
}
}
var dPR = (window.devicePixelRatio || 1);
var targetWidth = Math.round(e.target.offsetWidth * dPR);
var targetHeight = Math.round(e.target.offsetHeight * dPR);
if (window.lazySizes.hC(e.target,'wp-block-cover')) {
if (window.lazySizes.hC(e.target,'has-parallax')) {
targetWidth = Math.round(window.screen.width * dPR);
targetHeight = Math.round(window.screen.height * dPR);
}
bg = constrainSrc(bg,targetWidth,targetHeight,'bg-cover');
} else if (window.lazySizes.hC(e.target,'elementor-bg')){
bg = constrainSrc(bg,targetWidth,targetHeight,'bg-cover');
} else {
bg = constrainSrc(bg,targetWidth,targetHeight,'bg');
}
e.detail.firesLoad = true;
load = function(){
e.target.style.backgroundImage = 'url(' + (regBgUrlEscape.test(bg) ? JSON.stringify(bg) : bg ) + ')';
e.detail.firesLoad = false;
lazySizes.fire(e.target, '_lazyloaded', {}, true, true);
};
bgLoad(bg, load);
}
// handle data-poster
poster = e.target.getAttribute('data-poster');
if(poster){
e.detail.firesLoad = true;
load = function(){
e.target.poster = poster;
e.detail.firesLoad = false;
lazySizes.fire(e.target, '_lazyloaded', {}, true, true);
};
bgLoad(poster, load);
}
}
}, false);
}
function addStyleScript(src, style){
if(uniqueUrls[src]){
return;
}
var elem = document.createElement(style ? 'link' : 'script');
var insertElem = document.getElementsByTagName('script')[0];
if(style){
elem.rel = 'stylesheet';
elem.href = src;
} else {
elem.src = src;
}
uniqueUrls[src] = true;
uniqueUrls[elem.src || elem.href] = true;
insertElem.parentNode.insertBefore(elem, insertElem);
}
}));