jellyfin-web/dashboard-ui/bower_components/emby-webcomponents/lazyloader/lazyloader-intersectionobserver.js

define(['visibleinviewport', 'browser', 'dom'], function (visibleinviewport, browser, dom) {
    'use strict';

    function LazyLoader(options) {

        this.options = options;
    }

    LazyLoader.prototype.createObserver = function () {

        var observerOptions = {};
        var options = this.options;
        var loadedCount = 0;
        var callback = options.callback;

        //options.rootMargin = "300%";

        var self = this;
        var observer = new IntersectionObserver(function (entries) {
            for (var j = 0, length2 = entries.length; j < length2; j++) {
                var entry = entries[j];
                var target = entry.target;
                observer.unobserve(target);
                callback(target);
                loadedCount++;

                if (loadedCount >= self.elementCount) {
                    self.destroyObserver();
                }
            }
        },
        observerOptions
        );

        this.observer = observer;
    };

    LazyLoader.prototype.addElements = function (elements) {

        var observer = this.observer;

        if (!observer) {
            this.createObserver();
            observer = this.observer;
        }

        this.elementCount = (this.elementCount || 0) + elements.length;

        for (var i = 0, length = elements.length; i < length; i++) {
            observer.observe(elements[i]);
        }
    };

    LazyLoader.prototype.destroyObserver = function (elements) {

        var observer = this.observer;

        if (observer) {
            observer.disconnect();
            this.observer = null;
        }
    };

    LazyLoader.prototype.destroy = function (elements) {

        this.destroyObserver();
        this.options = null;
    };

    function unveilElements(elements, root, callback) {

        if (!elements.length) {
            return;
        }
        var lazyLoader = new LazyLoader({
            callback: callback
        });
        lazyLoader.addElements(elements);
    }

    LazyLoader.lazyChildren = function (elem, callback) {

        unveilElements(elem.getElementsByClassName('lazy'), elem, callback);
    }

    return LazyLoader;
});