First separation commit.
Added LICENSE, README.md, CONTRIBUTORS.md
This commit is contained in:
parent
09513af31b
commit
4678528d00
657 changed files with 422 additions and 0 deletions
103
src/bower_components/emby-webcomponents/lazyloader/lazyloader-scroll.js
vendored
Normal file
103
src/bower_components/emby-webcomponents/lazyloader/lazyloader-scroll.js
vendored
Normal file
|
@ -0,0 +1,103 @@
|
|||
define(["visibleinviewport", "dom", "browser"], function(visibleinviewport, dom, browser) {
|
||||
"use strict";
|
||||
|
||||
function resetThresholds() {
|
||||
thresholdX = .3 * screen.availWidth, thresholdY = .3 * screen.availHeight
|
||||
}
|
||||
|
||||
function resetThresholdsOnTimer() {
|
||||
setTimeout(resetThresholds, 500)
|
||||
}
|
||||
|
||||
function isVisible(elem) {
|
||||
return visibleinviewport(elem, !0, thresholdX, thresholdY)
|
||||
}
|
||||
|
||||
function cancelAll(tokens) {
|
||||
for (var i = 0, length = tokens.length; i < length; i++) tokens[i] = !0
|
||||
}
|
||||
|
||||
function unveilElementsInternal(instance, callback) {
|
||||
function unveilInternal(tokenIndex) {
|
||||
for (var anyFound = !1, out = !1, elements = instance.elements, i = 0, length = elements.length; i < length; i++) {
|
||||
if (cancellationTokens[tokenIndex]) return;
|
||||
if (!unveiledElements[i]) {
|
||||
var elem = elements[i];
|
||||
!out && isVisible(elem) ? (anyFound = !0, unveiledElements[i] = !0, callback(elem), loadedCount++) : anyFound && (out = !0)
|
||||
}
|
||||
}
|
||||
loadedCount >= elements.length && (dom.removeEventListener(document, "focus", unveil, {
|
||||
capture: !0,
|
||||
passive: !0
|
||||
}), dom.removeEventListener(document, "scroll", unveil, {
|
||||
capture: !0,
|
||||
passive: !0
|
||||
}), dom.removeEventListener(document, wheelEvent, unveil, {
|
||||
capture: !0,
|
||||
passive: !0
|
||||
}), dom.removeEventListener(window, "resize", unveil, {
|
||||
capture: !0,
|
||||
passive: !0
|
||||
}))
|
||||
}
|
||||
|
||||
function unveil() {
|
||||
cancelAll(cancellationTokens);
|
||||
var index = cancellationTokens.length;
|
||||
cancellationTokens.length++, setTimeout(function() {
|
||||
unveilInternal(index)
|
||||
}, 1)
|
||||
}
|
||||
var unveiledElements = [],
|
||||
cancellationTokens = [],
|
||||
loadedCount = 0;
|
||||
dom.addEventListener(document, "focus", unveil, {
|
||||
capture: !0,
|
||||
passive: !0
|
||||
}), dom.addEventListener(document, "scroll", unveil, {
|
||||
capture: !0,
|
||||
passive: !0
|
||||
}), dom.addEventListener(document, wheelEvent, unveil, {
|
||||
capture: !0,
|
||||
passive: !0
|
||||
}), dom.addEventListener(window, "resize", unveil, {
|
||||
capture: !0,
|
||||
passive: !0
|
||||
}), unveil()
|
||||
}
|
||||
|
||||
function LazyLoader(options) {
|
||||
this.options = options
|
||||
}
|
||||
|
||||
function unveilElements(elements, root, callback) {
|
||||
if (elements.length) {
|
||||
new LazyLoader({
|
||||
callback: callback
|
||||
}).addElements(elements)
|
||||
}
|
||||
}
|
||||
var thresholdX, thresholdY;
|
||||
window.requestIdleCallback;
|
||||
browser.iOS ? (dom.addEventListener(window, "orientationchange", resetThresholdsOnTimer, {
|
||||
passive: !0
|
||||
}), dom.addEventListener(window, "resize", resetThresholdsOnTimer, {
|
||||
passive: !0
|
||||
})) : (dom.addEventListener(window, "orientationchange", resetThresholds, {
|
||||
passive: !0
|
||||
}), dom.addEventListener(window, "resize", resetThresholds, {
|
||||
passive: !0
|
||||
})), resetThresholds();
|
||||
var wheelEvent = document.implementation.hasFeature("Event.wheel", "3.0") ? "wheel" : "mousewheel";
|
||||
return LazyLoader.prototype.createObserver = function() {
|
||||
unveilElementsInternal(this, this.options.callback), this.observer = 1
|
||||
}, LazyLoader.prototype.addElements = function(elements) {
|
||||
this.elements = this.elements || [];
|
||||
for (var i = 0, length = elements.length; i < length; i++) this.elements.push(elements[i]);
|
||||
this.observer || this.createObserver()
|
||||
}, LazyLoader.prototype.destroyObserver = function(elements) {}, LazyLoader.prototype.destroy = function(elements) {
|
||||
this.destroyObserver(), this.options = null
|
||||
}, LazyLoader.lazyChildren = function(elem, callback) {
|
||||
unveilElements(elem.getElementsByClassName("lazy"), elem, callback)
|
||||
}, LazyLoader
|
||||
});
|
Loading…
Add table
Add a link
Reference in a new issue