%PDF-
%PDF-
Mini Shell
Mini Shell
class RocketLazyLoadScripts {
constructor( triggerEvents, browser ) {
this.attrName = 'data-rocketlazyloadscript';
this.browser = browser;
this.options = this.browser.options;
this.triggerEvents = triggerEvents;
this.userEventListener = this.triggerListener.bind( this );
}
/**
* Initializes the LazyLoad Scripts handler.
*/
init() {
this._addEventListener( this );
}
/**
* Resets the handler.
*/
reset() {
this._removeEventListener( this );
}
/**
* Adds a listener for each of the configured user interactivity event type. When an even is triggered, it invokes
* the triggerListener() method.
*
* @private
*
* @param self Instance of this object.
*/
_addEventListener( self ) {
this.triggerEvents.forEach(
eventName => window.addEventListener( eventName, self.userEventListener, self.options )
);
}
/**
* Removes the listener for each of the configured user interactivity event type.
*
* @private
*
* @param self Instance of this object.
*/
_removeEventListener( self ) {
this.triggerEvents.forEach(
eventName => window.removeEventListener( eventName, self.userEventListener, self.options )
);
}
/**
* Loads the script's src from the data attribute, which will then trigger the browser to request and
* load the script.
*/
_loadScriptSrc() {
const scripts = document.querySelectorAll( `script[${ this.attrName }]` );
scripts.forEach( elem => {
const scriptSrc = elem.getAttribute( this.attrName );
elem.setAttribute( 'src', scriptSrc );
elem.removeAttribute( this.attrName );
} );
this.reset();
}
/**
* Window event listener - when triggered, invokes the load script src handler and then resets.
*/
triggerListener() {
this._loadScriptSrc();
this._removeEventListener( this );
}
/**
* Named static constructor to encapsulate how to create the object.
*/
static run() {
// Bail out if the browser checker does not exist.
if ( ! RocketBrowserCompatibilityChecker ) {
return;
}
const options = {
passive: true
};
const browser = new RocketBrowserCompatibilityChecker( options );
const instance = new RocketLazyLoadScripts(
[
'keydown',
'mouseover',
'touchmove',
'touchstart'
],
browser
);
instance.init();
}
}
RocketLazyLoadScripts.run();
Zerion Mini Shell 1.0