OwlCyberSecurity - MANAGER

Edit File: responsivelyLazy.js

/*
 * Responsively Lazy
 * http://ivopetkov.com/b/lazy-load-responsive-images/
 * Copyright 2015-2016, Ivo Petkov
 * Free to use under the MIT license.
 */

if ( typeof envira_lazy_load !== 'undefined' && envira_lazy_load == 'true' ) {

window.responsivelyLazy = (function () {

var hasWebPSupport = false;
    var windowWidth = null;
    var windowHeight = null;
    var justifiedReady = false;
    var galleryClass = false;
    var hasIntersectionObserverSupport = typeof IntersectionObserver !== 'undefined';

var isVisible = function (element) {

if (windowWidth === null) {

windowWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
            windowHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;

if (windowWidth === null) {
                return false;
            }
        }

var rect = element.getBoundingClientRect();

var elementTop = rect.top;
        var elementLeft = rect.left;
        var elementWidth = rect.width;
        var elementHeight = rect.height;
        var test = elementTop < windowHeight && elementTop + elementHeight > 0 && elementLeft < windowWidth && elementLeft + elementWidth > 0;

if ( test === false ) {

}
        return test;

};

jQuery.fn.exists = function(){return this.length>0;}

var containerWidth = container.offsetWidth * window.devicePixelRatio;

var bestSelectedOption = null;
        var optionsCount = options.length;
        for (var j = 0; j < optionsCount; j++) {
            var optionData = options[j];
            if (optionData[1] >= containerWidth) {
                bestSelectedOption = optionData;
                break;
            }
        }

if (bestSelectedOption === null) {
            bestSelectedOption = [element.getAttribute('data-envira-src'), 999999];
        }

if (typeof container.lastSetOption === 'undefined') {
            container.lastSetOption = ['', 0];
        }
        if (container.lastSetOption[1] < bestSelectedOption[1]) {
            var fireEvent = container.lastSetOption[1] === 0;
            var url = bestSelectedOption[0];
            var image = new Image();
            image.addEventListener('load', function () {
                element.setAttribute('srcset', url);
                element.setAttribute('src', url);
                if (fireEvent) {
                    var handler = container.getAttribute('data-onlazyload');
                    if (handler !== null) {
                        (new Function(handler).bind(container))();
                    }
                }
            }, false);
            image.addEventListener('error', function () {
                container.lastSetOption = ['', 0];
            }, false);

image.onload = function () {

if ( container.getAttribute( 'class' ) == 'envira-lazy' && jQuery( container ).not( "img" ) ) {
					// this is a legacy layout
					var the_image     = container.firstElementChild;
					var the_container = container;
					var image_id      = the_image.id;
					var image_src     = the_image.src;
					var gallery_id    = jQuery( the_image ).data( 'envira-gallery-id' );
					var item_id       = jQuery( container ).data( 'envira-item-id' );
					var naturalWidth  = this.naturalWidth;
					var naturalHeight = this.naturalHeight;
				} else {
					// we are going with the automatic
					var the_image     = image;
					var the_container = container;
					var image_id      = container.id;
					var image_src     = container.src;
					var gallery_id    = jQuery( container ).data( 'envira-gallery-id' );
					var item_id       = jQuery( container ).data( 'envira-item-id' );
					var naturalWidth  = this.naturalWidth;
					var naturalHeight = this.naturalHeight;

}

/* type check */

if ( gallery_id === undefined || gallery_id === null ) {
					gallery_id = 0;
				}

jQuery( document ).trigger(
					{
						type:           'envira_image_lazy_load_complete',
						container:      the_container,
						image_src:      image_src,
						image_id:       image_id,
						item_id:        item_id,
						gallery_id:     gallery_id,
						naturalWidth:   naturalWidth,
						naturalHeight:  naturalHeight,
					}
				);

}
            image.onerror = function () {
               /* console.error("Cannot load image"); */
               //do something else...
            }

image.src = null;
            image.src = url;

container.lastSetOption = bestSelectedOption;

}
    };

var updateWindowSize = function () {

windowWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
        windowHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
    };

var setGalleryClass = function ( theClass ) {
        galleryClass = theClass;
    }

var run = function ( galleryClass ) {

if ( typeof galleryClass === 'undefined' ) {
            return;
        }

if ( envira_lazy_load_delay === 'undefined' || envira_lazy_load_initial === false || envira_lazy_load_initial === 'undefined' ) {
                /* if we can't locate these vars, at least define the delay - there is no delay, super fast */
                envira_lazy_load_delay = 0;
            }

myVar = setTimeout(function () {

if ( jQuery( galleryClass + ' .envira-lazy > img').exists() ) {
                    update(document.querySelectorAll(galleryClass + ' .envira-lazy > img'), false);
                } else if ( jQuery(  galleryClass + ' img.envira-lazy').exists() ) {
                    update(document.querySelectorAll(galleryClass + ' img.envira-lazy'), true);
                }

envira_lazy_load_initial == true; // ok, we did the initial load so now delay can happen

}, envira_lazy_load_delay);

}
        //update(document.querySelectorAll('img.envira-lazy'), true);
    };

if ('srcset' in document.createElement('img') && typeof window.devicePixelRatio !== 'undefined' && typeof window.addEventListener !== 'undefined' && typeof document.querySelectorAll !== 'undefined') {

updateWindowSize();

var image = new Image();
        image.src = 'data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoCAAEADMDOJaQAA3AA/uuuAAA=';
        image.onload = image.onerror = function () {
            hasWebPSupport = image.width === 2;
            if (hasIntersectionObserverSupport) {

run();

} else {

var requestAnimationFrameFunction = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function (callback) {
                    window.setTimeout(callback, 1000 / 60);
                };

var hasChange = true;
                var runIfHasChange = function () {
                    if ( hasChange ) {
                        hasChange = false;
                        // run();
                    }
                    requestAnimationFrameFunction.call(null, runIfHasChange);
                };

var setChanged = function () {
                    hasChange = true;
                    runIfHasChange();
                };

}

return {
        'run': run,
        'isVisible': isVisible,
        'setGalleryClass': setGalleryClass
    };

}());

}