initial commit

2018-08-20 23:02:21 +02:00
parent b37be519d8
commit d111afe7ac
64 changed files with 11545 additions and 0 deletions
--- a/examples/helpers/svg-sprite-loader.js
+++ b/examples/helpers/svg-sprite-loader.js
@@ -0,0 +1,80 @@
+;(function(window, document) {
+	'use strict';
+
+	var isSvg = document.createElementNS && document.createElementNS( 'http://www.w3.org/2000/svg', 'svg' ).createSVGRect;
+	var localStorage = 'localStorage' in window && window['localStorage'] !== null ? window.localStorage : false;
+
+	function svgSpriteInjector(source, opts) {
+		var file;
+		opts = opts || {};
+
+		if (source instanceof Node) {
+			file = source.getAttribute('data-svg-sprite');
+			opts.revision = source.getAttribute('data-svg-sprite-revision') || opts.revision;
+		} else if (typeof source === 'string') {
+			file = source;
+		}
+
+		if (isSvg) {
+			if (file) {
+				injector(file, opts);
+			} else {
+				console.error('svg-sprite-injector: undefined sprite filename!');
+			}
+		} else {
+			console.error('svg-sprite-injector require ie9 or greater!');
+		}
+	};
+
+	function injector(filepath, opts) {
+		var name = 'injectedSVGSprite' + filepath,
+			revision = opts.revision,
+			request;
+
+		// localStorage cache
+		if (revision !== undefined && localStorage && localStorage[name + 'Rev'] == revision) {
+			return injectOnLoad(localStorage[name]);
+		}
+
+		// Async load
+		request = new XMLHttpRequest();
+		request.open('GET', filepath, true);
+		request.onreadystatechange = function (e) {
+			var data;
+
+			if (request.readyState === 4 && request.status >= 200 && request.status < 400) {
+				injectOnLoad(data = request.responseText);
+				if (revision !== undefined && localStorage) {
+					localStorage[name] = data;
+					localStorage[name + 'Rev'] = revision;
+				}
+			}
+		};
+		request.send();
+	}
+
+	function injectOnLoad(data) {
+		if (data) {
+			if (document.body) {
+				injectData(data);
+			} else {
+				document.addEventListener('DOMContentLoaded', injectData.bind(null, data));
+			}
+		}
+	}
+
+	function injectData(data) {
+		var body = document.body;
+		body.insertAdjacentHTML('afterbegin', data);
+		if (body.firstChild.tagName === 'svg') {
+			body.firstChild.style.display = 'none';
+		}
+	}
+
+	if (typeof exports === 'object') {
+		module.exports = svgSpriteInjector;
+	} else {
+		window.svgSpriteInjector = svgSpriteInjector;
+	}
+
+} (window, document));