\",\"
\"]};da.optgroup=da.option,da.tbody=da.tfoot=da.colgroup=da.caption=da.thead,da.th=da.td;function ea(a,b){var c,d,e=0,f=\"undefined\"!=typeof a.getElementsByTagName?a.getElementsByTagName(b||\"*\"):\"undefined\"!=typeof a.querySelectorAll?a.querySelectorAll(b||\"*\"):void 0;if(!f)for(f=[],c=a.childNodes||a;null!=(d=c[e]);e++)!b||n.nodeName(d,b)?f.push(d):n.merge(f,ea(d,b));return void 0===b||b&&n.nodeName(a,b)?n.merge([a],f):f}function fa(a,b){for(var c,d=0;null!=(c=a[d]);d++)n._data(c,\"globalEval\",!b||n._data(b[d],\"globalEval\"))}var ga=/<|&#?\\w+;/,ha=/r;r++)if(g=a[r],g||0===g)if(\"object\"===n.type(g))n.merge(q,g.nodeType?[g]:g);else if(ga.test(g)){i=i||p.appendChild(b.createElement(\"div\")),j=($.exec(g)||[\"\",\"\"])[1].toLowerCase(),m=da[j]||da._default,i.innerHTML=m[1]+n.htmlPrefilter(g)+m[2],f=m[0];while(f--)i=i.lastChild;if(!l.leadingWhitespace&&aa.test(g)&&q.push(b.createTextNode(aa.exec(g)[0])),!l.tbody){g=\"table\"!==j||ha.test(g)?\"| t |
\").append(n.parseHTML(a)).find(d):a)}).always(c&&function(a,b){g.each(function(){c.apply(this,f||[a.responseText,b,a])})}),this},n.each([\"ajaxStart\",\"ajaxStop\",\"ajaxComplete\",\"ajaxError\",\"ajaxSuccess\",\"ajaxSend\"],function(a,b){n.fn[b]=function(a){return this.on(b,a)}}),n.expr.filters.animated=function(a){return n.grep(n.timers,function(b){return a===b.elem}).length};function mc(a){return n.isWindow(a)?a:9===a.nodeType?a.defaultView||a.parentWindow:!1}n.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=n.css(a,\"position\"),l=n(a),m={};\"static\"===k&&(a.style.position=\"relative\"),h=l.offset(),f=n.css(a,\"top\"),i=n.css(a,\"left\"),j=(\"absolute\"===k||\"fixed\"===k)&&n.inArray(\"auto\",[f,i])>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),n.isFunction(b)&&(b=b.call(a,c,n.extend({},h))),null!=b.top&&(m.top=b.top-h.top+g),null!=b.left&&(m.left=b.left-h.left+e),\"using\"in b?b.using.call(a,m):l.css(m)}},n.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){n.offset.setOffset(this,a,b)});var b,c,d={top:0,left:0},e=this[0],f=e&&e.ownerDocument;if(f)return b=f.documentElement,n.contains(b,e)?(\"undefined\"!=typeof e.getBoundingClientRect&&(d=e.getBoundingClientRect()),c=mc(f),{top:d.top+(c.pageYOffset||b.scrollTop)-(b.clientTop||0),left:d.left+(c.pageXOffset||b.scrollLeft)-(b.clientLeft||0)}):d},position:function(){if(this[0]){var a,b,c={top:0,left:0},d=this[0];return\"fixed\"===n.css(d,\"position\")?b=d.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),n.nodeName(a[0],\"html\")||(c=a.offset()),c.top+=n.css(a[0],\"borderTopWidth\",!0),c.left+=n.css(a[0],\"borderLeftWidth\",!0)),{top:b.top-c.top-n.css(d,\"marginTop\",!0),left:b.left-c.left-n.css(d,\"marginLeft\",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent;while(a&&!n.nodeName(a,\"html\")&&\"static\"===n.css(a,\"position\"))a=a.offsetParent;return a||Qa})}}),n.each({scrollLeft:\"pageXOffset\",scrollTop:\"pageYOffset\"},function(a,b){var c=/Y/.test(b);n.fn[a]=function(d){return Y(this,function(a,d,e){var f=mc(a);return void 0===e?f?b in f?f[b]:f.document.documentElement[d]:a[d]:void(f?f.scrollTo(c?n(f).scrollLeft():e,c?e:n(f).scrollTop()):a[d]=e)},a,d,arguments.length,null)}}),n.each([\"top\",\"left\"],function(a,b){n.cssHooks[b]=Ua(l.pixelPosition,function(a,c){return c?(c=Sa(a,b),Oa.test(c)?n(a).position()[b]+\"px\":c):void 0})}),n.each({Height:\"height\",Width:\"width\"},function(a,b){n.each({\r\npadding:\"inner\"+a,content:b,\"\":\"outer\"+a},function(c,d){n.fn[d]=function(d,e){var f=arguments.length&&(c||\"boolean\"!=typeof d),g=c||(d===!0||e===!0?\"margin\":\"border\");return Y(this,function(b,c,d){var e;return n.isWindow(b)?b.document.documentElement[\"client\"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body[\"scroll\"+a],e[\"scroll\"+a],b.body[\"offset\"+a],e[\"offset\"+a],e[\"client\"+a])):void 0===d?n.css(b,c,g):n.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),n.fn.extend({bind:function(a,b,c){return this.on(a,null,b,c)},unbind:function(a,b){return this.off(a,null,b)},delegate:function(a,b,c,d){return this.on(b,a,c,d)},undelegate:function(a,b,c){return 1===arguments.length?this.off(a,\"**\"):this.off(b,a||\"**\",c)}}),n.fn.size=function(){return this.length},n.fn.andSelf=n.fn.addBack,\"function\"==typeof define&&define.amd&&define(\"jquery\",[],function(){return n});var nc=a.jQuery,oc=a.$;return n.noConflict=function(b){return a.$===n&&(a.$=oc),b&&a.jQuery===n&&(a.jQuery=nc),n},b||(a.jQuery=a.$=n),n});\r\n","$('#offcanvas-menu-toggle').click(function(){\r\n $('body').toggleClass('offcanvas-menu-active');\r\n $(this).toggleClass('active');\r\n});\r\n\r\n$('.toggle-search').click(function(){\r\n $('#offcanvas-search').toggleClass('active');\r\n \r\n if($('#offcanvas-search').hasClass('active')){\r\n setTimeout(function() { \r\n $('#offcanvas-search .searchbox input')[0].focus(); \r\n }, 300);\r\n }\r\n\r\n $(this).find('.fa').toggleClass('fa-search fa-close');\r\n});\r\n\r\nfunction loadArticles(name, value){\r\n var url = window.location.href;\r\n if(name != null){\r\n url += '?'+name+'='+value;\r\n }\r\n $.ajax({\r\n url: url, \r\n cache: false,\r\n success: function(response) {\r\n result = $(response).find('#filterUpdate').html();\r\n $('#filterUpdate').html(result);\r\n console.log(result);\r\n }\r\n });\r\n}\r\n$('body').on('click', '.filter .filter-option', function() {\r\n loadArticles($(this).data('name'), $(this).data('value'), false);\r\n $(this).prependTo($(this).closest('ul'));\r\n});\r\n\r\n$('.dropdown-text .headline').click(function(){\r\n $(this).closest('.dropdown-text').find('.text').slideToggle(); \r\n});\r\n\r\n// ==== Ajax Searcher ===== //\r\n$('.searchbox input').keyup(function(){\r\n $('.searchbox').find('.results').removeClass('hidden');\r\n\t$.ajax({\r\n\t\turl: '/?altTemplate=Search&s='+$(this).val()\r\n\t}).done(function(data){\r\n\t\t$('.searchbox').find('.results').html(data);\r\n\t});\r\n});\r\n\r\n\r\n$('.js-cookie-button').click(function(){\r\n $('#cookie').fadeOut();\r\n sessionStorage.setItem('cookie', 'closed');\r\n});\r\n\r\nfunction checkScrollPosition() {\r\n if($('#progress').length){\r\n var s = $(window).scrollTop(),\r\n d = $(document).height(),\r\n c = $(window).height();\r\n var scrollPercent = (s / (d - c)) * 100;\r\n\r\n $('#progress').css('width', scrollPercent + '%')\r\n }\r\n}\r\n\r\n\r\n$(window).on('scroll', function(){\r\n checkScrollPosition();\r\n});\r\n\r\n$(function() {\r\n checkScrollPosition();\r\n \r\n if(sessionStorage.getItem('cookie') != 'closed') {\r\n $('#cookie').fadeIn();\r\n }\r\n\r\n $('a[href*=\"#\"]:not([href=\"#\"])').click(function() {\r\n if (location.pathname.replace(/^\\//,'') == this.pathname.replace(/^\\//,'') && location.hostname == this.hostname) {\r\n var target = $(this.hash);\r\n target = target.length ? target : $('[name=' + this.hash.slice(1) +']');\r\n if (target.length) {\r\n $('html, body').animate({\r\n scrollTop: target.offset().top\r\n }, 1000);\r\n return false;\r\n }\r\n }\r\n });\r\n});","/*! picturefill - v3.0.2 - 2016-02-12\r\n * https://scottjehl.github.io/picturefill/\r\n * Copyright (c) 2016 https://github.com/scottjehl/picturefill/blob/master/Authors.txt; Licensed MIT\r\n */\r\n/*! Gecko-Picture - v1.0\r\n * https://github.com/scottjehl/picturefill/tree/3.0/src/plugins/gecko-picture\r\n * Firefox's early picture implementation (prior to FF41) is static and does\r\n * not react to viewport changes. This tiny module fixes this.\r\n */\r\n(function(window) {\r\n /*jshint eqnull:true */\r\n var ua = navigator.userAgent;\r\n\r\n if ( window.HTMLPictureElement && ((/ecko/).test(ua) && ua.match(/rv\\:(\\d+)/) && RegExp.$1 < 45) ) {\r\n addEventListener(\"resize\", (function() {\r\n var timer;\r\n\r\n var dummySrc = document.createElement(\"source\");\r\n\r\n var fixRespimg = function(img) {\r\n var source, sizes;\r\n var picture = img.parentNode;\r\n\r\n if (picture.nodeName.toUpperCase() === \"PICTURE\") {\r\n source = dummySrc.cloneNode();\r\n\r\n picture.insertBefore(source, picture.firstElementChild);\r\n setTimeout(function() {\r\n picture.removeChild(source);\r\n });\r\n } else if (!img._pfLastSize || img.offsetWidth > img._pfLastSize) {\r\n img._pfLastSize = img.offsetWidth;\r\n sizes = img.sizes;\r\n img.sizes += \",100vw\";\r\n setTimeout(function() {\r\n img.sizes = sizes;\r\n });\r\n }\r\n };\r\n\r\n var findPictureImgs = function() {\r\n var i;\r\n var imgs = document.querySelectorAll(\"picture > img, img[srcset][sizes]\");\r\n for (i = 0; i < imgs.length; i++) {\r\n fixRespimg(imgs[i]);\r\n }\r\n };\r\n var onResize = function() {\r\n clearTimeout(timer);\r\n timer = setTimeout(findPictureImgs, 99);\r\n };\r\n var mq = window.matchMedia && matchMedia(\"(orientation: landscape)\");\r\n var init = function() {\r\n onResize();\r\n\r\n if (mq && mq.addListener) {\r\n mq.addListener(onResize);\r\n }\r\n };\r\n\r\n dummySrc.srcset = \"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\";\r\n\r\n if (/^[c|i]|d$/.test(document.readyState || \"\")) {\r\n init();\r\n } else {\r\n document.addEventListener(\"DOMContentLoaded\", init);\r\n }\r\n\r\n return onResize;\r\n })());\r\n }\r\n})(window);\r\n\r\n/*! Picturefill - v3.0.2\r\n * http://scottjehl.github.io/picturefill\r\n * Copyright (c) 2015 https://github.com/scottjehl/picturefill/blob/master/Authors.txt;\r\n * License: MIT\r\n */\r\n\r\n(function( window, document, undefined ) {\r\n // Enable strict mode\r\n \"use strict\";\r\n\r\n // HTML shim|v it for old IE (IE9 will still need the HTML video tag workaround)\r\n document.createElement( \"picture\" );\r\n\r\n var warn, eminpx, alwaysCheckWDescriptor, evalId;\r\n // local object for method references and testing exposure\r\n var pf = {};\r\n var isSupportTestReady = false;\r\n var noop = function() {};\r\n var image = document.createElement( \"img\" );\r\n var getImgAttr = image.getAttribute;\r\n var setImgAttr = image.setAttribute;\r\n var removeImgAttr = image.removeAttribute;\r\n var docElem = document.documentElement;\r\n var types = {};\r\n var cfg = {\r\n //resource selection:\r\n algorithm: \"\"\r\n };\r\n var srcAttr = \"data-pfsrc\";\r\n var srcsetAttr = srcAttr + \"set\";\r\n // ua sniffing is done for undetectable img loading features,\r\n // to do some non crucial perf optimizations\r\n var ua = navigator.userAgent;\r\n var supportAbort = (/rident/).test(ua) || ((/ecko/).test(ua) && ua.match(/rv\\:(\\d+)/) && RegExp.$1 > 35 );\r\n var curSrcProp = \"currentSrc\";\r\n var regWDesc = /\\s+\\+?\\d+(e\\d+)?w/;\r\n var regSize = /(\\([^)]+\\))?\\s*(.+)/;\r\n var setOptions = window.picturefillCFG;\r\n /**\r\n\t * Shortcut property for https://w3c.github.io/webappsec/specs/mixedcontent/#restricts-mixed-content ( for easy overriding in tests )\r\n\t */\r\n // baseStyle also used by getEmValue (i.e.: width: 1em is important)\r\n var baseStyle = \"position:absolute;left:0;visibility:hidden;display:block;padding:0;border:none;font-size:1em;width:1em;overflow:hidden;clip:rect(0px, 0px, 0px, 0px)\";\r\n var fsCss = \"font-size:100%!important;\";\r\n var isVwDirty = true;\r\n\r\n var cssCache = {};\r\n var sizeLengthCache = {};\r\n var DPR = window.devicePixelRatio;\r\n var units = {\r\n px: 1,\r\n \"in\": 96\r\n };\r\n var anchor = document.createElement( \"a\" );\r\n /**\r\n\t * alreadyRun flag used for setOptions. is it true setOptions will reevaluate\r\n\t * @type {boolean}\r\n\t */\r\n var alreadyRun = false;\r\n\r\n // Reusable, non-\"g\" Regexes\r\n\r\n // (Don't use \\s, to avoid matching non-breaking space.)\r\n var regexLeadingSpaces = /^[ \\t\\n\\r\\u000c]+/,\r\n regexLeadingCommasOrSpaces = /^[, \\t\\n\\r\\u000c]+/,\r\n regexLeadingNotSpaces = /^[^ \\t\\n\\r\\u000c]+/,\r\n regexTrailingCommas = /[,]+$/,\r\n regexNonNegativeInteger = /^\\d+$/,\r\n\r\n // ( Positive or negative or unsigned integers or decimals, without or without exponents.\r\n // Must include at least one digit.\r\n // According to spec tests any decimal point must be followed by a digit.\r\n // No leading plus sign is allowed.)\r\n // https://html.spec.whatwg.org/multipage/infrastructure.html#valid-floating-point-number\r\n regexFloatingPoint = /^-?(?:[0-9]+|[0-9]*\\.[0-9]+)(?:[eE][+-]?[0-9]+)?$/;\r\n\r\n var on = function(obj, evt, fn, capture) {\r\n if ( obj.addEventListener ) {\r\n obj.addEventListener(evt, fn, capture || false);\r\n } else if ( obj.attachEvent ) {\r\n obj.attachEvent( \"on\" + evt, fn);\r\n }\r\n };\r\n\r\n /**\r\n\t * simple memoize function:\r\n\t */\r\n\r\n var memoize = function(fn) {\r\n var cache = {};\r\n return function(input) {\r\n if ( !(input in cache) ) {\r\n cache[ input ] = fn(input);\r\n }\r\n return cache[ input ];\r\n };\r\n };\r\n\r\n // UTILITY FUNCTIONS\r\n\r\n // Manual is faster than RegEx\r\n // http://jsperf.com/whitespace-character/5\r\n function isSpace(c) {\r\n return (c === \"\\u0020\" || // space\r\n c === \"\\u0009\" || // horizontal tab\r\n c === \"\\u000A\" || // new line\r\n c === \"\\u000C\" || // form feed\r\n c === \"\\u000D\"); // carriage return\r\n }\r\n\r\n /**\r\n\t * gets a mediaquery and returns a boolean or gets a css length and returns a number\r\n\t * @param css mediaqueries or css length\r\n\t * @returns {boolean|number}\r\n\t *\r\n\t * based on: https://gist.github.com/jonathantneal/db4f77009b155f083738\r\n\t */\r\n var evalCSS = (function() {\r\n\r\n var regLength = /^([\\d\\.]+)(em|vw|px)$/;\r\n var replace = function() {\r\n var args = arguments, index = 0, string = args[0];\r\n while (++index in args) {\r\n string = string.replace(args[index], args[++index]);\r\n }\r\n return string;\r\n };\r\n\r\n var buildStr = memoize(function(css) {\r\n\r\n return \"return \" + replace((css || \"\").toLowerCase(),\r\n // interpret `and`\r\n /\\band\\b/g, \"&&\",\r\n\r\n // interpret `,`\r\n /,/g, \"||\",\r\n\r\n // interpret `min-` as >=\r\n /min-([a-z-\\s]+):/g, \"e.$1>=\",\r\n\r\n // interpret `max-` as <=\r\n /max-([a-z-\\s]+):/g, \"e.$1<=\",\r\n\r\n //calc value\r\n /calc([^)]+)/g, \"($1)\",\r\n\r\n // interpret css values\r\n /(\\d+[\\.]*[\\d]*)([a-z]+)/g, \"($1 * e.$2)\",\r\n //make eval less evil\r\n /^(?!(e.[a-z]|[0-9\\.&=|><\\+\\-\\*\\(\\)\\/])).*/ig, \"\"\r\n ) + \";\";\r\n });\r\n\r\n return function(css, length) {\r\n var parsedLength;\r\n if (!(css in cssCache)) {\r\n cssCache[css] = false;\r\n if (length && (parsedLength = css.match( regLength ))) {\r\n cssCache[css] = parsedLength[ 1 ] * units[parsedLength[ 2 ]];\r\n } else {\r\n /*jshint evil:true */\r\n try{\r\n cssCache[css] = new Function(\"e\", buildStr(css))(units);\r\n } catch(e) {}\r\n /*jshint evil:false */\r\n }\r\n }\r\n return cssCache[css];\r\n };\r\n })();\r\n\r\n var setResolution = function( candidate, sizesattr ) {\r\n if ( candidate.w ) { // h = means height: || descriptor.type === 'h' do not handle yet...\r\n candidate.cWidth = pf.calcListLength( sizesattr || \"100vw\" );\r\n candidate.res = candidate.w / candidate.cWidth ;\r\n } else {\r\n candidate.res = candidate.d;\r\n }\r\n return candidate;\r\n };\r\n\r\n /**\r\n\t *\r\n\t * @param opt\r\n\t */\r\n var picturefill = function( opt ) {\r\n\r\n if (!isSupportTestReady) {return;}\r\n\r\n var elements, i, plen;\r\n\r\n var options = opt || {};\r\n\r\n if ( options.elements && options.elements.nodeType === 1 ) {\r\n if ( options.elements.nodeName.toUpperCase() === \"IMG\" ) {\r\n options.elements = [ options.elements ];\r\n } else {\r\n options.context = options.elements;\r\n options.elements = null;\r\n }\r\n }\r\n\r\n elements = options.elements || pf.qsa( (options.context || document), ( options.reevaluate || options.reselect ) ? pf.sel : pf.selShort );\r\n\r\n if ( (plen = elements.length) ) {\r\n\r\n pf.setupRun( options );\r\n alreadyRun = true;\r\n\r\n // Loop through all elements\r\n for ( i = 0; i < plen; i++ ) {\r\n pf.fillImg(elements[ i ], options);\r\n }\r\n\r\n pf.teardownRun( options );\r\n }\r\n };\r\n\r\n /**\r\n\t * outputs a warning for the developer\r\n\t * @param {message}\r\n\t * @type {Function}\r\n\t */\r\n warn = ( window.console && console.warn ) ?\r\n function( message ) {\r\n console.warn( message );\r\n } :\r\n noop\r\n ;\r\n\r\n if ( !(curSrcProp in image) ) {\r\n curSrcProp = \"src\";\r\n }\r\n\r\n // Add support for standard mime types.\r\n types[ \"image/jpeg\" ] = true;\r\n types[ \"image/gif\" ] = true;\r\n types[ \"image/png\" ] = true;\r\n\r\n function detectTypeSupport( type, typeUri ) {\r\n // based on Modernizr's lossless img-webp test\r\n // note: asynchronous\r\n var image = new window.Image();\r\n image.onerror = function() {\r\n types[ type ] = false;\r\n picturefill();\r\n };\r\n image.onload = function() {\r\n types[ type ] = image.width === 1;\r\n picturefill();\r\n };\r\n image.src = typeUri;\r\n return \"pending\";\r\n }\r\n\r\n // test svg support\r\n types[ \"image/svg+xml\" ] = document.implementation.hasFeature( \"http://www.w3.org/TR/SVG11/feature#Image\", \"1.1\" );\r\n\r\n /**\r\n\t * updates the internal vW property with the current viewport width in px\r\n\t */\r\n function updateMetrics() {\r\n\r\n isVwDirty = false;\r\n DPR = window.devicePixelRatio;\r\n cssCache = {};\r\n sizeLengthCache = {};\r\n\r\n pf.DPR = DPR || 1;\r\n\r\n units.width = Math.max(window.innerWidth || 0, docElem.clientWidth);\r\n units.height = Math.max(window.innerHeight || 0, docElem.clientHeight);\r\n\r\n units.vw = units.width / 100;\r\n units.vh = units.height / 100;\r\n\r\n evalId = [ units.height, units.width, DPR ].join(\"-\");\r\n\r\n units.em = pf.getEmValue();\r\n units.rem = units.em;\r\n }\r\n\r\n function chooseLowRes( lowerValue, higherValue, dprValue, isCached ) {\r\n var bonusFactor, tooMuch, bonus, meanDensity;\r\n\r\n //experimental\r\n if (cfg.algorithm === \"saveData\" ){\r\n if ( lowerValue > 2.7 ) {\r\n meanDensity = dprValue + 1;\r\n } else {\r\n tooMuch = higherValue - dprValue;\r\n bonusFactor = Math.pow(lowerValue - 0.6, 1.5);\r\n\r\n bonus = tooMuch * bonusFactor;\r\n\r\n if (isCached) {\r\n bonus += 0.1 * bonusFactor;\r\n }\r\n\r\n meanDensity = lowerValue + bonus;\r\n }\r\n } else {\r\n meanDensity = (dprValue > 1) ?\r\n Math.sqrt(lowerValue * higherValue) :\r\n lowerValue;\r\n }\r\n\r\n return meanDensity > dprValue;\r\n }\r\n\r\n function applyBestCandidate( img ) {\r\n var srcSetCandidates;\r\n var matchingSet = pf.getSet( img );\r\n var evaluated = false;\r\n if ( matchingSet !== \"pending\" ) {\r\n evaluated = evalId;\r\n if ( matchingSet ) {\r\n srcSetCandidates = pf.setRes( matchingSet );\r\n pf.applySetCandidate( srcSetCandidates, img );\r\n }\r\n }\r\n img[ pf.ns ].evaled = evaluated;\r\n }\r\n\r\n function ascendingSort( a, b ) {\r\n return a.res - b.res;\r\n }\r\n\r\n function setSrcToCur( img, src, set ) {\r\n var candidate;\r\n if ( !set && src ) {\r\n set = img[ pf.ns ].sets;\r\n set = set && set[set.length - 1];\r\n }\r\n\r\n candidate = getCandidateForSrc(src, set);\r\n\r\n if ( candidate ) {\r\n src = pf.makeUrl(src);\r\n img[ pf.ns ].curSrc = src;\r\n img[ pf.ns ].curCan = candidate;\r\n\r\n if ( !candidate.res ) {\r\n setResolution( candidate, candidate.set.sizes );\r\n }\r\n }\r\n return candidate;\r\n }\r\n\r\n function getCandidateForSrc( src, set ) {\r\n var i, candidate, candidates;\r\n if ( src && set ) {\r\n candidates = pf.parseSet( set );\r\n src = pf.makeUrl(src);\r\n for ( i = 0; i < candidates.length; i++ ) {\r\n if ( src === pf.makeUrl(candidates[ i ].url) ) {\r\n candidate = candidates[ i ];\r\n break;\r\n }\r\n }\r\n }\r\n return candidate;\r\n }\r\n\r\n function getAllSourceElements( picture, candidates ) {\r\n var i, len, source, srcset;\r\n\r\n // SPEC mismatch intended for size and perf:\r\n // actually only source elements preceding the img should be used\r\n // also note: don't use qsa here, because IE8 sometimes doesn't like source as the key part in a selector\r\n var sources = picture.getElementsByTagName( \"source\" );\r\n\r\n for ( i = 0, len = sources.length; i < len; i++ ) {\r\n source = sources[ i ];\r\n source[ pf.ns ] = true;\r\n srcset = source.getAttribute( \"srcset\" );\r\n\r\n // if source does not have a srcset attribute, skip\r\n if ( srcset ) {\r\n candidates.push( {\r\n srcset: srcset,\r\n media: source.getAttribute( \"media\" ),\r\n type: source.getAttribute( \"type\" ),\r\n sizes: source.getAttribute( \"sizes\" )\r\n } );\r\n }\r\n }\r\n }\r\n\r\n /**\r\n\t * Srcset Parser\r\n\t * By Alex Bell | MIT License\r\n\t *\r\n\t * @returns Array [{url: _, d: _, w: _, h:_, set:_(????)}, ...]\r\n\t *\r\n\t * Based super duper closely on the reference algorithm at:\r\n\t * https://html.spec.whatwg.org/multipage/embedded-content.html#parse-a-srcset-attribute\r\n\t */\r\n\r\n // 1. Let input be the value passed to this algorithm.\r\n // (TO-DO : Explain what \"set\" argument is here. Maybe choose a more\r\n // descriptive & more searchable name. Since passing the \"set\" in really has\r\n // nothing to do with parsing proper, I would prefer this assignment eventually\r\n // go in an external fn.)\r\n function parseSrcset(input, set) {\r\n\r\n function collectCharacters(regEx) {\r\n var chars,\r\n match = regEx.exec(input.substring(pos));\r\n if (match) {\r\n chars = match[ 0 ];\r\n pos += chars.length;\r\n return chars;\r\n }\r\n }\r\n\r\n var inputLength = input.length,\r\n url,\r\n descriptors,\r\n currentDescriptor,\r\n state,\r\n c,\r\n\r\n // 2. Let position be a pointer into input, initially pointing at the start\r\n // of the string.\r\n pos = 0,\r\n\r\n // 3. Let candidates be an initially empty source set.\r\n candidates = [];\r\n\r\n /**\r\n\t\t* Adds descriptor properties to a candidate, pushes to the candidates array\r\n\t\t* @return undefined\r\n\t\t*/\r\n // (Declared outside of the while loop so that it's only created once.\r\n // (This fn is defined before it is used, in order to pass JSHINT.\r\n // Unfortunately this breaks the sequencing of the spec comments. :/ )\r\n function parseDescriptors() {\r\n\r\n // 9. Descriptor parser: Let error be no.\r\n var pError = false,\r\n\r\n // 10. Let width be absent.\r\n // 11. Let density be absent.\r\n // 12. Let future-compat-h be absent. (We're implementing it now as h)\r\n w, d, h, i,\r\n candidate = {},\r\n desc, lastChar, value, intVal, floatVal;\r\n\r\n // 13. For each descriptor in descriptors, run the appropriate set of steps\r\n // from the following list:\r\n for (i = 0 ; i < descriptors.length; i++) {\r\n desc = descriptors[ i ];\r\n\r\n lastChar = desc[ desc.length - 1 ];\r\n value = desc.substring(0, desc.length - 1);\r\n intVal = parseInt(value, 10);\r\n floatVal = parseFloat(value);\r\n\r\n // If the descriptor consists of a valid non-negative integer followed by\r\n // a U+0077 LATIN SMALL LETTER W character\r\n if (regexNonNegativeInteger.test(value) && (lastChar === \"w\")) {\r\n\r\n // If width and density are not both absent, then let error be yes.\r\n if (w || d) {pError = true;}\r\n\r\n // Apply the rules for parsing non-negative integers to the descriptor.\r\n // If the result is zero, let error be yes.\r\n // Otherwise, let width be the result.\r\n if (intVal === 0) {pError = true;} else {w = intVal;}\r\n\r\n // If the descriptor consists of a valid floating-point number followed by\r\n // a U+0078 LATIN SMALL LETTER X character\r\n } else if (regexFloatingPoint.test(value) && (lastChar === \"x\")) {\r\n\r\n // If width, density and future-compat-h are not all absent, then let error\r\n // be yes.\r\n if (w || d || h) {pError = true;}\r\n\r\n // Apply the rules for parsing floating-point number values to the descriptor.\r\n // If the result is less than zero, let error be yes. Otherwise, let density\r\n // be the result.\r\n if (floatVal < 0) {pError = true;} else {d = floatVal;}\r\n\r\n // If the descriptor consists of a valid non-negative integer followed by\r\n // a U+0068 LATIN SMALL LETTER H character\r\n } else if (regexNonNegativeInteger.test(value) && (lastChar === \"h\")) {\r\n\r\n // If height and density are not both absent, then let error be yes.\r\n if (h || d) {pError = true;}\r\n\r\n // Apply the rules for parsing non-negative integers to the descriptor.\r\n // If the result is zero, let error be yes. Otherwise, let future-compat-h\r\n // be the result.\r\n if (intVal === 0) {pError = true;} else {h = intVal;}\r\n\r\n // Anything else, Let error be yes.\r\n } else {pError = true;}\r\n } // (close step 13 for loop)\r\n\r\n // 15. If error is still no, then append a new image source to candidates whose\r\n // URL is url, associated with a width width if not absent and a pixel\r\n // density density if not absent. Otherwise, there is a parse error.\r\n if (!pError) {\r\n candidate.url = url;\r\n\r\n if (w) { candidate.w = w;}\r\n if (d) { candidate.d = d;}\r\n if (h) { candidate.h = h;}\r\n if (!h && !d && !w) {candidate.d = 1;}\r\n if (candidate.d === 1) {set.has1x = true;}\r\n candidate.set = set;\r\n\r\n candidates.push(candidate);\r\n }\r\n } // (close parseDescriptors fn)\r\n\r\n /**\r\n\t\t* Tokenizes descriptor properties prior to parsing\r\n\t\t* Returns undefined.\r\n\t\t* (Again, this fn is defined before it is used, in order to pass JSHINT.\r\n\t\t* Unfortunately this breaks the logical sequencing of the spec comments. :/ )\r\n\t\t*/\r\n function tokenize() {\r\n\r\n // 8.1. Descriptor tokeniser: Skip whitespace\r\n collectCharacters(regexLeadingSpaces);\r\n\r\n // 8.2. Let current descriptor be the empty string.\r\n currentDescriptor = \"\";\r\n\r\n // 8.3. Let state be in descriptor.\r\n state = \"in descriptor\";\r\n\r\n while (true) {\r\n\r\n // 8.4. Let c be the character at position.\r\n c = input.charAt(pos);\r\n\r\n // Do the following depending on the value of state.\r\n // For the purpose of this step, \"EOF\" is a special character representing\r\n // that position is past the end of input.\r\n\r\n // In descriptor\r\n if (state === \"in descriptor\") {\r\n // Do the following, depending on the value of c:\r\n\r\n // Space character\r\n // If current descriptor is not empty, append current descriptor to\r\n // descriptors and let current descriptor be the empty string.\r\n // Set state to after descriptor.\r\n if (isSpace(c)) {\r\n if (currentDescriptor) {\r\n descriptors.push(currentDescriptor);\r\n currentDescriptor = \"\";\r\n state = \"after descriptor\";\r\n }\r\n\r\n // U+002C COMMA (,)\r\n // Advance position to the next character in input. If current descriptor\r\n // is not empty, append current descriptor to descriptors. Jump to the step\r\n // labeled descriptor parser.\r\n } else if (c === \",\") {\r\n pos += 1;\r\n if (currentDescriptor) {\r\n descriptors.push(currentDescriptor);\r\n }\r\n parseDescriptors();\r\n return;\r\n\r\n // U+0028 LEFT PARENTHESIS (()\r\n // Append c to current descriptor. Set state to in parens.\r\n } else if (c === \"\\u0028\") {\r\n currentDescriptor = currentDescriptor + c;\r\n state = \"in parens\";\r\n\r\n // EOF\r\n // If current descriptor is not empty, append current descriptor to\r\n // descriptors. Jump to the step labeled descriptor parser.\r\n } else if (c === \"\") {\r\n if (currentDescriptor) {\r\n descriptors.push(currentDescriptor);\r\n }\r\n parseDescriptors();\r\n return;\r\n\r\n // Anything else\r\n // Append c to current descriptor.\r\n } else {\r\n currentDescriptor = currentDescriptor + c;\r\n }\r\n // (end \"in descriptor\"\r\n\r\n // In parens\r\n } else if (state === \"in parens\") {\r\n\r\n // U+0029 RIGHT PARENTHESIS ())\r\n // Append c to current descriptor. Set state to in descriptor.\r\n if (c === \")\") {\r\n currentDescriptor = currentDescriptor + c;\r\n state = \"in descriptor\";\r\n\r\n // EOF\r\n // Append current descriptor to descriptors. Jump to the step labeled\r\n // descriptor parser.\r\n } else if (c === \"\") {\r\n descriptors.push(currentDescriptor);\r\n parseDescriptors();\r\n return;\r\n\r\n // Anything else\r\n // Append c to current descriptor.\r\n } else {\r\n currentDescriptor = currentDescriptor + c;\r\n }\r\n\r\n // After descriptor\r\n } else if (state === \"after descriptor\") {\r\n\r\n // Do the following, depending on the value of c:\r\n // Space character: Stay in this state.\r\n if (isSpace(c)) {\r\n\r\n // EOF: Jump to the step labeled descriptor parser.\r\n } else if (c === \"\") {\r\n parseDescriptors();\r\n return;\r\n\r\n // Anything else\r\n // Set state to in descriptor. Set position to the previous character in input.\r\n } else {\r\n state = \"in descriptor\";\r\n pos -= 1;\r\n\r\n }\r\n }\r\n\r\n // Advance position to the next character in input.\r\n pos += 1;\r\n\r\n // Repeat this step.\r\n } // (close while true loop)\r\n }\r\n\r\n // 4. Splitting loop: Collect a sequence of characters that are space\r\n // characters or U+002C COMMA characters. If any U+002C COMMA characters\r\n // were collected, that is a parse error.\r\n while (true) {\r\n collectCharacters(regexLeadingCommasOrSpaces);\r\n\r\n // 5. If position is past the end of input, return candidates and abort these steps.\r\n if (pos >= inputLength) {\r\n return candidates; // (we're done, this is the sole return path)\r\n }\r\n\r\n // 6. Collect a sequence of characters that are not space characters,\r\n // and let that be url.\r\n url = collectCharacters(regexLeadingNotSpaces);\r\n\r\n // 7. Let descriptors be a new empty list.\r\n descriptors = [];\r\n\r\n // 8. If url ends with a U+002C COMMA character (,), follow these substeps:\r\n //\t\t(1). Remove all trailing U+002C COMMA characters from url. If this removed\r\n // more than one character, that is a parse error.\r\n if (url.slice(-1) === \",\") {\r\n url = url.replace(regexTrailingCommas, \"\");\r\n // (Jump ahead to step 9 to skip tokenization and just push the candidate).\r\n parseDescriptors();\r\n\r\n //\tOtherwise, follow these substeps:\r\n } else {\r\n tokenize();\r\n } // (close else of step 8)\r\n\r\n // 16. Return to the step labeled splitting loop.\r\n } // (Close of big while loop.)\r\n }\r\n\r\n /*\r\n\t * Sizes Parser\r\n\t *\r\n\t * By Alex Bell | MIT License\r\n\t *\r\n\t * Non-strict but accurate and lightweight JS Parser for the string value ![]()
\r\n\t *\r\n\t * Reference algorithm at:\r\n\t * https://html.spec.whatwg.org/multipage/embedded-content.html#parse-a-sizes-attribute\r\n\t *\r\n\t * Most comments are copied in directly from the spec\r\n\t * (except for comments in parens).\r\n\t *\r\n\t * Grammar is:\r\n\t * = # [ , ]? | \r\n\t * = \r\n\t * = \r\n\t * http://www.w3.org/html/wg/drafts/html/master/embedded-content.html#attr-img-sizes\r\n\t *\r\n\t * E.g. \"(max-width: 30em) 100vw, (max-width: 50em) 70vw, 100vw\"\r\n\t * or \"(min-width: 30em), calc(30vw - 15px)\" or just \"30vw\"\r\n\t *\r\n\t * Returns the first valid with a media condition that evaluates to true,\r\n\t * or \"100vw\" if all valid media conditions evaluate to false.\r\n\t *\r\n\t */\r\n\r\n function parseSizes(strValue) {\r\n\r\n // (Percentage CSS lengths are not allowed in this case, to avoid confusion:\r\n // https://html.spec.whatwg.org/multipage/embedded-content.html#valid-source-size-list\r\n // CSS allows a single optional plus or minus sign:\r\n // http://www.w3.org/TR/CSS2/syndata.html#numbers\r\n // CSS is ASCII case-insensitive:\r\n // http://www.w3.org/TR/CSS2/syndata.html#characters )\r\n // Spec allows exponential notation for type:\r\n // http://dev.w3.org/csswg/css-values/#numbers\r\n var regexCssLengthWithUnits = /^(?:[+-]?[0-9]+|[0-9]*\\.[0-9]+)(?:[eE][+-]?[0-9]+)?(?:ch|cm|em|ex|in|mm|pc|pt|px|rem|vh|vmin|vmax|vw)$/i;\r\n\r\n // (This is a quick and lenient test. Because of optional unlimited-depth internal\r\n // grouping parens and strict spacing rules, this could get very complicated.)\r\n var regexCssCalc = /^calc\\((?:[0-9a-z \\.\\+\\-\\*\\/\\(\\)]+)\\)$/i;\r\n\r\n var i;\r\n var unparsedSizesList;\r\n var unparsedSizesListLength;\r\n var unparsedSize;\r\n var lastComponentValue;\r\n var size;\r\n\r\n // UTILITY FUNCTIONS\r\n\r\n // (Toy CSS parser. The goals here are:\r\n // 1) expansive test coverage without the weight of a full CSS parser.\r\n // 2) Avoiding regex wherever convenient.\r\n // Quick tests: http://jsfiddle.net/gtntL4gr/3/\r\n // Returns an array of arrays.)\r\n function parseComponentValues(str) {\r\n var chrctr;\r\n var component = \"\";\r\n var componentArray = [];\r\n var listArray = [];\r\n var parenDepth = 0;\r\n var pos = 0;\r\n var inComment = false;\r\n\r\n function pushComponent() {\r\n if (component) {\r\n componentArray.push(component);\r\n component = \"\";\r\n }\r\n }\r\n\r\n function pushComponentArray() {\r\n if (componentArray[0]) {\r\n listArray.push(componentArray);\r\n componentArray = [];\r\n }\r\n }\r\n\r\n // (Loop forwards from the beginning of the string.)\r\n while (true) {\r\n chrctr = str.charAt(pos);\r\n\r\n if (chrctr === \"\") { // ( End of string reached.)\r\n pushComponent();\r\n pushComponentArray();\r\n return listArray;\r\n } else if (inComment) {\r\n if ((chrctr === \"*\") && (str[pos + 1] === \"/\")) { // (At end of a comment.)\r\n inComment = false;\r\n pos += 2;\r\n pushComponent();\r\n continue;\r\n } else {\r\n pos += 1; // (Skip all characters inside comments.)\r\n continue;\r\n }\r\n } else if (isSpace(chrctr)) {\r\n // (If previous character in loop was also a space, or if\r\n // at the beginning of the string, do not add space char to\r\n // component.)\r\n if ( (str.charAt(pos - 1) && isSpace( str.charAt(pos - 1) ) ) || !component ) {\r\n pos += 1;\r\n continue;\r\n } else if (parenDepth === 0) {\r\n pushComponent();\r\n pos +=1;\r\n continue;\r\n } else {\r\n // (Replace any space character with a plain space for legibility.)\r\n chrctr = \" \";\r\n }\r\n } else if (chrctr === \"(\") {\r\n parenDepth += 1;\r\n } else if (chrctr === \")\") {\r\n parenDepth -= 1;\r\n } else if (chrctr === \",\") {\r\n pushComponent();\r\n pushComponentArray();\r\n pos += 1;\r\n continue;\r\n } else if ( (chrctr === \"/\") && (str.charAt(pos + 1) === \"*\") ) {\r\n inComment = true;\r\n pos += 2;\r\n continue;\r\n }\r\n\r\n component = component + chrctr;\r\n pos += 1;\r\n }\r\n }\r\n\r\n function isValidNonNegativeSourceSizeValue(s) {\r\n if (regexCssLengthWithUnits.test(s) && (parseFloat(s) >= 0)) {return true;}\r\n if (regexCssCalc.test(s)) {return true;}\r\n // ( http://www.w3.org/TR/CSS2/syndata.html#numbers says:\r\n // \"-0 is equivalent to 0 and is not a negative number.\" which means that\r\n // unitless zero and unitless negative zero must be accepted as special cases.)\r\n if ((s === \"0\") || (s === \"-0\") || (s === \"+0\")) {return true;}\r\n return false;\r\n }\r\n\r\n // When asked to parse a sizes attribute from an element, parse a\r\n // comma-separated list of component values from the value of the element's\r\n // sizes attribute (or the empty string, if the attribute is absent), and let\r\n // unparsed sizes list be the result.\r\n // http://dev.w3.org/csswg/css-syntax/#parse-comma-separated-list-of-component-values\r\n\r\n unparsedSizesList = parseComponentValues(strValue);\r\n unparsedSizesListLength = unparsedSizesList.length;\r\n\r\n // For each unparsed size in unparsed sizes list:\r\n for (i = 0; i < unparsedSizesListLength; i++) {\r\n unparsedSize = unparsedSizesList[i];\r\n\r\n // 1. Remove all consecutive s from the end of unparsed size.\r\n // ( parseComponentValues() already omits spaces outside of parens. )\r\n\r\n // If unparsed size is now empty, that is a parse error; continue to the next\r\n // iteration of this algorithm.\r\n // ( parseComponentValues() won't push an empty array. )\r\n\r\n // 2. If the last component value in unparsed size is a valid non-negative\r\n // , let size be its value and remove the component value\r\n // from unparsed size. Any CSS function other than the calc() function is\r\n // invalid. Otherwise, there is a parse error; continue to the next iteration\r\n // of this algorithm.\r\n // http://dev.w3.org/csswg/css-syntax/#parse-component-value\r\n lastComponentValue = unparsedSize[unparsedSize.length - 1];\r\n\r\n if (isValidNonNegativeSourceSizeValue(lastComponentValue)) {\r\n size = lastComponentValue;\r\n unparsedSize.pop();\r\n } else {\r\n continue;\r\n }\r\n\r\n // 3. Remove all consecutive s from the end of unparsed\r\n // size. If unparsed size is now empty, return size and exit this algorithm.\r\n // If this was not the last item in unparsed sizes list, that is a parse error.\r\n if (unparsedSize.length === 0) {\r\n return size;\r\n }\r\n\r\n // 4. Parse the remaining component values in unparsed size as a\r\n // . If it does not parse correctly, or it does parse\r\n // correctly but the evaluates to false, continue to the\r\n // next iteration of this algorithm.\r\n // (Parsing all possible compound media conditions in JS is heavy, complicated,\r\n // and the payoff is unclear. Is there ever an situation where the\r\n // media condition parses incorrectly but still somehow evaluates to true?\r\n // Can we just rely on the browser/polyfill to do it?)\r\n unparsedSize = unparsedSize.join(\" \");\r\n if (!(pf.matchesMedia( unparsedSize ) ) ) {\r\n continue;\r\n }\r\n\r\n // 5. Return size and exit this algorithm.\r\n return size;\r\n }\r\n\r\n // If the above algorithm exhausts unparsed sizes list without returning a\r\n // size value, return 100vw.\r\n return \"100vw\";\r\n }\r\n\r\n // namespace\r\n pf.ns = (\"pf\" + new Date().getTime()).substr(0, 9);\r\n\r\n // srcset support test\r\n pf.supSrcset = \"srcset\" in image;\r\n pf.supSizes = \"sizes\" in image;\r\n pf.supPicture = !!window.HTMLPictureElement;\r\n\r\n // UC browser does claim to support srcset and picture, but not sizes,\r\n // this extended test reveals the browser does support nothing\r\n if (pf.supSrcset && pf.supPicture && !pf.supSizes) {\r\n (function(image2) {\r\n image.srcset = \"data:,a\";\r\n image2.src = \"data:,a\";\r\n pf.supSrcset = image.complete === image2.complete;\r\n pf.supPicture = pf.supSrcset && pf.supPicture;\r\n })(document.createElement(\"img\"));\r\n }\r\n\r\n // Safari9 has basic support for sizes, but does't expose the `sizes` idl attribute\r\n if (pf.supSrcset && !pf.supSizes) {\r\n\r\n (function() {\r\n var width2 = \"data:image/gif;base64,R0lGODlhAgABAPAAAP///wAAACH5BAAAAAAALAAAAAACAAEAAAICBAoAOw==\";\r\n var width1 = \"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\";\r\n var img = document.createElement(\"img\");\r\n var test = function() {\r\n var width = img.width;\r\n\r\n if (width === 2) {\r\n pf.supSizes = true;\r\n }\r\n\r\n alwaysCheckWDescriptor = pf.supSrcset && !pf.supSizes;\r\n\r\n isSupportTestReady = true;\r\n // force async\r\n setTimeout(picturefill);\r\n };\r\n\r\n img.onload = test;\r\n img.onerror = test;\r\n img.setAttribute(\"sizes\", \"9px\");\r\n\r\n img.srcset = width1 + \" 1w,\" + width2 + \" 9w\";\r\n img.src = width1;\r\n })();\r\n\r\n } else {\r\n isSupportTestReady = true;\r\n }\r\n\r\n // using pf.qsa instead of dom traversing does scale much better,\r\n // especially on sites mixing responsive and non-responsive images\r\n pf.selShort = \"picture>img,img[srcset]\";\r\n pf.sel = pf.selShort;\r\n pf.cfg = cfg;\r\n\r\n /**\r\n\t * Shortcut property for `devicePixelRatio` ( for easy overriding in tests )\r\n\t */\r\n pf.DPR = (DPR || 1 );\r\n pf.u = units;\r\n\r\n // container of supported mime types that one might need to qualify before using\r\n pf.types = types;\r\n\r\n pf.setSize = noop;\r\n\r\n /**\r\n\t * Gets a string and returns the absolute URL\r\n\t * @param src\r\n\t * @returns {String} absolute URL\r\n\t */\r\n\r\n pf.makeUrl = memoize(function(src) {\r\n anchor.href = src;\r\n return anchor.href;\r\n });\r\n\r\n /**\r\n\t * Gets a DOM element or document and a selctor and returns the found matches\r\n\t * Can be extended with jQuery/Sizzle for IE7 support\r\n\t * @param context\r\n\t * @param sel\r\n\t * @returns {NodeList|Array}\r\n\t */\r\n pf.qsa = function(context, sel) {\r\n return ( \"querySelector\" in context ) ? context.querySelectorAll(sel) : [];\r\n };\r\n\r\n /**\r\n\t * Shortcut method for matchMedia ( for easy overriding in tests )\r\n\t * wether native or pf.mMQ is used will be decided lazy on first call\r\n\t * @returns {boolean}\r\n\t */\r\n pf.matchesMedia = function() {\r\n if ( window.matchMedia && (matchMedia( \"(min-width: 0.1em)\" ) || {}).matches ) {\r\n pf.matchesMedia = function( media ) {\r\n return !media || ( matchMedia( media ).matches );\r\n };\r\n } else {\r\n pf.matchesMedia = pf.mMQ;\r\n }\r\n\r\n return pf.matchesMedia.apply( this, arguments );\r\n };\r\n\r\n /**\r\n\t * A simplified matchMedia implementation for IE8 and IE9\r\n\t * handles only min-width/max-width with px or em values\r\n\t * @param media\r\n\t * @returns {boolean}\r\n\t */\r\n pf.mMQ = function( media ) {\r\n return media ? evalCSS(media) : true;\r\n };\r\n\r\n /**\r\n\t * Returns the calculated length in css pixel from the given sourceSizeValue\r\n\t * http://dev.w3.org/csswg/css-values-3/#length-value\r\n\t * intended Spec mismatches:\r\n\t * * Does not check for invalid use of CSS functions\r\n\t * * Does handle a computed length of 0 the same as a negative and therefore invalid value\r\n\t * @param sourceSizeValue\r\n\t * @returns {Number}\r\n\t */\r\n pf.calcLength = function( sourceSizeValue ) {\r\n\r\n var value = evalCSS(sourceSizeValue, true) || false;\r\n if (value < 0) {\r\n value = false;\r\n }\r\n\r\n return value;\r\n };\r\n\r\n /**\r\n\t * Takes a type string and checks if its supported\r\n\t */\r\n\r\n pf.supportsType = function( type ) {\r\n return ( type ) ? types[ type ] : true;\r\n };\r\n\r\n /**\r\n\t * Parses a sourceSize into mediaCondition (media) and sourceSizeValue (length)\r\n\t * @param sourceSizeStr\r\n\t * @returns {*}\r\n\t */\r\n pf.parseSize = memoize(function( sourceSizeStr ) {\r\n var match = ( sourceSizeStr || \"\" ).match(regSize);\r\n return {\r\n media: match && match[1],\r\n length: match && match[2]\r\n };\r\n });\r\n\r\n pf.parseSet = function( set ) {\r\n if ( !set.cands ) {\r\n set.cands = parseSrcset(set.srcset, set);\r\n }\r\n return set.cands;\r\n };\r\n\r\n /**\r\n\t * returns 1em in css px for html/body default size\r\n\t * function taken from respondjs\r\n\t * @returns {*|number}\r\n\t */\r\n pf.getEmValue = function() {\r\n var body;\r\n if ( !eminpx && (body = document.body) ) {\r\n var div = document.createElement( \"div\" ),\r\n originalHTMLCSS = docElem.style.cssText,\r\n originalBodyCSS = body.style.cssText;\r\n\r\n div.style.cssText = baseStyle;\r\n\r\n // 1em in a media query is the value of the default font size of the browser\r\n // reset docElem and body to ensure the correct value is returned\r\n docElem.style.cssText = fsCss;\r\n body.style.cssText = fsCss;\r\n\r\n body.appendChild( div );\r\n eminpx = div.offsetWidth;\r\n body.removeChild( div );\r\n\r\n //also update eminpx before returning\r\n eminpx = parseFloat( eminpx, 10 );\r\n\r\n // restore the original values\r\n docElem.style.cssText = originalHTMLCSS;\r\n body.style.cssText = originalBodyCSS;\r\n\r\n }\r\n return eminpx || 16;\r\n };\r\n\r\n /**\r\n\t * Takes a string of sizes and returns the width in pixels as a number\r\n\t */\r\n pf.calcListLength = function( sourceSizeListStr ) {\r\n // Split up source size list, ie ( max-width: 30em ) 100%, ( max-width: 50em ) 50%, 33%\r\n //\r\n // or (min-width:30em) calc(30% - 15px)\r\n if ( !(sourceSizeListStr in sizeLengthCache) || cfg.uT ) {\r\n var winningLength = pf.calcLength( parseSizes( sourceSizeListStr ) );\r\n\r\n sizeLengthCache[ sourceSizeListStr ] = !winningLength ? units.width : winningLength;\r\n }\r\n\r\n return sizeLengthCache[ sourceSizeListStr ];\r\n };\r\n\r\n /**\r\n\t * Takes a candidate object with a srcset property in the form of url/\r\n\t * ex. \"images/pic-medium.png 1x, images/pic-medium-2x.png 2x\" or\r\n\t * \"images/pic-medium.png 400w, images/pic-medium-2x.png 800w\" or\r\n\t * \"images/pic-small.png\"\r\n\t * Get an array of image candidates in the form of\r\n\t * {url: \"/foo/bar.png\", resolution: 1}\r\n\t * where resolution is http://dev.w3.org/csswg/css-values-3/#resolution-value\r\n\t * If sizes is specified, res is calculated\r\n\t */\r\n pf.setRes = function( set ) {\r\n var candidates;\r\n if ( set ) {\r\n\r\n candidates = pf.parseSet( set );\r\n\r\n for ( var i = 0, len = candidates.length; i < len; i++ ) {\r\n setResolution( candidates[ i ], set.sizes );\r\n }\r\n }\r\n return candidates;\r\n };\r\n\r\n pf.setRes.res = setResolution;\r\n\r\n pf.applySetCandidate = function( candidates, img ) {\r\n if ( !candidates.length ) {return;}\r\n var candidate,\r\n i,\r\n j,\r\n length,\r\n bestCandidate,\r\n curSrc,\r\n curCan,\r\n candidateSrc,\r\n abortCurSrc;\r\n\r\n var imageData = img[ pf.ns ];\r\n var dpr = pf.DPR;\r\n\r\n curSrc = imageData.curSrc || img[curSrcProp];\r\n\r\n curCan = imageData.curCan || setSrcToCur(img, curSrc, candidates[0].set);\r\n\r\n // if we have a current source, we might either become lazy or give this source some advantage\r\n if ( curCan && curCan.set === candidates[ 0 ].set ) {\r\n\r\n // if browser can abort image request and the image has a higher pixel density than needed\r\n // and this image isn't downloaded yet, we skip next part and try to save bandwidth\r\n abortCurSrc = (supportAbort && !img.complete && curCan.res - 0.1 > dpr);\r\n\r\n if ( !abortCurSrc ) {\r\n curCan.cached = true;\r\n\r\n // if current candidate is \"best\", \"better\" or \"okay\",\r\n // set it to bestCandidate\r\n if ( curCan.res >= dpr ) {\r\n bestCandidate = curCan;\r\n }\r\n }\r\n }\r\n\r\n if ( !bestCandidate ) {\r\n\r\n candidates.sort( ascendingSort );\r\n\r\n length = candidates.length;\r\n bestCandidate = candidates[ length - 1 ];\r\n\r\n for ( i = 0; i < length; i++ ) {\r\n candidate = candidates[ i ];\r\n if ( candidate.res >= dpr ) {\r\n j = i - 1;\r\n\r\n // we have found the perfect candidate,\r\n // but let's improve this a little bit with some assumptions ;-)\r\n if (candidates[ j ] &&\r\n (abortCurSrc || curSrc !== pf.makeUrl( candidate.url )) &&\r\n chooseLowRes(candidates[ j ].res, candidate.res, dpr, candidates[ j ].cached)) {\r\n\r\n bestCandidate = candidates[ j ];\r\n\r\n } else {\r\n bestCandidate = candidate;\r\n }\r\n break;\r\n }\r\n }\r\n }\r\n\r\n if ( bestCandidate ) {\r\n\r\n candidateSrc = pf.makeUrl( bestCandidate.url );\r\n\r\n imageData.curSrc = candidateSrc;\r\n imageData.curCan = bestCandidate;\r\n\r\n if ( candidateSrc !== curSrc ) {\r\n pf.setSrc( img, bestCandidate );\r\n }\r\n pf.setSize( img );\r\n }\r\n };\r\n\r\n pf.setSrc = function( img, bestCandidate ) {\r\n var origWidth;\r\n img.src = bestCandidate.url;\r\n\r\n // although this is a specific Safari issue, we don't want to take too much different code paths\r\n if ( bestCandidate.set.type === \"image/svg+xml\" ) {\r\n origWidth = img.style.width;\r\n img.style.width = (img.offsetWidth + 1) + \"px\";\r\n\r\n // next line only should trigger a repaint\r\n // if... is only done to trick dead code removal\r\n if ( img.offsetWidth + 1 ) {\r\n img.style.width = origWidth;\r\n }\r\n }\r\n };\r\n\r\n pf.getSet = function( img ) {\r\n var i, set, supportsType;\r\n var match = false;\r\n var sets = img [ pf.ns ].sets;\r\n\r\n for ( i = 0; i < sets.length && !match; i++ ) {\r\n set = sets[i];\r\n\r\n if ( !set.srcset || !pf.matchesMedia( set.media ) || !(supportsType = pf.supportsType( set.type )) ) {\r\n continue;\r\n }\r\n\r\n if ( supportsType === \"pending\" ) {\r\n set = supportsType;\r\n }\r\n\r\n match = set;\r\n break;\r\n }\r\n\r\n return match;\r\n };\r\n\r\n pf.parseSets = function( element, parent, options ) {\r\n var srcsetAttribute, imageSet, isWDescripor, srcsetParsed;\r\n\r\n var hasPicture = parent && parent.nodeName.toUpperCase() === \"PICTURE\";\r\n var imageData = element[ pf.ns ];\r\n\r\n if ( imageData.src === undefined || options.src ) {\r\n imageData.src = getImgAttr.call( element, \"src\" );\r\n if ( imageData.src ) {\r\n setImgAttr.call( element, srcAttr, imageData.src );\r\n } else {\r\n removeImgAttr.call( element, srcAttr );\r\n }\r\n }\r\n\r\n if ( imageData.srcset === undefined || options.srcset || !pf.supSrcset || element.srcset ) {\r\n srcsetAttribute = getImgAttr.call( element, \"srcset\" );\r\n imageData.srcset = srcsetAttribute;\r\n srcsetParsed = true;\r\n }\r\n\r\n imageData.sets = [];\r\n\r\n if ( hasPicture ) {\r\n imageData.pic = true;\r\n getAllSourceElements( parent, imageData.sets );\r\n }\r\n\r\n if ( imageData.srcset ) {\r\n imageSet = {\r\n srcset: imageData.srcset,\r\n sizes: getImgAttr.call( element, \"sizes\" )\r\n };\r\n\r\n imageData.sets.push( imageSet );\r\n\r\n isWDescripor = (alwaysCheckWDescriptor || imageData.src) && regWDesc.test(imageData.srcset || \"\");\r\n\r\n // add normal src as candidate, if source has no w descriptor\r\n if ( !isWDescripor && imageData.src && !getCandidateForSrc(imageData.src, imageSet) && !imageSet.has1x ) {\r\n imageSet.srcset += \", \" + imageData.src;\r\n imageSet.cands.push({\r\n url: imageData.src,\r\n d: 1,\r\n set: imageSet\r\n });\r\n }\r\n\r\n } else if ( imageData.src ) {\r\n imageData.sets.push( {\r\n srcset: imageData.src,\r\n sizes: null\r\n } );\r\n }\r\n\r\n imageData.curCan = null;\r\n imageData.curSrc = undefined;\r\n\r\n // if img has picture or the srcset was removed or has a srcset and does not support srcset at all\r\n // or has a w descriptor (and does not support sizes) set support to false to evaluate\r\n imageData.supported = !( hasPicture || ( imageSet && !pf.supSrcset ) || (isWDescripor && !pf.supSizes) );\r\n\r\n if ( srcsetParsed && pf.supSrcset && !imageData.supported ) {\r\n if ( srcsetAttribute ) {\r\n setImgAttr.call( element, srcsetAttr, srcsetAttribute );\r\n element.srcset = \"\";\r\n } else {\r\n removeImgAttr.call( element, srcsetAttr );\r\n }\r\n }\r\n\r\n if (imageData.supported && !imageData.srcset && ((!imageData.src && element.src) || element.src !== pf.makeUrl(imageData.src))) {\r\n if (imageData.src === null) {\r\n element.removeAttribute(\"src\");\r\n } else {\r\n element.src = imageData.src;\r\n }\r\n }\r\n\r\n imageData.parsed = true;\r\n };\r\n\r\n pf.fillImg = function(element, options) {\r\n var imageData;\r\n var extreme = options.reselect || options.reevaluate;\r\n\r\n // expando for caching data on the img\r\n if ( !element[ pf.ns ] ) {\r\n element[ pf.ns ] = {};\r\n }\r\n\r\n imageData = element[ pf.ns ];\r\n\r\n // if the element has already been evaluated, skip it\r\n // unless `options.reevaluate` is set to true ( this, for example,\r\n // is set to true when running `picturefill` on `resize` ).\r\n if ( !extreme && imageData.evaled === evalId ) {\r\n return;\r\n }\r\n\r\n if ( !imageData.parsed || options.reevaluate ) {\r\n pf.parseSets( element, element.parentNode, options );\r\n }\r\n\r\n if ( !imageData.supported ) {\r\n applyBestCandidate( element );\r\n } else {\r\n imageData.evaled = evalId;\r\n }\r\n };\r\n\r\n pf.setupRun = function() {\r\n if ( !alreadyRun || isVwDirty || (DPR !== window.devicePixelRatio) ) {\r\n updateMetrics();\r\n }\r\n };\r\n\r\n // If picture is supported, well, that's awesome.\r\n if ( pf.supPicture ) {\r\n picturefill = noop;\r\n pf.fillImg = noop;\r\n } else {\r\n\r\n // Set up picture polyfill by polling the document\r\n (function() {\r\n var isDomReady;\r\n var regReady = window.attachEvent ? /d$|^c/ : /d$|^c|^i/;\r\n\r\n var run = function() {\r\n var readyState = document.readyState || \"\";\r\n\r\n timerId = setTimeout(run, readyState === \"loading\" ? 200 : 999);\r\n if ( document.body ) {\r\n pf.fillImgs();\r\n isDomReady = isDomReady || regReady.test(readyState);\r\n if ( isDomReady ) {\r\n clearTimeout( timerId );\r\n }\r\n\r\n }\r\n };\r\n\r\n var timerId = setTimeout(run, document.body ? 9 : 99);\r\n\r\n // Also attach picturefill on resize and readystatechange\r\n // http://modernjavascript.blogspot.com/2013/08/building-better-debounce.html\r\n var debounce = function(func, wait) {\r\n var timeout, timestamp;\r\n var later = function() {\r\n var last = (new Date()) - timestamp;\r\n\r\n if (last < wait) {\r\n timeout = setTimeout(later, wait - last);\r\n } else {\r\n timeout = null;\r\n func();\r\n }\r\n };\r\n\r\n return function() {\r\n timestamp = new Date();\r\n\r\n if (!timeout) {\r\n timeout = setTimeout(later, wait);\r\n }\r\n };\r\n };\r\n var lastClientWidth = docElem.clientHeight;\r\n var onResize = function() {\r\n isVwDirty = Math.max(window.innerWidth || 0, docElem.clientWidth) !== units.width || docElem.clientHeight !== lastClientWidth;\r\n lastClientWidth = docElem.clientHeight;\r\n if ( isVwDirty ) {\r\n pf.fillImgs();\r\n }\r\n };\r\n\r\n on( window, \"resize\", debounce(onResize, 99 ) );\r\n on( document, \"readystatechange\", run );\r\n })();\r\n }\r\n\r\n pf.picturefill = picturefill;\r\n //use this internally for easy monkey patching/performance testing\r\n pf.fillImgs = picturefill;\r\n pf.teardownRun = noop;\r\n\r\n /* expose methods for testing */\r\n picturefill._ = pf;\r\n\r\n window.picturefillCFG = {\r\n pf: pf,\r\n push: function(args) {\r\n var name = args.shift();\r\n if (typeof pf[name] === \"function\") {\r\n pf[name].apply(pf, args);\r\n } else {\r\n cfg[name] = args[0];\r\n if (alreadyRun) {\r\n pf.fillImgs( { reselect: true } );\r\n }\r\n }\r\n }\r\n };\r\n\r\n while (setOptions && setOptions.length) {\r\n window.picturefillCFG.push(setOptions.shift());\r\n }\r\n\r\n /* expose picturefill */\r\n window.picturefill = picturefill;\r\n\r\n /* expose picturefill */\r\n if ( typeof module === \"object\" && typeof module.exports === \"object\" ) {\r\n // CommonJS, just export\r\n module.exports = picturefill;\r\n } else if ( typeof define === \"function\" && define.amd ) {\r\n // AMD support\r\n define( \"picturefill\", function() { return picturefill; } );\r\n }\r\n\r\n // IE8 evals this sync, so it must be the last thing we do\r\n if ( !pf.supPicture ) {\r\n types[ \"image/webp\" ] = detectTypeSupport(\"image/webp\", \"data:image/webp;base64,UklGRkoAAABXRUJQVlA4WAoAAAAQAAAAAAAAAAAAQUxQSAwAAAABBxAR/Q9ERP8DAABWUDggGAAAADABAJ0BKgEAAQADADQlpAADcAD++/1QAA==\" );\r\n }\r\n\r\n} )( window, document );"]}