Skip to content

Commit

Permalink
1.4.9 (#61)
Browse files Browse the repository at this point in the history
* add vendor directory to ignore

* add composer.lock to versioning

* update require-dev dependencies

* update PHP CS configuration

* update lazyload script version

* update lazyload script versions used and fix some bugs

* update description, stable tag, requires PHP and changelog
  • Loading branch information
remyperona authored Jul 26, 2018
1 parent 4bbe59e commit 3f196b9
Show file tree
Hide file tree
Showing 10 changed files with 1,003 additions and 37 deletions.
2 changes: 1 addition & 1 deletion .gitignore
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@

.DS_Store
composer.lock
/vendor/*
301 changes: 301 additions & 0 deletions assets/js/lazyload-10.11.1.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,301 @@
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };

(function (global, factory) {
(typeof exports === 'undefined' ? 'undefined' : _typeof(exports)) === 'object' && typeof module !== 'undefined' ? module.exports = factory() : typeof define === 'function' && define.amd ? define(factory) : global.LazyLoad = factory();
})(this, function () {
'use strict';

var getInstanceSettings = function getInstanceSettings(customSettings) {
var defaultSettings = {
elements_selector: "img",
container: document,
threshold: 300,
data_src: "src",
data_srcset: "srcset",
data_sizes: "sizes",
class_loading: "loading",
class_loaded: "loaded",
class_error: "error",
callback_load: null,
callback_error: null,
callback_set: null,
callback_enter: null
};

return _extends({}, defaultSettings, customSettings);
};

var dataPrefix = "data-";
var processedDataName = "was-processed";
var processedDataValue = "true";

var getData = function getData(element, attribute) {
return element.getAttribute(dataPrefix + attribute);
};

var setData = function setData(element, attribute, value) {
return element.setAttribute(dataPrefix + attribute, value);
};

var setWasProcessed = function setWasProcessed(element) {
return setData(element, processedDataName, processedDataValue);
};

var getWasProcessed = function getWasProcessed(element) {
return getData(element, processedDataName) === processedDataValue;
};

function purgeElements(elements) {
return elements.filter(function (element) {
return !getWasProcessed(element);
});
}

/* Creates instance and notifies it through the window element */
var createInstance = function createInstance(classObj, options) {
var event;
var eventString = "LazyLoad::Initialized";
var instance = new classObj(options);
try {
// Works in modern browsers
event = new CustomEvent(eventString, { detail: { instance: instance } });
} catch (err) {
// Works in Internet Explorer (all versions)
event = document.createEvent("CustomEvent");
event.initCustomEvent(eventString, false, false, { instance: instance });
}
window.dispatchEvent(event);
};

/* Auto initialization of one or more instances of lazyload, depending on the
options passed in (plain object or an array) */
function autoInitialize(classObj, options) {
if (!options.length) {
// Plain object
createInstance(classObj, options);
} else {
// Array of objects
for (var i = 0, optionsItem; optionsItem = options[i]; i += 1) {
createInstance(classObj, optionsItem);
}
}
}

var setSourcesInChildren = function setSourcesInChildren(parentTag, attrName, dataAttrName) {
for (var i = 0, childTag; childTag = parentTag.children[i]; i += 1) {
if (childTag.tagName === "SOURCE") {
var attributeValue = getData(childTag, dataAttrName);
if (attributeValue) {
childTag.setAttribute(attrName, attributeValue);
}
}
}
};

var setAttributeIfNotNullOrEmpty = function setAttributeIfNotNullOrEmpty(element, attrName, value) {
if (!value) {
return;
}
element.setAttribute(attrName, value);
};

var setSources = function setSources(element, settings) {
var sizesDataName = settings.data_sizes,
srcsetDataName = settings.data_srcset,
srcDataName = settings.data_src;

var srcDataValue = getData(element, srcDataName);
switch (element.tagName) {
case "IMG":
{
var parent = element.parentNode;
if (parent && parent.tagName === "PICTURE") {
setSourcesInChildren(parent, "srcset", srcsetDataName);
}
var sizesDataValue = getData(element, sizesDataName);
setAttributeIfNotNullOrEmpty(element, "sizes", sizesDataValue);
var srcsetDataValue = getData(element, srcsetDataName);
setAttributeIfNotNullOrEmpty(element, "srcset", srcsetDataValue);
setAttributeIfNotNullOrEmpty(element, "src", srcDataValue);
break;
}
case "IFRAME":
setAttributeIfNotNullOrEmpty(element, "src", srcDataValue);
break;
case "VIDEO":
setSourcesInChildren(element, "src", srcDataName);
setAttributeIfNotNullOrEmpty(element, "src", srcDataValue);
break;
default:
if (srcDataValue) {
element.style.backgroundImage = 'url("' + srcDataValue + '")';
}
}
};

var isBot = !("onscroll" in window) || /glebot/.test(navigator.userAgent);

var runningOnBrowser = typeof window !== "undefined";

var supportsIntersectionObserver = runningOnBrowser && "IntersectionObserver" in window;

var supportsClassList = runningOnBrowser && "classList" in document.createElement("p");

var addClass = function addClass(element, className) {
if (supportsClassList) {
element.classList.add(className);
return;
}
element.className += (element.className ? " " : "") + className;
};

var removeClass = function removeClass(element, className) {
if (supportsClassList) {
element.classList.remove(className);
return;
}
element.className = element.className.replace(new RegExp("(^|\\s+)" + className + "(\\s+|$)"), " ").replace(/^\s+/, "").replace(/\s+$/, "");
};

var callCallback = function callCallback(callback, argument) {
if (callback) {
callback(argument);
}
};

var loadString = "load";
var errorString = "error";

var removeListeners = function removeListeners(element, loadHandler, errorHandler) {
element.removeEventListener(loadString, loadHandler);
element.removeEventListener(errorString, errorHandler);
};

var addOneShotListeners = function addOneShotListeners(element, settings) {
var onLoad = function onLoad(event) {
onEvent(event, true, settings);
removeListeners(element, onLoad, onError);
};
var onError = function onError(event) {
onEvent(event, false, settings);
removeListeners(element, onLoad, onError);
};
element.addEventListener(loadString, onLoad);
element.addEventListener(errorString, onError);
};

var onEvent = function onEvent(event, success, settings) {
var element = event.target;
removeClass(element, settings.class_loading);
addClass(element, success ? settings.class_loaded : settings.class_error); // Setting loaded or error class
callCallback(success ? settings.callback_load : settings.callback_error, element);
};

function revealElement(element, settings, force) {
if (!force && getWasProcessed(element)) {
return; // element has already been processed and force wasn't true
}
callCallback(settings.callback_enter, element);
if (["IMG", "IFRAME", "VIDEO"].indexOf(element.tagName) > -1) {
addOneShotListeners(element, settings);
addClass(element, settings.class_loading);
}
setSources(element, settings);
setWasProcessed(element);
callCallback(settings.callback_set, element);
}

/* entry.isIntersecting needs fallback because is null on some versions of MS Edge, and
entry.intersectionRatio is not enough alone because it could be 0 on some intersecting elements */
var isIntersecting = function isIntersecting(element) {
return element.isIntersecting || element.intersectionRatio > 0;
};

var getObserverSettings = function getObserverSettings(settings) {
return {
root: settings.container === document ? null : settings.container,
rootMargin: settings.threshold + "px"
};
};

var LazyLoad = function LazyLoad(customSettings, elements) {
this._settings = getInstanceSettings(customSettings);
this._setObserver();
this.update(elements);
};

LazyLoad.prototype = {
_setObserver: function _setObserver() {
var _this = this;

if (!supportsIntersectionObserver) {
return;
}
var revealIntersectingElements = function revealIntersectingElements(entries) {
entries.forEach(function (entry) {
if (isIntersecting(entry)) {
var element = entry.target;
_this.load(element);
_this._observer.unobserve(element);
}
});
_this._elements = purgeElements(_this._elements);
};
this._observer = new IntersectionObserver(revealIntersectingElements, getObserverSettings(this._settings));
},

loadAll: function loadAll() {
var _this2 = this;

this._elements.forEach(function (element) {
_this2.load(element);
});
this._elements = purgeElements(this._elements);
},

update: function update(elements) {
var _this3 = this;

var settings = this._settings;
var nodeSet = elements || settings.container.querySelectorAll(settings.elements_selector);

this._elements = purgeElements(Array.prototype.slice.call(nodeSet)); // nodeset to array for IE compatibility

if (isBot || !this._observer) {
this.loadAll();
return;
}

this._elements.forEach(function (element) {
_this3._observer.observe(element);
});
},

destroy: function destroy() {
var _this4 = this;

if (this._observer) {
purgeElements(this._elements).forEach(function (element) {
_this4._observer.unobserve(element);
});
this._observer = null;
}
this._elements = null;
this._settings = null;
},

load: function load(element, force) {
revealElement(element, this._settings, force);
}
};

/* Automatic instances creation if required (useful for async script loading!) */
var autoInitOptions = window.lazyLoadOptions;
if (runningOnBrowser && autoInitOptions) {
autoInitialize(LazyLoad, autoInitOptions);
}

return LazyLoad;
});
1 change: 1 addition & 0 deletions assets/js/lazyload-10.11.1.min.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading

0 comments on commit 3f196b9

Please sign in to comment.