pdopage и vanilla-lazyload

{'!pdoPage' | snippet: [
                'parents' => $_modx->resource.id,
            	'limit' => 12,
            	'includeTVs' => '',
            	'processTVs' => 1,
            	'tvPrefix' => '',
            	'tpl' => 'card',
            	'templates' => 4,
            	'ajax' => 1,
            	'ajaxMode' => 'scroll',
            	'ajaxElemWrapper' => '#list',
            	'ajaxElemRows' => '#list .row',
            	'ajaxElemPagination' => '#list .pagination',
            	'ajaxElemLink' => '#list .pagination a',
            	'ajaxElemMore' => '#list .btn-more',
            	'ajaxTplMore' => '@INLINE <div class="text-center"><button class="btn btn-primary btn-more">Загрузить еще</button></div>',
            	'frontend_css' => '',
            	'frontend_js' => '[[+assetsUrl]]js/pdopage.js'
            ]}

<article>
	<a class="card transform-top" href="{$id | url}" title="{$menutitle}">
		<div class="card__header">
			<figure class="ratio ratio-16x9">
				<img class="lazy" data-src="{$preview_medium}" width="576" height="324" alt="{$menutitle}">
			</figure>
		</div>
		<div class="card__body">
			<h4 class="card__title">{$pagetitle}</h4>
		</div>
	</a>
</article>

document.addEventListener('DOMContentLoaded', () => {
	
	(function () {
        function logElementEvent(eventName, element) {
        	console.log(Date.now(), eventName, element.getAttribute("data-src"));
        }

        var callback_enter = function (element) {
        	logElementEvent("? ENTERED", element);
        };
        var callback_exit = function (element) {
        	logElementEvent("? EXITED", element);
        };
        var callback_loading = function (element) {
        	logElementEvent("⌚ LOADING", element);
			
        };
        var callback_loaded = function (element) {
        	logElementEvent("? LOADED", element);
        };
        var callback_error = function (element) {
        	logElementEvent("? ERROR", element);
        	element.src = "https://via.placeholder.com/440x560/?text=Error+Placeholder";
        };
        var callback_finish = function () {
        	logElementEvent("✔️ FINISHED", document.documentElement);
        };
        var callback_cancel = function (element) {
        	logElementEvent("? CANCEL", element);
        };

        var ll = new LazyLoad({
			callback_enter: callback_enter,
			callback_exit: callback_exit,
			callback_cancel: callback_cancel,
			callback_loading: callback_loading,
			callback_loaded: callback_loaded,
			callback_error: callback_error,
			callback_finish: callback_finish
        });
        
    })();

});

pdoPage.callbacks['after'] = function(config, response) {
    console.log('Конфиг после загрузки!', config);
    console.log('Ответ от сервера!', response);
}

$(document).on('pdopage_load', function(e, config, response) {
    console.log(e, config, response);
});

pdoPage.callbacks['after'] = function(config, response) {
    lazyLoadInstance.update();
}