ext_yarn 0.4.0 → 0.5.0

data/vendor/lazysizes/plugins/static-gecko-picture/ls.static-gecko-picture.js

@@ -0,0 +1,82 @@
+/**
+ * FF's first picture implementation is static and does not react to viewport changes, this tiny script fixes this.
+ */
+(function(window, factory) {
+	var globalInstall = function(){
+		factory(window.lazySizes);
+		window.removeEventListener('lazyunveilread', globalInstall, true);
+	};
+
+	factory = factory.bind(null, window, window.document);
+
+	if(typeof module == 'object' && module.exports){
+		factory(require('lazysizes'));
+	} else if(window.lazySizes) {
+		globalInstall();
+	} else {
+		window.addEventListener('lazyunveilread', globalInstall, true);
+	}
+}(window, function(window, document, lazySizes) {
+	/*jshint eqnull:true */
+	var match;
+	var ua = navigator.userAgent;
+
+	if ( window.HTMLPictureElement && ((/ecko/).test(ua) && (match = ua.match(/rv\:(\d+)/)) && match[1] < 41) ) {
+		addEventListener("resize", (function() {
+			var timer;
+
+			var dummySrc = document.createElement("source");
+
+			var fixRespimg = function(img) {
+				var source, sizes;
+				var picture = img.parentNode;
+
+				if (picture.nodeName.toUpperCase() === "PICTURE") {
+					source = dummySrc.cloneNode();
+
+					picture.insertBefore(source, picture.firstElementChild);
+					setTimeout(function() {
+						picture.removeChild(source);
+					});
+				} else if (!img._pfLastSize || img.offsetWidth > img._pfLastSize) {
+					img._pfLastSize = img.offsetWidth;
+					sizes = img.sizes;
+					img.sizes += ",100vw";
+					setTimeout(function() {
+						img.sizes = sizes;
+					});
+				}
+			};
+
+			var findPictureImgs = function() {
+				var i;
+				var imgs = document.querySelectorAll("picture > img, img[srcset][sizes]");
+				for (i = 0; i < imgs.length; i++) {
+					fixRespimg(imgs[i]);
+				}
+			};
+			var onResize = function() {
+				clearTimeout(timer);
+				timer = setTimeout(findPictureImgs, 99);
+			};
+			var mq = window.matchMedia && matchMedia("(orientation: landscape)");
+			var init = function() {
+				onResize();
+
+				if (mq && mq.addListener) {
+					mq.addListener(onResize);
+				}
+			};
+
+			dummySrc.srcset = "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==";
+
+			if (/^[c|i]|d$/.test(document.readyState || "")) {
+				init();
+			} else {
+				document.addEventListener("DOMContentLoaded", init);
+			}
+
+			return onResize;
+		})());
+	}
+}));

data/vendor/lazysizes/plugins/twitter/ls.twitter.js

@@ -0,0 +1,63 @@
+(function(window, factory) {
+	var globalInstall = function(){
+		factory(window.lazySizes);
+		window.removeEventListener('lazyunveilread', globalInstall, true);
+	};
+
+	factory = factory.bind(null, window, window.document);
+
+	if(typeof module == 'object' && module.exports){
+		factory(require('lazysizes'));
+	} else if(window.lazySizes) {
+		globalInstall();
+	} else {
+		window.addEventListener('lazyunveilread', globalInstall, true);
+	}
+}(window, function(window, document, lazySizes) {
+	/*
+	 @example
+	 <blockquote class="lazyload" data-twitter="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Nothing Twitter is doing is working <a href="https://t.co/s0FppnacwK">https://t.co/s0FppnacwK</a> <a href="https://t.co/GK9MRfQkYO">pic.twitter.com/GK9MRfQkYO</a></p>&mdash; The Verge (@verge) <a href="https://twitter.com/verge/status/725096763972001794">April 26, 2016</a></blockquote>
+
+	 <a class="lazyload"
+	 data-twitter="twitter-timeline"
+	 data-widget-id="600720083413962752"
+	 href="https://twitter.com/TwitterDev"
+	 width="300"
+	 height="300">
+	 Tweets by @TwitterDev
+	 </a>
+	 */
+	'use strict';
+	var scriptadded;
+
+	function loadExecuteTwitter(){
+		if(window.twttr && twttr.widgets){
+			twttr.widgets.load();
+			return;
+		}
+
+		if(scriptadded){
+			return;
+		}
+
+		var elem = document.createElement('script');
+		var insertElem = document.getElementsByTagName('script')[0];
+
+		elem.src = '//platform.twitter.com/widgets.js';
+
+		scriptadded = true;
+		insertElem.parentNode.insertBefore(elem, insertElem);
+	}
+
+	document.addEventListener('lazybeforeunveil', function(e){
+		if(e.detail.instance != lazySizes){return;}
+
+		var twttrWidget = e.target.getAttribute('data-twitter');
+
+		if(twttrWidget){
+			lazySizes.aC(e.target, twttrWidget);
+			loadExecuteTwitter();
+		}
+	});
+
+}));

data/vendor/lazysizes/plugins/unload/ls.unload.js

@@ -0,0 +1,155 @@
+(function(window, factory) {
+	var globalInstall = function(){
+		factory(window.lazySizes);
+		window.removeEventListener('lazyunveilread', globalInstall, true);
+	};
+
+	factory = factory.bind(null, window, window.document);
+
+	if(typeof module == 'object' && module.exports){
+		factory(require('lazysizes'));
+	} else if(window.lazySizes) {
+		globalInstall();
+	} else {
+		window.addEventListener('lazyunveilread', globalInstall, true);
+	}
+}(window, function(window, document, lazySizes) {
+	'use strict';
+	if(!document.addEventListener){return;}
+	var config, checkElements, expand;
+
+	var unloadElements = [];
+	var requestAnimationFrame = window.requestAnimationFrame || setTimeout;
+	var unloader = {
+		checkElements: function(){
+			var i, len, box;
+
+			var vTop = expand * -1;
+			var vLeft = vTop;
+			var vBottom = innerHeight + expand;
+			var vRight = innerWidth + expand;
+
+			for(i = 0, len = checkElements.length; i < len; i++){
+				box = checkElements[i].getBoundingClientRect();
+
+				if((box.top > vBottom || box.bottom < vTop || box.left > vRight || box.right < vLeft) ||
+					(config.unloadHidden && !box.top && !box.bottom && !box.left && !box.right)){
+					unloadElements.push(checkElements[i]);
+				}
+			}
+			requestAnimationFrame(unloader.unloadElements);
+		},
+		unload: function(element){
+			var sources, isResponsive, i, len;
+			var picture = element.parentNode;
+			lazySizes.rC(element, config.loadedClass);
+
+			if(element.getAttribute(config.srcsetAttr)){
+				element.setAttribute('srcset', config.emptySrc);
+				isResponsive = true;
+			}
+
+			if(picture && picture.nodeName.toUpperCase() == 'PICTURE'){
+				sources = picture.getElementsByTagName('source');
+
+				for(i = 0, len = sources.length; i < len; i++){
+					sources[i].setAttribute('srcset', config.emptySrc);
+				}
+
+				isResponsive = true;
+			}
+
+			if(lazySizes.hC(element, config.autosizesClass)){
+				lazySizes.rC(element, config.autosizesClass);
+				element.setAttribute(config.sizesAttr, 'auto');
+			}
+
+			if(isResponsive || element.getAttribute(config.srcAttr)){
+				element.src = config.emptySrc;
+			}
+
+			lazySizes.aC(element, config.unloadedClass);
+			lazySizes.aC(element, config.lazyClass);
+			lazySizes.fire(element, 'lazyafterunload');
+		},
+		unloadElements: function(elements){
+			elements = Array.isArray(elements) ? elements : unloadElements;
+
+			while(elements.length){
+				unloader.unload(elements.shift());
+			}
+		},
+		_reload: function(e) {
+			if(lazySizes.hC(e.target, config.unloadedClass) && e.detail){
+				e.detail.reloaded = true;
+				lazySizes.rC(e.target, config.unloadedClass);
+			}
+		}
+	};
+
+	function init(){
+		if(!window.lazySizes || checkElements){return;}
+		var docElem = document.documentElement;
+		var throttleRun = (function(){
+			var running;
+			var run = function(){
+				unloader.checkElements();
+				running = false;
+			};
+			return function(){
+				if(!running){
+					running = true;
+					setTimeout(run, 999);
+				}
+			};
+		})();
+
+		config = lazySizes.cfg;
+		removeEventListener('lazybeforeunveil', init);
+
+		if(!('unloadClass' in config)){
+			config.unloadClass = 'lazyunload';
+		}
+
+		if(!('unloadedClass' in config)){
+			config.unloadedClass = 'lazyunloaded';
+		}
+
+		if(!('unloadHidden' in config)){
+			config.unloadHidden = true;
+		}
+
+		if(!('emptySrc' in config)){
+			config.emptySrc = 'data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==';
+		}
+
+		if(!('autoUnload' in config)){
+			config.autoUnload = true;
+		}
+
+		if(!('unloadPixelThreshold' in config)){
+			config.unloadPixelThreshold = 60000;
+		}
+
+		if(config.autoUnload){
+			docElem.addEventListener('load',  function(e){
+				if(e.target.naturalWidth * e.target.naturalHeight > config.unloadPixelThreshold && e.target.className &&
+					e.target.className.indexOf && e.target.className.indexOf(lazySizesConfig.loadingClass) != -1 &&
+					e.target.className.indexOf(lazySizesConfig.preloadClass) == -1){
+					lazySizes.aC(e.target, lazySizesConfig.unloadClass);
+				}
+			}, true);
+		}
+
+		lazySizes.unloader = unloader;
+
+		expand = ((config.expand * config.expFactor) + 99) * 1.1;
+		checkElements = document.getElementsByClassName([config.unloadClass, config.loadedClass].join(' '));
+
+		setInterval(throttleRun, 9999);
+		addEventListener('lazybeforeunveil', throttleRun);
+		addEventListener('lazybeforeunveil', unloader._reload, true);
+	}
+
+	addEventListener('lazybeforeunveil', init);
+}));

data/vendor/lazysizes/plugins/unveilhooks/ls.unveilhooks.js

@@ -0,0 +1,145 @@
+/*
+This plugin extends lazySizes to lazyLoad:
+background images, videos/posters and scripts
+
+Background-Image:
+For background images, use data-bg attribute:
+<div class="lazyload" data-bg="bg-img.jpg"></div>
+
+ Video:
+ For video/audio use data-poster and preload="none":
+ <video class="lazyload" data-poster="poster.jpg" preload="none">
+ <!-- sources -->
+ </video>
+
+ Scripts:
+ For scripts use data-script:
+ <div class="lazyload" data-script="module-name.js"></div>
+
+
+ Script modules using require:
+ For modules using require use data-require:
+ <div class="lazyload" data-require="module-name"></div>
+*/
+
+(function(window, factory) {
+	var globalInstall = function(){
+		factory(window.lazySizes);
+		window.removeEventListener('lazyunveilread', globalInstall, true);
+	};
+
+	factory = factory.bind(null, window, window.document);
+
+	if(typeof module == 'object' && module.exports){
+		factory(require('lazysizes'));
+	} else if(window.lazySizes) {
+		globalInstall();
+	} else {
+		window.addEventListener('lazyunveilread', globalInstall, true);
+	}
+}(window, function(window, document, lazySizes) {
+	/*jshint eqnull:true */
+	'use strict';
+	var bgLoad, regBgUrlEscape;
+	var uniqueUrls = {};
+
+	if(document.addEventListener){
+		regBgUrlEscape = /\(|\)|\s|'/;
+
+		bgLoad = function (url, cb){
+			var img = document.createElement('img');
+			img.onload = function(){
+				img.onload = null;
+				img.onerror = null;
+				img = null;
+				cb();
+			};
+			img.onerror = img.onload;
+
+			img.src = url;
+
+			if(img && img.complete && img.onload){
+				img.onload();
+			}
+		};
+
+		addEventListener('lazybeforeunveil', function(e){
+			if(e.detail.instance != lazySizes){return;}
+
+			var tmp, load, bg, poster;
+			if(!e.defaultPrevented) {
+
+				if(e.target.preload == 'none'){
+					e.target.preload = 'auto';
+				}
+
+				tmp = e.target.getAttribute('data-link');
+				if(tmp){
+					addStyleScript(tmp, true);
+				}
+
+				// handle data-script
+				tmp = e.target.getAttribute('data-script');
+				if(tmp){
+					addStyleScript(tmp);
+				}
+
+				// handle data-require
+				tmp = e.target.getAttribute('data-require');
+				if(tmp){
+					if(lazySizes.cfg.requireJs){
+						lazySizes.cfg.requireJs([tmp]);
+					} else {
+						addStyleScript(tmp);
+					}
+				}
+
+				// handle data-bg
+				bg = e.target.getAttribute('data-bg');
+				if (bg) {
+					e.detail.firesLoad = true;
+					load = function(){
+						e.target.style.backgroundImage = 'url(' + (regBgUrlEscape.test(bg) ? JSON.stringify(bg) : bg ) + ')';
+						e.detail.firesLoad = false;
+						lazySizes.fire(e.target, '_lazyloaded', {}, true, true);
+					};
+
+					bgLoad(bg, load);
+				}
+
+				// handle data-poster
+				poster = e.target.getAttribute('data-poster');
+				if(poster){
+					e.detail.firesLoad = true;
+					load = function(){
+						e.target.poster = poster;
+						e.detail.firesLoad = false;
+						lazySizes.fire(e.target, '_lazyloaded', {}, true, true);
+					};
+
+					bgLoad(poster, load);
+
+				}
+			}
+		}, false);
+
+	}
+
+	function addStyleScript(src, style){
+		if(uniqueUrls[src]){
+			return;
+		}
+		var elem = document.createElement(style ? 'link' : 'script');
+		var insertElem = document.getElementsByTagName('script')[0];
+
+		if(style){
+			elem.rel = 'stylesheet';
+			elem.href = src;
+		} else {
+			elem.src = src;
+		}
+		uniqueUrls[src] = true;
+		uniqueUrls[elem.src || elem.href] = true;
+		insertElem.parentNode.insertBefore(elem, insertElem);
+	}
+}));

data/vendor/lazysizes/plugins/video-embed/ls.video-embed.js

@@ -0,0 +1,114 @@
+(function(window, factory) {
+	var globalInstall = function(){
+		factory(window.lazySizes);
+		window.removeEventListener('lazyunveilread', globalInstall, true);
+	};
+
+	factory = factory.bind(null, window, window.document);
+
+	if(typeof module == 'object' && module.exports){
+		factory(require('lazysizes'));
+	} else if(window.lazySizes) {
+		globalInstall();
+	} else {
+		window.addEventListener('lazyunveilread', globalInstall, true);
+	}
+}(window, function(window, document, lazySizes) {
+	/*jshint eqnull:true */
+	'use strict';
+	if(!document.getElementsByClassName){return;}
+	var protocol = location.protocol == 'https:' ?
+		'https:' :
+		'http:'
+	;
+	var idIndex = Date.now();
+	var regId = /\{\{id}}/;
+	var regAmp = /^&/;
+	var youtubeImg = protocol + '//img.youtube.com/vi/{{id}}/sddefault.jpg';
+	var youtubeIframe = protocol + '//www.youtube.com/embed/{{id}}?autoplay=1';
+	var vimeoApi = protocol + '//vimeo.com/api/oembed.json?url=https%3A//vimeo.com/{{id}}';
+	var vimeoIframe = protocol + '//player.vimeo.com/video/{{id}}?autoplay=1';
+
+	function getJSON(url, callback){
+		var id = 'vimeoCallback' + idIndex;
+		var script = document.createElement('script');
+		url += '&callback='+id;
+
+		idIndex++;
+
+		window[id] = function(data){
+			script.parentNode.removeChild(script);
+			delete window[id];
+			callback(data);
+		};
+
+		script.src = url;
+
+		document.head.appendChild(script);
+	}
+
+	function embedVimeoImg(id, elem){
+		getJSON(vimeoApi.replace(regId, id), function(data){
+			if(data && data.thumbnail_url){
+				elem.style.backgroundImage = 'url('+ data.thumbnail_url +')';
+			}
+		});
+		elem.addEventListener('click', embedVimeoIframe);
+	}
+
+	function embedVimeoIframe(e){
+		var elem = e.currentTarget;
+		var id = elem.getAttribute('data-vimeo');
+		var vimeoParams = elem.getAttribute('data-vimeoparams') || '';
+
+		if(vimeoParams && !regAmp.test(vimeoParams)){
+			vimeoParams = '&'+ vimeoParams;
+		}
+
+		e.preventDefault();
+
+		elem.innerHTML = '<iframe src="' + (vimeoIframe.replace(regId, id)) + vimeoParams +'" ' +
+			'frameborder="0" allowfullscreen="" width="640" height="390"></iframe>'
+		;
+
+		elem.removeEventListener('click', embedVimeoIframe);
+	}
+
+	function embedYoutubeImg(id, elem){
+		elem.style.backgroundImage = 'url('+ youtubeImg.replace(regId, id) +')';
+		elem.addEventListener('click', embedYoutubeIframe);
+	}
+
+	function embedYoutubeIframe(e){
+		var elem = e.currentTarget;
+		var id = elem.getAttribute('data-youtube');
+		var youtubeParams = elem.getAttribute('data-ytparams') || '';
+
+		if(youtubeParams && !regAmp.test(youtubeParams)){
+			youtubeParams = '&'+ youtubeParams;
+		}
+
+		e.preventDefault();
+
+		elem.innerHTML = '<iframe src="' + (youtubeIframe.replace(regId, id)) + youtubeParams +'" ' +
+			'frameborder="0" allowfullscreen="" width="640" height="390"></iframe>'
+		;
+
+		elem.removeEventListener('click', embedYoutubeIframe);
+	}
+
+	document.addEventListener('lazybeforeunveil', function(e){
+		if(e.detail.instance != lazySizes){return;}
+
+		var elem = e.target;
+		var youtube = elem.getAttribute('data-youtube');
+		var vimeo = elem.getAttribute('data-vimeo');
+
+		if(youtube && elem){
+			embedYoutubeImg(youtube, elem);
+		}
+		if(vimeo && elem){
+			embedVimeoImg(vimeo, elem);
+		}
+	});
+}));