Test your AI Agents with the all-new Agent to Agent Testing Platform.Learn More

How to use lazy method in elementium

Best Python code snippet using elementium_python

lazysizes-intersection.js

Source:lazysizes-intersection.js

1(function(window, factory) {2	if(typeof module == 'object' && module.exports){3		module.exports = lazySizes;4	} else {5		window.lazySizes = factory(window, window.document);6	}7}(window, function l(window, document) {8	'use strict';9	/*jshint eqnull:true */10	if(!window.IntersectionObserver || !document.getElementsByClassName || !window.MutationObserver){return;}11	var lazysizes, lazySizesCfg;12	var docElem = document.documentElement;13	var Date = window.Date;14	var supportPicture = window.HTMLPictureElement;15	var _addEventListener = 'addEventListener';16	var _getAttribute = 'getAttribute';17	var addEventListener = window[_addEventListener];18	var setTimeout = window.setTimeout;19	var requestAnimationFrame = window.requestAnimationFrame || setTimeout;20	var requestIdleCallback = window.requestIdleCallback || setTimeout;21	var regPicture = /^picture$/i;22	var loadEvents = ['load', 'error', 'lazyincluded', '_lazyloaded'];23	var forEach = Array.prototype.forEach;24	var hasClass = function(ele, cls) {25		return ele.classList.contains(cls);26	};27	var addClass = function(ele, cls) {28		ele.classList.add(cls);29	};30	var removeClass = function(ele, cls) {31		ele.classList.remove(cls);32	};33	var addRemoveLoadEvents = function(dom, fn, add){34		var action = add ? _addEventListener : 'removeEventListener';35		if(add){36			addRemoveLoadEvents(dom, fn);37		}38		loadEvents.forEach(function(evt){39			dom[action](evt, fn);40		});41	};42	var triggerEvent = function(elem, name, detail, noBubbles, noCancelable){43		var event = document.createEvent('CustomEvent');44		if(!detail){45			detail = {};46		}47		detail.instance = lazysizes;48		event.initCustomEvent(name, !noBubbles, !noCancelable, detail);49		elem.dispatchEvent(event);50		return event;51	};52	var updatePolyfill = function (el, full){53		var polyfill;54		if( !supportPicture && ( polyfill = (window.picturefill || lazySizesCfg.pf) ) ){55			polyfill({reevaluate: true, elements: [el]});56		} else if(full && full.src){57			el.src = full.src;58		}59	};60	var getWidth = function(elem, parent, width){61		width = width || elem.offsetWidth;62		while(width < lazySizesCfg.minSize && parent && !elem._lazysizesWidth){63			width =  parent.offsetWidth;64			parent = parent.parentNode;65		}66		return width;67	};68	var rAF = (function(){69		var running, waiting;70		var fns = [];71		var run = function(){72			var fn;73			running = true;74			waiting = false;75			while(fns.length){76				fn = fns.shift();77				fn[0].apply(fn[1], fn[2]);78			}79			running = false;80		};81		return function(fn){82			if(running){83				fn.apply(this, arguments);84			} else {85				fns.push([fn, this, arguments]);86				if(!waiting){87					waiting = true;88					(document.hidden ? setTimeout : requestAnimationFrame)(run);89				}90			}91		};92	})();93	var rAFIt = function(fn, simple){94		return simple ?95			function() {96				rAF(fn);97			} :98			function(){99				var that = this;100				var args = arguments;101				rAF(function(){102					fn.apply(that, args);103				});104			}105		;106	};107	//based on http://modernjavascript.blogspot.de/2013/08/building-better-debounce.html108	var debounce = function(func) {109		var timeout, timestamp;110		var wait = 99;111		var run = function(){112			timeout = null;113			func();114		};115		var later = function() {116			var last = Date.now() - timestamp;117			if (last < wait) {118				setTimeout(later, wait - last);119			} else {120				(requestIdleCallback || run)(run);121			}122		};123		return function() {124			timestamp = Date.now();125			if (!timeout) {126				timeout = setTimeout(later, wait);127			}128		};129	};130	var loader = (function(){131		var inviewObserver, preloadObserver;132		var lazyloadElems, isCompleted, resetPreloadingTimer, started;133		var regImg = /^img$/i;134		var regIframe = /^iframe$/i;135		var supportScroll = ('onscroll' in window) && !(/glebot/.test(navigator.userAgent));136		var isLoading = 0;137		var isPreloadLoading = 0;138		var resetPreloading = function(e){139			isLoading--;140			if(isPreloadLoading){141				isPreloadLoading--;142			}143			if(e && e.target){144				addRemoveLoadEvents(e.target, resetPreloading);145			}146			if(!e || isLoading < 0 || !e.target){147				isLoading = 0;148				isPreloadLoading = 0;149			}150			if(lazyQuedElements.length && (isLoading - isPreloadLoading) < 1 && isLoading < 3){151				setTimeout(function(){152					while(lazyQuedElements.length && (isLoading - isPreloadLoading) < 1 && isLoading < 4){153						lazyUnveilElement({target: lazyQuedElements.shift()});154					}155				});156			}157		};158		var switchLoadingClass = function(e){159			addClass(e.target, lazySizesCfg.loadedClass);160			removeClass(e.target, lazySizesCfg.loadingClass);161			addRemoveLoadEvents(e.target, rafSwitchLoadingClass);162		};163		var rafedSwitchLoadingClass = rAFIt(switchLoadingClass);164		var rafSwitchLoadingClass = function(e){165			rafedSwitchLoadingClass({target: e.target});166		};167		var changeIframeSrc = function(elem, src){168			try {169				elem.contentWindow.location.replace(src);170			} catch(e){171				elem.src = src;172			}173		};174		var handleSources = function(source){175			var customMedia;176			var sourceSrcset = source[_getAttribute](lazySizesCfg.srcsetAttr);177			if( (customMedia = lazySizesCfg.customMedia[source[_getAttribute]('data-media') || source[_getAttribute]('media')]) ){178				source.setAttribute('media', customMedia);179			}180			if(sourceSrcset){181				source.setAttribute('srcset', sourceSrcset);182			}183		};184		var lazyUnveil = rAFIt(function (elem, detail, isAuto, sizes, isImg){185			var src, srcset, parent, isPicture, event, firesLoad;186			if(!(event = triggerEvent(elem, 'lazybeforeunveil', detail)).defaultPrevented){187				if(sizes){188					if(isAuto){189						addClass(elem, lazySizesCfg.autosizesClass);190					} else {191						elem.setAttribute('sizes', sizes);192					}193				}194				srcset = elem[_getAttribute](lazySizesCfg.srcsetAttr);195				src = elem[_getAttribute](lazySizesCfg.srcAttr);196				if(isImg) {197					parent = elem.parentNode;198					isPicture = parent && regPicture.test(parent.nodeName || '');199				}200				firesLoad = detail.firesLoad || (('src' in elem) && (srcset || src || isPicture));201				event = {target: elem};202				if(firesLoad){203					addRemoveLoadEvents(elem, resetPreloading, true);204					clearTimeout(resetPreloadingTimer);205					resetPreloadingTimer = setTimeout(resetPreloading, 2500);206					addClass(elem, lazySizesCfg.loadingClass);207					addRemoveLoadEvents(elem, rafSwitchLoadingClass, true);208				}209				if(isPicture){210					forEach.call(parent.getElementsByTagName('source'), handleSources);211				}212				if(srcset){213					elem.setAttribute('srcset', srcset);214				} else if(src && !isPicture){215					if(regIframe.test(elem.nodeName)){216						changeIframeSrc(elem, src);217					} else {218						elem.src = src;219					}220				}221				if(srcset || isPicture){222					updatePolyfill(elem, {src: src});223				}224			}225			rAF(function(){226				if(elem._lazyRace){227					delete elem._lazyRace;228				}229				removeClass(elem, lazySizesCfg.lazyWaitClass);230				if( !firesLoad || elem.complete ){231					if(firesLoad){232						resetPreloading(event);233					} else {234						isLoading--;235					}236					switchLoadingClass(event);237				}238			});239		});240		var unveilElement = function (elem){241			var detail, index;242			var isImg = regImg.test(elem.nodeName);243			//allow using sizes="auto", but don't use. it's invalid. Use data-sizes="auto" or a valid value for sizes instead (i.e.: sizes="80vw")244			var sizes = isImg && (elem[_getAttribute](lazySizesCfg.sizesAttr) || elem[_getAttribute]('sizes'));245			var isAuto = sizes == 'auto';246			if( (isAuto || !isCompleted) && isImg && (elem.src || elem.srcset) && !elem.complete && !hasClass(elem, lazySizesCfg.errorClass)){return;}247			detail = triggerEvent(elem, 'lazyunveilread').detail;248			if(isAuto){249				 autoSizer.updateElem(elem, true, elem.offsetWidth);250			}251			isLoading++;252			if((index = lazyQuedElements.indexOf(elem)) != -1){253				lazyQuedElements.splice(index, 1);254			}255			inviewObserver.unobserve(elem);256			preloadObserver.unobserve(elem);257			lazyUnveil(elem, detail, isAuto, sizes, isImg);258		};259		var unveilElements = function(change){260			var i, len;261			for(i = 0, len = change.length; i < len; i++){262				if (change[i].isIntersecting === false) {263					continue;264				}265				unveilElement(change[i].target);266			}267		};268		var lazyQuedElements = [];269		var lazyUnveilElement = function(change){270			var index, i, len, element;271			for(i = 0, len = change.length; i < len; i++){272				element = change[i].target;273				if((isLoading - isPreloadLoading) < 1 && isLoading < 4){274					isPreloadLoading++;275					unveilElement(element);276				} else if((index = lazyQuedElements.indexOf(element)) == -1){277					lazyQuedElements.push(element);278				} else {279					lazyQuedElements.splice(index, 1);280				}281			}282		};283		var removeLazyClassElements = [];284		var removeLazyClass = rAFIt(function(){285			var element;286			while(removeLazyClassElements.length){287				element = removeLazyClassElements.shift();288				addClass(element, lazySizesCfg.lazyWaitClass);289				removeClass(element, lazySizesCfg.lazyClass);290				if(element._lazyAdd){291					delete element._lazyAdd;292				}293			}294		}, true);295		var addElements = function(){296			var i, len, runLazyRemove;297			for(i = 0, len = lazyloadElems.length; i < len; i++){298				if(!lazyloadElems[i]._lazyAdd){299					lazyloadElems[i]._lazyAdd = true;300					inviewObserver.observe(lazyloadElems[i]);301					preloadObserver.observe(lazyloadElems[i]);302					removeLazyClassElements.push(lazyloadElems[i]);303					runLazyRemove = true;304					if(!supportScroll){305						unveilElement(lazyloadElems[i]);306					}307				}308			}309			if(runLazyRemove){310				removeLazyClass();311			}312		};313		return {314			_: function(){315				started = Date.now();316				lazyloadElems = document.getElementsByClassName(lazySizesCfg.lazyClass);317				inviewObserver = new IntersectionObserver(unveilElements);318				preloadObserver = new IntersectionObserver(lazyUnveilElement, {319					rootMargin: lazySizesCfg.expand + 'px ' + (lazySizesCfg.expand * lazySizesCfg.hFac) + 'px',320				});321				new MutationObserver( addElements ).observe( docElem, {childList: true, subtree: true, attributes: true} );322				addElements();323			},324			unveil: unveilElement325		};326	})();327	var autoSizer = (function(){328		var autosizesElems;329		var sizeElement = rAFIt(function(elem, parent, event, width){330			var sources, i, len;331			elem._lazysizesWidth = width;332			width += 'px';333			elem.setAttribute('sizes', width);334			if(regPicture.test(parent.nodeName || '')){335				sources = parent.getElementsByTagName('source');336				for(i = 0, len = sources.length; i < len; i++){337					sources[i].setAttribute('sizes', width);338				}339			}340			if(!event.detail.dataAttr){341				updatePolyfill(elem, event.detail);342			}343		});344		var getSizeElement = function (elem, dataAttr, width){345			var event;346			var parent = elem.parentNode;347			if(parent){348				width = getWidth(elem, parent, width);349				event = triggerEvent(elem, 'lazybeforesizes', {width: width, dataAttr: !!dataAttr});350				if(!event.defaultPrevented){351					width = event.detail.width;352					if(width && width !== elem._lazysizesWidth){353						sizeElement(elem, parent, event, width);354					}355				}356			}357		};358		var updateElementsSizes = function(){359			var i;360			var len = autosizesElems.length;361			if(len){362				i = 0;363				for(; i < len; i++){364					getSizeElement(autosizesElems[i]);365				}366			}367		};368		var debouncedUpdateElementsSizes = debounce(updateElementsSizes);369		return {370			_: function(){371				autosizesElems = document.getElementsByClassName(lazySizesCfg.autosizesClass);372				addEventListener('resize', debouncedUpdateElementsSizes);373			},374			checkElems: debouncedUpdateElementsSizes,375			updateElem: getSizeElement376		};377	})();378	var init = function(){379		if(!init.i){380			init.i = true;381			autoSizer._();382			loader._();383		}384	};385	(function(){386		var prop;387		var lazySizesDefaults = {388			lazyClass: 'lazyload',389			lazyWaitClass: 'lazyloadwait',390			loadedClass: 'lazyloaded',391			loadingClass: 'lazyloading',392			preloadClass: 'lazypreload',393			errorClass: 'lazyerror',394			//strictClass: 'lazystrict',395			autosizesClass: 'lazyautosizes',396			srcAttr: 'data-src',397			srcsetAttr: 'data-srcset',398			sizesAttr: 'data-sizes',399			minSize: 40,400			customMedia: {},401			init: true,402			hFac: 0.8,403			loadMode: 2,404			expand: 400,405		};406		lazySizesCfg = window.lazySizesConfig || window.lazysizesConfig || {};407		for(prop in lazySizesDefaults){408			if(!(prop in lazySizesCfg)){409				lazySizesCfg[prop] = lazySizesDefaults[prop];410			}411		}412		setTimeout(function(){413			if(lazySizesCfg.init){414				init();415			}416		});417	})();418	lazysizes = {419		cfg: lazySizesCfg,420		autoSizer: autoSizer,421		loader: loader,422		init: init,423		uP: updatePolyfill,424		aC: addClass,425		rC: removeClass,426		hC: hasClass,427		fire: triggerEvent,428		gW: getWidth,429		rAF: rAF,430	};431	return lazysizes;...

MaterialUIComponentsRoutes.js

Source:MaterialUIComponentsRoutes.js

1import { lazy } from 'react';2const Accordion = lazy(() =>3  import('app/main/documentation/material-ui-components/pages/Accordion')4);5const Alert = lazy(() => import('app/main/documentation/material-ui-components/pages/Alert'));6const AppBar = lazy(() => import('app/main/documentation/material-ui-components/pages/AppBar'));7const Autocomplete = lazy(() =>8  import('app/main/documentation/material-ui-components/pages/Autocomplete')9);10const Avatars = lazy(() => import('app/main/documentation/material-ui-components/pages/Avatars'));11const Backdrop = lazy(() => import('app/main/documentation/material-ui-components/pages/Backdrop'));12const Badges = lazy(() => import('app/main/documentation/material-ui-components/pages/Badges'));13const BottomNavigation = lazy(() =>14  import('app/main/documentation/material-ui-components/pages/BottomNavigation')15);16const Box = lazy(() => import('app/main/documentation/material-ui-components/pages/Box'));17const Breadcrumbs = lazy(() =>18  import('app/main/documentation/material-ui-components/pages/Breadcrumbs')19);20const ButtonGroup = lazy(() =>21  import('app/main/documentation/material-ui-components/pages/ButtonGroup')22);23const Buttons = lazy(() => import('app/main/documentation/material-ui-components/pages/Buttons'));24const Cards = lazy(() => import('app/main/documentation/material-ui-components/pages/Cards'));25const Checkboxes = lazy(() =>26  import('app/main/documentation/material-ui-components/pages/Checkboxes')27);28const Chips = lazy(() => import('app/main/documentation/material-ui-components/pages/Chips'));29const ClickAwayListener = lazy(() =>30  import('app/main/documentation/material-ui-components/pages/ClickAwayListener')31);32const Container = lazy(() =>33  import('app/main/documentation/material-ui-components/pages/Container')34);35const CssBaseline = lazy(() =>36  import('app/main/documentation/material-ui-components/pages/CssBaseline')37);38const DatePicker = lazy(() =>39  import('app/main/documentation/material-ui-components/pages/DatePicker')40);41const DateRangePicker = lazy(() =>42  import('app/main/documentation/material-ui-components/pages/DateRangePicker')43);44const DateTimePicker = lazy(() =>45  import('app/main/documentation/material-ui-components/pages/DateTimePicker')46);47const Dialogs = lazy(() => import('app/main/documentation/material-ui-components/pages/Dialogs'));48const Dividers = lazy(() => import('app/main/documentation/material-ui-components/pages/Dividers'));49const Drawers = lazy(() => import('app/main/documentation/material-ui-components/pages/Drawers'));50const FloatingActionButton = lazy(() =>51  import('app/main/documentation/material-ui-components/pages/FloatingActionButton')52);53const Grid = lazy(() => import('app/main/documentation/material-ui-components/pages/Grid'));54const ImageList = lazy(() =>55  import('app/main/documentation/material-ui-components/pages/ImageList')56);57const Links = lazy(() => import('app/main/documentation/material-ui-components/pages/Links'));58const Lists = lazy(() => import('app/main/documentation/material-ui-components/pages/Lists'));59const Masonry = lazy(() => import('app/main/documentation/material-ui-components/pages/Masonry'));60const Menus = lazy(() => import('app/main/documentation/material-ui-components/pages/Menus'));61const Modal = lazy(() => import('app/main/documentation/material-ui-components/pages/Modal'));62const NoSsr = lazy(() => import('app/main/documentation/material-ui-components/pages/NoSsr'));63const Pagination = lazy(() =>64  import('app/main/documentation/material-ui-components/pages/Pagination')65);66const Paper = lazy(() => import('app/main/documentation/material-ui-components/pages/Paper'));67const Pickers = lazy(() => import('app/main/documentation/material-ui-components/pages/Pickers'));68const Popover = lazy(() => import('app/main/documentation/material-ui-components/pages/Popover'));69const Popper = lazy(() => import('app/main/documentation/material-ui-components/pages/Popper'));70const Portal = lazy(() => import('app/main/documentation/material-ui-components/pages/Portal'));71const Progress = lazy(() => import('app/main/documentation/material-ui-components/pages/Progress'));72const RadioButtons = lazy(() =>73  import('app/main/documentation/material-ui-components/pages/RadioButtons')74);75const Rating = lazy(() => import('app/main/documentation/material-ui-components/pages/Rating'));76const Selects = lazy(() => import('app/main/documentation/material-ui-components/pages/Selects'));77const Skeleton = lazy(() => import('app/main/documentation/material-ui-components/pages/Skeleton'));78const Slider = lazy(() => import('app/main/documentation/material-ui-components/pages/Slider'));79const Snackbars = lazy(() =>80  import('app/main/documentation/material-ui-components/pages/Snackbars')81);82const SpeedDial = lazy(() =>83  import('app/main/documentation/material-ui-components/pages/SpeedDial')84);85const Stack = lazy(() => import('app/main/documentation/material-ui-components/pages/Stack'));86const Steppers = lazy(() => import('app/main/documentation/material-ui-components/pages/Steppers'));87const Switches = lazy(() => import('app/main/documentation/material-ui-components/pages/Switches'));88const Tables = lazy(() => import('app/main/documentation/material-ui-components/pages/Tables'));89const Tabs = lazy(() => import('app/main/documentation/material-ui-components/pages/Tabs'));90const TextFields = lazy(() =>91  import('app/main/documentation/material-ui-components/pages/TextFields')92);93const TextareaAutosize = lazy(() =>94  import('app/main/documentation/material-ui-components/pages/TextareaAutosize')95);96const TimePicker = lazy(() =>97  import('app/main/documentation/material-ui-components/pages/TimePicker')98);99const Timeline = lazy(() => import('app/main/documentation/material-ui-components/pages/Timeline'));100const ToggleButton = lazy(() =>101  import('app/main/documentation/material-ui-components/pages/ToggleButton')102);103const Tooltips = lazy(() => import('app/main/documentation/material-ui-components/pages/Tooltips'));104const TransferList = lazy(() =>105  import('app/main/documentation/material-ui-components/pages/TransferList')106);107const Transitions = lazy(() =>108  import('app/main/documentation/material-ui-components/pages/Transitions')109);110const TrapFocus = lazy(() =>111  import('app/main/documentation/material-ui-components/pages/TrapFocus')112);113const TreeView = lazy(() => import('app/main/documentation/material-ui-components/pages/TreeView'));114const Typography = lazy(() =>115  import('app/main/documentation/material-ui-components/pages/Typography')116);117const MaterialUIComponentsRoutes = [118  {119    path: 'material-ui-components/accordion',120    element: <Accordion />,121  },122  {123    path: 'material-ui-components/alert',124    element: <Alert />,125  },126  {127    path: 'material-ui-components/app-bar',128    element: <AppBar />,...

lazy.js

Source:lazy.js

1import $ from '../../utils/dom';2import Utils from '../../utils/utils';3const Lazy = {4  loadInSlide(index, loadInDuplicate = true) {5    const swiper = this;6    const params = swiper.params.lazy;7    if (typeof index === 'undefined') return;8    if (swiper.slides.length === 0) return;9    const isVirtual = swiper.virtual && swiper.params.virtual.enabled;10    const $slideEl = isVirtual11      ? swiper.$wrapperEl.children(`.${swiper.params.slideClass}[data-swiper-slide-index="${index}"]`)12      : swiper.slides.eq(index);13    let $images = $slideEl.find(`.${params.elementClass}:not(.${params.loadedClass}):not(.${params.loadingClass})`);14    if ($slideEl.hasClass(params.elementClass) && !$slideEl.hasClass(params.loadedClass) && !$slideEl.hasClass(params.loadingClass)) {15      $images = $images.add($slideEl[0]);16    }17    if ($images.length === 0) return;18    $images.each((imageIndex, imageEl) => {19      const $imageEl = $(imageEl);20      $imageEl.addClass(params.loadingClass);21      const background = $imageEl.attr('data-background');22      const src = $imageEl.attr('data-src');23      const srcset = $imageEl.attr('data-srcset');24      const sizes = $imageEl.attr('data-sizes');25      swiper.loadImage($imageEl[0], (src || background), srcset, sizes, false, () => {26        if (typeof swiper === 'undefined' || swiper === null || !swiper || (swiper && !swiper.params) || swiper.destroyed) return;27        if (background) {28          $imageEl.css('background-image', `url("${background}")`);29          $imageEl.removeAttr('data-background');30        } else {31          if (srcset) {32            $imageEl.attr('srcset', srcset);33            $imageEl.removeAttr('data-srcset');34          }35          if (sizes) {36            $imageEl.attr('sizes', sizes);37            $imageEl.removeAttr('data-sizes');38          }39          if (src) {40            $imageEl.attr('src', src);41            $imageEl.removeAttr('data-src');42          }43        }44        $imageEl.addClass(params.loadedClass).removeClass(params.loadingClass);45        $slideEl.find(`.${params.preloaderClass}`).remove();46        if (swiper.params.loop && loadInDuplicate) {47          const slideOriginalIndex = $slideEl.attr('data-swiper-slide-index');48          if ($slideEl.hasClass(swiper.params.slideDuplicateClass)) {49            const originalSlide = swiper.$wrapperEl.children(`[data-swiper-slide-index="${slideOriginalIndex}"]:not(.${swiper.params.slideDuplicateClass})`);50            swiper.lazy.loadInSlide(originalSlide.index(), false);51          } else {52            const duplicatedSlide = swiper.$wrapperEl.children(`.${swiper.params.slideDuplicateClass}[data-swiper-slide-index="${slideOriginalIndex}"]`);53            swiper.lazy.loadInSlide(duplicatedSlide.index(), false);54          }55        }56        swiper.emit('lazyImageReady', $slideEl[0], $imageEl[0]);57      });58      swiper.emit('lazyImageLoad', $slideEl[0], $imageEl[0]);59    });60  },61  load() {62    const swiper = this;63    const {64      $wrapperEl, params: swiperParams, slides, activeIndex,65    } = swiper;66    const isVirtual = swiper.virtual && swiperParams.virtual.enabled;67    const params = swiperParams.lazy;68    let slidesPerView = swiperParams.slidesPerView;69    if (slidesPerView === 'auto') {70      slidesPerView = 0;71    }72    function slideExist(index) {73      if (isVirtual) {74        if ($wrapperEl.children(`.${swiperParams.slideClass}[data-swiper-slide-index="${index}"]`).length) {75          return true;76        }77      } else if (slides[index]) return true;78      return false;79    }80    function slideIndex(slideEl) {81      if (isVirtual) {82        return $(slideEl).attr('data-swiper-slide-index');83      }84      return $(slideEl).index();85    }86    if (!swiper.lazy.initialImageLoaded) swiper.lazy.initialImageLoaded = true;87    if (swiper.params.watchSlidesVisibility) {88      $wrapperEl.children(`.${swiperParams.slideVisibleClass}`).each((elIndex, slideEl) => {89        const index = isVirtual ? $(slideEl).attr('data-swiper-slide-index') : $(slideEl).index();90        swiper.lazy.loadInSlide(index);91      });92    } else if (slidesPerView > 1) {93      for (let i = activeIndex; i < activeIndex + slidesPerView; i += 1) {94        if (slideExist(i)) swiper.lazy.loadInSlide(i);95      }96    } else {97      swiper.lazy.loadInSlide(activeIndex);98    }99    if (params.loadPrevNext) {100      if (slidesPerView > 1 || (params.loadPrevNextAmount && params.loadPrevNextAmount > 1)) {101        const amount = params.loadPrevNextAmount;102        const spv = slidesPerView;103        const maxIndex = Math.min(activeIndex + spv + Math.max(amount, spv), slides.length);104        const minIndex = Math.max(activeIndex - Math.max(spv, amount), 0);105        // Next Slides106        for (let i = activeIndex + slidesPerView; i < maxIndex; i += 1) {107          if (slideExist(i)) swiper.lazy.loadInSlide(i);108        }109        // Prev Slides110        for (let i = minIndex; i < activeIndex; i += 1) {111          if (slideExist(i)) swiper.lazy.loadInSlide(i);112        }113      } else {114        const nextSlide = $wrapperEl.children(`.${swiperParams.slideNextClass}`);115        if (nextSlide.length > 0) swiper.lazy.loadInSlide(slideIndex(nextSlide));116        const prevSlide = $wrapperEl.children(`.${swiperParams.slidePrevClass}`);117        if (prevSlide.length > 0) swiper.lazy.loadInSlide(slideIndex(prevSlide));118      }119    }120  },121};122export default {123  name: 'lazy',124  params: {125    lazy: {126      enabled: false,127      loadPrevNext: false,128      loadPrevNextAmount: 1,129      loadOnTransitionStart: false,130      elementClass: 'swiper-lazy',131      loadingClass: 'swiper-lazy-loading',132      loadedClass: 'swiper-lazy-loaded',133      preloaderClass: 'swiper-lazy-preloader',134    },135  },136  create() {137    const swiper = this;138    Utils.extend(swiper, {139      lazy: {140        initialImageLoaded: false,141        load: Lazy.load.bind(swiper),142        loadInSlide: Lazy.loadInSlide.bind(swiper),143      },144    });145  },146  on: {147    beforeInit() {148      const swiper = this;149      if (swiper.params.lazy.enabled && swiper.params.preloadImages) {150        swiper.params.preloadImages = false;151      }152    },153    init() {154      const swiper = this;155      if (swiper.params.lazy.enabled && !swiper.params.loop && swiper.params.initialSlide === 0) {156        swiper.lazy.load();157      }158    },159    scroll() {160      const swiper = this;161      if (swiper.params.freeMode && !swiper.params.freeModeSticky) {162        swiper.lazy.load();163      }164    },165    resize() {166      const swiper = this;167      if (swiper.params.lazy.enabled) {168        swiper.lazy.load();169      }170    },171    scrollbarDragMove() {172      const swiper = this;173      if (swiper.params.lazy.enabled) {174        swiper.lazy.load();175      }176    },177    transitionStart() {178      const swiper = this;179      if (swiper.params.lazy.enabled) {180        if (swiper.params.lazy.loadOnTransitionStart || (!swiper.params.lazy.loadOnTransitionStart && !swiper.lazy.initialImageLoaded)) {181          swiper.lazy.load();182        }183      }184    },185    transitionEnd() {186      const swiper = this;187      if (swiper.params.lazy.enabled && !swiper.params.lazy.loadOnTransitionStart) {188        swiper.lazy.load();189      }190    },191    slideChange() {192      const swiper = this;193      if (swiper.params.lazy.enabled && swiper.params.cssMode) {194        swiper.lazy.load();195      }196    },197  },...

ls.optimumx.js

Source:ls.optimumx.js

1(function(window, factory) {2	if(!window) {return;}3	var globalInstall = function(){4		factory(window.lazySizes);5		window.removeEventListener('lazyunveilread', globalInstall, true);6	};7	factory = factory.bind(null, window, window.document);8	if(typeof module == 'object' && module.exports){9		factory(require('lazysizes'));10	} else if(window.lazySizes) {11		globalInstall();12	} else {13		window.addEventListener('lazyunveilread', globalInstall, true);14	}15}(typeof window != 'undefined' ?16	window : 0, function(window, document, lazySizes) {17	/*jshint eqnull:true */18	'use strict';19	if(!window.addEventListener){return;}20	var config;21	var regPicture = /^picture$/i;22	var docElem = document.documentElement;23	var parseWsrcset = (function(){24		var candidates;25		var reg = /(([^,\s].[^\s]+)\s+(\d+)(w|h)(\s+(\d+)(w|h))?)/g;26		var addCandidate = function(match, candidate, url, descNumber1, descType1, fullDesc, descNumber2, descType2){27			candidates.push({28				c: candidate,29				u: url,30				w: (descType2 == 'w' ? descNumber2 : descNumber1)  * 131			});32		};33		return function(input){34			candidates = [];35			input.replace(reg, addCandidate);36			return candidates;37		};38	})();39	var parseImg = (function(){40		var ascendingSort = function ( a, b ) {41			return a.w - b.w;42		};43		var parseSets =  function (elem, dataName){44			var lazyData = {srcset: elem.getAttribute(lazySizes.cfg.srcsetAttr)  || ''};45			var cands = parseWsrcset(lazyData.srcset);46			Object.defineProperty(elem, dataName, {47				value: lazyData,48				writable: true49			});50			lazyData.cands = cands;51			lazyData.index = 0;52			lazyData.dirty = false;53			if(cands[0] && cands[0].w){54				cands.sort( ascendingSort );55				lazyData.cSrcset = [cands[ lazyData.index ].c];56			} else {57				lazyData.cSrcset = lazyData.srcset ? [lazyData.srcset] : [];58				lazyData.cands = [];59			}60			return lazyData;61		};62		return function parseImg(elem, dataName){63			var sources, i, len, parent;64			if(!elem[dataName]){65				parent = elem.parentNode || {};66				elem[dataName] = parseSets(elem, dataName);67				elem[dataName].isImg = true;68				if(regPicture.test(parent.nodeName || '')){69					elem[dataName].picture = true;70					sources = parent.getElementsByTagName('source');71					for(i = 0, len = sources.length; i < len; i++){72						parseSets(sources[i], dataName).isImg = false;73					}74				}75			}76			return elem[dataName];77		};78	})();79	var constraintFns = {80		_lazyOptimumx: (function(){81			var takeHighRes = function (lowerCandidate, higherCandidateResolution, optimumx){82				var low, bonusFactor, substract;83				if(!lowerCandidate || !lowerCandidate.d){84					return true;85				}86				substract = optimumx > 0.7 ? 0.6 : 0.4;87				if(lowerCandidate.d >= optimumx){return false;}88				bonusFactor = Math.pow(lowerCandidate.d - substract, 1.6) || 0.1;89				if(bonusFactor < 0.1){90					bonusFactor = 0.1;91				} else if(bonusFactor > 3){92					bonusFactor = 3;93				}94				low = lowerCandidate.d + ((higherCandidateResolution - optimumx) * bonusFactor);95				return low < optimumx;96			};97			return function (data, width, optimumx){98				var i, can;99				for(i = 0; i < data.cands.length; i++){100					can = data.cands[i];101					can.d = (can.w || 1) / width;102					if(data.index >= i){continue;}103					if(can.d <= optimumx || takeHighRes(data.cands[i - 1], can.d, optimumx)){104						data.cSrcset.push(can.c);105						data.index = i;106					} else {107						break;108					}109				}110			};111		})()112	};113	var constrainSets = (function(){114		var constrainSet = function(elem, displayWidth, optimumx, attr, dataName){115			var curIndex;116			var lazyData = elem[dataName];117			if(!lazyData){return;}118			curIndex = lazyData.index;119			constraintFns[dataName](lazyData, displayWidth, optimumx);120			if(!lazyData.dirty || curIndex != lazyData.index){121				lazyData.cSrcset.join(', ');122				elem.setAttribute(attr, lazyData.cSrcset.join(', '));123				lazyData.dirty = true;124			}125		};126		return function(image, displayWidth, optimumx, attr, dataName){127			var sources, parent, len, i;128			var lazyData = image[dataName];129			lazyData.width = displayWidth;130			if(lazyData.picture && (parent = image.parentNode)){131				sources = parent.getElementsByTagName('source');132				for(i = 0, len = sources.length; i < len; i++){133					constrainSet(sources[i], displayWidth, optimumx, attr, dataName);134				}135			}136			constrainSet(image, displayWidth, optimumx, attr, dataName);137		};138	})();139	var getOptimumX = function(element){140		var optimumx = element.getAttribute('data-optimumx') || element.getAttribute('data-maxdpr');141		if(!optimumx && config.constrainPixelDensity){142			optimumx = 'auto';143		}144		if(optimumx){145			if(optimumx == 'auto'){146				optimumx = config.getOptimumX(element);147			} else {148				optimumx = parseFloat(optimumx, 10);149			}150		}151		return optimumx;152	};153	var extentLazySizes = function(){154		if(lazySizes && !lazySizes.getOptimumX){155			lazySizes.getX = getOptimumX;156			lazySizes.pWS = parseWsrcset;157			docElem.removeEventListener('lazybeforeunveil', extentLazySizes);158		}159	};160	docElem.addEventListener('lazybeforeunveil', extentLazySizes);161	setTimeout(extentLazySizes);162	config = lazySizes && lazySizes.cfg;163	if(typeof config.getOptimumX != 'function'){164		config.getOptimumX = function(/*element*/){165			var dpr = window.devicePixelRatio || 1;166			if(dpr > 2.6){167				dpr *= 0.6; // returns 1.8 for 3168			} else if(dpr > 1.9){169				dpr *= 0.8; // returns 1.6 for 2170			} else {171				dpr -= 0.01; // returns 0.99 for 1172			}173			return Math.min(Math.round(dpr * 100) / 100, 2);174		};175	}176	if(!window.devicePixelRatio){return;}177	addEventListener('lazybeforesizes', function(e){178		if(e.detail.instance != lazySizes){return;}179		var optimumx, lazyData, width, attr;180		var elem = e.target;181		var detail = e.detail;182		var dataAttr = detail.dataAttr;183		if(e.defaultPrevented ||184			!(optimumx = getOptimumX(elem)) ||185			optimumx >= devicePixelRatio){return;}186		if(dataAttr && elem._lazyOptimumx && !detail.reloaded && (!config.unloadedClass || !lazySizes.hC(elem, config.unloadedClass))){187			elem._lazyOptimumx = null;188		}189		lazyData = parseImg(elem, '_lazyOptimumx');190		width = detail.width;191		if(width && (lazyData.width || 0) < width){192			attr = dataAttr ? lazySizes.cfg.srcsetAttr : 'srcset';193			lazySizes.rAF(function(){194				constrainSets(elem, width, optimumx, attr, '_lazyOptimumx');195			});196		}197	});...

Automation Testing Tutorials

Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.