Move svg4everybody to NPM

Gruntfile.js

@@ -16,6 +16,7 @@ module.exports = function (grunt)
 		data: {
 			paths: {
 				grunt: 'build/grunt',
+				npm: 'node_modules',
 				js: {
 					src: 'assets/scripts',
 					dist: 'www/assets/scripts'

assets/scripts/vendors/svg4everybody.min.js

@@ -1 +0,0 @@
-!function(e,t){"function"==typeof define&&define.amd?define([],function(){return e.svg4everybody=t()}):"object"==typeof exports?module.exports=t():e.svg4everybody=t()}(this,function(){function e(e,t){if(t){var n=document.createDocumentFragment(),i=!e.getAttribute("viewBox")&&t.getAttribute("viewBox");i&&e.setAttribute("viewBox",i);for(var a=t.cloneNode(!0);a.childNodes.length;)n.appendChild(a.firstChild);e.appendChild(n)}}function t(t){t.onreadystatechange=function(){if(4===t.readyState){var n=t._cachedDocument;n||(n=t._cachedDocument=document.implementation.createHTMLDocument(""),n.body.innerHTML=t.responseText,t._cachedTarget={}),t._embeds.splice(0).map(function(i){var a=t._cachedTarget[i.id];a||(a=t._cachedTarget[i.id]=n.getElementById(i.id)),e(i.svg,a)})}},t.onreadystatechange()}function n(n){function i(){for(var n=0;n<g.length;){var r=g[n],d=r.parentNode;if(d&&/svg/i.test(d.nodeName)){var c=r.getAttribute("xlink:href");if(a&&(!o.validate||o.validate(c,d,r))){d.removeChild(r);var l=c.split("#"),m=l.shift(),f=l.join("#");if(m.length){var v=s[m];v||(v=s[m]=new XMLHttpRequest,v.open("GET",m),v.send(),v._embeds=[]),v._embeds.push({svg:d,id:f}),t(v)}else e(d,document.getElementById(f))}}else++n}u(i,67)}var a,o=Object(n),r=/\bTrident\/[567]\b|\bMSIE (?:9|10)\.0\b/,d=/\bAppleWebKit\/(\d+)\b/,c=/\bEdge\/12\.(\d+)\b/;a="polyfill"in o?o.polyfill:r.test(navigator.userAgent)||(navigator.userAgent.match(c)||[])[1]<10547||(navigator.userAgent.match(d)||[])[1]<537;var s={},u=window.requestAnimationFrame||setTimeout,g=document.getElementsByTagName("use");a&&i()}return n});

build/grunt/config/aliases.json

@@ -15,6 +15,7 @@
 		"postcss",
 		"cssmin",
 		"browserify:prod",
+		"concat:prod",
 		"uglify",
 		"svgstore",
 		"svgmin",

build/grunt/config/concat.js

@@ -1,12 +1,13 @@
 module.exports = {
-	options: {
-		stripBanners: true
-	},
 	prod: {
 		options: {
 			banner: '/*! Dependencies for <%= package.title %> - <%= grunt.template.today("yyyy-mm-dd") %> */\n'
 		},
-		src  : [ '<%= paths.js.src %>/vendors/**/*.js' ],
+		src  : [
+			'<%= paths.js.src %>/vendors/**/*.js',
+			'<%= paths.npm %>/svg4everybody/dist/svg4everybody.min.js'
+		],
 		dest : '<%= paths.js.dist %>/vendors.js'
 	}
 };
+

build/grunt/config/watch.js

@@ -4,8 +4,8 @@ module.exports = {
 		livereload: false
 	},
 	javascript_vendors: {
-		files: [ '<%= paths.js.src %>/vendors/**/*.js' ],
-		tasks: [ 'concat:vendors', 'notify:javascript' ]
+		files: [ '<%= paths.js.src %>/vendors/**/*.js', '<%= paths.grunt %>/config/concat.js' ],
+		tasks: [ 'concat', 'notify:javascript' ]
 	},
 	sass: {
 		files: [ '<%= paths.css.src %>/**/*.scss' ],

www/assets/scripts/vendors.js

@@ -1 +1,65 @@
-!function(a,b){"function"==typeof define&&define.amd?define([],function(){return a.svg4everybody=b()}):"object"==typeof exports?module.exports=b():a.svg4everybody=b()}(this,function(){function a(a,b){if(b){var c=document.createDocumentFragment(),d=!a.getAttribute("viewBox")&&b.getAttribute("viewBox");d&&a.setAttribute("viewBox",d);for(var e=b.cloneNode(!0);e.childNodes.length;)c.appendChild(e.firstChild);a.appendChild(c)}}function b(b){b.onreadystatechange=function(){if(4===b.readyState){var c=b._cachedDocument;c||(c=b._cachedDocument=document.implementation.createHTMLDocument(""),c.body.innerHTML=b.responseText,b._cachedTarget={}),b._embeds.splice(0).map(function(d){var e=b._cachedTarget[d.id];e||(e=b._cachedTarget[d.id]=c.getElementById(d.id)),a(d.svg,e)})}},b.onreadystatechange()}function c(c){function d(){for(var c=0;c<l.length;){var g=l[c],h=g.parentNode;if(h&&/svg/i.test(h.nodeName)){var i=g.getAttribute("xlink:href");if(e&&(!f.validate||f.validate(i,h,g))){h.removeChild(g);var m=i.split("#"),n=m.shift(),o=m.join("#");if(n.length){var p=j[n];p||(p=j[n]=new XMLHttpRequest,p.open("GET",n),p.send(),p._embeds=[]),p._embeds.push({svg:h,id:o}),b(p)}else a(h,document.getElementById(o))}}else++c}k(d,67)}var e,f=Object(c),g=/\bTrident\/[567]\b|\bMSIE (?:9|10)\.0\b/,h=/\bAppleWebKit\/(\d+)\b/,i=/\bEdge\/12\.(\d+)\b/;e="polyfill"in f?f.polyfill:g.test(navigator.userAgent)||(navigator.userAgent.match(i)||[])[1]<10547||(navigator.userAgent.match(h)||[])[1]<537;var j={},k=window.requestAnimationFrame||setTimeout,l=document.getElementsByTagName("use");e&&d()}return c});
+/*! Dependencies for Locomotive Boilerplate - 2016-06-30 */
+!function(a,b){"function"==typeof define&&define.amd?
+// AMD. Register as an anonymous module unless amdModuleId is set
+define([],function(){return a.svg4everybody=b()}):"object"==typeof exports?module.exports=b():a.svg4everybody=b()}(this,function(){/*! svg4everybody v2.1.0 | github.com/jonathantneal/svg4everybody */
+function a(a,b){
+// if the target exists
+if(b){
+// create a document fragment to hold the contents of the target
+var c=document.createDocumentFragment(),d=!a.getAttribute("viewBox")&&b.getAttribute("viewBox");
+// conditionally set the viewBox on the svg
+d&&a.setAttribute("viewBox",d);
+// copy the contents of the clone into the fragment
+for(
+// clone the target
+var e=b.cloneNode(!0);e.childNodes.length;)c.appendChild(e.firstChild);
+// append the fragment into the svg
+a.appendChild(c)}}function b(b){
+// listen to changes in the request
+b.onreadystatechange=function(){
+// if the request is ready
+if(4===b.readyState){
+// get the cached html document
+var c=b._cachedDocument;
+// ensure the cached html document based on the xhr response
+c||(c=b._cachedDocument=document.implementation.createHTMLDocument(""),c.body.innerHTML=b.responseText,b._cachedTarget={}),
+// clear the xhr embeds list and embed each item
+b._embeds.splice(0).map(function(d){
+// get the cached target
+var e=b._cachedTarget[d.id];
+// ensure the cached target
+e||(e=b._cachedTarget[d.id]=c.getElementById(d.id)),
+// embed the target into the svg
+a(d.svg,e)})}},
+// test the ready state change immediately
+b.onreadystatechange()}function c(c){function d(){
+// while the index exists in the live <use> collection
+for(
+// get the cached <use> index
+var c=0;c<l.length;){
+// get the current <use>
+var g=l[c],h=g.parentNode;if(h&&/svg/i.test(h.nodeName)){var i=g.getAttribute("xlink:href");if(e&&(!f.validate||f.validate(i,h,g))){
+// remove the <use> element
+h.removeChild(g);
+// parse the src and get the url and id
+var m=i.split("#"),n=m.shift(),o=m.join("#");
+// if the link is external
+if(n.length){
+// get the cached xhr request
+var p=j[n];
+// ensure the xhr request exists
+p||(p=j[n]=new XMLHttpRequest,p.open("GET",n),p.send(),p._embeds=[]),
+// add the svg and id as an item to the xhr embeds list
+p._embeds.push({svg:h,id:o}),
+// prepare the xhr ready state change event
+b(p)}else
+// embed the local id into the svg
+a(h,document.getElementById(o))}}else
+// increase the index when the previous value was not "valid"
+++c}
+// continue the interval
+k(d,67)}var e,f=Object(c),g=/\bTrident\/[567]\b|\bMSIE (?:9|10)\.0\b/,h=/\bAppleWebKit\/(\d+)\b/,i=/\bEdge\/12\.(\d+)\b/;e="polyfill"in f?f.polyfill:g.test(navigator.userAgent)||(navigator.userAgent.match(i)||[])[1]<10547||(navigator.userAgent.match(h)||[])[1]<537;
+// create xhr requests object
+var j={},k=window.requestAnimationFrame||setTimeout,l=document.getElementsByTagName("use");
+// conditionally start the interval if the polyfill is active
+e&&d()}return c});