├── .editorconfig
├── .gitignore
├── README.md
├── _config.yml
├── homepage-assets
    ├── favicon.png
    ├── homepage.js
    ├── jquery-3.4.1.min.js
    ├── logo.svg
    ├── mobile.css
    ├── preview.gif
    └── style.css
├── index.html
├── loaders
    ├── awesome-spin
    │   └── awesome-spin.css
    ├── blasting-circle
    │   └── blasting-circle.css
    ├── blasting-ripple
    │   └── blasting-ripple.css
    ├── block-spin
    │   └── block-spin.css
    ├── bouncing-circle
    │   └── bouncing-circle.css
    ├── box-rotation
    │   └── box-rotation.css
    ├── cascading-bars
    │   └── cascading-bars.css
    ├── clock
    │   └── clock.css
    ├── color-pulse-ball
    │   └── color-pulse-ball.css
    ├── double-circle
    │   └── double-circle.css
    ├── hour-glass
    │   └── hour-glass.css
    ├── quantum-spinner
    │   └── quantum-spinner.css
    ├── recursive-circle
    │   └── recursive-circle.css
    ├── rotating-plane
    │   └── rotating-plane.css
    ├── simple-circle
    │   └── simple-circle.css
    └── vars.css
└── react
    ├── .babelrc
    ├── .gitignore
    ├── build
        └── index.js
    ├── package.json
    ├── readme.MD
    ├── src
        └── index.js
    ├── webpack.config.js
    └── yarn.lock


/.editorconfig:
--------------------------------------------------------------------------------
1 | root = true
2 | 
3 | [*]
4 | indent_style = space
5 | indent_size = 4
6 | charset = utf-8
7 | trim_trailing_whitespace = false
8 | insert_final_newline = false


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .cache/
2 | .DS_Store
3 | node_modules/
4 | dist/
5 | .idea/
6 | .vscode/
7 | package-lock.json
8 | yarn.lock


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | ### CSS Only loaders
 2 | 
 3 | loaders made with pure CSS and zero bulk. Will be converted to a react component once matured
 4 | 
 5 | [![star this repo](http://githubbadges.com/star.svg?user=theanam&repo=css-only-loaders&style=default)](https://github.com/theanam/css-only-loaders)
 6 | [![fork this repo](http://githubbadges.com/fork.svg?user=theanam&repo=css-only-loaders&style=default)](https://github.com/theanam/css-only-loaders/fork)
 7 | 
 8 | ![CSS Only Loaders](https://raw.githubusercontent.com/theanam/css-only-loaders/master/homepage-assets/preview.gif)
 9 | 
10 | #### React component
11 | 
12 | [![NPM](https://nodei.co/npm/cssonly-loaders-react.png)](https://nodei.co/npm/cssonly-loaders-react/)
13 | 
14 | **Readme still incomplete**
15 | 
16 | > This is a work in progress. if you have a cool loader idea, please contribute
17 | 
18 | #### Contribution guide: 
19 | 
20 | * Please use [CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/--*) in the `looaders/vars.css` file. Make sure the custom measurements in your loader is related to the values in the vars file. Use [calc](https://developer.mozilla.org/en-US/docs/Web/CSS/calc) if necessary.
21 | 
22 | * Please make sure the folder name in the `loaders` folder, the css file name and the class name is the same. This is **Important** for the automatic defination loading to work.
23 | 
24 | * If you want your loader to be added to the react component as well, add the referenece to the CSS file to the `react/src/index.js` file. As the files are placed two folder above use a format like this: `import "../../loaders/simple-circle/simple-circle.css";`. Should be enough to include it to the react component once a new version is released on npm.
25 | 
26 | 
27 | #### Seeking help for: 
28 | 
29 | * Vue component 
30 | * Angular Component
31 | * New loader Ideas
32 | 
33 | The Loader icon on the logo is taken from [Icofont](icofont.com)
34 |  


--------------------------------------------------------------------------------
/_config.yml:
--------------------------------------------------------------------------------
1 | exclude: ["react"]


--------------------------------------------------------------------------------
/homepage-assets/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/theanam/css-only-loaders/330d2297cbde36103513e1e4090b014087e7f20e/homepage-assets/favicon.png


--------------------------------------------------------------------------------
/homepage-assets/homepage.js:
--------------------------------------------------------------------------------
  1 | var baseURL = "https://raw.githubusercontent.com/theanam/css-only-loaders/master/loaders";
  2 | var size    = 70;
  3 | var color   = "#27ae60";
  4 | var line    = 3;
  5 | var dur     = 2;
  6 | function getBaseCSS(){
  7 | 	return `
  8 | /*
  9 | The loaders use CSS custom properties (variables) to control the attributes of the loaders
 10 | */
 11 | :root{
 12 | 	--loader-width: ${size}px;
 13 | 	--loader-height: ${size}px;
 14 | 	--loader-color-primary: ${color};
 15 | 	--loader-color-secondary: #eee;
 16 | 	--line-width: ${line}px;
 17 | 	--animation-duration: ${dur}s;
 18 | 	--loader-initial-scale: 0.1;
 19 | }
 20 | .loader,.loader:before,.loader:after{
 21 | 	box-sizing: border-box;
 22 | 	flex-grow: 0;
 23 | 	flex-shrink: 0;
 24 | }
 25 | /*
 26 | In order to get optimal results, please only change the 
 27 | variables above and don't change anything in the actual loader code
 28 | */
 29 | 	
 30 | 	`;
 31 | }
 32 | function getDefination(cssClass,callback){
 33 | 	$(".loadingindicator").css("display","flex");
 34 | 	$.get(`${baseURL}/${cssClass}/${cssClass}.css`)
 35 | 		.then(data=>{
 36 | 			callback(data);
 37 | 			$(".loadingindicator").css("display","none");
 38 | 		})
 39 | 		.catch(e=>{
 40 | 			console.log("CSS defination fetch error");
 41 | 			$(".loadingindicator").css("display","none");
 42 | 		});
 43 | }
 44 | 
 45 | function prepareSourceCode(data,defName){
 46 | 	$(".sourceholder").css("display","flex");
 47 |     $(".html-code").text(`<div class="loader ${defName}"></div>`);
 48 |     $(".actual-code").text(getBaseCSS() + "\n\n" + data);
 49 |     $(".current-loader-name").val(defName);
 50 | }
 51 | 
 52 | $(".loader").on("click",function(e){
 53 | 	var classes = $(this).attr("class");
 54 | 	var defName = classes.split(" ")[1];
 55 | 	if(!defName) return console.log("Defination class missing");
 56 | 	getDefination(defName,function(data){
 57 | 		prepareSourceCode(data,defName);
 58 | 	});
 59 | });
 60 | 
 61 | $(".source").on("click",function(e){
 62 | 	e.stopPropagation();
 63 | });
 64 | 
 65 | $(".sourceholder").on("click",function(){
 66 | 	$(this).css("display","none");
 67 | });
 68 | $(".size").on("mousemove change",function(){
 69 | 	let _size = $(this).val() || size;
 70 |     size = _size;
 71 |     $(".lsize").html(size);
 72 | 	document.querySelector(":root").style.setProperty("--loader-width",`${_size}px`);
 73 | 	document.querySelector(":root").style.setProperty("--loader-height",`${_size}px`);
 74 | });
 75 | $(".line").on("mousemove change",function(){
 76 | 	let _line = $(this).val() || line;
 77 |     line = _line;
 78 |     $(".lline").html(line);
 79 | 	document.querySelector(":root").style.setProperty("--line-width",`${_line}px`);
 80 | });
 81 | $(".dur").on("mousemove change",function(){
 82 | 	let _dur = $(this).val() || dur;
 83 |     dur = _dur;
 84 |     $(".ldur").html(dur);
 85 | 	document.querySelector(":root").style.setProperty("--animation-duration",`${_dur}s`);
 86 | });
 87 | $(".color").on("change",function(){
 88 | 	let _color = $(this).val() || color;
 89 |     color = _color;
 90 |     $(".lcolor").html(color);
 91 | 	document.querySelector(":root").style.setProperty("--loader-color-primary",_color);
 92 | });
 93 | $(".copy").on("click",function(){
 94 |     let target = $(this).data('target');
 95 |     let targetEl = $(`.${target}`);
 96 |     targetEl.select();
 97 |     document.execCommand("copy");
 98 | });
 99 | 
100 | $(function(){
101 |     $(".lcolor").html(color);
102 |     $(".ldur").html(dur);
103 |     $(".lline").html(line);
104 |     $(".lsize").html(size);
105 |     $.each($(".loader"),function(idx,item){
106 |         let _cls = $(item).attr("class").split(" ")[1];
107 |         $(item).attr("title",_cls);
108 |     })
109 | });


--------------------------------------------------------------------------------
/homepage-assets/jquery-3.4.1.min.js:
--------------------------------------------------------------------------------
1 | /*! jQuery v3.4.1 | (c) JS Foundation and other contributors | jquery.org/license */
2 | !function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(C,e){"use strict";var t=[],E=C.document,r=Object.getPrototypeOf,s=t.slice,g=t.concat,u=t.push,i=t.indexOf,n={},o=n.toString,v=n.hasOwnProperty,a=v.toString,l=a.call(Object),y={},m=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType},x=function(e){return null!=e&&e===e.window},c={type:!0,src:!0,nonce:!0,noModule:!0};function b(e,t,n){var r,i,o=(n=n||E).createElement("script");if(o.text=e,t)for(r in c)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function w(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e}var f="3.4.1",k=function(e,t){return new k.fn.init(e,t)},p=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;function d(e){var t=!!e&&"length"in e&&e.length,n=w(e);return!m(e)&&!x(e)&&("array"===n||0===t||"number"==typeof t&&0<t&&t-1 in e)}k.fn=k.prototype={jquery:f,constructor:k,length:0,toArray:function(){return s.call(this)},get:function(e){return null==e?s.call(this):e<0?this[e+this.length]:this[e]},pushStack:function(e){var t=k.merge(this.constructor(),e);return t.prevObject=this,t},each:function(e){return k.each(this,e)},map:function(n){return this.pushStack(k.map(this,function(e,t){return n.call(e,t,e)}))},slice:function(){return this.pushStack(s.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(e){var t=this.length,n=+e+(e<0?t:0);return this.pushStack(0<=n&&n<t?[this[n]]:[])},end:function(){return this.prevObject||this.constructor()},push:u,sort:t.sort,splice:t.splice},k.extend=k.fn.extend=function(){var e,t,n,r,i,o,a=arguments[0]||{},s=1,u=arguments.length,l=!1;for("boolean"==typeof a&&(l=a,a=arguments[s]||{},s++),"object"==typeof a||m(a)||(a={}),s===u&&(a=this,s--);s<u;s++)if(null!=(e=arguments[s]))for(t in e)r=e[t],"__proto__"!==t&&a!==r&&(l&&r&&(k.isPlainObject(r)||(i=Array.isArray(r)))?(n=a[t],o=i&&!Array.isArray(n)?[]:i||k.isPlainObject(n)?n:{},i=!1,a[t]=k.extend(l,o,r)):void 0!==r&&(a[t]=r));return a},k.extend({expando:"jQuery"+(f+Math.random()).replace(/\D/g,""),isReady:!0,error:function(e){throw new Error(e)},noop:function(){},isPlainObject:function(e){var t,n;return!(!e||"[object Object]"!==o.call(e))&&(!(t=r(e))||"function"==typeof(n=v.call(t,"constructor")&&t.constructor)&&a.call(n)===l)},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},globalEval:function(e,t){b(e,{nonce:t&&t.nonce})},each:function(e,t){var n,r=0;if(d(e)){for(n=e.length;r<n;r++)if(!1===t.call(e[r],r,e[r]))break}else for(r in e)if(!1===t.call(e[r],r,e[r]))break;return e},trim:function(e){return null==e?"":(e+"").replace(p,"")},makeArray:function(e,t){var n=t||[];return null!=e&&(d(Object(e))?k.merge(n,"string"==typeof e?[e]:e):u.call(n,e)),n},inArray:function(e,t,n){return null==t?-1:i.call(t,e,n)},merge:function(e,t){for(var n=+t.length,r=0,i=e.length;r<n;r++)e[i++]=t[r];return e.length=i,e},grep:function(e,t,n){for(var r=[],i=0,o=e.length,a=!n;i<o;i++)!t(e[i],i)!==a&&r.push(e[i]);return r},map:function(e,t,n){var r,i,o=0,a=[];if(d(e))for(r=e.length;o<r;o++)null!=(i=t(e[o],o,n))&&a.push(i);else for(o in e)null!=(i=t(e[o],o,n))&&a.push(i);return g.apply([],a)},guid:1,support:y}),"function"==typeof Symbol&&(k.fn[Symbol.iterator]=t[Symbol.iterator]),k.each("Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "),function(e,t){n["[object "+t+"]"]=t.toLowerCase()});var h=function(n){var e,d,b,o,i,h,f,g,w,u,l,T,C,a,E,v,s,c,y,k="sizzle"+1*new Date,m=n.document,S=0,r=0,p=ue(),x=ue(),N=ue(),A=ue(),D=function(e,t){return e===t&&(l=!0),0},j={}.hasOwnProperty,t=[],q=t.pop,L=t.push,H=t.push,O=t.slice,P=function(e,t){for(var n=0,r=e.length;n<r;n++)if(e[n]===t)return n;return-1},R="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",M="[\\x20\\t\\r\\n\\f]",I="(?:\\\\.|[\\w-]|[^\0-\\xa0])+",W="\\["+M+"*("+I+")(?:"+M+"*([*^$|!~]?=)"+M+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+I+"))|)"+M+"*\\]",$=":("+I+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+W+")*)|.*)\\)|)",F=new RegExp(M+"+","g"),B=new RegExp("^"+M+"+|((?:^|[^\\\\])(?:\\\\.)*)"+M+"+$","g"),_=new RegExp("^"+M+"*,"+M+"*"),z=new RegExp("^"+M+"*([>+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp($),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+$),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\([\\da-f]{1,6}"+M+"?|("+M+")|.)","ig"),ne=function(e,t,n){var r="0x"+t-65536;return r!=r||n?t:r<0?String.fromCharCode(r+65536):String.fromCharCode(r>>10|55296,1023&r|56320)},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(m.childNodes),m.childNodes),t[m.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&((e?e.ownerDocument||e:m)!==C&&T(e),e=e||C,E)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&y(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!A[t+" "]&&(!v||!v.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&U.test(t)){(s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=k),o=(l=h(t)).length;while(o--)l[o]="#"+s+" "+xe(l[o]);c=l.join(","),f=ee.test(t)&&ye(e.parentNode)||e}try{return H.apply(n,f.querySelectorAll(c)),n}catch(e){A(t,!0)}finally{s===k&&e.removeAttribute("id")}}}return g(t.replace(B,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[k]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ve(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ye(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e.namespaceURI,n=(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:m;return r!==C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,E=!i(C),m!==C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=k,!C.getElementsByName||!C.getElementsByName(k).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E)return t.getElementsByClassName(e)},s=[],v=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){a.appendChild(e).innerHTML="<a id='"+k+"'></a><select id='"+k+"-\r\\' msallowcapture=''><option selected=''></option></select>",e.querySelectorAll("[msallowcapture^='']").length&&v.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||v.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+k+"-]").length||v.push("~="),e.querySelectorAll(":checked").length||v.push(":checked"),e.querySelectorAll("a#"+k+"+*").length||v.push(".#.+[+~]")}),ce(function(e){e.innerHTML="<a href='' disabled='disabled'></a><select disabled='disabled'><option/></select>";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&v.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&v.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&v.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),v.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",$)}),v=v.length&&new RegExp(v.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),y=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},D=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)===(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e===C||e.ownerDocument===m&&y(m,e)?-1:t===C||t.ownerDocument===m&&y(m,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e===C?-1:t===C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]===m?-1:s[r]===m?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if((e.ownerDocument||e)!==C&&T(e),d.matchesSelector&&E&&!A[t+" "]&&(!s||!s.test(t))&&(!v||!v.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){A(t,!0)}return 0<se(t,C,null,[e]).length},se.contains=function(e,t){return(e.ownerDocument||e)!==C&&T(e),y(e,t)},se.attr=function(e,t){(e.ownerDocument||e)!==C&&T(e);var n=b.attrHandle[t.toLowerCase()],r=n&&j.call(b.attrHandle,t.toLowerCase())?n(e,t,!E):void 0;return void 0!==r?r:d.attributes||!E?e.getAttribute(t):(r=e.getAttributeNode(t))&&r.specified?r.value:null},se.escape=function(e){return(e+"").replace(re,ie)},se.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)},se.uniqueSort=function(e){var t,n=[],r=0,i=0;if(l=!d.detectDuplicates,u=!d.sortStable&&e.slice(0),e.sort(D),l){while(t=e[i++])t===e[i]&&(r=n.push(i));while(r--)e.splice(n[r],1)}return u=null,e},o=se.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=o(e)}else if(3===i||4===i)return e.nodeValue}else while(t=e[r++])n+=o(t);return n},(b=se.selectors={cacheLength:50,createPseudo:le,match:G,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=p[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&p(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1<t.indexOf(i):"$="===r?i&&t.slice(-i.length)===i:"~="===r?-1<(" "+t.replace(F," ")+" ").indexOf(i):"|="===r&&(t===i||t.slice(0,i.length+1)===i+"-"))}},CHILD:function(h,e,t,g,v){var y="nth"!==h.slice(0,3),m="last"!==h.slice(-4),x="of-type"===e;return 1===g&&0===v?function(e){return!!e.parentNode}:function(e,t,n){var r,i,o,a,s,u,l=y!==m?"nextSibling":"previousSibling",c=e.parentNode,f=x&&e.nodeName.toLowerCase(),p=!n&&!x,d=!1;if(c){if(y){while(l){a=e;while(a=a[l])if(x?a.nodeName.toLowerCase()===f:1===a.nodeType)return!1;u=l="only"===h&&!u&&"nextSibling"}return!0}if(u=[m?c.firstChild:c.lastChild],m&&p){d=(s=(r=(i=(o=(a=c)[k]||(a[k]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]||[])[0]===S&&r[1])&&r[2],a=s&&c.childNodes[s];while(a=++s&&a&&a[l]||(d=s=0)||u.pop())if(1===a.nodeType&&++d&&a===e){i[h]=[S,s,d];break}}else if(p&&(d=s=(r=(i=(o=(a=e)[k]||(a[k]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]||[])[0]===S&&r[1]),!1===d)while(a=++s&&a&&a[l]||(d=s=0)||u.pop())if((x?a.nodeName.toLowerCase()===f:1===a.nodeType)&&++d&&(p&&((i=(o=a[k]||(a[k]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]=[S,d]),a===e))break;return(d-=v)===g||d%g==0&&0<=d/g}}},PSEUDO:function(e,o){var t,a=b.pseudos[e]||b.setFilters[e.toLowerCase()]||se.error("unsupported pseudo: "+e);return a[k]?a(o):1<a.length?(t=[e,e,"",o],b.setFilters.hasOwnProperty(e.toLowerCase())?le(function(e,t){var n,r=a(e,o),i=r.length;while(i--)e[n=P(e,r[i])]=!(t[n]=r[i])}):function(e){return a(e,0,t)}):a}},pseudos:{not:le(function(e){var r=[],i=[],s=f(e.replace(B,"$1"));return s[k]?le(function(e,t,n,r){var i,o=s(e,null,r,[]),a=e.length;while(a--)(i=o[a])&&(e[a]=!(t[a]=i))}):function(e,t,n){return r[0]=e,s(r,null,n,i),r[0]=null,!i.pop()}}),has:le(function(t){return function(e){return 0<se(t,e).length}}),contains:le(function(t){return t=t.replace(te,ne),function(e){return-1<(e.textContent||o(e)).indexOf(t)}}),lang:le(function(n){return V.test(n||"")||se.error("unsupported lang: "+n),n=n.replace(te,ne).toLowerCase(),function(e){var t;do{if(t=E?e.lang:e.getAttribute("xml:lang")||e.getAttribute("lang"))return(t=t.toLowerCase())===n||0===t.indexOf(n+"-")}while((e=e.parentNode)&&1===e.nodeType);return!1}}),target:function(e){var t=n.location&&n.location.hash;return t&&t.slice(1)===e.id},root:function(e){return e===a},focus:function(e){return e===C.activeElement&&(!C.hasFocus||C.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:ge(!1),disabled:ge(!0),checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,!0===e.selected},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeType<6)return!1;return!0},parent:function(e){return!b.pseudos.empty(e)},header:function(e){return J.test(e.nodeName)},input:function(e){return Q.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||"text"===t.toLowerCase())},first:ve(function(){return[0]}),last:ve(function(e,t){return[t-1]}),eq:ve(function(e,t,n){return[n<0?n+t:n]}),even:ve(function(e,t){for(var n=0;n<t;n+=2)e.push(n);return e}),odd:ve(function(e,t){for(var n=1;n<t;n+=2)e.push(n);return e}),lt:ve(function(e,t,n){for(var r=n<0?n+t:t<n?t:n;0<=--r;)e.push(r);return e}),gt:ve(function(e,t,n){for(var r=n<0?n+t:n;++r<t;)e.push(r);return e})}}).pseudos.nth=b.pseudos.eq,{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})b.pseudos[e]=de(e);for(e in{submit:!0,reset:!0})b.pseudos[e]=he(e);function me(){}function xe(e){for(var t=0,n=e.length,r="";t<n;t++)r+=e[t].value;return r}function be(s,e,t){var u=e.dir,l=e.next,c=l||u,f=t&&"parentNode"===c,p=r++;return e.first?function(e,t,n){while(e=e[u])if(1===e.nodeType||f)return s(e,t,n);return!1}:function(e,t,n){var r,i,o,a=[S,p];if(n){while(e=e[u])if((1===e.nodeType||f)&&s(e,t,n))return!0}else while(e=e[u])if(1===e.nodeType||f)if(i=(o=e[k]||(e[k]={}))[e.uniqueID]||(o[e.uniqueID]={}),l&&l===e.nodeName.toLowerCase())e=e[u]||e;else{if((r=i[c])&&r[0]===S&&r[1]===p)return a[2]=r[2];if((i[c]=a)[2]=s(e,t,n))return!0}return!1}}function we(i){return 1<i.length?function(e,t,n){var r=i.length;while(r--)if(!i[r](e,t,n))return!1;return!0}:i[0]}function Te(e,t,n,r,i){for(var o,a=[],s=0,u=e.length,l=null!=t;s<u;s++)(o=e[s])&&(n&&!n(o,r,i)||(a.push(o),l&&t.push(s)));return a}function Ce(d,h,g,v,y,e){return v&&!v[k]&&(v=Ce(v)),y&&!y[k]&&(y=Ce(y,e)),le(function(e,t,n,r){var i,o,a,s=[],u=[],l=t.length,c=e||function(e,t,n){for(var r=0,i=t.length;r<i;r++)se(e,t[r],n);return n}(h||"*",n.nodeType?[n]:n,[]),f=!d||!e&&h?c:Te(c,s,d,n,r),p=g?y||(e?d:l||v)?[]:t:f;if(g&&g(f,p,n,r),v){i=Te(p,u),v(i,[],n,r),o=i.length;while(o--)(a=i[o])&&(p[u[o]]=!(f[u[o]]=a))}if(e){if(y||d){if(y){i=[],o=p.length;while(o--)(a=p[o])&&i.push(f[o]=a);y(null,p=[],i,r)}o=p.length;while(o--)(a=p[o])&&-1<(i=y?P(e,a):s[o])&&(e[i]=!(t[i]=a))}}else p=Te(p===t?p.splice(l,p.length):p),y?y(null,t,p,r):H.apply(t,p)})}function Ee(e){for(var i,t,n,r=e.length,o=b.relative[e[0].type],a=o||b.relative[" "],s=o?1:0,u=be(function(e){return e===i},a,!0),l=be(function(e){return-1<P(i,e)},a,!0),c=[function(e,t,n){var r=!o&&(n||t!==w)||((i=t).nodeType?u(e,t,n):l(e,t,n));return i=null,r}];s<r;s++)if(t=b.relative[e[s].type])c=[be(we(c),t)];else{if((t=b.filter[e[s].type].apply(null,e[s].matches))[k]){for(n=++s;n<r;n++)if(b.relative[e[n].type])break;return Ce(1<s&&we(c),1<s&&xe(e.slice(0,s-1).concat({value:" "===e[s-2].type?"*":""})).replace(B,"$1"),t,s<n&&Ee(e.slice(s,n)),n<r&&Ee(e=e.slice(n)),n<r&&xe(e))}c.push(t)}return we(c)}return me.prototype=b.filters=b.pseudos,b.setFilters=new me,h=se.tokenize=function(e,t){var n,r,i,o,a,s,u,l=x[e+" "];if(l)return t?0:l.slice(0);a=e,s=[],u=b.preFilter;while(a){for(o in n&&!(r=_.exec(a))||(r&&(a=a.slice(r[0].length)||a),s.push(i=[])),n=!1,(r=z.exec(a))&&(n=r.shift(),i.push({value:n,type:r[0].replace(B," ")}),a=a.slice(n.length)),b.filter)!(r=G[o].exec(a))||u[o]&&!(r=u[o](r))||(n=r.shift(),i.push({value:n,type:o,matches:r}),a=a.slice(n.length));if(!n)break}return t?a.length:a?se.error(e):x(e,s).slice(0)},f=se.compile=function(e,t){var n,v,y,m,x,r,i=[],o=[],a=N[e+" "];if(!a){t||(t=h(e)),n=t.length;while(n--)(a=Ee(t[n]))[k]?i.push(a):o.push(a);(a=N(e,(v=o,m=0<(y=i).length,x=0<v.length,r=function(e,t,n,r,i){var o,a,s,u=0,l="0",c=e&&[],f=[],p=w,d=e||x&&b.find.TAG("*",i),h=S+=null==p?1:Math.random()||.1,g=d.length;for(i&&(w=t===C||t||i);l!==g&&null!=(o=d[l]);l++){if(x&&o){a=0,t||o.ownerDocument===C||(T(o),n=!E);while(s=v[a++])if(s(o,t||C,n)){r.push(o);break}i&&(S=h)}m&&((o=!s&&o)&&u--,e&&c.push(o))}if(u+=l,m&&l!==u){a=0;while(s=y[a++])s(c,f,t,n);if(e){if(0<u)while(l--)c[l]||f[l]||(f[l]=q.call(r));f=Te(f)}H.apply(r,f),i&&!e&&0<f.length&&1<u+y.length&&se.uniqueSort(r)}return i&&(S=h,w=p),c},m?le(r):r))).selector=e}return a},g=se.select=function(e,t,n,r){var i,o,a,s,u,l="function"==typeof e&&e,c=!r&&h(e=l.selector||e);if(n=n||[],1===c.length){if(2<(o=c[0]=c[0].slice(0)).length&&"ID"===(a=o[0]).type&&9===t.nodeType&&E&&b.relative[o[1].type]){if(!(t=(b.find.ID(a.matches[0].replace(te,ne),t)||[])[0]))return n;l&&(t=t.parentNode),e=e.slice(o.shift().value.length)}i=G.needsContext.test(e)?0:o.length;while(i--){if(a=o[i],b.relative[s=a.type])break;if((u=b.find[s])&&(r=u(a.matches[0].replace(te,ne),ee.test(o[0].type)&&ye(t.parentNode)||t))){if(o.splice(i,1),!(e=r.length&&xe(o)))return H.apply(n,r),n;break}}}return(l||f(e,c))(r,t,!E,n,!t||ee.test(e)&&ye(t.parentNode)||t),n},d.sortStable=k.split("").sort(D).join("")===k,d.detectDuplicates=!!l,T(),d.sortDetached=ce(function(e){return 1&e.compareDocumentPosition(C.createElement("fieldset"))}),ce(function(e){return e.innerHTML="<a href='#'></a>","#"===e.firstChild.getAttribute("href")})||fe("type|href|height|width",function(e,t,n){if(!n)return e.getAttribute(t,"type"===t.toLowerCase()?1:2)}),d.attributes&&ce(function(e){return e.innerHTML="<input/>",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||fe("value",function(e,t,n){if(!n&&"input"===e.nodeName.toLowerCase())return e.defaultValue}),ce(function(e){return null==e.getAttribute("disabled")})||fe(R,function(e,t,n){var r;if(!n)return!0===e[t]?t.toLowerCase():(r=e.getAttributeNode(t))&&r.specified?r.value:null}),se}(C);k.find=h,k.expr=h.selectors,k.expr[":"]=k.expr.pseudos,k.uniqueSort=k.unique=h.uniqueSort,k.text=h.getText,k.isXMLDoc=h.isXML,k.contains=h.contains,k.escapeSelector=h.escape;var T=function(e,t,n){var r=[],i=void 0!==n;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&k(e).is(n))break;r.push(e)}return r},S=function(e,t){for(var n=[];e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n},N=k.expr.match.needsContext;function A(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()}var D=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function j(e,n,r){return m(n)?k.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?k.grep(e,function(e){return e===n!==r}):"string"!=typeof n?k.grep(e,function(e){return-1<i.call(n,e)!==r}):k.filter(n,e,r)}k.filter=function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?k.find.matchesSelector(r,e)?[r]:[]:k.find.matches(e,k.grep(t,function(e){return 1===e.nodeType}))},k.fn.extend({find:function(e){var t,n,r=this.length,i=this;if("string"!=typeof e)return this.pushStack(k(e).filter(function(){for(t=0;t<r;t++)if(k.contains(i[t],this))return!0}));for(n=this.pushStack([]),t=0;t<r;t++)k.find(e,i[t],n);return 1<r?k.uniqueSort(n):n},filter:function(e){return this.pushStack(j(this,e||[],!1))},not:function(e){return this.pushStack(j(this,e||[],!0))},is:function(e){return!!j(this,"string"==typeof e&&N.test(e)?k(e):e||[],!1).length}});var q,L=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/;(k.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||q,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:L.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof k?t[0]:t,k.merge(this,k.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:E,!0)),D.test(r[1])&&k.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=E.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(k):k.makeArray(e,this)}).prototype=k.fn,q=k(E);var H=/^(?:parents|prev(?:Until|All))/,O={children:!0,contents:!0,next:!0,prev:!0};function P(e,t){while((e=e[t])&&1!==e.nodeType);return e}k.fn.extend({has:function(e){var t=k(e,this),n=t.length;return this.filter(function(){for(var e=0;e<n;e++)if(k.contains(this,t[e]))return!0})},closest:function(e,t){var n,r=0,i=this.length,o=[],a="string"!=typeof e&&k(e);if(!N.test(e))for(;r<i;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(n.nodeType<11&&(a?-1<a.index(n):1===n.nodeType&&k.find.matchesSelector(n,e))){o.push(n);break}return this.pushStack(1<o.length?k.uniqueSort(o):o)},index:function(e){return e?"string"==typeof e?i.call(k(e),this[0]):i.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){return this.pushStack(k.uniqueSort(k.merge(this.get(),k(e,t))))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}}),k.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return T(e,"parentNode")},parentsUntil:function(e,t,n){return T(e,"parentNode",n)},next:function(e){return P(e,"nextSibling")},prev:function(e){return P(e,"previousSibling")},nextAll:function(e){return T(e,"nextSibling")},prevAll:function(e){return T(e,"previousSibling")},nextUntil:function(e,t,n){return T(e,"nextSibling",n)},prevUntil:function(e,t,n){return T(e,"previousSibling",n)},siblings:function(e){return S((e.parentNode||{}).firstChild,e)},children:function(e){return S(e.firstChild)},contents:function(e){return"undefined"!=typeof e.contentDocument?e.contentDocument:(A(e,"template")&&(e=e.content||e),k.merge([],e.childNodes))}},function(r,i){k.fn[r]=function(e,t){var n=k.map(this,i,e);return"Until"!==r.slice(-5)&&(t=e),t&&"string"==typeof t&&(n=k.filter(t,n)),1<this.length&&(O[r]||k.uniqueSort(n),H.test(r)&&n.reverse()),this.pushStack(n)}});var R=/[^\x20\t\r\n\f]+/g;function M(e){return e}function I(e){throw e}function W(e,t,n,r){var i;try{e&&m(i=e.promise)?i.call(e).done(t).fail(n):e&&m(i=e.then)?i.call(e,t,n):t.apply(void 0,[e].slice(r))}catch(e){n.apply(void 0,[e])}}k.Callbacks=function(r){var e,n;r="string"==typeof r?(e=r,n={},k.each(e.match(R)||[],function(e,t){n[t]=!0}),n):k.extend({},r);var i,t,o,a,s=[],u=[],l=-1,c=function(){for(a=a||r.once,o=i=!0;u.length;l=-1){t=u.shift();while(++l<s.length)!1===s[l].apply(t[0],t[1])&&r.stopOnFalse&&(l=s.length,t=!1)}r.memory||(t=!1),i=!1,a&&(s=t?[]:"")},f={add:function(){return s&&(t&&!i&&(l=s.length-1,u.push(t)),function n(e){k.each(e,function(e,t){m(t)?r.unique&&f.has(t)||s.push(t):t&&t.length&&"string"!==w(t)&&n(t)})}(arguments),t&&!i&&c()),this},remove:function(){return k.each(arguments,function(e,t){var n;while(-1<(n=k.inArray(t,s,n)))s.splice(n,1),n<=l&&l--}),this},has:function(e){return e?-1<k.inArray(e,s):0<s.length},empty:function(){return s&&(s=[]),this},disable:function(){return a=u=[],s=t="",this},disabled:function(){return!s},lock:function(){return a=u=[],t||i||(s=t=""),this},locked:function(){return!!a},fireWith:function(e,t){return a||(t=[e,(t=t||[]).slice?t.slice():t],u.push(t),i||c()),this},fire:function(){return f.fireWith(this,arguments),this},fired:function(){return!!o}};return f},k.extend({Deferred:function(e){var o=[["notify","progress",k.Callbacks("memory"),k.Callbacks("memory"),2],["resolve","done",k.Callbacks("once memory"),k.Callbacks("once memory"),0,"resolved"],["reject","fail",k.Callbacks("once memory"),k.Callbacks("once memory"),1,"rejected"]],i="pending",a={state:function(){return i},always:function(){return s.done(arguments).fail(arguments),this},"catch":function(e){return a.then(null,e)},pipe:function(){var i=arguments;return k.Deferred(function(r){k.each(o,function(e,t){var n=m(i[t[4]])&&i[t[4]];s[t[1]](function(){var e=n&&n.apply(this,arguments);e&&m(e.promise)?e.promise().progress(r.notify).done(r.resolve).fail(r.reject):r[t[0]+"With"](this,n?[e]:arguments)})}),i=null}).promise()},then:function(t,n,r){var u=0;function l(i,o,a,s){return function(){var n=this,r=arguments,e=function(){var e,t;if(!(i<u)){if((e=a.apply(n,r))===o.promise())throw new TypeError("Thenable self-resolution");t=e&&("object"==typeof e||"function"==typeof e)&&e.then,m(t)?s?t.call(e,l(u,o,M,s),l(u,o,I,s)):(u++,t.call(e,l(u,o,M,s),l(u,o,I,s),l(u,o,M,o.notifyWith))):(a!==M&&(n=void 0,r=[e]),(s||o.resolveWith)(n,r))}},t=s?e:function(){try{e()}catch(e){k.Deferred.exceptionHook&&k.Deferred.exceptionHook(e,t.stackTrace),u<=i+1&&(a!==I&&(n=void 0,r=[e]),o.rejectWith(n,r))}};i?t():(k.Deferred.getStackHook&&(t.stackTrace=k.Deferred.getStackHook()),C.setTimeout(t))}}return k.Deferred(function(e){o[0][3].add(l(0,e,m(r)?r:M,e.notifyWith)),o[1][3].add(l(0,e,m(t)?t:M)),o[2][3].add(l(0,e,m(n)?n:I))}).promise()},promise:function(e){return null!=e?k.extend(e,a):a}},s={};return k.each(o,function(e,t){var n=t[2],r=t[5];a[t[1]]=n.add,r&&n.add(function(){i=r},o[3-e][2].disable,o[3-e][3].disable,o[0][2].lock,o[0][3].lock),n.add(t[3].fire),s[t[0]]=function(){return s[t[0]+"With"](this===s?void 0:this,arguments),this},s[t[0]+"With"]=n.fireWith}),a.promise(s),e&&e.call(s,s),s},when:function(e){var n=arguments.length,t=n,r=Array(t),i=s.call(arguments),o=k.Deferred(),a=function(t){return function(e){r[t]=this,i[t]=1<arguments.length?s.call(arguments):e,--n||o.resolveWith(r,i)}};if(n<=1&&(W(e,o.done(a(t)).resolve,o.reject,!n),"pending"===o.state()||m(i[t]&&i[t].then)))return o.then();while(t--)W(i[t],a(t),o.reject);return o.promise()}});var $=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;k.Deferred.exceptionHook=function(e,t){C.console&&C.console.warn&&e&&$.test(e.name)&&C.console.warn("jQuery.Deferred exception: "+e.message,e.stack,t)},k.readyException=function(e){C.setTimeout(function(){throw e})};var F=k.Deferred();function B(){E.removeEventListener("DOMContentLoaded",B),C.removeEventListener("load",B),k.ready()}k.fn.ready=function(e){return F.then(e)["catch"](function(e){k.readyException(e)}),this},k.extend({isReady:!1,readyWait:1,ready:function(e){(!0===e?--k.readyWait:k.isReady)||(k.isReady=!0)!==e&&0<--k.readyWait||F.resolveWith(E,[k])}}),k.ready.then=F.then,"complete"===E.readyState||"loading"!==E.readyState&&!E.documentElement.doScroll?C.setTimeout(k.ready):(E.addEventListener("DOMContentLoaded",B),C.addEventListener("load",B));var _=function(e,t,n,r,i,o,a){var s=0,u=e.length,l=null==n;if("object"===w(n))for(s in i=!0,n)_(e,t,s,n[s],!0,o,a);else if(void 0!==r&&(i=!0,m(r)||(a=!0),l&&(a?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(k(e),n)})),t))for(;s<u;s++)t(e[s],n,a?r:r.call(e[s],s,t(e[s],n)));return i?e:l?t.call(e):u?t(e[0],n):o},z=/^-ms-/,U=/-([a-z])/g;function X(e,t){return t.toUpperCase()}function V(e){return e.replace(z,"ms-").replace(U,X)}var G=function(e){return 1===e.nodeType||9===e.nodeType||!+e.nodeType};function Y(){this.expando=k.expando+Y.uid++}Y.uid=1,Y.prototype={cache:function(e){var t=e[this.expando];return t||(t={},G(e)&&(e.nodeType?e[this.expando]=t:Object.defineProperty(e,this.expando,{value:t,configurable:!0}))),t},set:function(e,t,n){var r,i=this.cache(e);if("string"==typeof t)i[V(t)]=n;else for(r in t)i[V(r)]=t[r];return i},get:function(e,t){return void 0===t?this.cache(e):e[this.expando]&&e[this.expando][V(t)]},access:function(e,t,n){return void 0===t||t&&"string"==typeof t&&void 0===n?this.get(e,t):(this.set(e,t,n),void 0!==n?n:t)},remove:function(e,t){var n,r=e[this.expando];if(void 0!==r){if(void 0!==t){n=(t=Array.isArray(t)?t.map(V):(t=V(t))in r?[t]:t.match(R)||[]).length;while(n--)delete r[t[n]]}(void 0===t||k.isEmptyObject(r))&&(e.nodeType?e[this.expando]=void 0:delete e[this.expando])}},hasData:function(e){var t=e[this.expando];return void 0!==t&&!k.isEmptyObject(t)}};var Q=new Y,J=new Y,K=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,Z=/[A-Z]/g;function ee(e,t,n){var r,i;if(void 0===n&&1===e.nodeType)if(r="data-"+t.replace(Z,"-$&").toLowerCase(),"string"==typeof(n=e.getAttribute(r))){try{n="true"===(i=n)||"false"!==i&&("null"===i?null:i===+i+""?+i:K.test(i)?JSON.parse(i):i)}catch(e){}J.set(e,t,n)}else n=void 0;return n}k.extend({hasData:function(e){return J.hasData(e)||Q.hasData(e)},data:function(e,t,n){return J.access(e,t,n)},removeData:function(e,t){J.remove(e,t)},_data:function(e,t,n){return Q.access(e,t,n)},_removeData:function(e,t){Q.remove(e,t)}}),k.fn.extend({data:function(n,e){var t,r,i,o=this[0],a=o&&o.attributes;if(void 0===n){if(this.length&&(i=J.get(o),1===o.nodeType&&!Q.get(o,"hasDataAttrs"))){t=a.length;while(t--)a[t]&&0===(r=a[t].name).indexOf("data-")&&(r=V(r.slice(5)),ee(o,r,i[r]));Q.set(o,"hasDataAttrs",!0)}return i}return"object"==typeof n?this.each(function(){J.set(this,n)}):_(this,function(e){var t;if(o&&void 0===e)return void 0!==(t=J.get(o,n))?t:void 0!==(t=ee(o,n))?t:void 0;this.each(function(){J.set(this,n,e)})},null,e,1<arguments.length,null,!0)},removeData:function(e){return this.each(function(){J.remove(this,e)})}}),k.extend({queue:function(e,t,n){var r;if(e)return t=(t||"fx")+"queue",r=Q.get(e,t),n&&(!r||Array.isArray(n)?r=Q.access(e,t,k.makeArray(n)):r.push(n)),r||[]},dequeue:function(e,t){t=t||"fx";var n=k.queue(e,t),r=n.length,i=n.shift(),o=k._queueHooks(e,t);"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,function(){k.dequeue(e,t)},o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return Q.get(e,n)||Q.access(e,n,{empty:k.Callbacks("once memory").add(function(){Q.remove(e,[t+"queue",n])})})}}),k.fn.extend({queue:function(t,n){var e=2;return"string"!=typeof t&&(n=t,t="fx",e--),arguments.length<e?k.queue(this[0],t):void 0===n?this:this.each(function(){var e=k.queue(this,t,n);k._queueHooks(this,t),"fx"===t&&"inprogress"!==e[0]&&k.dequeue(this,t)})},dequeue:function(e){return this.each(function(){k.dequeue(this,e)})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,t){var n,r=1,i=k.Deferred(),o=this,a=this.length,s=function(){--r||i.resolveWith(o,[o])};"string"!=typeof e&&(t=e,e=void 0),e=e||"fx";while(a--)(n=Q.get(o[a],e+"queueHooks"))&&n.empty&&(r++,n.empty.add(s));return s(),i.promise(t)}});var te=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,ne=new RegExp("^(?:([+-])=|)("+te+")([a-z%]*)$","i"),re=["Top","Right","Bottom","Left"],ie=E.documentElement,oe=function(e){return k.contains(e.ownerDocument,e)},ae={composed:!0};ie.getRootNode&&(oe=function(e){return k.contains(e.ownerDocument,e)||e.getRootNode(ae)===e.ownerDocument});var se=function(e,t){return"none"===(e=t||e).style.display||""===e.style.display&&oe(e)&&"none"===k.css(e,"display")},ue=function(e,t,n,r){var i,o,a={};for(o in t)a[o]=e.style[o],e.style[o]=t[o];for(o in i=n.apply(e,r||[]),t)e.style[o]=a[o];return i};function le(e,t,n,r){var i,o,a=20,s=r?function(){return r.cur()}:function(){return k.css(e,t,"")},u=s(),l=n&&n[3]||(k.cssNumber[t]?"":"px"),c=e.nodeType&&(k.cssNumber[t]||"px"!==l&&+u)&&ne.exec(k.css(e,t));if(c&&c[3]!==l){u/=2,l=l||c[3],c=+u||1;while(a--)k.style(e,t,c+l),(1-o)*(1-(o=s()/u||.5))<=0&&(a=0),c/=o;c*=2,k.style(e,t,c+l),n=n||[]}return n&&(c=+c||+u||0,i=n[1]?c+(n[1]+1)*n[2]:+n[2],r&&(r.unit=l,r.start=c,r.end=i)),i}var ce={};function fe(e,t){for(var n,r,i,o,a,s,u,l=[],c=0,f=e.length;c<f;c++)(r=e[c]).style&&(n=r.style.display,t?("none"===n&&(l[c]=Q.get(r,"display")||null,l[c]||(r.style.display="")),""===r.style.display&&se(r)&&(l[c]=(u=a=o=void 0,a=(i=r).ownerDocument,s=i.nodeName,(u=ce[s])||(o=a.body.appendChild(a.createElement(s)),u=k.css(o,"display"),o.parentNode.removeChild(o),"none"===u&&(u="block"),ce[s]=u)))):"none"!==n&&(l[c]="none",Q.set(r,"display",n)));for(c=0;c<f;c++)null!=l[c]&&(e[c].style.display=l[c]);return e}k.fn.extend({show:function(){return fe(this,!0)},hide:function(){return fe(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){se(this)?k(this).show():k(this).hide()})}});var pe=/^(?:checkbox|radio)$/i,de=/<([a-z][^\/\0>\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i,ge={option:[1,"<select multiple='multiple'>","</select>"],thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};function ve(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?k.merge([e],n):n}function ye(e,t){for(var n=0,r=e.length;n<r;n++)Q.set(e[n],"globalEval",!t||Q.get(t[n],"globalEval"))}ge.optgroup=ge.option,ge.tbody=ge.tfoot=ge.colgroup=ge.caption=ge.thead,ge.th=ge.td;var me,xe,be=/<|&#?\w+;/;function we(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d<h;d++)if((o=e[d])||0===o)if("object"===w(o))k.merge(p,o.nodeType?[o]:o);else if(be.test(o)){a=a||f.appendChild(t.createElement("div")),s=(de.exec(o)||["",""])[1].toLowerCase(),u=ge[s]||ge._default,a.innerHTML=u[1]+k.htmlPrefilter(o)+u[2],c=u[0];while(c--)a=a.lastChild;k.merge(p,a.childNodes),(a=f.firstChild).textContent=""}else p.push(t.createTextNode(o));f.textContent="",d=0;while(o=p[d++])if(r&&-1<k.inArray(o,r))i&&i.push(o);else if(l=oe(o),a=ve(f.appendChild(o),"script"),l&&ye(a),n){c=0;while(o=a[c++])he.test(o.type||"")&&n.push(o)}return f}me=E.createDocumentFragment().appendChild(E.createElement("div")),(xe=E.createElement("input")).setAttribute("type","radio"),xe.setAttribute("checked","checked"),xe.setAttribute("name","t"),me.appendChild(xe),y.checkClone=me.cloneNode(!0).cloneNode(!0).lastChild.checked,me.innerHTML="<textarea>x</textarea>",y.noCloneChecked=!!me.cloneNode(!0).lastChild.defaultValue;var Te=/^key/,Ce=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,Ee=/^([^.]*)(?:\.(.+)|)/;function ke(){return!0}function Se(){return!1}function Ne(e,t){return e===function(){try{return E.activeElement}catch(e){}}()==("focus"===t)}function Ae(e,t,n,r,i,o){var a,s;if("object"==typeof t){for(s in"string"!=typeof n&&(r=r||n,n=void 0),t)Ae(e,s,n,r,t[s],o);return e}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&("string"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),!1===i)i=Se;else if(!i)return e;return 1===o&&(a=i,(i=function(e){return k().off(e),a.apply(this,arguments)}).guid=a.guid||(a.guid=k.guid++)),e.each(function(){k.event.add(this,t,i,r,n)})}function De(e,i,o){o?(Q.set(e,i,!1),k.event.add(e,i,{namespace:!1,handler:function(e){var t,n,r=Q.get(this,i);if(1&e.isTrigger&&this[i]){if(r.length)(k.event.special[i]||{}).delegateType&&e.stopPropagation();else if(r=s.call(arguments),Q.set(this,i,r),t=o(this,i),this[i](),r!==(n=Q.get(this,i))||t?Q.set(this,i,!1):n={},r!==n)return e.stopImmediatePropagation(),e.preventDefault(),n.value}else r.length&&(Q.set(this,i,{value:k.event.trigger(k.extend(r[0],k.Event.prototype),r.slice(1),this)}),e.stopImmediatePropagation())}})):void 0===Q.get(e,i)&&k.event.add(e,i,ke)}k.event={global:{},add:function(t,e,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=Q.get(t);if(v){n.handler&&(n=(o=n).handler,i=o.selector),i&&k.find.matchesSelector(ie,i),n.guid||(n.guid=k.guid++),(u=v.events)||(u=v.events={}),(a=v.handle)||(a=v.handle=function(e){return"undefined"!=typeof k&&k.event.triggered!==e.type?k.event.dispatch.apply(t,arguments):void 0}),l=(e=(e||"").match(R)||[""]).length;while(l--)d=g=(s=Ee.exec(e[l])||[])[1],h=(s[2]||"").split(".").sort(),d&&(f=k.event.special[d]||{},d=(i?f.delegateType:f.bindType)||d,f=k.event.special[d]||{},c=k.extend({type:d,origType:g,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&k.expr.match.needsContext.test(i),namespace:h.join(".")},o),(p=u[d])||((p=u[d]=[]).delegateCount=0,f.setup&&!1!==f.setup.call(t,r,h,a)||t.addEventListener&&t.addEventListener(d,a)),f.add&&(f.add.call(t,c),c.handler.guid||(c.handler.guid=n.guid)),i?p.splice(p.delegateCount++,0,c):p.push(c),k.event.global[d]=!0)}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=Q.hasData(e)&&Q.get(e);if(v&&(u=v.events)){l=(t=(t||"").match(R)||[""]).length;while(l--)if(d=g=(s=Ee.exec(t[l])||[])[1],h=(s[2]||"").split(".").sort(),d){f=k.event.special[d]||{},p=u[d=(r?f.delegateType:f.bindType)||d]||[],s=s[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),a=o=p.length;while(o--)c=p[o],!i&&g!==c.origType||n&&n.guid!==c.guid||s&&!s.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(p.splice(o,1),c.selector&&p.delegateCount--,f.remove&&f.remove.call(e,c));a&&!p.length&&(f.teardown&&!1!==f.teardown.call(e,h,v.handle)||k.removeEvent(e,d,v.handle),delete u[d])}else for(d in u)k.event.remove(e,d+t[l],n,r,!0);k.isEmptyObject(u)&&Q.remove(e,"handle events")}},dispatch:function(e){var t,n,r,i,o,a,s=k.event.fix(e),u=new Array(arguments.length),l=(Q.get(this,"events")||{})[s.type]||[],c=k.event.special[s.type]||{};for(u[0]=s,t=1;t<arguments.length;t++)u[t]=arguments[t];if(s.delegateTarget=this,!c.preDispatch||!1!==c.preDispatch.call(this,s)){a=k.event.handlers.call(this,s,l),t=0;while((i=a[t++])&&!s.isPropagationStopped()){s.currentTarget=i.elem,n=0;while((o=i.handlers[n++])&&!s.isImmediatePropagationStopped())s.rnamespace&&!1!==o.namespace&&!s.rnamespace.test(o.namespace)||(s.handleObj=o,s.data=o.data,void 0!==(r=((k.event.special[o.origType]||{}).handle||o.handler).apply(i.elem,u))&&!1===(s.result=r)&&(s.preventDefault(),s.stopPropagation()))}return c.postDispatch&&c.postDispatch.call(this,s),s.result}},handlers:function(e,t){var n,r,i,o,a,s=[],u=t.delegateCount,l=e.target;if(u&&l.nodeType&&!("click"===e.type&&1<=e.button))for(;l!==this;l=l.parentNode||this)if(1===l.nodeType&&("click"!==e.type||!0!==l.disabled)){for(o=[],a={},n=0;n<u;n++)void 0===a[i=(r=t[n]).selector+" "]&&(a[i]=r.needsContext?-1<k(i,this).index(l):k.find(i,this,null,[l]).length),a[i]&&o.push(r);o.length&&s.push({elem:l,handlers:o})}return l=this,u<t.length&&s.push({elem:l,handlers:t.slice(u)}),s},addProp:function(t,e){Object.defineProperty(k.Event.prototype,t,{enumerable:!0,configurable:!0,get:m(e)?function(){if(this.originalEvent)return e(this.originalEvent)}:function(){if(this.originalEvent)return this.originalEvent[t]},set:function(e){Object.defineProperty(this,t,{enumerable:!0,configurable:!0,writable:!0,value:e})}})},fix:function(e){return e[k.expando]?e:new k.Event(e)},special:{load:{noBubble:!0},click:{setup:function(e){var t=this||e;return pe.test(t.type)&&t.click&&A(t,"input")&&De(t,"click",ke),!1},trigger:function(e){var t=this||e;return pe.test(t.type)&&t.click&&A(t,"input")&&De(t,"click"),!0},_default:function(e){var t=e.target;return pe.test(t.type)&&t.click&&A(t,"input")&&Q.get(t,"click")||A(t,"a")}},beforeunload:{postDispatch:function(e){void 0!==e.result&&e.originalEvent&&(e.originalEvent.returnValue=e.result)}}}},k.removeEvent=function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n)},k.Event=function(e,t){if(!(this instanceof k.Event))return new k.Event(e,t);e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||void 0===e.defaultPrevented&&!1===e.returnValue?ke:Se,this.target=e.target&&3===e.target.nodeType?e.target.parentNode:e.target,this.currentTarget=e.currentTarget,this.relatedTarget=e.relatedTarget):this.type=e,t&&k.extend(this,t),this.timeStamp=e&&e.timeStamp||Date.now(),this[k.expando]=!0},k.Event.prototype={constructor:k.Event,isDefaultPrevented:Se,isPropagationStopped:Se,isImmediatePropagationStopped:Se,isSimulated:!1,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=ke,e&&!this.isSimulated&&e.preventDefault()},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=ke,e&&!this.isSimulated&&e.stopPropagation()},stopImmediatePropagation:function(){var e=this.originalEvent;this.isImmediatePropagationStopped=ke,e&&!this.isSimulated&&e.stopImmediatePropagation(),this.stopPropagation()}},k.each({altKey:!0,bubbles:!0,cancelable:!0,changedTouches:!0,ctrlKey:!0,detail:!0,eventPhase:!0,metaKey:!0,pageX:!0,pageY:!0,shiftKey:!0,view:!0,"char":!0,code:!0,charCode:!0,key:!0,keyCode:!0,button:!0,buttons:!0,clientX:!0,clientY:!0,offsetX:!0,offsetY:!0,pointerId:!0,pointerType:!0,screenX:!0,screenY:!0,targetTouches:!0,toElement:!0,touches:!0,which:function(e){var t=e.button;return null==e.which&&Te.test(e.type)?null!=e.charCode?e.charCode:e.keyCode:!e.which&&void 0!==t&&Ce.test(e.type)?1&t?1:2&t?3:4&t?2:0:e.which}},k.event.addProp),k.each({focus:"focusin",blur:"focusout"},function(e,t){k.event.special[e]={setup:function(){return De(this,e,Ne),!1},trigger:function(){return De(this,e),!0},delegateType:t}}),k.each({mouseenter:"mouseover",mouseleave:"mouseout",pointerenter:"pointerover",pointerleave:"pointerout"},function(e,i){k.event.special[e]={delegateType:i,bindType:i,handle:function(e){var t,n=e.relatedTarget,r=e.handleObj;return n&&(n===this||k.contains(this,n))||(e.type=r.origType,t=r.handler.apply(this,arguments),e.type=i),t}}}),k.fn.extend({on:function(e,t,n,r){return Ae(this,e,t,n,r)},one:function(e,t,n,r){return Ae(this,e,t,n,r,1)},off:function(e,t,n){var r,i;if(e&&e.preventDefault&&e.handleObj)return r=e.handleObj,k(e.delegateTarget).off(r.namespace?r.origType+"."+r.namespace:r.origType,r.selector,r.handler),this;if("object"==typeof e){for(i in e)this.off(i,t,e[i]);return this}return!1!==t&&"function"!=typeof t||(n=t,t=void 0),!1===n&&(n=Se),this.each(function(){k.event.remove(this,e,n,t)})}});var je=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([a-z][^\/\0>\x20\t\r\n\f]*)[^>]*)\/>/gi,qe=/<script|<style|<link/i,Le=/checked\s*(?:[^=]|=\s*.checked.)/i,He=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g;function Oe(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&k(e).children("tbody")[0]||e}function Pe(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function Re(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Me(e,t){var n,r,i,o,a,s,u,l;if(1===t.nodeType){if(Q.hasData(e)&&(o=Q.access(e),a=Q.set(t,o),l=o.events))for(i in delete a.handle,a.events={},l)for(n=0,r=l[i].length;n<r;n++)k.event.add(t,i,l[i][n]);J.hasData(e)&&(s=J.access(e),u=k.extend({},s),J.set(t,u))}}function Ie(n,r,i,o){r=g.apply([],r);var e,t,a,s,u,l,c=0,f=n.length,p=f-1,d=r[0],h=m(d);if(h||1<f&&"string"==typeof d&&!y.checkClone&&Le.test(d))return n.each(function(e){var t=n.eq(e);h&&(r[0]=d.call(this,e,t.html())),Ie(t,r,i,o)});if(f&&(t=(e=we(r,n[0].ownerDocument,!1,n,o)).firstChild,1===e.childNodes.length&&(e=t),t||o)){for(s=(a=k.map(ve(e,"script"),Pe)).length;c<f;c++)u=e,c!==p&&(u=k.clone(u,!0,!0),s&&k.merge(a,ve(u,"script"))),i.call(n[c],u,c);if(s)for(l=a[a.length-1].ownerDocument,k.map(a,Re),c=0;c<s;c++)u=a[c],he.test(u.type||"")&&!Q.access(u,"globalEval")&&k.contains(l,u)&&(u.src&&"module"!==(u.type||"").toLowerCase()?k._evalUrl&&!u.noModule&&k._evalUrl(u.src,{nonce:u.nonce||u.getAttribute("nonce")}):b(u.textContent.replace(He,""),u,l))}return n}function We(e,t,n){for(var r,i=t?k.filter(t,e):e,o=0;null!=(r=i[o]);o++)n||1!==r.nodeType||k.cleanData(ve(r)),r.parentNode&&(n&&oe(r)&&ye(ve(r,"script")),r.parentNode.removeChild(r));return e}k.extend({htmlPrefilter:function(e){return e.replace(je,"<$1></$2>")},clone:function(e,t,n){var r,i,o,a,s,u,l,c=e.cloneNode(!0),f=oe(e);if(!(y.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||k.isXMLDoc(e)))for(a=ve(c),r=0,i=(o=ve(e)).length;r<i;r++)s=o[r],u=a[r],void 0,"input"===(l=u.nodeName.toLowerCase())&&pe.test(s.type)?u.checked=s.checked:"input"!==l&&"textarea"!==l||(u.defaultValue=s.defaultValue);if(t)if(n)for(o=o||ve(e),a=a||ve(c),r=0,i=o.length;r<i;r++)Me(o[r],a[r]);else Me(e,c);return 0<(a=ve(c,"script")).length&&ye(a,!f&&ve(e,"script")),c},cleanData:function(e){for(var t,n,r,i=k.event.special,o=0;void 0!==(n=e[o]);o++)if(G(n)){if(t=n[Q.expando]){if(t.events)for(r in t.events)i[r]?k.event.remove(n,r):k.removeEvent(n,r,t.handle);n[Q.expando]=void 0}n[J.expando]&&(n[J.expando]=void 0)}}}),k.fn.extend({detach:function(e){return We(this,e,!0)},remove:function(e){return We(this,e)},text:function(e){return _(this,function(e){return void 0===e?k.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=e)})},null,e,arguments.length)},append:function(){return Ie(this,arguments,function(e){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||Oe(this,e).appendChild(e)})},prepend:function(){return Ie(this,arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=Oe(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return Ie(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return Ie(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},empty:function(){for(var e,t=0;null!=(e=this[t]);t++)1===e.nodeType&&(k.cleanData(ve(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null!=e&&e,t=null==t?e:t,this.map(function(){return k.clone(this,e,t)})},html:function(e){return _(this,function(e){var t=this[0]||{},n=0,r=this.length;if(void 0===e&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!qe.test(e)&&!ge[(de.exec(e)||["",""])[1].toLowerCase()]){e=k.htmlPrefilter(e);try{for(;n<r;n++)1===(t=this[n]||{}).nodeType&&(k.cleanData(ve(t,!1)),t.innerHTML=e);t=0}catch(e){}}t&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var n=[];return Ie(this,arguments,function(e){var t=this.parentNode;k.inArray(this,n)<0&&(k.cleanData(ve(this)),t&&t.replaceChild(e,this))},n)}}),k.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,a){k.fn[e]=function(e){for(var t,n=[],r=k(e),i=r.length-1,o=0;o<=i;o++)t=o===i?this:this.clone(!0),k(r[o])[a](t),u.apply(n,t.get());return this.pushStack(n)}});var $e=new RegExp("^("+te+")(?!px)[a-z%]+$","i"),Fe=function(e){var t=e.ownerDocument.defaultView;return t&&t.opener||(t=C),t.getComputedStyle(e)},Be=new RegExp(re.join("|"),"i");function _e(e,t,n){var r,i,o,a,s=e.style;return(n=n||Fe(e))&&(""!==(a=n.getPropertyValue(t)||n[t])||oe(e)||(a=k.style(e,t)),!y.pixelBoxStyles()&&$e.test(a)&&Be.test(t)&&(r=s.width,i=s.minWidth,o=s.maxWidth,s.minWidth=s.maxWidth=s.width=a,a=n.width,s.width=r,s.minWidth=i,s.maxWidth=o)),void 0!==a?a+"":a}function ze(e,t){return{get:function(){if(!e())return(this.get=t).apply(this,arguments);delete this.get}}}!function(){function e(){if(u){s.style.cssText="position:absolute;left:-11111px;width:60px;margin-top:1px;padding:0;border:0",u.style.cssText="position:relative;display:block;box-sizing:border-box;overflow:scroll;margin:auto;border:1px;padding:1px;width:60%;top:1%",ie.appendChild(s).appendChild(u);var e=C.getComputedStyle(u);n="1%"!==e.top,a=12===t(e.marginLeft),u.style.right="60%",o=36===t(e.right),r=36===t(e.width),u.style.position="absolute",i=12===t(u.offsetWidth/3),ie.removeChild(s),u=null}}function t(e){return Math.round(parseFloat(e))}var n,r,i,o,a,s=E.createElement("div"),u=E.createElement("div");u.style&&(u.style.backgroundClip="content-box",u.cloneNode(!0).style.backgroundClip="",y.clearCloneStyle="content-box"===u.style.backgroundClip,k.extend(y,{boxSizingReliable:function(){return e(),r},pixelBoxStyles:function(){return e(),o},pixelPosition:function(){return e(),n},reliableMarginLeft:function(){return e(),a},scrollboxSize:function(){return e(),i}}))}();var Ue=["Webkit","Moz","ms"],Xe=E.createElement("div").style,Ve={};function Ge(e){var t=k.cssProps[e]||Ve[e];return t||(e in Xe?e:Ve[e]=function(e){var t=e[0].toUpperCase()+e.slice(1),n=Ue.length;while(n--)if((e=Ue[n]+t)in Xe)return e}(e)||e)}var Ye=/^(none|table(?!-c[ea]).+)/,Qe=/^--/,Je={position:"absolute",visibility:"hidden",display:"block"},Ke={letterSpacing:"0",fontWeight:"400"};function Ze(e,t,n){var r=ne.exec(t);return r?Math.max(0,r[2]-(n||0))+(r[3]||"px"):t}function et(e,t,n,r,i,o){var a="width"===t?1:0,s=0,u=0;if(n===(r?"border":"content"))return 0;for(;a<4;a+=2)"margin"===n&&(u+=k.css(e,n+re[a],!0,i)),r?("content"===n&&(u-=k.css(e,"padding"+re[a],!0,i)),"margin"!==n&&(u-=k.css(e,"border"+re[a]+"Width",!0,i))):(u+=k.css(e,"padding"+re[a],!0,i),"padding"!==n?u+=k.css(e,"border"+re[a]+"Width",!0,i):s+=k.css(e,"border"+re[a]+"Width",!0,i));return!r&&0<=o&&(u+=Math.max(0,Math.ceil(e["offset"+t[0].toUpperCase()+t.slice(1)]-o-u-s-.5))||0),u}function tt(e,t,n){var r=Fe(e),i=(!y.boxSizingReliable()||n)&&"border-box"===k.css(e,"boxSizing",!1,r),o=i,a=_e(e,t,r),s="offset"+t[0].toUpperCase()+t.slice(1);if($e.test(a)){if(!n)return a;a="auto"}return(!y.boxSizingReliable()&&i||"auto"===a||!parseFloat(a)&&"inline"===k.css(e,"display",!1,r))&&e.getClientRects().length&&(i="border-box"===k.css(e,"boxSizing",!1,r),(o=s in e)&&(a=e[s])),(a=parseFloat(a)||0)+et(e,t,n||(i?"border":"content"),o,r,a)+"px"}function nt(e,t,n,r,i){return new nt.prototype.init(e,t,n,r,i)}k.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=_e(e,"opacity");return""===n?"1":n}}}},cssNumber:{animationIterationCount:!0,columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,gridArea:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnStart:!0,gridRow:!0,gridRowEnd:!0,gridRowStart:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,a,s=V(t),u=Qe.test(t),l=e.style;if(u||(t=Ge(s)),a=k.cssHooks[t]||k.cssHooks[s],void 0===n)return a&&"get"in a&&void 0!==(i=a.get(e,!1,r))?i:l[t];"string"===(o=typeof n)&&(i=ne.exec(n))&&i[1]&&(n=le(e,t,i),o="number"),null!=n&&n==n&&("number"!==o||u||(n+=i&&i[3]||(k.cssNumber[s]?"":"px")),y.clearCloneStyle||""!==n||0!==t.indexOf("background")||(l[t]="inherit"),a&&"set"in a&&void 0===(n=a.set(e,n,r))||(u?l.setProperty(t,n):l[t]=n))}},css:function(e,t,n,r){var i,o,a,s=V(t);return Qe.test(t)||(t=Ge(s)),(a=k.cssHooks[t]||k.cssHooks[s])&&"get"in a&&(i=a.get(e,!0,n)),void 0===i&&(i=_e(e,t,r)),"normal"===i&&t in Ke&&(i=Ke[t]),""===n||n?(o=parseFloat(i),!0===n||isFinite(o)?o||0:i):i}}),k.each(["height","width"],function(e,u){k.cssHooks[u]={get:function(e,t,n){if(t)return!Ye.test(k.css(e,"display"))||e.getClientRects().length&&e.getBoundingClientRect().width?tt(e,u,n):ue(e,Je,function(){return tt(e,u,n)})},set:function(e,t,n){var r,i=Fe(e),o=!y.scrollboxSize()&&"absolute"===i.position,a=(o||n)&&"border-box"===k.css(e,"boxSizing",!1,i),s=n?et(e,u,n,a,i):0;return a&&o&&(s-=Math.ceil(e["offset"+u[0].toUpperCase()+u.slice(1)]-parseFloat(i[u])-et(e,u,"border",!1,i)-.5)),s&&(r=ne.exec(t))&&"px"!==(r[3]||"px")&&(e.style[u]=t,t=k.css(e,u)),Ze(0,t,s)}}}),k.cssHooks.marginLeft=ze(y.reliableMarginLeft,function(e,t){if(t)return(parseFloat(_e(e,"marginLeft"))||e.getBoundingClientRect().left-ue(e,{marginLeft:0},function(){return e.getBoundingClientRect().left}))+"px"}),k.each({margin:"",padding:"",border:"Width"},function(i,o){k.cssHooks[i+o]={expand:function(e){for(var t=0,n={},r="string"==typeof e?e.split(" "):[e];t<4;t++)n[i+re[t]+o]=r[t]||r[t-2]||r[0];return n}},"margin"!==i&&(k.cssHooks[i+o].set=Ze)}),k.fn.extend({css:function(e,t){return _(this,function(e,t,n){var r,i,o={},a=0;if(Array.isArray(t)){for(r=Fe(e),i=t.length;a<i;a++)o[t[a]]=k.css(e,t[a],!1,r);return o}return void 0!==n?k.style(e,t,n):k.css(e,t)},e,t,1<arguments.length)}}),((k.Tween=nt).prototype={constructor:nt,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||k.easing._default,this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(k.cssNumber[n]?"":"px")},cur:function(){var e=nt.propHooks[this.prop];return e&&e.get?e.get(this):nt.propHooks._default.get(this)},run:function(e){var t,n=nt.propHooks[this.prop];return this.options.duration?this.pos=t=k.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):this.pos=t=e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):nt.propHooks._default.set(this),this}}).init.prototype=nt.prototype,(nt.propHooks={_default:{get:function(e){var t;return 1!==e.elem.nodeType||null!=e.elem[e.prop]&&null==e.elem.style[e.prop]?e.elem[e.prop]:(t=k.css(e.elem,e.prop,""))&&"auto"!==t?t:0},set:function(e){k.fx.step[e.prop]?k.fx.step[e.prop](e):1!==e.elem.nodeType||!k.cssHooks[e.prop]&&null==e.elem.style[Ge(e.prop)]?e.elem[e.prop]=e.now:k.style(e.elem,e.prop,e.now+e.unit)}}}).scrollTop=nt.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},k.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2},_default:"swing"},k.fx=nt.prototype.init,k.fx.step={};var rt,it,ot,at,st=/^(?:toggle|show|hide)$/,ut=/queueHooks$/;function lt(){it&&(!1===E.hidden&&C.requestAnimationFrame?C.requestAnimationFrame(lt):C.setTimeout(lt,k.fx.interval),k.fx.tick())}function ct(){return C.setTimeout(function(){rt=void 0}),rt=Date.now()}function ft(e,t){var n,r=0,i={height:e};for(t=t?1:0;r<4;r+=2-t)i["margin"+(n=re[r])]=i["padding"+n]=e;return t&&(i.opacity=i.width=e),i}function pt(e,t,n){for(var r,i=(dt.tweeners[t]||[]).concat(dt.tweeners["*"]),o=0,a=i.length;o<a;o++)if(r=i[o].call(n,t,e))return r}function dt(o,e,t){var n,a,r=0,i=dt.prefilters.length,s=k.Deferred().always(function(){delete u.elem}),u=function(){if(a)return!1;for(var e=rt||ct(),t=Math.max(0,l.startTime+l.duration-e),n=1-(t/l.duration||0),r=0,i=l.tweens.length;r<i;r++)l.tweens[r].run(n);return s.notifyWith(o,[l,n,t]),n<1&&i?t:(i||s.notifyWith(o,[l,1,0]),s.resolveWith(o,[l]),!1)},l=s.promise({elem:o,props:k.extend({},e),opts:k.extend(!0,{specialEasing:{},easing:k.easing._default},t),originalProperties:e,originalOptions:t,startTime:rt||ct(),duration:t.duration,tweens:[],createTween:function(e,t){var n=k.Tween(o,l.opts,e,t,l.opts.specialEasing[e]||l.opts.easing);return l.tweens.push(n),n},stop:function(e){var t=0,n=e?l.tweens.length:0;if(a)return this;for(a=!0;t<n;t++)l.tweens[t].run(1);return e?(s.notifyWith(o,[l,1,0]),s.resolveWith(o,[l,e])):s.rejectWith(o,[l,e]),this}}),c=l.props;for(!function(e,t){var n,r,i,o,a;for(n in e)if(i=t[r=V(n)],o=e[n],Array.isArray(o)&&(i=o[1],o=e[n]=o[0]),n!==r&&(e[r]=o,delete e[n]),(a=k.cssHooks[r])&&"expand"in a)for(n in o=a.expand(o),delete e[r],o)n in e||(e[n]=o[n],t[n]=i);else t[r]=i}(c,l.opts.specialEasing);r<i;r++)if(n=dt.prefilters[r].call(l,o,c,l.opts))return m(n.stop)&&(k._queueHooks(l.elem,l.opts.queue).stop=n.stop.bind(n)),n;return k.map(c,pt,l),m(l.opts.start)&&l.opts.start.call(o,l),l.progress(l.opts.progress).done(l.opts.done,l.opts.complete).fail(l.opts.fail).always(l.opts.always),k.fx.timer(k.extend(u,{elem:o,anim:l,queue:l.opts.queue})),l}k.Animation=k.extend(dt,{tweeners:{"*":[function(e,t){var n=this.createTween(e,t);return le(n.elem,e,ne.exec(t),n),n}]},tweener:function(e,t){m(e)?(t=e,e=["*"]):e=e.match(R);for(var n,r=0,i=e.length;r<i;r++)n=e[r],dt.tweeners[n]=dt.tweeners[n]||[],dt.tweeners[n].unshift(t)},prefilters:[function(e,t,n){var r,i,o,a,s,u,l,c,f="width"in t||"height"in t,p=this,d={},h=e.style,g=e.nodeType&&se(e),v=Q.get(e,"fxshow");for(r in n.queue||(null==(a=k._queueHooks(e,"fx")).unqueued&&(a.unqueued=0,s=a.empty.fire,a.empty.fire=function(){a.unqueued||s()}),a.unqueued++,p.always(function(){p.always(function(){a.unqueued--,k.queue(e,"fx").length||a.empty.fire()})})),t)if(i=t[r],st.test(i)){if(delete t[r],o=o||"toggle"===i,i===(g?"hide":"show")){if("show"!==i||!v||void 0===v[r])continue;g=!0}d[r]=v&&v[r]||k.style(e,r)}if((u=!k.isEmptyObject(t))||!k.isEmptyObject(d))for(r in f&&1===e.nodeType&&(n.overflow=[h.overflow,h.overflowX,h.overflowY],null==(l=v&&v.display)&&(l=Q.get(e,"display")),"none"===(c=k.css(e,"display"))&&(l?c=l:(fe([e],!0),l=e.style.display||l,c=k.css(e,"display"),fe([e]))),("inline"===c||"inline-block"===c&&null!=l)&&"none"===k.css(e,"float")&&(u||(p.done(function(){h.display=l}),null==l&&(c=h.display,l="none"===c?"":c)),h.display="inline-block")),n.overflow&&(h.overflow="hidden",p.always(function(){h.overflow=n.overflow[0],h.overflowX=n.overflow[1],h.overflowY=n.overflow[2]})),u=!1,d)u||(v?"hidden"in v&&(g=v.hidden):v=Q.access(e,"fxshow",{display:l}),o&&(v.hidden=!g),g&&fe([e],!0),p.done(function(){for(r in g||fe([e]),Q.remove(e,"fxshow"),d)k.style(e,r,d[r])})),u=pt(g?v[r]:0,r,p),r in v||(v[r]=u.start,g&&(u.end=u.start,u.start=0))}],prefilter:function(e,t){t?dt.prefilters.unshift(e):dt.prefilters.push(e)}}),k.speed=function(e,t,n){var r=e&&"object"==typeof e?k.extend({},e):{complete:n||!n&&t||m(e)&&e,duration:e,easing:n&&t||t&&!m(t)&&t};return k.fx.off?r.duration=0:"number"!=typeof r.duration&&(r.duration in k.fx.speeds?r.duration=k.fx.speeds[r.duration]:r.duration=k.fx.speeds._default),null!=r.queue&&!0!==r.queue||(r.queue="fx"),r.old=r.complete,r.complete=function(){m(r.old)&&r.old.call(this),r.queue&&k.dequeue(this,r.queue)},r},k.fn.extend({fadeTo:function(e,t,n,r){return this.filter(se).css("opacity",0).show().end().animate({opacity:t},e,n,r)},animate:function(t,e,n,r){var i=k.isEmptyObject(t),o=k.speed(e,n,r),a=function(){var e=dt(this,k.extend({},t),o);(i||Q.get(this,"finish"))&&e.stop(!0)};return a.finish=a,i||!1===o.queue?this.each(a):this.queue(o.queue,a)},stop:function(i,e,o){var a=function(e){var t=e.stop;delete e.stop,t(o)};return"string"!=typeof i&&(o=e,e=i,i=void 0),e&&!1!==i&&this.queue(i||"fx",[]),this.each(function(){var e=!0,t=null!=i&&i+"queueHooks",n=k.timers,r=Q.get(this);if(t)r[t]&&r[t].stop&&a(r[t]);else for(t in r)r[t]&&r[t].stop&&ut.test(t)&&a(r[t]);for(t=n.length;t--;)n[t].elem!==this||null!=i&&n[t].queue!==i||(n[t].anim.stop(o),e=!1,n.splice(t,1));!e&&o||k.dequeue(this,i)})},finish:function(a){return!1!==a&&(a=a||"fx"),this.each(function(){var e,t=Q.get(this),n=t[a+"queue"],r=t[a+"queueHooks"],i=k.timers,o=n?n.length:0;for(t.finish=!0,k.queue(this,a,[]),r&&r.stop&&r.stop.call(this,!0),e=i.length;e--;)i[e].elem===this&&i[e].queue===a&&(i[e].anim.stop(!0),i.splice(e,1));for(e=0;e<o;e++)n[e]&&n[e].finish&&n[e].finish.call(this);delete t.finish})}}),k.each(["toggle","show","hide"],function(e,r){var i=k.fn[r];k.fn[r]=function(e,t,n){return null==e||"boolean"==typeof e?i.apply(this,arguments):this.animate(ft(r,!0),e,t,n)}}),k.each({slideDown:ft("show"),slideUp:ft("hide"),slideToggle:ft("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,r){k.fn[e]=function(e,t,n){return this.animate(r,e,t,n)}}),k.timers=[],k.fx.tick=function(){var e,t=0,n=k.timers;for(rt=Date.now();t<n.length;t++)(e=n[t])()||n[t]!==e||n.splice(t--,1);n.length||k.fx.stop(),rt=void 0},k.fx.timer=function(e){k.timers.push(e),k.fx.start()},k.fx.interval=13,k.fx.start=function(){it||(it=!0,lt())},k.fx.stop=function(){it=null},k.fx.speeds={slow:600,fast:200,_default:400},k.fn.delay=function(r,e){return r=k.fx&&k.fx.speeds[r]||r,e=e||"fx",this.queue(e,function(e,t){var n=C.setTimeout(e,r);t.stop=function(){C.clearTimeout(n)}})},ot=E.createElement("input"),at=E.createElement("select").appendChild(E.createElement("option")),ot.type="checkbox",y.checkOn=""!==ot.value,y.optSelected=at.selected,(ot=E.createElement("input")).value="t",ot.type="radio",y.radioValue="t"===ot.value;var ht,gt=k.expr.attrHandle;k.fn.extend({attr:function(e,t){return _(this,k.attr,e,t,1<arguments.length)},removeAttr:function(e){return this.each(function(){k.removeAttr(this,e)})}}),k.extend({attr:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return"undefined"==typeof e.getAttribute?k.prop(e,t,n):(1===o&&k.isXMLDoc(e)||(i=k.attrHooks[t.toLowerCase()]||(k.expr.match.bool.test(t)?ht:void 0)),void 0!==n?null===n?void k.removeAttr(e,t):i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:(e.setAttribute(t,n+""),n):i&&"get"in i&&null!==(r=i.get(e,t))?r:null==(r=k.find.attr(e,t))?void 0:r)},attrHooks:{type:{set:function(e,t){if(!y.radioValue&&"radio"===t&&A(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},removeAttr:function(e,t){var n,r=0,i=t&&t.match(R);if(i&&1===e.nodeType)while(n=i[r++])e.removeAttribute(n)}}),ht={set:function(e,t,n){return!1===t?k.removeAttr(e,n):e.setAttribute(n,n),n}},k.each(k.expr.match.bool.source.match(/\w+/g),function(e,t){var a=gt[t]||k.find.attr;gt[t]=function(e,t,n){var r,i,o=t.toLowerCase();return n||(i=gt[o],gt[o]=r,r=null!=a(e,t,n)?o:null,gt[o]=i),r}});var vt=/^(?:input|select|textarea|button)$/i,yt=/^(?:a|area)$/i;function mt(e){return(e.match(R)||[]).join(" ")}function xt(e){return e.getAttribute&&e.getAttribute("class")||""}function bt(e){return Array.isArray(e)?e:"string"==typeof e&&e.match(R)||[]}k.fn.extend({prop:function(e,t){return _(this,k.prop,e,t,1<arguments.length)},removeProp:function(e){return this.each(function(){delete this[k.propFix[e]||e]})}}),k.extend({prop:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return 1===o&&k.isXMLDoc(e)||(t=k.propFix[t]||t,i=k.propHooks[t]),void 0!==n?i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){var t=k.find.attr(e,"tabindex");return t?parseInt(t,10):vt.test(e.nodeName)||yt.test(e.nodeName)&&e.href?0:-1}}},propFix:{"for":"htmlFor","class":"className"}}),y.optSelected||(k.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null},set:function(e){var t=e.parentNode;t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex)}}),k.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){k.propFix[this.toLowerCase()]=this}),k.fn.extend({addClass:function(t){var e,n,r,i,o,a,s,u=0;if(m(t))return this.each(function(e){k(this).addClass(t.call(this,e,xt(this)))});if((e=bt(t)).length)while(n=this[u++])if(i=xt(n),r=1===n.nodeType&&" "+mt(i)+" "){a=0;while(o=e[a++])r.indexOf(" "+o+" ")<0&&(r+=o+" ");i!==(s=mt(r))&&n.setAttribute("class",s)}return this},removeClass:function(t){var e,n,r,i,o,a,s,u=0;if(m(t))return this.each(function(e){k(this).removeClass(t.call(this,e,xt(this)))});if(!arguments.length)return this.attr("class","");if((e=bt(t)).length)while(n=this[u++])if(i=xt(n),r=1===n.nodeType&&" "+mt(i)+" "){a=0;while(o=e[a++])while(-1<r.indexOf(" "+o+" "))r=r.replace(" "+o+" "," ");i!==(s=mt(r))&&n.setAttribute("class",s)}return this},toggleClass:function(i,t){var o=typeof i,a="string"===o||Array.isArray(i);return"boolean"==typeof t&&a?t?this.addClass(i):this.removeClass(i):m(i)?this.each(function(e){k(this).toggleClass(i.call(this,e,xt(this),t),t)}):this.each(function(){var e,t,n,r;if(a){t=0,n=k(this),r=bt(i);while(e=r[t++])n.hasClass(e)?n.removeClass(e):n.addClass(e)}else void 0!==i&&"boolean"!==o||((e=xt(this))&&Q.set(this,"__className__",e),this.setAttribute&&this.setAttribute("class",e||!1===i?"":Q.get(this,"__className__")||""))})},hasClass:function(e){var t,n,r=0;t=" "+e+" ";while(n=this[r++])if(1===n.nodeType&&-1<(" "+mt(xt(n))+" ").indexOf(t))return!0;return!1}});var wt=/\r/g;k.fn.extend({val:function(n){var r,e,i,t=this[0];return arguments.length?(i=m(n),this.each(function(e){var t;1===this.nodeType&&(null==(t=i?n.call(this,e,k(this).val()):n)?t="":"number"==typeof t?t+="":Array.isArray(t)&&(t=k.map(t,function(e){return null==e?"":e+""})),(r=k.valHooks[this.type]||k.valHooks[this.nodeName.toLowerCase()])&&"set"in r&&void 0!==r.set(this,t,"value")||(this.value=t))})):t?(r=k.valHooks[t.type]||k.valHooks[t.nodeName.toLowerCase()])&&"get"in r&&void 0!==(e=r.get(t,"value"))?e:"string"==typeof(e=t.value)?e.replace(wt,""):null==e?"":e:void 0}}),k.extend({valHooks:{option:{get:function(e){var t=k.find.attr(e,"value");return null!=t?t:mt(k.text(e))}},select:{get:function(e){var t,n,r,i=e.options,o=e.selectedIndex,a="select-one"===e.type,s=a?null:[],u=a?o+1:i.length;for(r=o<0?u:a?o:0;r<u;r++)if(((n=i[r]).selected||r===o)&&!n.disabled&&(!n.parentNode.disabled||!A(n.parentNode,"optgroup"))){if(t=k(n).val(),a)return t;s.push(t)}return s},set:function(e,t){var n,r,i=e.options,o=k.makeArray(t),a=i.length;while(a--)((r=i[a]).selected=-1<k.inArray(k.valHooks.option.get(r),o))&&(n=!0);return n||(e.selectedIndex=-1),o}}}}),k.each(["radio","checkbox"],function(){k.valHooks[this]={set:function(e,t){if(Array.isArray(t))return e.checked=-1<k.inArray(k(e).val(),t)}},y.checkOn||(k.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})}),y.focusin="onfocusin"in C;var Tt=/^(?:focusinfocus|focusoutblur)$/,Ct=function(e){e.stopPropagation()};k.extend(k.event,{trigger:function(e,t,n,r){var i,o,a,s,u,l,c,f,p=[n||E],d=v.call(e,"type")?e.type:e,h=v.call(e,"namespace")?e.namespace.split("."):[];if(o=f=a=n=n||E,3!==n.nodeType&&8!==n.nodeType&&!Tt.test(d+k.event.triggered)&&(-1<d.indexOf(".")&&(d=(h=d.split(".")).shift(),h.sort()),u=d.indexOf(":")<0&&"on"+d,(e=e[k.expando]?e:new k.Event(d,"object"==typeof e&&e)).isTrigger=r?2:3,e.namespace=h.join("."),e.rnamespace=e.namespace?new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,e.result=void 0,e.target||(e.target=n),t=null==t?[e]:k.makeArray(t,[e]),c=k.event.special[d]||{},r||!c.trigger||!1!==c.trigger.apply(n,t))){if(!r&&!c.noBubble&&!x(n)){for(s=c.delegateType||d,Tt.test(s+d)||(o=o.parentNode);o;o=o.parentNode)p.push(o),a=o;a===(n.ownerDocument||E)&&p.push(a.defaultView||a.parentWindow||C)}i=0;while((o=p[i++])&&!e.isPropagationStopped())f=o,e.type=1<i?s:c.bindType||d,(l=(Q.get(o,"events")||{})[e.type]&&Q.get(o,"handle"))&&l.apply(o,t),(l=u&&o[u])&&l.apply&&G(o)&&(e.result=l.apply(o,t),!1===e.result&&e.preventDefault());return e.type=d,r||e.isDefaultPrevented()||c._default&&!1!==c._default.apply(p.pop(),t)||!G(n)||u&&m(n[d])&&!x(n)&&((a=n[u])&&(n[u]=null),k.event.triggered=d,e.isPropagationStopped()&&f.addEventListener(d,Ct),n[d](),e.isPropagationStopped()&&f.removeEventListener(d,Ct),k.event.triggered=void 0,a&&(n[u]=a)),e.result}},simulate:function(e,t,n){var r=k.extend(new k.Event,n,{type:e,isSimulated:!0});k.event.trigger(r,null,t)}}),k.fn.extend({trigger:function(e,t){return this.each(function(){k.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];if(n)return k.event.trigger(e,t,n,!0)}}),y.focusin||k.each({focus:"focusin",blur:"focusout"},function(n,r){var i=function(e){k.event.simulate(r,e.target,k.event.fix(e))};k.event.special[r]={setup:function(){var e=this.ownerDocument||this,t=Q.access(e,r);t||e.addEventListener(n,i,!0),Q.access(e,r,(t||0)+1)},teardown:function(){var e=this.ownerDocument||this,t=Q.access(e,r)-1;t?Q.access(e,r,t):(e.removeEventListener(n,i,!0),Q.remove(e,r))}}});var Et=C.location,kt=Date.now(),St=/\?/;k.parseXML=function(e){var t;if(!e||"string"!=typeof e)return null;try{t=(new C.DOMParser).parseFromString(e,"text/xml")}catch(e){t=void 0}return t&&!t.getElementsByTagName("parsererror").length||k.error("Invalid XML: "+e),t};var Nt=/\[\]$/,At=/\r?\n/g,Dt=/^(?:submit|button|image|reset|file)$/i,jt=/^(?:input|select|textarea|keygen)/i;function qt(n,e,r,i){var t;if(Array.isArray(e))k.each(e,function(e,t){r||Nt.test(n)?i(n,t):qt(n+"["+("object"==typeof t&&null!=t?e:"")+"]",t,r,i)});else if(r||"object"!==w(e))i(n,e);else for(t in e)qt(n+"["+t+"]",e[t],r,i)}k.param=function(e,t){var n,r=[],i=function(e,t){var n=m(t)?t():t;r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(null==n?"":n)};if(null==e)return"";if(Array.isArray(e)||e.jquery&&!k.isPlainObject(e))k.each(e,function(){i(this.name,this.value)});else for(n in e)qt(n,e[n],t,i);return r.join("&")},k.fn.extend({serialize:function(){return k.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=k.prop(this,"elements");return e?k.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!k(this).is(":disabled")&&jt.test(this.nodeName)&&!Dt.test(e)&&(this.checked||!pe.test(e))}).map(function(e,t){var n=k(this).val();return null==n?null:Array.isArray(n)?k.map(n,function(e){return{name:t.name,value:e.replace(At,"\r\n")}}):{name:t.name,value:n.replace(At,"\r\n")}}).get()}});var Lt=/%20/g,Ht=/#.*$/,Ot=/([?&])_=[^&]*/,Pt=/^(.*?):[ \t]*([^\r\n]*)$/gm,Rt=/^(?:GET|HEAD)$/,Mt=/^\/\//,It={},Wt={},$t="*/".concat("*"),Ft=E.createElement("a");function Bt(o){return function(e,t){"string"!=typeof e&&(t=e,e="*");var n,r=0,i=e.toLowerCase().match(R)||[];if(m(t))while(n=i[r++])"+"===n[0]?(n=n.slice(1)||"*",(o[n]=o[n]||[]).unshift(t)):(o[n]=o[n]||[]).push(t)}}function _t(t,i,o,a){var s={},u=t===Wt;function l(e){var r;return s[e]=!0,k.each(t[e]||[],function(e,t){var n=t(i,o,a);return"string"!=typeof n||u||s[n]?u?!(r=n):void 0:(i.dataTypes.unshift(n),l(n),!1)}),r}return l(i.dataTypes[0])||!s["*"]&&l("*")}function zt(e,t){var n,r,i=k.ajaxSettings.flatOptions||{};for(n in t)void 0!==t[n]&&((i[n]?e:r||(r={}))[n]=t[n]);return r&&k.extend(!0,e,r),e}Ft.href=Et.href,k.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:Et.href,type:"GET",isLocal:/^(?:about|app|app-storage|.+-extension|file|res|widget):$/.test(Et.protocol),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":$t,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":JSON.parse,"text xml":k.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?zt(zt(e,k.ajaxSettings),t):zt(k.ajaxSettings,e)},ajaxPrefilter:Bt(It),ajaxTransport:Bt(Wt),ajax:function(e,t){"object"==typeof e&&(t=e,e=void 0),t=t||{};var c,f,p,n,d,r,h,g,i,o,v=k.ajaxSetup({},t),y=v.context||v,m=v.context&&(y.nodeType||y.jquery)?k(y):k.event,x=k.Deferred(),b=k.Callbacks("once memory"),w=v.statusCode||{},a={},s={},u="canceled",T={readyState:0,getResponseHeader:function(e){var t;if(h){if(!n){n={};while(t=Pt.exec(p))n[t[1].toLowerCase()+" "]=(n[t[1].toLowerCase()+" "]||[]).concat(t[2])}t=n[e.toLowerCase()+" "]}return null==t?null:t.join(", ")},getAllResponseHeaders:function(){return h?p:null},setRequestHeader:function(e,t){return null==h&&(e=s[e.toLowerCase()]=s[e.toLowerCase()]||e,a[e]=t),this},overrideMimeType:function(e){return null==h&&(v.mimeType=e),this},statusCode:function(e){var t;if(e)if(h)T.always(e[T.status]);else for(t in e)w[t]=[w[t],e[t]];return this},abort:function(e){var t=e||u;return c&&c.abort(t),l(0,t),this}};if(x.promise(T),v.url=((e||v.url||Et.href)+"").replace(Mt,Et.protocol+"//"),v.type=t.method||t.type||v.method||v.type,v.dataTypes=(v.dataType||"*").toLowerCase().match(R)||[""],null==v.crossDomain){r=E.createElement("a");try{r.href=v.url,r.href=r.href,v.crossDomain=Ft.protocol+"//"+Ft.host!=r.protocol+"//"+r.host}catch(e){v.crossDomain=!0}}if(v.data&&v.processData&&"string"!=typeof v.data&&(v.data=k.param(v.data,v.traditional)),_t(It,v,t,T),h)return T;for(i in(g=k.event&&v.global)&&0==k.active++&&k.event.trigger("ajaxStart"),v.type=v.type.toUpperCase(),v.hasContent=!Rt.test(v.type),f=v.url.replace(Ht,""),v.hasContent?v.data&&v.processData&&0===(v.contentType||"").indexOf("application/x-www-form-urlencoded")&&(v.data=v.data.replace(Lt,"+")):(o=v.url.slice(f.length),v.data&&(v.processData||"string"==typeof v.data)&&(f+=(St.test(f)?"&":"?")+v.data,delete v.data),!1===v.cache&&(f=f.replace(Ot,"$1"),o=(St.test(f)?"&":"?")+"_="+kt+++o),v.url=f+o),v.ifModified&&(k.lastModified[f]&&T.setRequestHeader("If-Modified-Since",k.lastModified[f]),k.etag[f]&&T.setRequestHeader("If-None-Match",k.etag[f])),(v.data&&v.hasContent&&!1!==v.contentType||t.contentType)&&T.setRequestHeader("Content-Type",v.contentType),T.setRequestHeader("Accept",v.dataTypes[0]&&v.accepts[v.dataTypes[0]]?v.accepts[v.dataTypes[0]]+("*"!==v.dataTypes[0]?", "+$t+"; q=0.01":""):v.accepts["*"]),v.headers)T.setRequestHeader(i,v.headers[i]);if(v.beforeSend&&(!1===v.beforeSend.call(y,T,v)||h))return T.abort();if(u="abort",b.add(v.complete),T.done(v.success),T.fail(v.error),c=_t(Wt,v,t,T)){if(T.readyState=1,g&&m.trigger("ajaxSend",[T,v]),h)return T;v.async&&0<v.timeout&&(d=C.setTimeout(function(){T.abort("timeout")},v.timeout));try{h=!1,c.send(a,l)}catch(e){if(h)throw e;l(-1,e)}}else l(-1,"No Transport");function l(e,t,n,r){var i,o,a,s,u,l=t;h||(h=!0,d&&C.clearTimeout(d),c=void 0,p=r||"",T.readyState=0<e?4:0,i=200<=e&&e<300||304===e,n&&(s=function(e,t,n){var r,i,o,a,s=e.contents,u=e.dataTypes;while("*"===u[0])u.shift(),void 0===r&&(r=e.mimeType||t.getResponseHeader("Content-Type"));if(r)for(i in s)if(s[i]&&s[i].test(r)){u.unshift(i);break}if(u[0]in n)o=u[0];else{for(i in n){if(!u[0]||e.converters[i+" "+u[0]]){o=i;break}a||(a=i)}o=o||a}if(o)return o!==u[0]&&u.unshift(o),n[o]}(v,T,n)),s=function(e,t,n,r){var i,o,a,s,u,l={},c=e.dataTypes.slice();if(c[1])for(a in e.converters)l[a.toLowerCase()]=e.converters[a];o=c.shift();while(o)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!u&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u=o,o=c.shift())if("*"===o)o=u;else if("*"!==u&&u!==o){if(!(a=l[u+" "+o]||l["* "+o]))for(i in l)if((s=i.split(" "))[1]===o&&(a=l[u+" "+s[0]]||l["* "+s[0]])){!0===a?a=l[i]:!0!==l[i]&&(o=s[0],c.unshift(s[1]));break}if(!0!==a)if(a&&e["throws"])t=a(t);else try{t=a(t)}catch(e){return{state:"parsererror",error:a?e:"No conversion from "+u+" to "+o}}}return{state:"success",data:t}}(v,s,T,i),i?(v.ifModified&&((u=T.getResponseHeader("Last-Modified"))&&(k.lastModified[f]=u),(u=T.getResponseHeader("etag"))&&(k.etag[f]=u)),204===e||"HEAD"===v.type?l="nocontent":304===e?l="notmodified":(l=s.state,o=s.data,i=!(a=s.error))):(a=l,!e&&l||(l="error",e<0&&(e=0))),T.status=e,T.statusText=(t||l)+"",i?x.resolveWith(y,[o,l,T]):x.rejectWith(y,[T,l,a]),T.statusCode(w),w=void 0,g&&m.trigger(i?"ajaxSuccess":"ajaxError",[T,v,i?o:a]),b.fireWith(y,[T,l]),g&&(m.trigger("ajaxComplete",[T,v]),--k.active||k.event.trigger("ajaxStop")))}return T},getJSON:function(e,t,n){return k.get(e,t,n,"json")},getScript:function(e,t){return k.get(e,void 0,t,"script")}}),k.each(["get","post"],function(e,i){k[i]=function(e,t,n,r){return m(t)&&(r=r||n,n=t,t=void 0),k.ajax(k.extend({url:e,type:i,dataType:r,data:t,success:n},k.isPlainObject(e)&&e))}}),k._evalUrl=function(e,t){return k.ajax({url:e,type:"GET",dataType:"script",cache:!0,async:!1,global:!1,converters:{"text script":function(){}},dataFilter:function(e){k.globalEval(e,t)}})},k.fn.extend({wrapAll:function(e){var t;return this[0]&&(m(e)&&(e=e.call(this[0])),t=k(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this},wrapInner:function(n){return m(n)?this.each(function(e){k(this).wrapInner(n.call(this,e))}):this.each(function(){var e=k(this),t=e.contents();t.length?t.wrapAll(n):e.append(n)})},wrap:function(t){var n=m(t);return this.each(function(e){k(this).wrapAll(n?t.call(this,e):t)})},unwrap:function(e){return this.parent(e).not("body").each(function(){k(this).replaceWith(this.childNodes)}),this}}),k.expr.pseudos.hidden=function(e){return!k.expr.pseudos.visible(e)},k.expr.pseudos.visible=function(e){return!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)},k.ajaxSettings.xhr=function(){try{return new C.XMLHttpRequest}catch(e){}};var Ut={0:200,1223:204},Xt=k.ajaxSettings.xhr();y.cors=!!Xt&&"withCredentials"in Xt,y.ajax=Xt=!!Xt,k.ajaxTransport(function(i){var o,a;if(y.cors||Xt&&!i.crossDomain)return{send:function(e,t){var n,r=i.xhr();if(r.open(i.type,i.url,i.async,i.username,i.password),i.xhrFields)for(n in i.xhrFields)r[n]=i.xhrFields[n];for(n in i.mimeType&&r.overrideMimeType&&r.overrideMimeType(i.mimeType),i.crossDomain||e["X-Requested-With"]||(e["X-Requested-With"]="XMLHttpRequest"),e)r.setRequestHeader(n,e[n]);o=function(e){return function(){o&&(o=a=r.onload=r.onerror=r.onabort=r.ontimeout=r.onreadystatechange=null,"abort"===e?r.abort():"error"===e?"number"!=typeof r.status?t(0,"error"):t(r.status,r.statusText):t(Ut[r.status]||r.status,r.statusText,"text"!==(r.responseType||"text")||"string"!=typeof r.responseText?{binary:r.response}:{text:r.responseText},r.getAllResponseHeaders()))}},r.onload=o(),a=r.onerror=r.ontimeout=o("error"),void 0!==r.onabort?r.onabort=a:r.onreadystatechange=function(){4===r.readyState&&C.setTimeout(function(){o&&a()})},o=o("abort");try{r.send(i.hasContent&&i.data||null)}catch(e){if(o)throw e}},abort:function(){o&&o()}}}),k.ajaxPrefilter(function(e){e.crossDomain&&(e.contents.script=!1)}),k.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:{"text script":function(e){return k.globalEval(e),e}}}),k.ajaxPrefilter("script",function(e){void 0===e.cache&&(e.cache=!1),e.crossDomain&&(e.type="GET")}),k.ajaxTransport("script",function(n){var r,i;if(n.crossDomain||n.scriptAttrs)return{send:function(e,t){r=k("<script>").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),E.head.appendChild(r[0])},abort:function(){i&&i()}}});var Vt,Gt=[],Yt=/(=)\?(?=&|$)|\?\?/;k.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Gt.pop()||k.expando+"_"+kt++;return this[e]=!0,e}}),k.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Yt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Yt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Yt,"$1"+r):!1!==e.jsonp&&(e.url+=(St.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||k.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?k(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Gt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),y.createHTMLDocument=((Vt=E.implementation.createHTMLDocument("").body).innerHTML="<form></form><form></form>",2===Vt.childNodes.length),k.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(y.createHTMLDocument?((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.location.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=D.exec(e))?[t.createElement(i[1])]:(i=we([e],t,o),o&&o.length&&k(o).remove(),k.merge([],i.childNodes)));var r,i,o},k.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1<s&&(r=mt(e.slice(s)),e=e.slice(0,s)),m(t)?(n=t,t=void 0):t&&"object"==typeof t&&(i="POST"),0<a.length&&k.ajax({url:e,type:i||"GET",dataType:"html",data:t}).done(function(e){o=arguments,a.html(r?k("<div>").append(k.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},k.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){k.fn[t]=function(e){return this.on(t,e)}}),k.expr.pseudos.animated=function(t){return k.grep(k.timers,function(e){return t===e.elem}).length},k.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=k.css(e,"position"),c=k(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=k.css(e,"top"),u=k.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),m(t)&&(t=t.call(e,n,k.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},k.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){k.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===k.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===k.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=k(e).offset()).top+=k.css(e,"borderTopWidth",!0),i.left+=k.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-k.css(r,"marginTop",!0),left:t.left-i.left-k.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===k.css(e,"position"))e=e.offsetParent;return e||ie})}}),k.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;k.fn[t]=function(e){return _(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),k.each(["top","left"],function(e,n){k.cssHooks[n]=ze(y.pixelPosition,function(e,t){if(t)return t=_e(e,n),$e.test(t)?k(e).position()[n]+"px":t})}),k.each({Height:"height",Width:"width"},function(a,s){k.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){k.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return _(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?k.css(e,t,i):k.style(e,t,n,i)},s,n?e:void 0,n)}})}),k.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){k.fn[n]=function(e,t){return 0<arguments.length?this.on(n,null,e,t):this.trigger(n)}}),k.fn.extend({hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),k.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)}}),k.proxy=function(e,t){var n,r,i;if("string"==typeof t&&(n=e[t],t=e,e=n),m(e))return r=s.call(arguments,2),(i=function(){return e.apply(t||this,r.concat(s.call(arguments)))}).guid=e.guid=e.guid||k.guid++,i},k.holdReady=function(e){e?k.readyWait++:k.ready(!0)},k.isArray=Array.isArray,k.parseJSON=JSON.parse,k.nodeName=A,k.isFunction=m,k.isWindow=x,k.camelCase=V,k.type=w,k.now=Date.now,k.isNumeric=function(e){var t=k.type(e);return("number"===t||"string"===t)&&!isNaN(e-parseFloat(e))},"function"==typeof define&&define.amd&&define("jquery",[],function(){return k});var Qt=C.jQuery,Jt=C.$;return k.noConflict=function(e){return C.$===k&&(C.$=Jt),e&&C.jQuery===k&&(C.jQuery=Qt),k},e||(C.jQuery=C.$=k),k});
3 | 


--------------------------------------------------------------------------------
/homepage-assets/logo.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 3 | <svg width="100%" height="100%" viewBox="0 0 122 37" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
 4 |     <g transform="matrix(1,0,0,1,-35.1141,-29.8137)">
 5 |         <g transform="matrix(-0.0242898,-0.0289297,0.0346425,-0.0290865,47.5514,78.1564)">
 6 |             <path d="M796.5,685.8C749.2,653.5 681.5,666 648,713.3C619.3,753.8 622,811.8 654.1,846C693.6,888.1 747.3,896.6 793.5,867.8C799,864.4 804.3,860.5 809.6,856.8C812.4,854 815.2,851.2 817.9,848.4C819.1,843.3 823.5,840.5 826.3,836.5C859.8,787.7 846.4,719.9 796.5,685.8ZM225.9,195.1C209.6,195.3 195.5,201.6 182,209.8C177.8,214 173.6,218.1 169.5,222.3C168.9,223.8 168.6,225.4 167.8,226.7C149.4,254.1 151.8,291.3 173.3,314.9C196.7,340.4 232.5,346.7 261.9,330.5C291.3,314.3 305.7,281 297.3,248.6C288.8,216.5 259.5,194.6 225.9,195.1ZM909.1,452.6C869.7,412.8 807.3,412.2 768.1,451.3C729.4,489.8 729.4,553.3 768,591.9C806.6,630.4 868.9,630.4 907.6,591.9C946.9,552.8 947.5,491.4 909.1,452.6ZM800.1,331.1C835.2,296.2 835.3,239.2 800.3,203.9C765.6,168.8 708.7,168.1 673.9,202.3C637.6,238 636.9,294.2 672.2,330.1C707.5,365.9 764.6,366.4 800.1,331.1ZM424.4,108.2C392.8,140.1 392.9,191.5 424.7,223C456.7,254.7 507.6,254.4 539.5,222.3C571.4,190.2 571.2,139.7 539,107.7C507,75.9 456.2,76.1 424.4,108.2ZM170.2,476.8C145.6,452.3 105.7,452.5 81,477.2C56.2,502 56.3,541.4 81.2,566.2C105.9,590.8 145.8,590.8 170.4,566.1C194.8,541.7 194.7,501.1 170.2,476.8ZM187.7,735.1C165.9,756.9 166,791.6 187.8,813.4C209.5,835.1 244.6,835 266.2,813.4C287.6,791.9 287.6,756.2 266.1,734.8C244.5,713.3 209.3,713.4 187.7,735.1ZM434.3,839.7C416.5,857.5 416.6,885.2 434.4,903C452,920.6 480.4,920.9 498,903.5C515.6,886.2 515.6,856.1 497.9,838.9C480.2,821.8 451.9,822.1 434.3,839.7Z" style="fill:rgb(241,196,15);fill-rule:nonzero;"/>
 7 |         </g>
 8 |         <g transform="matrix(0.994819,-0.101658,0.101658,0.994819,-18.0005,26.4977)">
 9 |             <g transform="matrix(24,0,0,24,74.5421,42.8278)">
10 |                 <path d="M0.453,0.005C0.374,0.005 0.305,-0.01 0.246,-0.039C0.187,-0.068 0.142,-0.109 0.111,-0.162C0.08,-0.215 0.064,-0.277 0.064,-0.348C0.064,-0.446 0.083,-0.533 0.12,-0.609C0.157,-0.685 0.207,-0.744 0.27,-0.786C0.333,-0.827 0.404,-0.848 0.481,-0.848C0.553,-0.848 0.608,-0.83 0.645,-0.793C0.682,-0.755 0.701,-0.707 0.701,-0.646C0.701,-0.605 0.694,-0.573 0.68,-0.548C0.665,-0.523 0.645,-0.511 0.618,-0.511C0.599,-0.511 0.585,-0.515 0.574,-0.524C0.563,-0.533 0.558,-0.545 0.558,-0.562C0.558,-0.568 0.559,-0.579 0.562,-0.595C0.566,-0.615 0.568,-0.631 0.568,-0.643C0.568,-0.704 0.536,-0.734 0.471,-0.734C0.427,-0.734 0.385,-0.72 0.345,-0.691C0.305,-0.662 0.273,-0.62 0.248,-0.565C0.223,-0.509 0.211,-0.443 0.211,-0.366C0.211,-0.286 0.233,-0.224 0.278,-0.181C0.323,-0.137 0.389,-0.115 0.476,-0.115C0.519,-0.115 0.563,-0.121 0.608,-0.132C0.652,-0.142 0.701,-0.159 0.755,-0.182C0.765,-0.186 0.773,-0.188 0.78,-0.188C0.791,-0.188 0.799,-0.184 0.804,-0.176C0.809,-0.168 0.812,-0.158 0.812,-0.145C0.812,-0.104 0.79,-0.074 0.746,-0.055C0.699,-0.034 0.65,-0.019 0.599,-0.01C0.548,0 0.499,0.005 0.453,0.005Z" style="fill:rgb(44,62,80);fill-rule:nonzero;"/>
11 |             </g>
12 |             <g transform="matrix(24,0,0,24,91.0061,42.8278)">
13 |                 <path d="M0.327,0.008C0.238,0.008 0.167,-0.009 0.114,-0.043C0.061,-0.076 0.034,-0.128 0.034,-0.197C0.034,-0.234 0.04,-0.262 0.053,-0.281C0.066,-0.3 0.084,-0.31 0.109,-0.31C0.127,-0.31 0.142,-0.305 0.153,-0.296C0.164,-0.287 0.17,-0.275 0.17,-0.26C0.17,-0.247 0.169,-0.235 0.167,-0.225C0.167,-0.222 0.167,-0.218 0.166,-0.211C0.165,-0.204 0.164,-0.197 0.164,-0.19C0.164,-0.16 0.179,-0.138 0.21,-0.123C0.24,-0.108 0.282,-0.101 0.337,-0.101C0.394,-0.101 0.438,-0.111 0.47,-0.132C0.502,-0.152 0.518,-0.18 0.518,-0.217C0.518,-0.24 0.511,-0.259 0.496,-0.276C0.481,-0.292 0.463,-0.306 0.441,-0.317C0.419,-0.328 0.388,-0.341 0.348,-0.357C0.297,-0.377 0.255,-0.396 0.223,-0.414C0.19,-0.432 0.163,-0.456 0.14,-0.488C0.117,-0.519 0.105,-0.557 0.105,-0.603C0.105,-0.651 0.118,-0.694 0.144,-0.731C0.169,-0.768 0.206,-0.797 0.255,-0.818C0.303,-0.839 0.36,-0.849 0.425,-0.849C0.474,-0.849 0.518,-0.842 0.559,-0.828C0.6,-0.813 0.632,-0.791 0.657,-0.762C0.681,-0.733 0.693,-0.697 0.693,-0.654C0.693,-0.612 0.687,-0.58 0.674,-0.559C0.661,-0.538 0.643,-0.527 0.618,-0.527C0.601,-0.527 0.586,-0.532 0.575,-0.543C0.563,-0.554 0.557,-0.566 0.557,-0.581C0.557,-0.594 0.558,-0.605 0.56,-0.616C0.562,-0.636 0.563,-0.649 0.563,-0.654C0.563,-0.682 0.549,-0.703 0.522,-0.718C0.495,-0.733 0.461,-0.74 0.42,-0.74C0.363,-0.74 0.319,-0.729 0.289,-0.709C0.258,-0.688 0.243,-0.658 0.243,-0.62C0.243,-0.595 0.251,-0.573 0.267,-0.555C0.282,-0.537 0.302,-0.522 0.325,-0.51C0.348,-0.498 0.381,-0.484 0.423,-0.467C0.474,-0.446 0.514,-0.428 0.545,-0.411C0.576,-0.394 0.602,-0.372 0.624,-0.343C0.645,-0.314 0.656,-0.279 0.656,-0.237C0.656,-0.158 0.626,-0.098 0.567,-0.056C0.507,-0.013 0.427,0.008 0.327,0.008Z" style="fill:rgb(44,62,80);fill-rule:nonzero;"/>
14 |             </g>
15 |             <g transform="matrix(24,0,0,24,107.638,42.8278)">
16 |                 <path d="M0.327,0.008C0.238,0.008 0.167,-0.009 0.114,-0.043C0.061,-0.076 0.034,-0.128 0.034,-0.197C0.034,-0.234 0.04,-0.262 0.053,-0.281C0.066,-0.3 0.084,-0.31 0.109,-0.31C0.127,-0.31 0.142,-0.305 0.153,-0.296C0.164,-0.287 0.17,-0.275 0.17,-0.26C0.17,-0.247 0.169,-0.235 0.167,-0.225C0.167,-0.222 0.167,-0.218 0.166,-0.211C0.165,-0.204 0.164,-0.197 0.164,-0.19C0.164,-0.16 0.179,-0.138 0.21,-0.123C0.24,-0.108 0.282,-0.101 0.337,-0.101C0.394,-0.101 0.438,-0.111 0.47,-0.132C0.502,-0.152 0.518,-0.18 0.518,-0.217C0.518,-0.24 0.511,-0.259 0.496,-0.276C0.481,-0.292 0.463,-0.306 0.441,-0.317C0.419,-0.328 0.388,-0.341 0.348,-0.357C0.297,-0.377 0.255,-0.396 0.223,-0.414C0.19,-0.432 0.163,-0.456 0.14,-0.488C0.117,-0.519 0.105,-0.557 0.105,-0.603C0.105,-0.651 0.118,-0.694 0.144,-0.731C0.169,-0.768 0.206,-0.797 0.255,-0.818C0.303,-0.839 0.36,-0.849 0.425,-0.849C0.474,-0.849 0.518,-0.842 0.559,-0.828C0.6,-0.813 0.632,-0.791 0.657,-0.762C0.681,-0.733 0.693,-0.697 0.693,-0.654C0.693,-0.612 0.687,-0.58 0.674,-0.559C0.661,-0.538 0.643,-0.527 0.618,-0.527C0.601,-0.527 0.586,-0.532 0.575,-0.543C0.563,-0.554 0.557,-0.566 0.557,-0.581C0.557,-0.594 0.558,-0.605 0.56,-0.616C0.562,-0.636 0.563,-0.649 0.563,-0.654C0.563,-0.682 0.549,-0.703 0.522,-0.718C0.495,-0.733 0.461,-0.74 0.42,-0.74C0.363,-0.74 0.319,-0.729 0.289,-0.709C0.258,-0.688 0.243,-0.658 0.243,-0.62C0.243,-0.595 0.251,-0.573 0.267,-0.555C0.282,-0.537 0.302,-0.522 0.325,-0.51C0.348,-0.498 0.381,-0.484 0.423,-0.467C0.474,-0.446 0.514,-0.428 0.545,-0.411C0.576,-0.394 0.602,-0.372 0.624,-0.343C0.645,-0.314 0.656,-0.279 0.656,-0.237C0.656,-0.158 0.626,-0.098 0.567,-0.056C0.507,-0.013 0.427,0.008 0.327,0.008Z" style="fill:rgb(44,62,80);fill-rule:nonzero;"/>
17 |             </g>
18 |             <g transform="matrix(24,0,0,24,130.63,42.8278)">
19 |                 <path d="M0.558,-0.307C0.567,-0.307 0.573,-0.303 0.578,-0.294C0.583,-0.285 0.585,-0.274 0.585,-0.261C0.585,-0.229 0.575,-0.21 0.556,-0.204C0.516,-0.19 0.472,-0.182 0.424,-0.18C0.411,-0.124 0.386,-0.079 0.349,-0.046C0.312,-0.012 0.269,0.005 0.222,0.005C0.182,0.005 0.148,-0.005 0.12,-0.024C0.091,-0.043 0.07,-0.069 0.055,-0.101C0.04,-0.133 0.033,-0.168 0.033,-0.205C0.033,-0.256 0.043,-0.301 0.062,-0.341C0.081,-0.38 0.108,-0.411 0.142,-0.434C0.176,-0.456 0.214,-0.467 0.255,-0.467C0.306,-0.467 0.347,-0.45 0.378,-0.415C0.409,-0.38 0.427,-0.336 0.432,-0.285C0.463,-0.287 0.501,-0.294 0.544,-0.305C0.549,-0.306 0.554,-0.307 0.558,-0.307ZM0.23,-0.101C0.251,-0.101 0.27,-0.11 0.286,-0.127C0.301,-0.144 0.312,-0.169 0.317,-0.202C0.296,-0.216 0.281,-0.234 0.27,-0.257C0.259,-0.28 0.253,-0.304 0.253,-0.329C0.253,-0.34 0.254,-0.35 0.256,-0.361L0.251,-0.361C0.224,-0.361 0.202,-0.348 0.185,-0.323C0.167,-0.297 0.158,-0.261 0.158,-0.214C0.158,-0.177 0.165,-0.149 0.18,-0.13C0.194,-0.111 0.211,-0.101 0.23,-0.101Z" style="fill:rgb(44,62,80);fill-rule:nonzero;"/>
20 |             </g>
21 |             <g transform="matrix(24,0,0,24,141.454,42.8278)">
22 |                 <path d="M0.119,0.005C0.094,0.005 0.076,-0.008 0.066,-0.035C0.055,-0.062 0.05,-0.104 0.05,-0.163C0.05,-0.25 0.062,-0.332 0.087,-0.41C0.093,-0.429 0.103,-0.444 0.117,-0.453C0.13,-0.462 0.149,-0.466 0.174,-0.466C0.187,-0.466 0.197,-0.464 0.202,-0.461C0.207,-0.458 0.21,-0.451 0.21,-0.442C0.21,-0.431 0.205,-0.407 0.195,-0.37C0.188,-0.343 0.183,-0.32 0.179,-0.3C0.175,-0.28 0.172,-0.255 0.169,-0.226C0.191,-0.283 0.216,-0.33 0.243,-0.366C0.27,-0.402 0.297,-0.428 0.324,-0.443C0.35,-0.458 0.374,-0.466 0.396,-0.466C0.439,-0.466 0.461,-0.444 0.461,-0.401C0.461,-0.375 0.454,-0.328 0.439,-0.26C0.426,-0.202 0.42,-0.164 0.42,-0.145C0.42,-0.118 0.43,-0.105 0.449,-0.105C0.462,-0.105 0.478,-0.113 0.497,-0.13C0.515,-0.146 0.539,-0.172 0.57,-0.209C0.578,-0.218 0.587,-0.223 0.597,-0.223C0.606,-0.223 0.612,-0.219 0.618,-0.211C0.623,-0.203 0.625,-0.192 0.625,-0.178C0.625,-0.151 0.619,-0.131 0.606,-0.116C0.577,-0.081 0.547,-0.052 0.514,-0.029C0.481,-0.006 0.443,0.005 0.401,0.005C0.367,0.005 0.341,-0.005 0.324,-0.025C0.307,-0.044 0.298,-0.073 0.298,-0.11C0.298,-0.129 0.303,-0.162 0.312,-0.21C0.321,-0.252 0.325,-0.281 0.325,-0.297C0.325,-0.308 0.321,-0.313 0.314,-0.313C0.305,-0.313 0.293,-0.302 0.278,-0.28C0.262,-0.257 0.246,-0.228 0.23,-0.191C0.213,-0.154 0.2,-0.116 0.19,-0.075C0.183,-0.044 0.174,-0.023 0.165,-0.012C0.155,0 0.14,0.005 0.119,0.005Z" style="fill:rgb(44,62,80);fill-rule:nonzero;"/>
23 |             </g>
24 |             <g transform="matrix(24,0,0,24,153.358,42.8278)">
25 |                 <path d="M0.427,-0.223C0.436,-0.223 0.443,-0.219 0.448,-0.211C0.452,-0.203 0.455,-0.192 0.455,-0.178C0.455,-0.151 0.449,-0.131 0.436,-0.116C0.407,-0.081 0.376,-0.052 0.343,-0.029C0.309,-0.006 0.271,0.005 0.228,0.005C0.169,0.005 0.126,-0.022 0.098,-0.075C0.069,-0.128 0.055,-0.197 0.055,-0.282C0.055,-0.363 0.066,-0.456 0.087,-0.56C0.108,-0.664 0.138,-0.753 0.18,-0.828C0.221,-0.903 0.269,-0.94 0.326,-0.94C0.358,-0.94 0.383,-0.925 0.402,-0.896C0.42,-0.866 0.429,-0.823 0.429,-0.768C0.429,-0.689 0.407,-0.597 0.363,-0.492C0.319,-0.387 0.259,-0.284 0.184,-0.181C0.189,-0.154 0.196,-0.134 0.207,-0.123C0.218,-0.111 0.232,-0.105 0.249,-0.105C0.276,-0.105 0.3,-0.113 0.321,-0.129C0.342,-0.144 0.368,-0.171 0.4,-0.209C0.408,-0.218 0.417,-0.223 0.427,-0.223ZM0.304,-0.841C0.289,-0.841 0.271,-0.813 0.252,-0.758C0.233,-0.703 0.216,-0.634 0.201,-0.552C0.186,-0.47 0.178,-0.391 0.177,-0.316C0.224,-0.394 0.262,-0.472 0.29,-0.551C0.318,-0.629 0.332,-0.7 0.332,-0.765C0.332,-0.816 0.323,-0.841 0.304,-0.841Z" style="fill:rgb(44,62,80);fill-rule:nonzero;"/>
26 |             </g>
27 |             <g transform="matrix(24,0,0,24,161.182,42.8278)">
28 |                 <path d="M0.398,-0.466C0.413,-0.466 0.424,-0.464 0.43,-0.46C0.436,-0.456 0.439,-0.449 0.439,-0.44C0.439,-0.424 0.43,-0.367 0.413,-0.269C0.398,-0.175 0.389,-0.119 0.386,-0.102C0.361,0.069 0.327,0.205 0.284,0.305C0.241,0.405 0.183,0.455 0.111,0.455C0.077,0.455 0.049,0.444 0.028,0.424C0.007,0.403 -0.004,0.375 -0.004,0.341C-0.004,0.31 0.003,0.278 0.018,0.245C0.032,0.212 0.058,0.175 0.098,0.133C0.136,0.09 0.192,0.042 0.263,-0.013L0.266,-0.036C0.271,-0.061 0.276,-0.096 0.282,-0.142C0.269,-0.094 0.25,-0.058 0.226,-0.033C0.202,-0.008 0.177,0.005 0.15,0.005C0.12,0.005 0.095,-0.009 0.077,-0.037C0.057,-0.064 0.048,-0.099 0.048,-0.14C0.048,-0.19 0.051,-0.236 0.058,-0.278C0.065,-0.319 0.076,-0.363 0.091,-0.41C0.098,-0.43 0.107,-0.444 0.119,-0.453C0.131,-0.462 0.15,-0.466 0.176,-0.466C0.191,-0.466 0.201,-0.464 0.207,-0.459C0.212,-0.454 0.215,-0.447 0.215,-0.438C0.215,-0.433 0.211,-0.415 0.204,-0.384C0.197,-0.359 0.192,-0.337 0.188,-0.317C0.183,-0.29 0.178,-0.264 0.174,-0.239C0.17,-0.214 0.168,-0.193 0.168,-0.177C0.168,-0.152 0.175,-0.139 0.189,-0.139C0.199,-0.139 0.212,-0.149 0.227,-0.169C0.242,-0.189 0.258,-0.219 0.275,-0.26C0.292,-0.301 0.308,-0.351 0.324,-0.41C0.329,-0.43 0.338,-0.444 0.349,-0.453C0.36,-0.462 0.376,-0.466 0.398,-0.466ZM0.122,0.358C0.139,0.358 0.157,0.339 0.178,0.3C0.199,0.261 0.219,0.197 0.24,0.107C0.189,0.15 0.152,0.19 0.129,0.226C0.106,0.261 0.094,0.292 0.094,0.319C0.094,0.33 0.096,0.34 0.101,0.347C0.105,0.354 0.112,0.358 0.122,0.358Z" style="fill:rgb(44,62,80);fill-rule:nonzero;"/>
29 |             </g>
30 |         </g>
31 |         <g transform="matrix(0.383308,-0.0413796,0.0413796,0.383308,58.8173,37.8137)">
32 |             <g transform="matrix(24,0,0,24,146.413,85.767)">
33 |                 <path d="M0.427,-0.223C0.436,-0.223 0.443,-0.219 0.448,-0.211C0.452,-0.203 0.455,-0.192 0.455,-0.178C0.455,-0.151 0.449,-0.131 0.436,-0.116C0.407,-0.081 0.376,-0.052 0.343,-0.029C0.309,-0.006 0.271,0.005 0.228,0.005C0.169,0.005 0.126,-0.022 0.098,-0.075C0.069,-0.128 0.055,-0.197 0.055,-0.282C0.055,-0.363 0.066,-0.456 0.087,-0.56C0.108,-0.664 0.138,-0.753 0.18,-0.828C0.221,-0.903 0.269,-0.94 0.326,-0.94C0.358,-0.94 0.383,-0.925 0.402,-0.896C0.42,-0.866 0.429,-0.823 0.429,-0.768C0.429,-0.689 0.407,-0.597 0.363,-0.492C0.319,-0.387 0.259,-0.284 0.184,-0.181C0.189,-0.154 0.196,-0.134 0.207,-0.123C0.218,-0.111 0.232,-0.105 0.249,-0.105C0.276,-0.105 0.3,-0.113 0.321,-0.129C0.342,-0.144 0.368,-0.171 0.4,-0.209C0.408,-0.218 0.417,-0.223 0.427,-0.223ZM0.304,-0.841C0.289,-0.841 0.271,-0.813 0.252,-0.758C0.233,-0.703 0.216,-0.634 0.201,-0.552C0.186,-0.47 0.178,-0.391 0.177,-0.316C0.224,-0.394 0.262,-0.472 0.29,-0.551C0.318,-0.629 0.332,-0.7 0.332,-0.765C0.332,-0.816 0.323,-0.841 0.304,-0.841Z" style="fill:rgb(39,174,96);fill-rule:nonzero;"/>
34 |             </g>
35 |             <g transform="matrix(24,0,0,24,154.237,85.767)">
36 |                 <path d="M0.558,-0.307C0.567,-0.307 0.573,-0.303 0.578,-0.294C0.583,-0.285 0.585,-0.274 0.585,-0.261C0.585,-0.229 0.575,-0.21 0.556,-0.204C0.516,-0.19 0.472,-0.182 0.424,-0.18C0.411,-0.124 0.386,-0.079 0.349,-0.046C0.312,-0.012 0.269,0.005 0.222,0.005C0.182,0.005 0.148,-0.005 0.12,-0.024C0.091,-0.043 0.07,-0.069 0.055,-0.101C0.04,-0.133 0.033,-0.168 0.033,-0.205C0.033,-0.256 0.043,-0.301 0.062,-0.341C0.081,-0.38 0.108,-0.411 0.142,-0.434C0.176,-0.456 0.214,-0.467 0.255,-0.467C0.306,-0.467 0.347,-0.45 0.378,-0.415C0.409,-0.38 0.427,-0.336 0.432,-0.285C0.463,-0.287 0.501,-0.294 0.544,-0.305C0.549,-0.306 0.554,-0.307 0.558,-0.307ZM0.23,-0.101C0.251,-0.101 0.27,-0.11 0.286,-0.127C0.301,-0.144 0.312,-0.169 0.317,-0.202C0.296,-0.216 0.281,-0.234 0.27,-0.257C0.259,-0.28 0.253,-0.304 0.253,-0.329C0.253,-0.34 0.254,-0.35 0.256,-0.361L0.251,-0.361C0.224,-0.361 0.202,-0.348 0.185,-0.323C0.167,-0.297 0.158,-0.261 0.158,-0.214C0.158,-0.177 0.165,-0.149 0.18,-0.13C0.194,-0.111 0.211,-0.101 0.23,-0.101Z" style="fill:rgb(39,174,96);fill-rule:nonzero;"/>
37 |             </g>
38 |             <g transform="matrix(24,0,0,24,165.061,85.767)">
39 |                 <path d="M0.171,0.005C0.13,0.005 0.097,-0.01 0.072,-0.04C0.047,-0.07 0.035,-0.109 0.035,-0.158C0.035,-0.211 0.047,-0.262 0.072,-0.31C0.097,-0.357 0.13,-0.396 0.171,-0.425C0.212,-0.454 0.255,-0.468 0.301,-0.468C0.316,-0.468 0.326,-0.465 0.331,-0.46C0.335,-0.454 0.34,-0.444 0.343,-0.429C0.357,-0.432 0.372,-0.433 0.387,-0.433C0.42,-0.433 0.436,-0.421 0.436,-0.398C0.436,-0.384 0.431,-0.351 0.421,-0.298C0.406,-0.221 0.398,-0.168 0.398,-0.138C0.398,-0.128 0.401,-0.12 0.406,-0.114C0.411,-0.108 0.417,-0.105 0.425,-0.105C0.438,-0.105 0.453,-0.113 0.471,-0.13C0.489,-0.146 0.513,-0.172 0.544,-0.209C0.552,-0.218 0.561,-0.223 0.571,-0.223C0.58,-0.223 0.587,-0.219 0.592,-0.211C0.596,-0.203 0.599,-0.192 0.599,-0.178C0.599,-0.151 0.593,-0.131 0.58,-0.116C0.553,-0.082 0.524,-0.053 0.493,-0.03C0.462,-0.007 0.433,0.005 0.404,0.005C0.382,0.005 0.362,-0.003 0.344,-0.018C0.325,-0.033 0.311,-0.053 0.302,-0.079C0.267,-0.023 0.224,0.005 0.171,0.005ZM0.207,-0.096C0.222,-0.096 0.236,-0.105 0.249,-0.122C0.262,-0.139 0.272,-0.162 0.278,-0.191L0.315,-0.375C0.287,-0.374 0.261,-0.364 0.238,-0.344C0.214,-0.323 0.195,-0.296 0.181,-0.263C0.167,-0.23 0.16,-0.194 0.16,-0.157C0.16,-0.136 0.164,-0.121 0.173,-0.111C0.181,-0.101 0.192,-0.096 0.207,-0.096Z" style="fill:rgb(39,174,96);fill-rule:nonzero;"/>
40 |             </g>
41 |             <g transform="matrix(24,0,0,24,176.341,85.767)">
42 |                 <path d="M0.616,-0.223C0.625,-0.223 0.632,-0.219 0.637,-0.211C0.642,-0.203 0.644,-0.192 0.644,-0.178C0.644,-0.151 0.638,-0.131 0.625,-0.116C0.598,-0.083 0.568,-0.054 0.535,-0.031C0.502,-0.007 0.47,0.005 0.438,0.005C0.387,0.005 0.349,-0.025 0.322,-0.084C0.294,-0.049 0.27,-0.025 0.249,-0.013C0.228,-0.001 0.203,0.005 0.175,0.005C0.134,0.005 0.101,-0.01 0.075,-0.041C0.048,-0.071 0.035,-0.11 0.035,-0.159C0.035,-0.212 0.046,-0.262 0.069,-0.308C0.092,-0.353 0.123,-0.391 0.163,-0.42C0.202,-0.448 0.247,-0.466 0.296,-0.471C0.309,-0.6 0.333,-0.711 0.369,-0.803C0.404,-0.894 0.451,-0.94 0.509,-0.94C0.538,-0.94 0.562,-0.927 0.581,-0.901C0.6,-0.875 0.609,-0.836 0.609,-0.783C0.609,-0.708 0.591,-0.621 0.554,-0.521C0.517,-0.421 0.468,-0.318 0.407,-0.213C0.41,-0.174 0.416,-0.147 0.425,-0.13C0.434,-0.113 0.445,-0.105 0.459,-0.105C0.477,-0.105 0.495,-0.113 0.514,-0.129C0.533,-0.145 0.558,-0.172 0.589,-0.209C0.597,-0.218 0.606,-0.223 0.616,-0.223ZM0.498,-0.842C0.485,-0.842 0.473,-0.82 0.46,-0.775C0.447,-0.729 0.436,-0.671 0.428,-0.598C0.419,-0.525 0.412,-0.449 0.408,-0.37C0.483,-0.533 0.52,-0.663 0.52,-0.762C0.52,-0.787 0.518,-0.807 0.514,-0.821C0.509,-0.835 0.504,-0.842 0.498,-0.842ZM0.21,-0.096C0.223,-0.096 0.235,-0.101 0.248,-0.112C0.261,-0.122 0.277,-0.141 0.296,-0.169C0.289,-0.205 0.286,-0.245 0.286,-0.29C0.286,-0.306 0.287,-0.332 0.288,-0.368C0.251,-0.357 0.221,-0.332 0.197,-0.295C0.172,-0.257 0.16,-0.215 0.16,-0.169C0.16,-0.12 0.177,-0.096 0.21,-0.096Z" style="fill:rgb(39,174,96);fill-rule:nonzero;"/>
43 |             </g>
44 |             <g transform="matrix(24,0,0,24,188.701,85.767)">
45 |                 <path d="M0.494,-0.223C0.503,-0.223 0.509,-0.219 0.515,-0.211C0.52,-0.203 0.522,-0.192 0.522,-0.178C0.522,-0.151 0.516,-0.131 0.503,-0.116C0.478,-0.086 0.444,-0.058 0.399,-0.033C0.354,-0.008 0.305,0.005 0.254,0.005C0.184,0.005 0.13,-0.014 0.091,-0.052C0.052,-0.09 0.033,-0.142 0.033,-0.208C0.033,-0.254 0.043,-0.297 0.062,-0.337C0.081,-0.376 0.108,-0.408 0.143,-0.431C0.177,-0.454 0.216,-0.466 0.259,-0.466C0.298,-0.466 0.329,-0.455 0.352,-0.432C0.375,-0.409 0.387,-0.377 0.387,-0.338C0.387,-0.292 0.371,-0.253 0.338,-0.22C0.305,-0.187 0.249,-0.16 0.17,-0.141C0.187,-0.11 0.218,-0.095 0.265,-0.095C0.295,-0.095 0.329,-0.106 0.368,-0.127C0.406,-0.148 0.439,-0.175 0.467,-0.209C0.475,-0.218 0.484,-0.223 0.494,-0.223ZM0.242,-0.368C0.217,-0.368 0.197,-0.354 0.18,-0.325C0.163,-0.296 0.154,-0.262 0.154,-0.221L0.154,-0.219C0.193,-0.228 0.224,-0.242 0.247,-0.261C0.27,-0.28 0.281,-0.301 0.281,-0.326C0.281,-0.339 0.278,-0.349 0.271,-0.357C0.264,-0.364 0.254,-0.368 0.242,-0.368Z" style="fill:rgb(39,174,96);fill-rule:nonzero;"/>
46 |             </g>
47 |             <g transform="matrix(24,0,0,24,198.133,85.767)">
48 |                 <path d="M0.452,-0.329C0.467,-0.329 0.479,-0.324 0.49,-0.314C0.5,-0.303 0.505,-0.29 0.505,-0.275C0.505,-0.266 0.503,-0.257 0.499,-0.247C0.488,-0.222 0.473,-0.202 0.454,-0.185C0.435,-0.168 0.413,-0.16 0.39,-0.16C0.371,-0.16 0.356,-0.167 0.343,-0.18C0.33,-0.193 0.323,-0.211 0.323,-0.234C0.323,-0.247 0.324,-0.26 0.325,-0.275C0.326,-0.286 0.327,-0.293 0.327,-0.297C0.327,-0.302 0.326,-0.306 0.324,-0.309C0.321,-0.312 0.318,-0.313 0.315,-0.313C0.306,-0.313 0.293,-0.302 0.277,-0.28C0.261,-0.257 0.245,-0.228 0.229,-0.191C0.213,-0.154 0.2,-0.116 0.19,-0.075C0.183,-0.043 0.174,-0.022 0.165,-0.011C0.156,0 0.14,0.005 0.119,0.005C0.094,0.005 0.076,-0.008 0.066,-0.035C0.055,-0.062 0.05,-0.104 0.05,-0.163C0.05,-0.25 0.062,-0.332 0.087,-0.41C0.093,-0.429 0.103,-0.444 0.117,-0.453C0.13,-0.462 0.149,-0.466 0.174,-0.466C0.187,-0.466 0.197,-0.464 0.202,-0.461C0.207,-0.458 0.21,-0.451 0.21,-0.442C0.21,-0.431 0.205,-0.407 0.195,-0.37C0.188,-0.343 0.183,-0.32 0.179,-0.3C0.175,-0.28 0.172,-0.255 0.169,-0.226C0.191,-0.283 0.216,-0.33 0.243,-0.366C0.27,-0.402 0.297,-0.428 0.323,-0.443C0.349,-0.458 0.373,-0.466 0.394,-0.466C0.413,-0.466 0.428,-0.46 0.439,-0.45C0.449,-0.439 0.454,-0.422 0.454,-0.401C0.454,-0.388 0.45,-0.364 0.443,-0.329L0.452,-0.329Z" style="fill:rgb(39,174,96);fill-rule:nonzero;"/>
49 |             </g>
50 |             <g transform="matrix(24,0,0,24,209.413,85.767)">
51 |                 <path d="M0.234,0.027C0.199,0.027 0.173,0.019 0.155,0.003C0.136,-0.013 0.127,-0.031 0.127,-0.051C0.127,-0.068 0.133,-0.083 0.146,-0.096C0.159,-0.109 0.177,-0.115 0.202,-0.115C0.211,-0.115 0.221,-0.114 0.233,-0.113C0.244,-0.111 0.253,-0.11 0.259,-0.109C0.258,-0.126 0.255,-0.143 0.248,-0.158C0.241,-0.173 0.232,-0.188 0.221,-0.203C0.21,-0.217 0.2,-0.229 0.191,-0.24C0.17,-0.201 0.15,-0.168 0.13,-0.142C0.109,-0.116 0.087,-0.091 0.063,-0.068C0.051,-0.056 0.038,-0.05 0.025,-0.05C0.014,-0.05 0.006,-0.054 -0.001,-0.062C-0.008,-0.069 -0.011,-0.079 -0.011,-0.09C-0.011,-0.103 -0.006,-0.116 0.003,-0.127L0.016,-0.143C0.053,-0.188 0.08,-0.226 0.099,-0.255C0.111,-0.274 0.123,-0.297 0.136,-0.324C0.148,-0.351 0.164,-0.387 0.184,-0.433C0.197,-0.462 0.223,-0.477 0.263,-0.477C0.282,-0.477 0.295,-0.475 0.302,-0.472C0.309,-0.469 0.313,-0.463 0.313,-0.456C0.313,-0.452 0.312,-0.446 0.309,-0.437C0.306,-0.428 0.303,-0.42 0.298,-0.411C0.286,-0.387 0.28,-0.367 0.28,-0.35C0.28,-0.34 0.284,-0.329 0.291,-0.317C0.298,-0.305 0.308,-0.29 0.323,-0.272C0.344,-0.244 0.361,-0.22 0.372,-0.201C0.383,-0.181 0.388,-0.159 0.388,-0.136C0.388,-0.108 0.382,-0.082 0.369,-0.057C0.356,-0.032 0.337,-0.011 0.314,0.004C0.291,0.019 0.264,0.027 0.234,0.027Z" style="fill:rgb(39,174,96);fill-rule:nonzero;"/>
52 |             </g>
53 |         </g>
54 |     </g>
55 | </svg>
56 | 


--------------------------------------------------------------------------------
/homepage-assets/mobile.css:
--------------------------------------------------------------------------------
 1 | @media screen and (max-width:450px){
 2 |     :root{
 3 |         --side-margin: 20px;
 4 |     }
 5 |     .header{
 6 |         padding: var(--side-margin, 60px);
 7 |     }
 8 |     .controls{
 9 |         position: relative;
10 |     }
11 |     .logo{
12 |         height: 30px;
13 |     }
14 |     .source{
15 |         padding: 5px;
16 |         height: 80vh;
17 |         width: 90vw;
18 |     }
19 | }


--------------------------------------------------------------------------------
/homepage-assets/preview.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/theanam/css-only-loaders/330d2297cbde36103513e1e4090b014087e7f20e/homepage-assets/preview.gif


--------------------------------------------------------------------------------
/homepage-assets/style.css:
--------------------------------------------------------------------------------
  1 | *{
  2 | 	margin: 0;
  3 | 	padding: 0;
  4 | }
  5 | :root{
  6 |     --side-margin: 60px;
  7 |     --primary-blue: #2980b9;
  8 | }
  9 | body{
 10 | 	font-family: sans-serif;
 11 | }
 12 | .header{
 13 |     box-sizing: border-box;
 14 |     padding: 40px var(--side-margin, 60px);
 15 | }
 16 | .logo{
 17 |     height: 50px;
 18 | }
 19 | .badges{
 20 |     margin-top: 1em;
 21 | }
 22 | .instruction{
 23 |     padding: 0.2em 0.5em;
 24 |     display: inline-block;
 25 |     background: #222;
 26 |     color: #fff;
 27 |     border-radius: 0.2em;
 28 |     margin-top: 1em;
 29 | }
 30 | .usage-instructions{
 31 |     margin-top: 1em;
 32 |     font-size: 0.9em;
 33 |     color: #333;
 34 | }
 35 | .container{
 36 | 	padding:10px;
 37 | }
 38 | .footer{
 39 |     padding: 40px var(--side-margin, 60px);
 40 | }
 41 | .loader{
 42 | 	display: inline-block;
 43 | 	margin: var(--side-margin,60px);
 44 | 	cursor: pointer;
 45 | 	background: #fff;
 46 | }
 47 | .loaders{
 48 | 	display: flex;
 49 | 	flex-wrap: wrap;
 50 | 	justify-content: space-between;
 51 | }
 52 | .sourceholder{
 53 | 	width:100%;
 54 | 	height:100%;
 55 | 	left:0px;
 56 | 	top:0px;
 57 | 	position: fixed;
 58 | 	background: rgba(0,0,0,0.5);
 59 | 	display: none;
 60 | 	z-index: 10000;
 61 | 	align-items: center;
 62 | 	justify-content: center;
 63 | }	
 64 | .source{
 65 | 	width:80vw;
 66 | 	height:80vh;
 67 | 	background-color: var(--primary-blue,#2980b9);
 68 | 	padding:20px;
 69 | 	z-index: 30000;
 70 | 	border-radius:4px;
 71 | 	display: flex;
 72 | 	flex-direction: column;
 73 | 	overflow:hidden;
 74 | 	z-index:10000;
 75 | }
 76 | .source div{
 77 | 	color: white;
 78 | 	padding: 5px;
 79 | }
 80 | textarea.html-code{
 81 |     height: 1.1em;
 82 | }
 83 | .copy{
 84 |     display: inline-block;
 85 |     padding: 0.1em 0.2em;
 86 |     border: 1px solid white;
 87 |     border-radius: 0.2em;
 88 |     background: #fff;
 89 |     color: var(--primary-blue, #2980b9);
 90 |     margin-left: 0.5em;
 91 |     cursor: pointer;
 92 | }
 93 | .copy.rmargin{
 94 |     margin-left:0;
 95 |     margin-right: 0.5em;
 96 | }
 97 | textarea.html-code,textarea.actual-code{
 98 |     font-family: monospace;
 99 | 	background: #222;
100 | 	display: block;
101 | 	overflow: scroll;
102 | 	color: #fff;
103 | 	padding: 10px;
104 | 	border-radius: 3px;
105 | 	font-size: 12px;
106 |     margin: 0;
107 |     border: none;
108 |     pointer-events: none;
109 | }
110 | textarea.actual-code{
111 |     flex: 1;
112 | }
113 | .mainnameholder{
114 |     display: flex;
115 |     align-items: center;
116 | }
117 | .current-loader-name{
118 |     display: block;
119 |     color: #fff;
120 |     font-family: monospace;
121 |     font-size: 2em;
122 |     /* margin-bottom: 0.6em; */
123 |     background-color: transparent;
124 |     border: 0;
125 |     pointer-events: none;
126 | }
127 | .controls{
128 | 	position: fixed;
129 | 	right: 0px;
130 | 	padding: 10px;
131 | 	top: 0px;
132 | 	background: #fff;
133 | 	z-index: 4000;
134 | }
135 | .control{
136 | 	display: flex;
137 | 	height: 1.3em;
138 | 	padding: 0.3em;
139 | 	align-items: center;
140 | }
141 | .control:nth-child(2n){
142 | 	background-color: #eee;
143 | }
144 | .control span{
145 | 	flex: 1;
146 | }
147 | .internalloader{
148 | 	--animation-duration: 1s;
149 | 	background: transparent !important;
150 | 	pointer-events: none;
151 | }
152 | .loadingindicator{
153 | 	display: none;
154 | 	position: fixed;
155 | 	top:0px;
156 | 	left:0px;
157 | 	background: rgba(0,0,0,0.5);
158 | 	width: 100%;
159 | 	height: 100%;
160 | 	z-index: 30000;
161 | 	align-items: center;
162 | 	justify-content: center;
163 | }


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <link rel="shortcut icon" href="homepage-assets/favicon.png" type="image/x-icon">
  6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7 |     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8 |     <title>CSS Only Loaders</title>
  9 |     <link rel="stylesheet" href="homepage-assets/style.css">
 10 |     <link rel="stylesheet" href="homepage-assets/mobile.css">
 11 |     <!-- loaders -->
 12 |     <link rel="stylesheet" href="loaders/vars.css">
 13 |     <link rel="stylesheet" href="loaders/simple-circle/simple-circle.css">
 14 |     <link rel="stylesheet" href="loaders/blasting-circle/blasting-circle.css">
 15 |     <link rel="stylesheet" href="loaders/rotating-plane/rotating-plane.css">
 16 |     <link rel="stylesheet" href="loaders/bouncing-circle/bouncing-circle.css">
 17 |     <link rel="stylesheet" href="loaders/blasting-ripple/blasting-ripple.css">
 18 |     <link rel="stylesheet" href="loaders/color-pulse-ball/color-pulse-ball.css">
 19 |     <link rel="stylesheet" href="loaders/clock/clock.css">
 20 |     <link rel="stylesheet" href="loaders/double-circle/double-circle.css">
 21 |     <link rel="stylesheet" href="loaders/box-rotation/box-rotation.css">
 22 |     <link rel="stylesheet" href="loaders/quantum-spinner/quantum-spinner.css">
 23 |     <link rel="stylesheet" href="loaders/hour-glass/hour-glass.css">
 24 |     <link rel="stylesheet" href="loaders/recursive-circle/recursive-circle.css">
 25 |     <link rel="stylesheet" href="loaders/awesome-spin/awesome-spin.css">
 26 |     <link rel="stylesheet" href="loaders/block-spin/block-spin.css">
 27 |     <link rel="stylesheet" href="loaders/cascading-bars/cascading-bars.css">
 28 | </head>
 29 | <body>
 30 |     <div class="header">
 31 |         <img src="homepage-assets/logo.svg" class="logo" alt="CSS Only Loader">
 32 |         <div class="badges">
 33 |             <!-- Place this tag where you want the button to render. -->
 34 |             <a class="github-button" href="https://github.com/theanam/css-only-loaders" data-icon="octicon-star" data-show-count="true" aria-label="Star theanam/css-only-loaders on GitHub">Star</a>
 35 |             <!-- Place this tag where you want the button to render. -->
 36 |             <a class="github-button" href="https://github.com/theanam/css-only-loaders/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork theanam/css-only-loaders on GitHub">Fork</a>
 37 | 
 38 |         </div>
 39 |         <div class="instruction">
 40 |             Click on any loader to view CSS code
 41 |         </div>
 42 |     </div>
 43 |     <div class="container">
 44 |         <div class="controls">
 45 |             <div class="control"><span>Size (<span class="lsize">70</span>px):</span> <input class="size" value="70" type="range" min="50" max="200" step="20"></div>
 46 |             <div class="control"><span>Line (<span class="lline">3</span> px):</span> <input class="line" value="3" type="range" min="1" max="20" step="1"></div>
 47 |             <div class="control"><span>Duration (<span class="ldur">2</span>s):</span> <input class="dur" value="2" type="range" min="1" max="15" step="1"></div>
 48 |             <div class="control"><span>Color (<span class="lcolor">#27ae60</span>):</span> <input class="color" type="color" value="#27ae60"></div>
 49 |         </div>
 50 |         <div class="loaders">
 51 |             <div class="loader simple-circle"></div>
 52 |             <div class="loader blasting-circle"></div>
 53 |             <div class="loader rotating-plane"></div>
 54 |             <div class="loader bouncing-circle"></div>
 55 |             <div class="loader blasting-ripple"></div>
 56 |             <div class="loader color-pulse-ball"></div>
 57 |             <div class="loader clock"></div>
 58 |             <div class="loader double-circle"></div>
 59 |             <div class="loader quantum-spinner"></div>
 60 |             <div class="loader box-rotation"></div>
 61 |             <div class="loader hour-glass"></div>
 62 |             <div class="loader recursive-circle"></div>
 63 |             <div class="loader awesome-spin"></div>
 64 |             <div class="loader block-spin"></div>
 65 |             <div class="loader cascading-bars"></div>
 66 |         </div>
 67 |         <div class="footer">
 68 |             <!-- npm badge -->
 69 |             <a href="https://nodei.co/npm/cssonly-loaders-react/"><img src="https://nodei.co/npm/cssonly-loaders-react.png"></a> <br><br>
 70 |             <!-- Place this tag where you want the button to render. -->
 71 |             <a class="github-button" href="https://github.com/theanam" data-show-count="true" aria-label="Follow @theanam on GitHub">Follow @theanam</a>
 72 |             <p class="usage-instructions">
 73 |                 To use the loaders from this project. see the <code>/loaders</code> folder for corresponding css file. 
 74 |                 All the attributes are in the <code>/loaders/values.css</code> file. you need to include that file before the loader CSS file.
 75 |                 see the source code to this file <code>/index.html</code> for example usage.
 76 |             </p>
 77 |         </div>
 78 |         
 79 |         <div class="sourceholder">
 80 |             <div class="source">
 81 |                 <div class="mainnameholder">
 82 |                     <span class="copy rmargin" data-target="current-loader-name">Copy</span>
 83 |                     <input type="text" class="current-loader-name">
 84 |                 </div>
 85 |                 <div>HTML Code <span class="copy" data-target="html-code">Copy</span></div>
 86 |                 <textarea class="html-code"></textarea>
 87 |                 <div>CSS Code <span class="copy" data-target="actual-code">Copy</span> </div>
 88 |                 <textarea class="actual-code"></textarea>
 89 |             </div>
 90 |         </div>
 91 |         <div class="loadingindicator">
 92 |             <div class="loader simple-circle internalloader"></div>
 93 |         </div>
 94 |     </div>
 95 |     <script src="homepage-assets/jquery-3.4.1.min.js"></script>
 96 |     <script src="homepage-assets/homepage.js"></script>
 97 |     <!-- Place this tag in your head or just before your close body tag. -->
 98 |     <script async defer src="https://buttons.github.io/buttons.js"></script>
 99 | </body>
100 | </html>
101 | 


--------------------------------------------------------------------------------
/loaders/awesome-spin/awesome-spin.css:
--------------------------------------------------------------------------------
 1 | .loader.awesome-spin {
 2 |     border-radius: 50%;
 3 |     color: var(--loader-color-primary, #33f);
 4 |     border-top: var(--line-width, 10px) solid;
 5 |     border-bottom: var(--line-width, 10px) solid;
 6 |     width: var(--loader-width, 100px);
 7 |     height: var(--loader-height, 100px);
 8 |     animation: awesome-spin var(--animation-duration, 2s)  linear infinite;
 9 |   }
10 |   
11 |   @keyframes awesome-spin {
12 |     0% { transform: rotate(0deg); }
13 |     100% { transform: rotate(360deg); }
14 |   }


--------------------------------------------------------------------------------
/loaders/blasting-circle/blasting-circle.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  Blasting Circle Styles
 3 | */
 4 | @keyframes blast {
 5 |     0% {
 6 |         opacity: var(--loader-initial-scale, 0.1);
 7 |         transform: scale(var(--loader-initial-scale, 0.1));
 8 |     }
 9 |     100% {
10 |         transform: scale(1);
11 |         opacity: 1;
12 |     }
13 | }
14 | 
15 | .loader.blasting-circle {
16 |     width: var(--loader-width, 100px);
17 |     height: var(--loader-height, 100px);
18 |     border-radius: 50%;
19 |     background-color: var(--loader-color-primary, #00f);
20 |     animation: blast var(--animation-duration, 1s) infinite ease-out;
21 | }


--------------------------------------------------------------------------------
/loaders/blasting-ripple/blasting-ripple.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |     Blasting Ripple Styles
 3 | */
 4 | @keyframes blast-ripple {
 5 |     0% {
 6 |         top: calc(var(--loader-height, 100px) / 2 - var(--line-width, 4px));
 7 |         left: calc(var(--loader-width, 100px) / 2 - var(--line-width, 4px));
 8 |         width: 0;
 9 |         height: 0;
10 |         opacity: 1;
11 |     }
12 |     100% {
13 |         top: -1px;
14 |         left: -1px;
15 |         width: calc(var(--loader-width, 100px) - var(--line-width, 4px));
16 |         height: calc(var(--loader-height, 100px) - var(--line-width, 4px));
17 |         opacity: 0;
18 |     }
19 | }
20 | 
21 | .loader.blasting-ripple {
22 |     position: relative;
23 |     width: var(--loader-width, 100px);
24 |     height: var(--loader-height, 100px);
25 | }
26 | 
27 | .loader.blasting-ripple::after {
28 |     opacity: 0;
29 |     content: "";
30 |     position: absolute;
31 |     border: var(--line-width, 4px) solid var(--loader-color-primary, #00f);
32 |     opacity: 1;
33 |     border-radius: 50%;
34 |     animation: blast-ripple var(--animation-duration, 1s) cubic-bezier(0, 0.2, 0.8, 1) infinite;
35 | }
36 | .loader.blasting-ripple::before {
37 |     opacity: 0;
38 |     top: calc(var(--loader-height, 100px) / 2 - var(--line-width, 4px));
39 |     left: calc(var(--loader-width, 100px) / 2 - var(--line-width, 4px));
40 |     content: "";
41 |     position: absolute;
42 |     border: var(--line-width, 4px) solid var(--loader-color-primary, #00f);
43 |     opacity: 1;
44 |     border-radius: 50%;
45 |     animation: blast-ripple var(--animation-duration, 1s) cubic-bezier(0, 0.2, 0.8, 1) infinite;
46 |     animation-delay: calc(var(--animation-duration,1s) / 2);
47 | }


--------------------------------------------------------------------------------
/loaders/block-spin/block-spin.css:
--------------------------------------------------------------------------------
 1 |   @keyframes block-spin {
 2 |     0% {
 3 |       -webkit-transform: rotate(0deg);
 4 |       transform: rotate(0deg);
 5 |     }
 6 |     100% {
 7 |       -webkit-transform: rotate(360deg);
 8 |       transform: rotate(360deg);
 9 |     }
10 |   }
11 | 
12 | .loader.block-spin {
13 |     height: var(--loader-height, 100px);
14 |     width: var(--loader-width, 100px);
15 |     position: relative;
16 |     border-radius: 60px;
17 |     border: var(--line-width, 4px) solid;
18 |     color: var(--loader-color-primary, #33f);
19 |     border-left-color: transparent;
20 |     border-top-color: transparent;
21 |     animation: block-spin var(--animation-duration, .8s)  linear infinite;
22 |     
23 |   }
24 |   
25 |   .loader.loader.block-spin:after {
26 |     position: absolute;
27 |     content: "";
28 |     width: 30px;
29 |     height: 30px;
30 |     top: var(--loader-offset, 50%);
31 |     left: var(--loader-offset, 50%);
32 |     border-radius: 60px;
33 |     border: var(--line-width, 4px) solid;
34 |     color: var(--loader-color-primary, #33f);
35 |     margin-top: -15px;
36 |     margin-left: -15px;
37 |   }
38 | 


--------------------------------------------------------------------------------
/loaders/bouncing-circle/bouncing-circle.css:
--------------------------------------------------------------------------------
 1 | @keyframes bounce {
 2 |     0% {
 3 |         transform: translate3d(0, 0, 0);
 4 |     }
 5 |     50% {
 6 |         transform: translate3d(0, var(--bounce-height, 20px), 0);
 7 |     }
 8 |     100% {
 9 |         transform: translate3d(0, 0, 0);
10 |     }
11 | }
12 | @keyframes shadow{
13 |     0% {
14 |         transform: translate3d(0, 0, 0);
15 |         box-shadow: 0px 0px 4px 2px var(--loader-color-secondary, #666);
16 |     }
17 |     50% {
18 |         transform: translate3d(0, -var(--bounce-height, 20px), 0);
19 |         box-shadow: 0px 0px 4px 10px var(--loader-color-secondary, #666);
20 |     }
21 |     100% {
22 |         transform: translate3d(0, 0, 0);
23 |         box-shadow: 0px 0px 4px 2px var(--loader-color-secondary, #666);
24 |     }
25 | }
26 | .loader.bouncing-circle {
27 |     --bounce-height: calc(var(--loader-height, 100px) / 5);
28 |     position: relative;
29 |     perspective: calc(var(--loader-width, 100px) * 3);
30 |     border-radius: 50%;
31 |     width: var(--loader-width, 100px);
32 |     height: var(--loader-height, 100px);
33 |     background-color: var(--loader-color-primary, #00f);
34 |     background: radial-gradient(circle at calc(var(--loader-width, 100px) / 3) calc(var(--loader-width, 100px) / 3), var(--loader-color-primary, #00f), #000);
35 |     animation: bounce var(--animation-duration, 1s) infinite ease-in-out;
36 | }
37 | .loader.bouncing-circle::after{
38 |     content: "";
39 |     display: block;
40 |     width: 6px;
41 |     height: 3px;
42 |     position: absolute;
43 |     border-radius: 50%;
44 |     top: calc(var(--loader-height, 100px) + 10px);
45 |     left: calc((var(--loader-width,100px) / 2) - 3px);
46 |     background-color: var(--loader-color-secondary, #666);
47 |     animation: shadow var(--animation-duration, 1s) infinite ease-in-out;
48 | }


--------------------------------------------------------------------------------
/loaders/box-rotation/box-rotation.css:
--------------------------------------------------------------------------------
 1 | @keyframes rect-rotate {
 2 |   0% {
 3 |     transform: rotate(0); 
 4 |   }
 5 |   50%, 100% {
 6 |     transform: rotate(360deg); 
 7 |   } 
 8 | }
 9 | 
10 | @keyframes fill-rect {
11 |   0%, 50% {
12 |     height: 0px; 
13 |   }
14 |   100% {
15 |     
16 |     height: inherit; 
17 |   } 
18 | }
19 | 
20 | .loader.box-rotation {
21 |   transform-origin: center center;
22 |   color: var(--loader-color-primary, #33f);
23 |   width: var(--loader-width, 100px);
24 |   height: var(--loader-height, 100px);
25 |   position: relative;
26 |   border: var(--line-width, 4px) solid;
27 |   display: inline-block;
28 |   animation: rect-rotate var(--animation-duration, 1s)  linear infinite; 
29 | }
30 | 
31 | .loader.box-rotation::after {
32 |   content: "";
33 |   height: 0px;
34 |   width: 100%;
35 |   height:100%;
36 |   display: block;
37 |   background: var(--loader-color-primary, #33f);
38 |   opacity: 0.5;
39 |   animation: fill-rect var(--animation-duration, 1s) linear infinite; 
40 | }
41 | 


--------------------------------------------------------------------------------
/loaders/cascading-bars/cascading-bars.css:
--------------------------------------------------------------------------------
 1 | @keyframes grow-and-shrink {
 2 | 
 3 |     0%,
 4 |     80%,
 5 |     100% {
 6 |         /* transform: translateY(0); */
 7 |         transform: scaleY(1);
 8 |     }
 9 | 
10 |     40% {
11 |         /* transform: translateY(calc(var(--loader-height) * 0.125)); */
12 |         transform: scaleY(1.2);
13 |     }
14 | }
15 | 
16 | .loader.cascading-bars,
17 | .loader.cascading-bars::before,
18 | .loader.cascading-bars::after {
19 |     display: block;
20 |     position: relative;
21 |     content: "";
22 |     width: calc(var(--loader-width)/4);
23 |     height: var(--loader-height);
24 |     background: var(--loader-color-primary);
25 | }
26 | 
27 | .loader.cascading-bars {
28 |     top: 0;
29 |     animation: grow-and-shrink calc(var(--animation-duration)/3) ease-in-out infinite;
30 |     animation-delay: calc(var(--animation-duration) * 0.083);
31 | }
32 | 
33 | .loader.cascading-bars::before {
34 |     position: absolute;
35 |     top: 0;
36 |     left: calc(-0.35 * var(--loader-width));
37 |     animation: grow-and-shrink calc(var(--animation-duration)/3) ease-in-out infinite;
38 | }
39 | 
40 | .loader.cascading-bars::after {
41 |     position: absolute;
42 |     top: 0;
43 |     left: calc(0.35 * var(--loader-width));
44 |     animation: grow-and-shrink calc(var(--animation-duration)/3) ease-in-out calc(var(--animation-duration)/6) infinite;
45 |     animation-delay: calc(var(--animation-duration) * 0.167);
46 | }


--------------------------------------------------------------------------------
/loaders/clock/clock.css:
--------------------------------------------------------------------------------
 1 | .loader.clock {
 2 |     position: relative;
 3 |     width: var(--loader-width, 100px);
 4 |     height: var(--loader-height, 100px);
 5 |     border-radius: 50%;
 6 |     border: var(--line-width, 4px) solid var(--loader-color-primary, #33f);
 7 | }
 8 | 
 9 | .loader.clock::before{
10 |     content: '';
11 |     position: absolute;
12 |     top: 8px;    
13 |     left: calc(50% - 2px);
14 |     background: var(--loader-color-primary, #33f);
15 |     width: var(--line-width, 4px);
16 |     height: calc( 50% - 8px );
17 |     border-radius: calc(var(--line-width, 4px) + 1);
18 |     transform-origin: 50% 100%;
19 |     animation: circle-loader var(--animation-duration,1s) infinite linear ;
20 | }


--------------------------------------------------------------------------------
/loaders/color-pulse-ball/color-pulse-ball.css:
--------------------------------------------------------------------------------
 1 | @keyframes colorpulse {
 2 |   0% {
 3 |     filter: hue-rotate(0deg);
 4 |   }
 5 |   100% {
 6 |     filter: hue-rotate(359.9deg);
 7 |   }
 8 | }
 9 | 
10 | @keyframes pulse {
11 |   0%, 1% {
12 |     opacity: 1;
13 |     transform: scale(0.1);
14 |   }
15 |   100% {
16 |     opacity: 0;
17 |     transform: scale(1);
18 |   }
19 | }
20 | 
21 | .loader.color-pulse-ball {
22 |   width: var(--loader-width, 100px);
23 |   height: var(--loader-height, 100px);
24 |   border-radius: 50%;
25 |   background-color: var(--loader-color-primary, #00f);
26 |   animation: colorpulse calc(3 * var(--animation-duration,1s)) infinite ease-in-out,
27 |     pulse var(--animation-duration,1s) infinite ease;
28 | }
29 | 


--------------------------------------------------------------------------------
/loaders/double-circle/double-circle.css:
--------------------------------------------------------------------------------
 1 | .loader.double-circle {
 2 |     position: relative;
 3 |     width: var(--loader-width, 100px);
 4 |     height: var(--loader-height, 100px);
 5 | }
 6 | 
 7 | .double-circle::before,
 8 | .double-circle::after{
 9 |     content: '';
10 |     display: block;
11 |     position: absolute;
12 |     border-radius: 50%;
13 |     border: var(--line-width, 4px) solid transparent;
14 |     border-bottom-color: var(--loader-color-primary, #33f);
15 |     animation: circle-loader var(--animation-duration, 1s) infinite linear ;
16 | }
17 | 
18 | .double-circle::before{
19 |     width: 100%;
20 |     height: 100%;
21 |     top: 0;
22 |     left: 0;
23 | }
24 | 
25 | .double-circle::after{
26 |     width: calc(100% - 12px);
27 |     height: calc(100% - 12px);
28 |     top: 6px;
29 |     left: 6px;
30 |     animation-direction: reverse;
31 | }


--------------------------------------------------------------------------------
/loaders/hour-glass/hour-glass.css:
--------------------------------------------------------------------------------
 1 | @keyframes slide {
 2 | 	0% {
 3 | 		transform: translateY(0%);
 4 | 	}
 5 | 
 6 | 	25% {
 7 | 		transform: translateY(100%);
 8 | 	}
 9 | 
10 | 	50% {
11 | 		transform: translateY(100%);
12 | 	}
13 | 
14 | 	75% {
15 | 		transform: translateY(0%);		
16 | 	}
17 | 
18 | 	100% {
19 | 		transform: translateY(0%);		
20 | 	}
21 | }
22 | 
23 | @keyframes spin {
24 | 	0% {
25 | 		transform: rotate(0deg);
26 | 	}
27 | 
28 | 	25% {
29 | 		transform: rotate(0deg);
30 | 	}
31 | 
32 | 	50% {
33 | 		transform: rotate(180deg);
34 | 	}
35 | 
36 | 	75% {
37 | 		transform: rotate(180deg);
38 | 	}
39 | 
40 | 	100% {
41 | 		transform: rotate(360deg);
42 | 	}
43 | }
44 | 
45 | .loader.hour-glass {
46 | 	position: relative;
47 | 	width: var(--loader-width, 100px);
48 | 	height: var(--loader-height, 100px);
49 | 	background-color: var(--loader-color-primary, #00f);
50 | 	-webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 50%, 100% 100%, 0% 100%, 50% 50%);
51 | 	clip-path: polygon(0% 0%, 100% 0%, 50% 50%, 100% 100%, 0% 100%, 50% 50%);
52 | 	overflow: hidden;
53 | 	animation: spin var(--animation-duration, 4s) infinite ease-in-out;
54 | }
55 | 
56 | .hour-glass:before {
57 | 	content: "";
58 | 	position: absolute;
59 | 	top: 0px;
60 | 	left: 0px;
61 | 	width: var(--loader-width, 100px);
62 | 	height: 50%;
63 | 	background-color: var(--loader-color-secondary, #eee);
64 | 	animation: slide var(--animation-duration, 4s) infinite ease-in-out;
65 | }
66 | 


--------------------------------------------------------------------------------
/loaders/quantum-spinner/quantum-spinner.css:
--------------------------------------------------------------------------------
 1 | 
 2 | @keyframes momentum {
 3 |     0%   { 
 4 |         transform: rotate(0deg);  
 5 |     }
 6 |     100% {
 7 |         transform: rotate(-360deg);
 8 |     }
 9 | }
10 | 
11 | .loader.quantum-spinner {
12 |     --primary-circle-offset: calc(((var(--loader-width,100px) * 0.2) / 2) - var(--line-width,4px));
13 |     --secondary-circle-offset: calc(((var(--loader-width,100px) * 0.4) / 2) - var(--line-width,4px)); /*- (var(--line-width,4px) * 2)*/
14 |     position: relative;
15 |     width: var(--loader-width, 100px);
16 |     height: var(--loader-height, 100px);
17 |     transform-origin: center center;
18 |     border-radius: 50%;
19 |     border: var(--line-width, 4px) solid rgba(0,0,0,0);
20 |     border-top-color: var(--loader-color-primary, #33f);
21 |     animation: momentum var(--animation-duration, 1s) linear infinite; 
22 | }
23 | 
24 | .quantum-spinner:before {
25 |     content: "";
26 |     position: absolute;
27 |     transform-origin: center center;
28 |     top: var(--primary-circle-offset,10px);
29 |     left: var(--primary-circle-offset,10px);
30 |     width: calc(var(--loader-width,100px) * 0.8);
31 |     height: calc(var(--loader-height,100px) * 0.8);
32 |     border-radius: 50%;
33 |     border: var(--line-width,4px) solid rgba(0,0,0,0);
34 |     border-top-color: var(--loader-color-primary, #33f);
35 |     opacity: 0.7;
36 |     filter: hue-rotate(3eg);
37 |     animation: momentum calc(var(--animation-duration, 1s) * 2) linear infinite; 
38 | }
39 | 
40 | .quantum-spinner:after {
41 |     content: "";
42 |     position: absolute;
43 |     top: var(--secondary-circle-offset,20px);
44 |     left: var(--secondary-circle-offset,20px);
45 |     width: calc(var(--loader-width,100px) * 0.6);
46 |     height: calc(var(--loader-height,100px) * 0.6);
47 |     border-radius: 50%;
48 |     transform-origin: center center;
49 |     border: var(--line-width,4px) solid rgba(0,0,0,0);
50 |     border-top-color: var(--loader-color-primary, #33f);
51 |     opacity: 0.3;
52 |     filter: hue-rotate(6eg);
53 |     animation: momentum var(--animation-duration, 1s) linear infinite; 
54 | }


--------------------------------------------------------------------------------
/loaders/recursive-circle/recursive-circle.css:
--------------------------------------------------------------------------------
 1 | @keyframes recursive-circle {
 2 |     0% {
 3 |       transform: rotate(0); 
 4 |     }
 5 |     100% {
 6 |       transform: rotate(360deg); 
 7 |     } 
 8 | }
 9 | 
10 | .loader.recursive-circle {
11 |     --loader-offset: calc((var(--loader-width,100px) / 4) - (var(--line-width,4px) / 2));
12 |     height: var(--loader-height, 100px);
13 |     width: var(--loader-width, 100px);
14 |     color: var(--loader-color-primary, #33f);
15 |     display: inline-block;
16 |     position: relative;
17 |     border: var(--line-width, 4px) solid;
18 |     border-radius: 50%;
19 |     border-top-color: transparent;
20 |     transform-origin: center center;
21 |     animation: recursive-circle var(--animation-duration, 1s)  linear infinite;
22 | }
23 | .loader.recursive-circle::after {
24 |       content: "";
25 |       height: 50%;
26 |       width: 50%;
27 |       display: block;
28 |       box-sizing: border-box;
29 |       position: absolute;
30 |       top: var(--loader-offset,21px);
31 |       left: var(--loader-offset,21px);
32 |       border: var(--line-width, 4px) solid;
33 |       transform-origin: center center;
34 |       border-radius: 50%;
35 |       border-top-color: transparent;
36 |       animation: recursive-circle calc(var(--animation-duration, 1s) / 2)  linear infinite reverse; 
37 |     }
38 |   


--------------------------------------------------------------------------------
/loaders/rotating-plane/rotating-plane.css:
--------------------------------------------------------------------------------
 1 | @keyframes rotateplane {
 2 |     0% {
 3 |         transform: perspective(var(--perspective-value)) rotateX(0deg) rotateY(0deg);
 4 |     }
 5 |     50% {
 6 |         transform: perspective(var(--perspective-value)) rotateX(-180.1deg) rotateY(0deg);
 7 |     }
 8 |     100% {
 9 |         transform: perspective(var(--perspective-value)) rotateX(-180deg) rotateY(-179.9deg);
10 |     }
11 | }
12 | 
13 | .loader.rotating-plane {
14 |     --perspective-value: calc(3 * var(--loader-width, 100px));
15 |     width: var(--loader-width, 100px);
16 |     height: var(--loader-height, 100px);
17 |     background: var(--loader-color-primary, #00f);
18 |     animation: rotateplane var(--animation-duration, 1s) infinite ease-in-out;
19 | }


--------------------------------------------------------------------------------
/loaders/simple-circle/simple-circle.css:
--------------------------------------------------------------------------------
 1 | @keyframes circle-loader {
 2 |     0% {
 3 |         transform: rotate(0deg);
 4 |     }
 5 |     100% {
 6 |         transform: rotate(360deg);
 7 |     }
 8 | }
 9 | 
10 | .loader.simple-circle {
11 |     transform-origin: center center;
12 |     border: var(--line-width, 4px) solid var(--loader-color-secondary, #fff);
13 |     border-right-color: var(--loader-color-primary, #00f);
14 |     width: var(--loader-width, 100px);
15 |     height: var(--loader-height, 100px);
16 |     border-radius: 50%;
17 |     animation: circle-loader var(--animation-duration, 1s) infinite ease-out;
18 | }


--------------------------------------------------------------------------------
/loaders/vars.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | The loaders use CSS custom properties (variables) to control the attributes of the loaders
 3 | */
 4 | :root{
 5 |     --loader-width: 70px;
 6 |     --loader-height: 70px;
 7 |     --loader-color-primary: #27ae60;
 8 |     --loader-color-secondary: #eee;
 9 |     --line-width: 3px;
10 |     --animation-duration: 2s;
11 |     --loader-initial-scale: 0.1;
12 | }
13 | .loader,.loader:before,.loader:after{
14 |     box-sizing: border-box;
15 |     flex-grow: 0;
16 |     flex-shrink: 0;
17 | }
18 | /*
19 | In order to get optimal results, please only change the variables above and don't change anything in the actual loader code
20 | */


--------------------------------------------------------------------------------
/react/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 |     "presets": [
3 |         "env"
4 |     ],
5 |     "plugins": [
6 |         "transform-object-rest-spread",
7 |         "transform-react-jsx"
8 |     ]
9 | }


--------------------------------------------------------------------------------
/react/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules/


--------------------------------------------------------------------------------
/react/build/index.js:
--------------------------------------------------------------------------------
   1 | module.exports =
   2 | /******/ (function(modules) { // webpackBootstrap
   3 | /******/ 	// The module cache
   4 | /******/ 	var installedModules = {};
   5 | /******/
   6 | /******/ 	// The require function
   7 | /******/ 	function __webpack_require__(moduleId) {
   8 | /******/
   9 | /******/ 		// Check if module is in cache
  10 | /******/ 		if(installedModules[moduleId]) {
  11 | /******/ 			return installedModules[moduleId].exports;
  12 | /******/ 		}
  13 | /******/ 		// Create a new module (and put it into the cache)
  14 | /******/ 		var module = installedModules[moduleId] = {
  15 | /******/ 			i: moduleId,
  16 | /******/ 			l: false,
  17 | /******/ 			exports: {}
  18 | /******/ 		};
  19 | /******/
  20 | /******/ 		// Execute the module function
  21 | /******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
  22 | /******/
  23 | /******/ 		// Flag the module as loaded
  24 | /******/ 		module.l = true;
  25 | /******/
  26 | /******/ 		// Return the exports of the module
  27 | /******/ 		return module.exports;
  28 | /******/ 	}
  29 | /******/
  30 | /******/
  31 | /******/ 	// expose the modules object (__webpack_modules__)
  32 | /******/ 	__webpack_require__.m = modules;
  33 | /******/
  34 | /******/ 	// expose the module cache
  35 | /******/ 	__webpack_require__.c = installedModules;
  36 | /******/
  37 | /******/ 	// identity function for calling harmony imports with the correct context
  38 | /******/ 	__webpack_require__.i = function(value) { return value; };
  39 | /******/
  40 | /******/ 	// define getter function for harmony exports
  41 | /******/ 	__webpack_require__.d = function(exports, name, getter) {
  42 | /******/ 		if(!__webpack_require__.o(exports, name)) {
  43 | /******/ 			Object.defineProperty(exports, name, {
  44 | /******/ 				configurable: false,
  45 | /******/ 				enumerable: true,
  46 | /******/ 				get: getter
  47 | /******/ 			});
  48 | /******/ 		}
  49 | /******/ 	};
  50 | /******/
  51 | /******/ 	// getDefaultExport function for compatibility with non-harmony modules
  52 | /******/ 	__webpack_require__.n = function(module) {
  53 | /******/ 		var getter = module && module.__esModule ?
  54 | /******/ 			function getDefault() { return module['default']; } :
  55 | /******/ 			function getModuleExports() { return module; };
  56 | /******/ 		__webpack_require__.d(getter, 'a', getter);
  57 | /******/ 		return getter;
  58 | /******/ 	};
  59 | /******/
  60 | /******/ 	// Object.prototype.hasOwnProperty.call
  61 | /******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
  62 | /******/
  63 | /******/ 	// __webpack_public_path__
  64 | /******/ 	__webpack_require__.p = "";
  65 | /******/
  66 | /******/ 	// Load entry module and return exports
  67 | /******/ 	return __webpack_require__(__webpack_require__.s = 17);
  68 | /******/ })
  69 | /************************************************************************/
  70 | /******/ ([
  71 | /* 0 */
  72 | /***/ (function(module, exports) {
  73 | 
  74 | /*
  75 | 	MIT License http://www.opensource.org/licenses/mit-license.php
  76 | 	Author Tobias Koppers @sokra
  77 | */
  78 | // css base code, injected by the css-loader
  79 | module.exports = function(useSourceMap) {
  80 | 	var list = [];
  81 | 
  82 | 	// return the list of modules as css string
  83 | 	list.toString = function toString() {
  84 | 		return this.map(function (item) {
  85 | 			var content = cssWithMappingToString(item, useSourceMap);
  86 | 			if(item[2]) {
  87 | 				return "@media " + item[2] + "{" + content + "}";
  88 | 			} else {
  89 | 				return content;
  90 | 			}
  91 | 		}).join("");
  92 | 	};
  93 | 
  94 | 	// import a list of modules into the list
  95 | 	list.i = function(modules, mediaQuery) {
  96 | 		if(typeof modules === "string")
  97 | 			modules = [[null, modules, ""]];
  98 | 		var alreadyImportedModules = {};
  99 | 		for(var i = 0; i < this.length; i++) {
 100 | 			var id = this[i][0];
 101 | 			if(typeof id === "number")
 102 | 				alreadyImportedModules[id] = true;
 103 | 		}
 104 | 		for(i = 0; i < modules.length; i++) {
 105 | 			var item = modules[i];
 106 | 			// skip already imported module
 107 | 			// this implementation is not 100% perfect for weird media query combinations
 108 | 			//  when a module is imported multiple times with different media queries.
 109 | 			//  I hope this will never occur (Hey this way we have smaller bundles)
 110 | 			if(typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) {
 111 | 				if(mediaQuery && !item[2]) {
 112 | 					item[2] = mediaQuery;
 113 | 				} else if(mediaQuery) {
 114 | 					item[2] = "(" + item[2] + ") and (" + mediaQuery + ")";
 115 | 				}
 116 | 				list.push(item);
 117 | 			}
 118 | 		}
 119 | 	};
 120 | 	return list;
 121 | };
 122 | 
 123 | function cssWithMappingToString(item, useSourceMap) {
 124 | 	var content = item[1] || '';
 125 | 	var cssMapping = item[3];
 126 | 	if (!cssMapping) {
 127 | 		return content;
 128 | 	}
 129 | 
 130 | 	if (useSourceMap && typeof btoa === 'function') {
 131 | 		var sourceMapping = toComment(cssMapping);
 132 | 		var sourceURLs = cssMapping.sources.map(function (source) {
 133 | 			return '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'
 134 | 		});
 135 | 
 136 | 		return [content].concat(sourceURLs).concat([sourceMapping]).join('\n');
 137 | 	}
 138 | 
 139 | 	return [content].join('\n');
 140 | }
 141 | 
 142 | // Adapted from convert-source-map (MIT)
 143 | function toComment(sourceMap) {
 144 | 	// eslint-disable-next-line no-undef
 145 | 	var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));
 146 | 	var data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;
 147 | 
 148 | 	return '/*# ' + data + ' */';
 149 | }
 150 | 
 151 | 
 152 | /***/ }),
 153 | /* 1 */
 154 | /***/ (function(module, exports, __webpack_require__) {
 155 | 
 156 | /*
 157 | 	MIT License http://www.opensource.org/licenses/mit-license.php
 158 | 	Author Tobias Koppers @sokra
 159 | */
 160 | 
 161 | var stylesInDom = {};
 162 | 
 163 | var	memoize = function (fn) {
 164 | 	var memo;
 165 | 
 166 | 	return function () {
 167 | 		if (typeof memo === "undefined") memo = fn.apply(this, arguments);
 168 | 		return memo;
 169 | 	};
 170 | };
 171 | 
 172 | var isOldIE = memoize(function () {
 173 | 	// Test for IE <= 9 as proposed by Browserhacks
 174 | 	// @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805
 175 | 	// Tests for existence of standard globals is to allow style-loader
 176 | 	// to operate correctly into non-standard environments
 177 | 	// @see https://github.com/webpack-contrib/style-loader/issues/177
 178 | 	return window && document && document.all && !window.atob;
 179 | });
 180 | 
 181 | var getTarget = function (target, parent) {
 182 |   if (parent){
 183 |     return parent.querySelector(target);
 184 |   }
 185 |   return document.querySelector(target);
 186 | };
 187 | 
 188 | var getElement = (function (fn) {
 189 | 	var memo = {};
 190 | 
 191 | 	return function(target, parent) {
 192 |                 // If passing function in options, then use it for resolve "head" element.
 193 |                 // Useful for Shadow Root style i.e
 194 |                 // {
 195 |                 //   insertInto: function () { return document.querySelector("#foo").shadowRoot }
 196 |                 // }
 197 |                 if (typeof target === 'function') {
 198 |                         return target();
 199 |                 }
 200 |                 if (typeof memo[target] === "undefined") {
 201 | 			var styleTarget = getTarget.call(this, target, parent);
 202 | 			// Special case to return head of iframe instead of iframe itself
 203 | 			if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
 204 | 				try {
 205 | 					// This will throw an exception if access to iframe is blocked
 206 | 					// due to cross-origin restrictions
 207 | 					styleTarget = styleTarget.contentDocument.head;
 208 | 				} catch(e) {
 209 | 					styleTarget = null;
 210 | 				}
 211 | 			}
 212 | 			memo[target] = styleTarget;
 213 | 		}
 214 | 		return memo[target]
 215 | 	};
 216 | })();
 217 | 
 218 | var singleton = null;
 219 | var	singletonCounter = 0;
 220 | var	stylesInsertedAtTop = [];
 221 | 
 222 | var	fixUrls = __webpack_require__(32);
 223 | 
 224 | module.exports = function(list, options) {
 225 | 	if (typeof DEBUG !== "undefined" && DEBUG) {
 226 | 		if (typeof document !== "object") throw new Error("The style-loader cannot be used in a non-browser environment");
 227 | 	}
 228 | 
 229 | 	options = options || {};
 230 | 
 231 | 	options.attrs = typeof options.attrs === "object" ? options.attrs : {};
 232 | 
 233 | 	// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
 234 | 	// tags it will allow on a page
 235 | 	if (!options.singleton && typeof options.singleton !== "boolean") options.singleton = isOldIE();
 236 | 
 237 | 	// By default, add <style> tags to the <head> element
 238 |         if (!options.insertInto) options.insertInto = "head";
 239 | 
 240 | 	// By default, add <style> tags to the bottom of the target
 241 | 	if (!options.insertAt) options.insertAt = "bottom";
 242 | 
 243 | 	var styles = listToStyles(list, options);
 244 | 
 245 | 	addStylesToDom(styles, options);
 246 | 
 247 | 	return function update (newList) {
 248 | 		var mayRemove = [];
 249 | 
 250 | 		for (var i = 0; i < styles.length; i++) {
 251 | 			var item = styles[i];
 252 | 			var domStyle = stylesInDom[item.id];
 253 | 
 254 | 			domStyle.refs--;
 255 | 			mayRemove.push(domStyle);
 256 | 		}
 257 | 
 258 | 		if(newList) {
 259 | 			var newStyles = listToStyles(newList, options);
 260 | 			addStylesToDom(newStyles, options);
 261 | 		}
 262 | 
 263 | 		for (var i = 0; i < mayRemove.length; i++) {
 264 | 			var domStyle = mayRemove[i];
 265 | 
 266 | 			if(domStyle.refs === 0) {
 267 | 				for (var j = 0; j < domStyle.parts.length; j++) domStyle.parts[j]();
 268 | 
 269 | 				delete stylesInDom[domStyle.id];
 270 | 			}
 271 | 		}
 272 | 	};
 273 | };
 274 | 
 275 | function addStylesToDom (styles, options) {
 276 | 	for (var i = 0; i < styles.length; i++) {
 277 | 		var item = styles[i];
 278 | 		var domStyle = stylesInDom[item.id];
 279 | 
 280 | 		if(domStyle) {
 281 | 			domStyle.refs++;
 282 | 
 283 | 			for(var j = 0; j < domStyle.parts.length; j++) {
 284 | 				domStyle.parts[j](item.parts[j]);
 285 | 			}
 286 | 
 287 | 			for(; j < item.parts.length; j++) {
 288 | 				domStyle.parts.push(addStyle(item.parts[j], options));
 289 | 			}
 290 | 		} else {
 291 | 			var parts = [];
 292 | 
 293 | 			for(var j = 0; j < item.parts.length; j++) {
 294 | 				parts.push(addStyle(item.parts[j], options));
 295 | 			}
 296 | 
 297 | 			stylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};
 298 | 		}
 299 | 	}
 300 | }
 301 | 
 302 | function listToStyles (list, options) {
 303 | 	var styles = [];
 304 | 	var newStyles = {};
 305 | 
 306 | 	for (var i = 0; i < list.length; i++) {
 307 | 		var item = list[i];
 308 | 		var id = options.base ? item[0] + options.base : item[0];
 309 | 		var css = item[1];
 310 | 		var media = item[2];
 311 | 		var sourceMap = item[3];
 312 | 		var part = {css: css, media: media, sourceMap: sourceMap};
 313 | 
 314 | 		if(!newStyles[id]) styles.push(newStyles[id] = {id: id, parts: [part]});
 315 | 		else newStyles[id].parts.push(part);
 316 | 	}
 317 | 
 318 | 	return styles;
 319 | }
 320 | 
 321 | function insertStyleElement (options, style) {
 322 | 	var target = getElement(options.insertInto)
 323 | 
 324 | 	if (!target) {
 325 | 		throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");
 326 | 	}
 327 | 
 328 | 	var lastStyleElementInsertedAtTop = stylesInsertedAtTop[stylesInsertedAtTop.length - 1];
 329 | 
 330 | 	if (options.insertAt === "top") {
 331 | 		if (!lastStyleElementInsertedAtTop) {
 332 | 			target.insertBefore(style, target.firstChild);
 333 | 		} else if (lastStyleElementInsertedAtTop.nextSibling) {
 334 | 			target.insertBefore(style, lastStyleElementInsertedAtTop.nextSibling);
 335 | 		} else {
 336 | 			target.appendChild(style);
 337 | 		}
 338 | 		stylesInsertedAtTop.push(style);
 339 | 	} else if (options.insertAt === "bottom") {
 340 | 		target.appendChild(style);
 341 | 	} else if (typeof options.insertAt === "object" && options.insertAt.before) {
 342 | 		var nextSibling = getElement(options.insertAt.before, target);
 343 | 		target.insertBefore(style, nextSibling);
 344 | 	} else {
 345 | 		throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");
 346 | 	}
 347 | }
 348 | 
 349 | function removeStyleElement (style) {
 350 | 	if (style.parentNode === null) return false;
 351 | 	style.parentNode.removeChild(style);
 352 | 
 353 | 	var idx = stylesInsertedAtTop.indexOf(style);
 354 | 	if(idx >= 0) {
 355 | 		stylesInsertedAtTop.splice(idx, 1);
 356 | 	}
 357 | }
 358 | 
 359 | function createStyleElement (options) {
 360 | 	var style = document.createElement("style");
 361 | 
 362 | 	if(options.attrs.type === undefined) {
 363 | 		options.attrs.type = "text/css";
 364 | 	}
 365 | 
 366 | 	if(options.attrs.nonce === undefined) {
 367 | 		var nonce = getNonce();
 368 | 		if (nonce) {
 369 | 			options.attrs.nonce = nonce;
 370 | 		}
 371 | 	}
 372 | 
 373 | 	addAttrs(style, options.attrs);
 374 | 	insertStyleElement(options, style);
 375 | 
 376 | 	return style;
 377 | }
 378 | 
 379 | function createLinkElement (options) {
 380 | 	var link = document.createElement("link");
 381 | 
 382 | 	if(options.attrs.type === undefined) {
 383 | 		options.attrs.type = "text/css";
 384 | 	}
 385 | 	options.attrs.rel = "stylesheet";
 386 | 
 387 | 	addAttrs(link, options.attrs);
 388 | 	insertStyleElement(options, link);
 389 | 
 390 | 	return link;
 391 | }
 392 | 
 393 | function addAttrs (el, attrs) {
 394 | 	Object.keys(attrs).forEach(function (key) {
 395 | 		el.setAttribute(key, attrs[key]);
 396 | 	});
 397 | }
 398 | 
 399 | function getNonce() {
 400 | 	if (false) {
 401 | 		return null;
 402 | 	}
 403 | 
 404 | 	return __webpack_require__.nc;
 405 | }
 406 | 
 407 | function addStyle (obj, options) {
 408 | 	var style, update, remove, result;
 409 | 
 410 | 	// If a transform function was defined, run it on the css
 411 | 	if (options.transform && obj.css) {
 412 | 	    result = options.transform(obj.css);
 413 | 
 414 | 	    if (result) {
 415 | 	    	// If transform returns a value, use that instead of the original css.
 416 | 	    	// This allows running runtime transformations on the css.
 417 | 	    	obj.css = result;
 418 | 	    } else {
 419 | 	    	// If the transform function returns a falsy value, don't add this css.
 420 | 	    	// This allows conditional loading of css
 421 | 	    	return function() {
 422 | 	    		// noop
 423 | 	    	};
 424 | 	    }
 425 | 	}
 426 | 
 427 | 	if (options.singleton) {
 428 | 		var styleIndex = singletonCounter++;
 429 | 
 430 | 		style = singleton || (singleton = createStyleElement(options));
 431 | 
 432 | 		update = applyToSingletonTag.bind(null, style, styleIndex, false);
 433 | 		remove = applyToSingletonTag.bind(null, style, styleIndex, true);
 434 | 
 435 | 	} else if (
 436 | 		obj.sourceMap &&
 437 | 		typeof URL === "function" &&
 438 | 		typeof URL.createObjectURL === "function" &&
 439 | 		typeof URL.revokeObjectURL === "function" &&
 440 | 		typeof Blob === "function" &&
 441 | 		typeof btoa === "function"
 442 | 	) {
 443 | 		style = createLinkElement(options);
 444 | 		update = updateLink.bind(null, style, options);
 445 | 		remove = function () {
 446 | 			removeStyleElement(style);
 447 | 
 448 | 			if(style.href) URL.revokeObjectURL(style.href);
 449 | 		};
 450 | 	} else {
 451 | 		style = createStyleElement(options);
 452 | 		update = applyToTag.bind(null, style);
 453 | 		remove = function () {
 454 | 			removeStyleElement(style);
 455 | 		};
 456 | 	}
 457 | 
 458 | 	update(obj);
 459 | 
 460 | 	return function updateStyle (newObj) {
 461 | 		if (newObj) {
 462 | 			if (
 463 | 				newObj.css === obj.css &&
 464 | 				newObj.media === obj.media &&
 465 | 				newObj.sourceMap === obj.sourceMap
 466 | 			) {
 467 | 				return;
 468 | 			}
 469 | 
 470 | 			update(obj = newObj);
 471 | 		} else {
 472 | 			remove();
 473 | 		}
 474 | 	};
 475 | }
 476 | 
 477 | var replaceText = (function () {
 478 | 	var textStore = [];
 479 | 
 480 | 	return function (index, replacement) {
 481 | 		textStore[index] = replacement;
 482 | 
 483 | 		return textStore.filter(Boolean).join('\n');
 484 | 	};
 485 | })();
 486 | 
 487 | function applyToSingletonTag (style, index, remove, obj) {
 488 | 	var css = remove ? "" : obj.css;
 489 | 
 490 | 	if (style.styleSheet) {
 491 | 		style.styleSheet.cssText = replaceText(index, css);
 492 | 	} else {
 493 | 		var cssNode = document.createTextNode(css);
 494 | 		var childNodes = style.childNodes;
 495 | 
 496 | 		if (childNodes[index]) style.removeChild(childNodes[index]);
 497 | 
 498 | 		if (childNodes.length) {
 499 | 			style.insertBefore(cssNode, childNodes[index]);
 500 | 		} else {
 501 | 			style.appendChild(cssNode);
 502 | 		}
 503 | 	}
 504 | }
 505 | 
 506 | function applyToTag (style, obj) {
 507 | 	var css = obj.css;
 508 | 	var media = obj.media;
 509 | 
 510 | 	if(media) {
 511 | 		style.setAttribute("media", media)
 512 | 	}
 513 | 
 514 | 	if(style.styleSheet) {
 515 | 		style.styleSheet.cssText = css;
 516 | 	} else {
 517 | 		while(style.firstChild) {
 518 | 			style.removeChild(style.firstChild);
 519 | 		}
 520 | 
 521 | 		style.appendChild(document.createTextNode(css));
 522 | 	}
 523 | }
 524 | 
 525 | function updateLink (link, options, obj) {
 526 | 	var css = obj.css;
 527 | 	var sourceMap = obj.sourceMap;
 528 | 
 529 | 	/*
 530 | 		If convertToAbsoluteUrls isn't defined, but sourcemaps are enabled
 531 | 		and there is no publicPath defined then lets turn convertToAbsoluteUrls
 532 | 		on by default.  Otherwise default to the convertToAbsoluteUrls option
 533 | 		directly
 534 | 	*/
 535 | 	var autoFixUrls = options.convertToAbsoluteUrls === undefined && sourceMap;
 536 | 
 537 | 	if (options.convertToAbsoluteUrls || autoFixUrls) {
 538 | 		css = fixUrls(css);
 539 | 	}
 540 | 
 541 | 	if (sourceMap) {
 542 | 		// http://stackoverflow.com/a/26603875
 543 | 		css += "\n/*# sourceMappingURL=data:application/json;base64," + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + " */";
 544 | 	}
 545 | 
 546 | 	var blob = new Blob([css], { type: "text/css" });
 547 | 
 548 | 	var oldSrc = link.href;
 549 | 
 550 | 	link.href = URL.createObjectURL(blob);
 551 | 
 552 | 	if(oldSrc) URL.revokeObjectURL(oldSrc);
 553 | }
 554 | 
 555 | 
 556 | /***/ }),
 557 | /* 2 */
 558 | /***/ (function(module, exports, __webpack_require__) {
 559 | 
 560 | 
 561 | var content = __webpack_require__(18);
 562 | 
 563 | if(typeof content === 'string') content = [[module.i, content, '']];
 564 | 
 565 | var transform;
 566 | var insertInto;
 567 | 
 568 | 
 569 | 
 570 | var options = {"hmr":true}
 571 | 
 572 | options.transform = transform
 573 | options.insertInto = undefined;
 574 | 
 575 | var update = __webpack_require__(1)(content, options);
 576 | 
 577 | if(content.locals) module.exports = content.locals;
 578 | 
 579 | if(false) {
 580 | 	module.hot.accept("!!../../react/node_modules/css-loader/index.js!./awesome-spin.css", function() {
 581 | 		var newContent = require("!!../../react/node_modules/css-loader/index.js!./awesome-spin.css");
 582 | 
 583 | 		if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
 584 | 
 585 | 		var locals = (function(a, b) {
 586 | 			var key, idx = 0;
 587 | 
 588 | 			for(key in a) {
 589 | 				if(!b || a[key] !== b[key]) return false;
 590 | 				idx++;
 591 | 			}
 592 | 
 593 | 			for(key in b) idx--;
 594 | 
 595 | 			return idx === 0;
 596 | 		}(content.locals, newContent.locals));
 597 | 
 598 | 		if(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');
 599 | 
 600 | 		update(newContent);
 601 | 	});
 602 | 
 603 | 	module.hot.dispose(function() { update(); });
 604 | }
 605 | 
 606 | /***/ }),
 607 | /* 3 */
 608 | /***/ (function(module, exports, __webpack_require__) {
 609 | 
 610 | 
 611 | var content = __webpack_require__(19);
 612 | 
 613 | if(typeof content === 'string') content = [[module.i, content, '']];
 614 | 
 615 | var transform;
 616 | var insertInto;
 617 | 
 618 | 
 619 | 
 620 | var options = {"hmr":true}
 621 | 
 622 | options.transform = transform
 623 | options.insertInto = undefined;
 624 | 
 625 | var update = __webpack_require__(1)(content, options);
 626 | 
 627 | if(content.locals) module.exports = content.locals;
 628 | 
 629 | if(false) {
 630 | 	module.hot.accept("!!../../react/node_modules/css-loader/index.js!./blasting-circle.css", function() {
 631 | 		var newContent = require("!!../../react/node_modules/css-loader/index.js!./blasting-circle.css");
 632 | 
 633 | 		if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
 634 | 
 635 | 		var locals = (function(a, b) {
 636 | 			var key, idx = 0;
 637 | 
 638 | 			for(key in a) {
 639 | 				if(!b || a[key] !== b[key]) return false;
 640 | 				idx++;
 641 | 			}
 642 | 
 643 | 			for(key in b) idx--;
 644 | 
 645 | 			return idx === 0;
 646 | 		}(content.locals, newContent.locals));
 647 | 
 648 | 		if(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');
 649 | 
 650 | 		update(newContent);
 651 | 	});
 652 | 
 653 | 	module.hot.dispose(function() { update(); });
 654 | }
 655 | 
 656 | /***/ }),
 657 | /* 4 */
 658 | /***/ (function(module, exports, __webpack_require__) {
 659 | 
 660 | 
 661 | var content = __webpack_require__(20);
 662 | 
 663 | if(typeof content === 'string') content = [[module.i, content, '']];
 664 | 
 665 | var transform;
 666 | var insertInto;
 667 | 
 668 | 
 669 | 
 670 | var options = {"hmr":true}
 671 | 
 672 | options.transform = transform
 673 | options.insertInto = undefined;
 674 | 
 675 | var update = __webpack_require__(1)(content, options);
 676 | 
 677 | if(content.locals) module.exports = content.locals;
 678 | 
 679 | if(false) {
 680 | 	module.hot.accept("!!../../react/node_modules/css-loader/index.js!./blasting-ripple.css", function() {
 681 | 		var newContent = require("!!../../react/node_modules/css-loader/index.js!./blasting-ripple.css");
 682 | 
 683 | 		if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
 684 | 
 685 | 		var locals = (function(a, b) {
 686 | 			var key, idx = 0;
 687 | 
 688 | 			for(key in a) {
 689 | 				if(!b || a[key] !== b[key]) return false;
 690 | 				idx++;
 691 | 			}
 692 | 
 693 | 			for(key in b) idx--;
 694 | 
 695 | 			return idx === 0;
 696 | 		}(content.locals, newContent.locals));
 697 | 
 698 | 		if(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');
 699 | 
 700 | 		update(newContent);
 701 | 	});
 702 | 
 703 | 	module.hot.dispose(function() { update(); });
 704 | }
 705 | 
 706 | /***/ }),
 707 | /* 5 */
 708 | /***/ (function(module, exports, __webpack_require__) {
 709 | 
 710 | 
 711 | var content = __webpack_require__(21);
 712 | 
 713 | if(typeof content === 'string') content = [[module.i, content, '']];
 714 | 
 715 | var transform;
 716 | var insertInto;
 717 | 
 718 | 
 719 | 
 720 | var options = {"hmr":true}
 721 | 
 722 | options.transform = transform
 723 | options.insertInto = undefined;
 724 | 
 725 | var update = __webpack_require__(1)(content, options);
 726 | 
 727 | if(content.locals) module.exports = content.locals;
 728 | 
 729 | if(false) {
 730 | 	module.hot.accept("!!../../react/node_modules/css-loader/index.js!./block-spin.css", function() {
 731 | 		var newContent = require("!!../../react/node_modules/css-loader/index.js!./block-spin.css");
 732 | 
 733 | 		if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
 734 | 
 735 | 		var locals = (function(a, b) {
 736 | 			var key, idx = 0;
 737 | 
 738 | 			for(key in a) {
 739 | 				if(!b || a[key] !== b[key]) return false;
 740 | 				idx++;
 741 | 			}
 742 | 
 743 | 			for(key in b) idx--;
 744 | 
 745 | 			return idx === 0;
 746 | 		}(content.locals, newContent.locals));
 747 | 
 748 | 		if(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');
 749 | 
 750 | 		update(newContent);
 751 | 	});
 752 | 
 753 | 	module.hot.dispose(function() { update(); });
 754 | }
 755 | 
 756 | /***/ }),
 757 | /* 6 */
 758 | /***/ (function(module, exports, __webpack_require__) {
 759 | 
 760 | 
 761 | var content = __webpack_require__(22);
 762 | 
 763 | if(typeof content === 'string') content = [[module.i, content, '']];
 764 | 
 765 | var transform;
 766 | var insertInto;
 767 | 
 768 | 
 769 | 
 770 | var options = {"hmr":true}
 771 | 
 772 | options.transform = transform
 773 | options.insertInto = undefined;
 774 | 
 775 | var update = __webpack_require__(1)(content, options);
 776 | 
 777 | if(content.locals) module.exports = content.locals;
 778 | 
 779 | if(false) {
 780 | 	module.hot.accept("!!../../react/node_modules/css-loader/index.js!./box-rotation.css", function() {
 781 | 		var newContent = require("!!../../react/node_modules/css-loader/index.js!./box-rotation.css");
 782 | 
 783 | 		if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
 784 | 
 785 | 		var locals = (function(a, b) {
 786 | 			var key, idx = 0;
 787 | 
 788 | 			for(key in a) {
 789 | 				if(!b || a[key] !== b[key]) return false;
 790 | 				idx++;
 791 | 			}
 792 | 
 793 | 			for(key in b) idx--;
 794 | 
 795 | 			return idx === 0;
 796 | 		}(content.locals, newContent.locals));
 797 | 
 798 | 		if(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');
 799 | 
 800 | 		update(newContent);
 801 | 	});
 802 | 
 803 | 	module.hot.dispose(function() { update(); });
 804 | }
 805 | 
 806 | /***/ }),
 807 | /* 7 */
 808 | /***/ (function(module, exports, __webpack_require__) {
 809 | 
 810 | 
 811 | var content = __webpack_require__(23);
 812 | 
 813 | if(typeof content === 'string') content = [[module.i, content, '']];
 814 | 
 815 | var transform;
 816 | var insertInto;
 817 | 
 818 | 
 819 | 
 820 | var options = {"hmr":true}
 821 | 
 822 | options.transform = transform
 823 | options.insertInto = undefined;
 824 | 
 825 | var update = __webpack_require__(1)(content, options);
 826 | 
 827 | if(content.locals) module.exports = content.locals;
 828 | 
 829 | if(false) {
 830 | 	module.hot.accept("!!../../react/node_modules/css-loader/index.js!./clock.css", function() {
 831 | 		var newContent = require("!!../../react/node_modules/css-loader/index.js!./clock.css");
 832 | 
 833 | 		if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
 834 | 
 835 | 		var locals = (function(a, b) {
 836 | 			var key, idx = 0;
 837 | 
 838 | 			for(key in a) {
 839 | 				if(!b || a[key] !== b[key]) return false;
 840 | 				idx++;
 841 | 			}
 842 | 
 843 | 			for(key in b) idx--;
 844 | 
 845 | 			return idx === 0;
 846 | 		}(content.locals, newContent.locals));
 847 | 
 848 | 		if(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');
 849 | 
 850 | 		update(newContent);
 851 | 	});
 852 | 
 853 | 	module.hot.dispose(function() { update(); });
 854 | }
 855 | 
 856 | /***/ }),
 857 | /* 8 */
 858 | /***/ (function(module, exports, __webpack_require__) {
 859 | 
 860 | 
 861 | var content = __webpack_require__(24);
 862 | 
 863 | if(typeof content === 'string') content = [[module.i, content, '']];
 864 | 
 865 | var transform;
 866 | var insertInto;
 867 | 
 868 | 
 869 | 
 870 | var options = {"hmr":true}
 871 | 
 872 | options.transform = transform
 873 | options.insertInto = undefined;
 874 | 
 875 | var update = __webpack_require__(1)(content, options);
 876 | 
 877 | if(content.locals) module.exports = content.locals;
 878 | 
 879 | if(false) {
 880 | 	module.hot.accept("!!../../react/node_modules/css-loader/index.js!./color-pulse-ball.css", function() {
 881 | 		var newContent = require("!!../../react/node_modules/css-loader/index.js!./color-pulse-ball.css");
 882 | 
 883 | 		if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
 884 | 
 885 | 		var locals = (function(a, b) {
 886 | 			var key, idx = 0;
 887 | 
 888 | 			for(key in a) {
 889 | 				if(!b || a[key] !== b[key]) return false;
 890 | 				idx++;
 891 | 			}
 892 | 
 893 | 			for(key in b) idx--;
 894 | 
 895 | 			return idx === 0;
 896 | 		}(content.locals, newContent.locals));
 897 | 
 898 | 		if(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');
 899 | 
 900 | 		update(newContent);
 901 | 	});
 902 | 
 903 | 	module.hot.dispose(function() { update(); });
 904 | }
 905 | 
 906 | /***/ }),
 907 | /* 9 */
 908 | /***/ (function(module, exports, __webpack_require__) {
 909 | 
 910 | 
 911 | var content = __webpack_require__(25);
 912 | 
 913 | if(typeof content === 'string') content = [[module.i, content, '']];
 914 | 
 915 | var transform;
 916 | var insertInto;
 917 | 
 918 | 
 919 | 
 920 | var options = {"hmr":true}
 921 | 
 922 | options.transform = transform
 923 | options.insertInto = undefined;
 924 | 
 925 | var update = __webpack_require__(1)(content, options);
 926 | 
 927 | if(content.locals) module.exports = content.locals;
 928 | 
 929 | if(false) {
 930 | 	module.hot.accept("!!../../react/node_modules/css-loader/index.js!./double-circle.css", function() {
 931 | 		var newContent = require("!!../../react/node_modules/css-loader/index.js!./double-circle.css");
 932 | 
 933 | 		if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
 934 | 
 935 | 		var locals = (function(a, b) {
 936 | 			var key, idx = 0;
 937 | 
 938 | 			for(key in a) {
 939 | 				if(!b || a[key] !== b[key]) return false;
 940 | 				idx++;
 941 | 			}
 942 | 
 943 | 			for(key in b) idx--;
 944 | 
 945 | 			return idx === 0;
 946 | 		}(content.locals, newContent.locals));
 947 | 
 948 | 		if(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');
 949 | 
 950 | 		update(newContent);
 951 | 	});
 952 | 
 953 | 	module.hot.dispose(function() { update(); });
 954 | }
 955 | 
 956 | /***/ }),
 957 | /* 10 */
 958 | /***/ (function(module, exports, __webpack_require__) {
 959 | 
 960 | 
 961 | var content = __webpack_require__(26);
 962 | 
 963 | if(typeof content === 'string') content = [[module.i, content, '']];
 964 | 
 965 | var transform;
 966 | var insertInto;
 967 | 
 968 | 
 969 | 
 970 | var options = {"hmr":true}
 971 | 
 972 | options.transform = transform
 973 | options.insertInto = undefined;
 974 | 
 975 | var update = __webpack_require__(1)(content, options);
 976 | 
 977 | if(content.locals) module.exports = content.locals;
 978 | 
 979 | if(false) {
 980 | 	module.hot.accept("!!../../react/node_modules/css-loader/index.js!./hour-glass.css", function() {
 981 | 		var newContent = require("!!../../react/node_modules/css-loader/index.js!./hour-glass.css");
 982 | 
 983 | 		if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
 984 | 
 985 | 		var locals = (function(a, b) {
 986 | 			var key, idx = 0;
 987 | 
 988 | 			for(key in a) {
 989 | 				if(!b || a[key] !== b[key]) return false;
 990 | 				idx++;
 991 | 			}
 992 | 
 993 | 			for(key in b) idx--;
 994 | 
 995 | 			return idx === 0;
 996 | 		}(content.locals, newContent.locals));
 997 | 
 998 | 		if(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');
 999 | 
1000 | 		update(newContent);
1001 | 	});
1002 | 
1003 | 	module.hot.dispose(function() { update(); });
1004 | }
1005 | 
1006 | /***/ }),
1007 | /* 11 */
1008 | /***/ (function(module, exports, __webpack_require__) {
1009 | 
1010 | 
1011 | var content = __webpack_require__(27);
1012 | 
1013 | if(typeof content === 'string') content = [[module.i, content, '']];
1014 | 
1015 | var transform;
1016 | var insertInto;
1017 | 
1018 | 
1019 | 
1020 | var options = {"hmr":true}
1021 | 
1022 | options.transform = transform
1023 | options.insertInto = undefined;
1024 | 
1025 | var update = __webpack_require__(1)(content, options);
1026 | 
1027 | if(content.locals) module.exports = content.locals;
1028 | 
1029 | if(false) {
1030 | 	module.hot.accept("!!../../react/node_modules/css-loader/index.js!./quantum-spinner.css", function() {
1031 | 		var newContent = require("!!../../react/node_modules/css-loader/index.js!./quantum-spinner.css");
1032 | 
1033 | 		if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
1034 | 
1035 | 		var locals = (function(a, b) {
1036 | 			var key, idx = 0;
1037 | 
1038 | 			for(key in a) {
1039 | 				if(!b || a[key] !== b[key]) return false;
1040 | 				idx++;
1041 | 			}
1042 | 
1043 | 			for(key in b) idx--;
1044 | 
1045 | 			return idx === 0;
1046 | 		}(content.locals, newContent.locals));
1047 | 
1048 | 		if(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');
1049 | 
1050 | 		update(newContent);
1051 | 	});
1052 | 
1053 | 	module.hot.dispose(function() { update(); });
1054 | }
1055 | 
1056 | /***/ }),
1057 | /* 12 */
1058 | /***/ (function(module, exports, __webpack_require__) {
1059 | 
1060 | 
1061 | var content = __webpack_require__(28);
1062 | 
1063 | if(typeof content === 'string') content = [[module.i, content, '']];
1064 | 
1065 | var transform;
1066 | var insertInto;
1067 | 
1068 | 
1069 | 
1070 | var options = {"hmr":true}
1071 | 
1072 | options.transform = transform
1073 | options.insertInto = undefined;
1074 | 
1075 | var update = __webpack_require__(1)(content, options);
1076 | 
1077 | if(content.locals) module.exports = content.locals;
1078 | 
1079 | if(false) {
1080 | 	module.hot.accept("!!../../react/node_modules/css-loader/index.js!./recursive-circle.css", function() {
1081 | 		var newContent = require("!!../../react/node_modules/css-loader/index.js!./recursive-circle.css");
1082 | 
1083 | 		if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
1084 | 
1085 | 		var locals = (function(a, b) {
1086 | 			var key, idx = 0;
1087 | 
1088 | 			for(key in a) {
1089 | 				if(!b || a[key] !== b[key]) return false;
1090 | 				idx++;
1091 | 			}
1092 | 
1093 | 			for(key in b) idx--;
1094 | 
1095 | 			return idx === 0;
1096 | 		}(content.locals, newContent.locals));
1097 | 
1098 | 		if(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');
1099 | 
1100 | 		update(newContent);
1101 | 	});
1102 | 
1103 | 	module.hot.dispose(function() { update(); });
1104 | }
1105 | 
1106 | /***/ }),
1107 | /* 13 */
1108 | /***/ (function(module, exports, __webpack_require__) {
1109 | 
1110 | 
1111 | var content = __webpack_require__(29);
1112 | 
1113 | if(typeof content === 'string') content = [[module.i, content, '']];
1114 | 
1115 | var transform;
1116 | var insertInto;
1117 | 
1118 | 
1119 | 
1120 | var options = {"hmr":true}
1121 | 
1122 | options.transform = transform
1123 | options.insertInto = undefined;
1124 | 
1125 | var update = __webpack_require__(1)(content, options);
1126 | 
1127 | if(content.locals) module.exports = content.locals;
1128 | 
1129 | if(false) {
1130 | 	module.hot.accept("!!../../react/node_modules/css-loader/index.js!./rotating-plane.css", function() {
1131 | 		var newContent = require("!!../../react/node_modules/css-loader/index.js!./rotating-plane.css");
1132 | 
1133 | 		if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
1134 | 
1135 | 		var locals = (function(a, b) {
1136 | 			var key, idx = 0;
1137 | 
1138 | 			for(key in a) {
1139 | 				if(!b || a[key] !== b[key]) return false;
1140 | 				idx++;
1141 | 			}
1142 | 
1143 | 			for(key in b) idx--;
1144 | 
1145 | 			return idx === 0;
1146 | 		}(content.locals, newContent.locals));
1147 | 
1148 | 		if(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');
1149 | 
1150 | 		update(newContent);
1151 | 	});
1152 | 
1153 | 	module.hot.dispose(function() { update(); });
1154 | }
1155 | 
1156 | /***/ }),
1157 | /* 14 */
1158 | /***/ (function(module, exports, __webpack_require__) {
1159 | 
1160 | 
1161 | var content = __webpack_require__(30);
1162 | 
1163 | if(typeof content === 'string') content = [[module.i, content, '']];
1164 | 
1165 | var transform;
1166 | var insertInto;
1167 | 
1168 | 
1169 | 
1170 | var options = {"hmr":true}
1171 | 
1172 | options.transform = transform
1173 | options.insertInto = undefined;
1174 | 
1175 | var update = __webpack_require__(1)(content, options);
1176 | 
1177 | if(content.locals) module.exports = content.locals;
1178 | 
1179 | if(false) {
1180 | 	module.hot.accept("!!../../react/node_modules/css-loader/index.js!./simple-circle.css", function() {
1181 | 		var newContent = require("!!../../react/node_modules/css-loader/index.js!./simple-circle.css");
1182 | 
1183 | 		if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
1184 | 
1185 | 		var locals = (function(a, b) {
1186 | 			var key, idx = 0;
1187 | 
1188 | 			for(key in a) {
1189 | 				if(!b || a[key] !== b[key]) return false;
1190 | 				idx++;
1191 | 			}
1192 | 
1193 | 			for(key in b) idx--;
1194 | 
1195 | 			return idx === 0;
1196 | 		}(content.locals, newContent.locals));
1197 | 
1198 | 		if(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');
1199 | 
1200 | 		update(newContent);
1201 | 	});
1202 | 
1203 | 	module.hot.dispose(function() { update(); });
1204 | }
1205 | 
1206 | /***/ }),
1207 | /* 15 */
1208 | /***/ (function(module, exports, __webpack_require__) {
1209 | 
1210 | 
1211 | var content = __webpack_require__(31);
1212 | 
1213 | if(typeof content === 'string') content = [[module.i, content, '']];
1214 | 
1215 | var transform;
1216 | var insertInto;
1217 | 
1218 | 
1219 | 
1220 | var options = {"hmr":true}
1221 | 
1222 | options.transform = transform
1223 | options.insertInto = undefined;
1224 | 
1225 | var update = __webpack_require__(1)(content, options);
1226 | 
1227 | if(content.locals) module.exports = content.locals;
1228 | 
1229 | if(false) {
1230 | 	module.hot.accept("!!../react/node_modules/css-loader/index.js!./vars.css", function() {
1231 | 		var newContent = require("!!../react/node_modules/css-loader/index.js!./vars.css");
1232 | 
1233 | 		if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
1234 | 
1235 | 		var locals = (function(a, b) {
1236 | 			var key, idx = 0;
1237 | 
1238 | 			for(key in a) {
1239 | 				if(!b || a[key] !== b[key]) return false;
1240 | 				idx++;
1241 | 			}
1242 | 
1243 | 			for(key in b) idx--;
1244 | 
1245 | 			return idx === 0;
1246 | 		}(content.locals, newContent.locals));
1247 | 
1248 | 		if(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');
1249 | 
1250 | 		update(newContent);
1251 | 	});
1252 | 
1253 | 	module.hot.dispose(function() { update(); });
1254 | }
1255 | 
1256 | /***/ }),
1257 | /* 16 */
1258 | /***/ (function(module, exports) {
1259 | 
1260 | module.exports = require("react");
1261 | 
1262 | /***/ }),
1263 | /* 17 */
1264 | /***/ (function(module, exports, __webpack_require__) {
1265 | 
1266 | "use strict";
1267 | 
1268 | 
1269 | Object.defineProperty(exports, "__esModule", {
1270 |     value: true
1271 | });
1272 | exports.FullLoader = exports.default = undefined;
1273 | 
1274 | var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
1275 | 
1276 | var _react = __webpack_require__(16);
1277 | 
1278 | var _react2 = _interopRequireDefault(_react);
1279 | 
1280 | __webpack_require__(15);
1281 | 
1282 | __webpack_require__(14);
1283 | 
1284 | __webpack_require__(13);
1285 | 
1286 | __webpack_require__(3);
1287 | 
1288 | __webpack_require__(4);
1289 | 
1290 | __webpack_require__(6);
1291 | 
1292 | __webpack_require__(7);
1293 | 
1294 | __webpack_require__(8);
1295 | 
1296 | __webpack_require__(9);
1297 | 
1298 | __webpack_require__(10);
1299 | 
1300 | __webpack_require__(11);
1301 | 
1302 | __webpack_require__(12);
1303 | 
1304 | __webpack_require__(2);
1305 | 
1306 | __webpack_require__(5);
1307 | 
1308 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
1309 | 
1310 | function StyleSheet(props) {
1311 |     var _props$type = props.type,
1312 |         type = _props$type === undefined ? "simple-circle" : _props$type,
1313 |         _props$size = props.size,
1314 |         size = _props$size === undefined ? 70 : _props$size,
1315 |         _props$color = props.color,
1316 |         color = _props$color === undefined ? "#27ae60" : _props$color,
1317 |         _props$secondaryColor = props.secondaryColor,
1318 |         secondaryColor = _props$secondaryColor === undefined ? "#eeeeee" : _props$secondaryColor,
1319 |         _props$line = props.line,
1320 |         line = _props$line === undefined ? 3 : _props$line,
1321 |         _props$duration = props.duration,
1322 |         duration = _props$duration === undefined ? 2 : _props$duration;
1323 | 
1324 |     return _react2.default.createElement(
1325 |         "style",
1326 |         null,
1327 |         ".loader." + type,
1328 |         "\n            {\n            --loader-width: " + size + "px;\n            --loader-height: " + size + "px;\n            --loader-color-primary: " + color + ";\n            --loader-color-secondary: " + secondaryColor + ";\n            --line-width: " + line + "px;\n            --animation-duration: " + duration + "s;\n            --loader-initial-scale: 0.1;\n            }"
1329 |     );
1330 | }
1331 | function Loader(props) {
1332 |     var _props$type2 = props.type,
1333 |         type = _props$type2 === undefined ? "simple-circle" : _props$type2,
1334 |         _props$visible = props.visible,
1335 |         visible = _props$visible === undefined ? true : _props$visible;
1336 | 
1337 |     if (!visible) return null;
1338 |     return _react2.default.createElement(
1339 |         _react2.default.Fragment,
1340 |         null,
1341 |         _react2.default.createElement(StyleSheet, props),
1342 |         _react2.default.createElement("div", { className: "loader " + type })
1343 |     );
1344 | }
1345 | 
1346 | function FullLoader(props) {
1347 |     var _props = { props: props },
1348 |         _props$backgroundColo = _props.backgroundColor,
1349 |         backgroundColor = _props$backgroundColo === undefined ? "rgba(0,0,0,0.4)" : _props$backgroundColo,
1350 |         _props$visible2 = _props.visible,
1351 |         visible = _props$visible2 === undefined ? true : _props$visible2;
1352 | 
1353 |     if (!visible) return null;
1354 |     return _react2.default.createElement(
1355 |         "div",
1356 |         { style: _extends({}, fullLoaderStyle, { backgroundColor: backgroundColor }) },
1357 |         _react2.default.createElement(Loader, props)
1358 |     );
1359 | }
1360 | 
1361 | var fullLoaderStyle = {
1362 |     width: '100%',
1363 |     height: '100%',
1364 |     flex: 1,
1365 |     display: 'flex',
1366 |     alignItems: 'center',
1367 |     justifyContent: 'center',
1368 |     position: 'absolute',
1369 |     left: 0,
1370 |     top: 0,
1371 |     zIndex: 40000
1372 | };
1373 | 
1374 | exports.default = Loader;
1375 | exports.FullLoader = FullLoader;
1376 | 
1377 | /***/ }),
1378 | /* 18 */
1379 | /***/ (function(module, exports, __webpack_require__) {
1380 | 
1381 | exports = module.exports = __webpack_require__(0)(false);
1382 | // imports
1383 | 
1384 | 
1385 | // module
1386 | exports.push([module.i, ".loader.awesome-spin {\n    border-radius: 50%;\n    color: var(--loader-color-primary, #33f);\n    border-top: var(--line-width, 10px) solid;\n    border-bottom: var(--line-width, 10px) solid;\n    width: var(--loader-width, 100px);\n    height: var(--loader-height, 100px);\n    animation: awesome-spin var(--animation-duration, 2s)  linear infinite;\n  }\n  \n  @keyframes awesome-spin {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n  }", ""]);
1387 | 
1388 | // exports
1389 | 
1390 | 
1391 | /***/ }),
1392 | /* 19 */
1393 | /***/ (function(module, exports, __webpack_require__) {
1394 | 
1395 | exports = module.exports = __webpack_require__(0)(false);
1396 | // imports
1397 | 
1398 | 
1399 | // module
1400 | exports.push([module.i, "/*\n Blasting Circle Styles\n*/\n@keyframes blast {\n    0% {\n        opacity: var(--loader-initial-scale, 0.1);\n        transform: scale(var(--loader-initial-scale, 0.1));\n    }\n    100% {\n        transform: scale(1);\n        opacity: 1;\n    }\n}\n\n.loader.blasting-circle {\n    width: var(--loader-width, 100px);\n    height: var(--loader-height, 100px);\n    border-radius: 50%;\n    background-color: var(--loader-color-primary, #00f);\n    animation: blast var(--animation-duration, 1s) infinite ease-out;\n}", ""]);
1401 | 
1402 | // exports
1403 | 
1404 | 
1405 | /***/ }),
1406 | /* 20 */
1407 | /***/ (function(module, exports, __webpack_require__) {
1408 | 
1409 | exports = module.exports = __webpack_require__(0)(false);
1410 | // imports
1411 | 
1412 | 
1413 | // module
1414 | exports.push([module.i, "/*\n    Blasting Ripple Styles\n*/\n@keyframes blast-ripple {\n    0% {\n        top: calc(var(--loader-height, 100px) / 2 - var(--line-width, 4px));\n        left: calc(var(--loader-width, 100px) / 2 - var(--line-width, 4px));\n        width: 0;\n        height: 0;\n        opacity: 1;\n    }\n    100% {\n        top: -1px;\n        left: -1px;\n        width: calc(var(--loader-width, 100px) - var(--line-width, 4px));\n        height: calc(var(--loader-height, 100px) - var(--line-width, 4px));\n        opacity: 0;\n    }\n}\n\n.loader.blasting-ripple {\n    position: relative;\n    width: var(--loader-width, 100px);\n    height: var(--loader-height, 100px);\n}\n\n.loader.blasting-ripple::after {\n    opacity: 0;\n    content: \"\";\n    position: absolute;\n    border: var(--line-width, 4px) solid var(--loader-color-primary, #00f);\n    opacity: 1;\n    border-radius: 50%;\n    animation: blast-ripple var(--animation-duration, 1s) cubic-bezier(0, 0.2, 0.8, 1) infinite;\n}\n.loader.blasting-ripple::before {\n    opacity: 0;\n    top: calc(var(--loader-height, 100px) / 2 - var(--line-width, 4px));\n    left: calc(var(--loader-width, 100px) / 2 - var(--line-width, 4px));\n    content: \"\";\n    position: absolute;\n    border: var(--line-width, 4px) solid var(--loader-color-primary, #00f);\n    opacity: 1;\n    border-radius: 50%;\n    animation: blast-ripple var(--animation-duration, 1s) cubic-bezier(0, 0.2, 0.8, 1) infinite;\n    animation-delay: calc(var(--animation-duration,1s) / 2);\n}", ""]);
1415 | 
1416 | // exports
1417 | 
1418 | 
1419 | /***/ }),
1420 | /* 21 */
1421 | /***/ (function(module, exports, __webpack_require__) {
1422 | 
1423 | exports = module.exports = __webpack_require__(0)(false);
1424 | // imports
1425 | 
1426 | 
1427 | // module
1428 | exports.push([module.i, "  @keyframes block-spin {\n    0% {\n      -webkit-transform: rotate(0deg);\n      transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n      transform: rotate(360deg);\n    }\n  }\n\n.loader.block-spin {\n    height: var(--loader-height, 100px);\n    width: var(--loader-width, 100px);\n    position: relative;\n    border-radius: 60px;\n    border: var(--line-width, 4px) solid;\n    color: var(--loader-color-primary, #33f);\n    border-left-color: transparent;\n    border-top-color: transparent;\n    animation: block-spin var(--animation-duration, .8s)  linear infinite;\n    \n  }\n  \n  .loader.loader.block-spin:after {\n    position: absolute;\n    content: \"\";\n    width: 30px;\n    height: 30px;\n    top: var(--loader-offset, 50%);\n    left: var(--loader-offset, 50%);\n    border-radius: 60px;\n    border: var(--line-width, 4px) solid;\n    color: var(--loader-color-primary, #33f);\n    margin-top: -15px;\n    margin-left: -15px;\n  }\n", ""]);
1429 | 
1430 | // exports
1431 | 
1432 | 
1433 | /***/ }),
1434 | /* 22 */
1435 | /***/ (function(module, exports, __webpack_require__) {
1436 | 
1437 | exports = module.exports = __webpack_require__(0)(false);
1438 | // imports
1439 | 
1440 | 
1441 | // module
1442 | exports.push([module.i, "@keyframes rect-rotate {\n  0% {\n    transform: rotate(0); \n  }\n  50%, 100% {\n    transform: rotate(360deg); \n  } \n}\n\n@keyframes fill-rect {\n  0%, 50% {\n    height: 0px; \n  }\n  100% {\n    \n    height: inherit; \n  } \n}\n\n.loader.box-rotation {\n  transform-origin: center center;\n  color: var(--loader-color-primary, #33f);\n  width: var(--loader-width, 100px);\n  height: var(--loader-height, 100px);\n  position: relative;\n  border: var(--line-width, 4px) solid;\n  display: inline-block;\n  animation: rect-rotate var(--animation-duration, 1s)  linear infinite; \n}\n\n.loader.box-rotation::after {\n  content: \"\";\n  height: 0px;\n  width: 100%;\n  height:100%;\n  display: block;\n  background: var(--loader-color-primary, #33f);\n  opacity: 0.5;\n  animation: fill-rect var(--animation-duration, 1s) linear infinite; \n}\n", ""]);
1443 | 
1444 | // exports
1445 | 
1446 | 
1447 | /***/ }),
1448 | /* 23 */
1449 | /***/ (function(module, exports, __webpack_require__) {
1450 | 
1451 | exports = module.exports = __webpack_require__(0)(false);
1452 | // imports
1453 | 
1454 | 
1455 | // module
1456 | exports.push([module.i, ".loader.clock {\n    position: relative;\n    width: var(--loader-width, 100px);\n    height: var(--loader-height, 100px);\n    border-radius: 50%;\n    border: var(--line-width, 4px) solid var(--loader-color-primary, #33f);\n}\n\n.loader.clock::before{\n    content: '';\n    position: absolute;\n    top: 8px;    \n    left: calc(50% - 2px);\n    background: var(--loader-color-primary, #33f);\n    width: var(--line-width, 4px);\n    height: calc( 50% - 8px );\n    border-radius: calc(var(--line-width, 4px) + 1);\n    transform-origin: 50% 100%;\n    animation: circle-loader var(--animation-duration,1s) infinite linear ;\n}", ""]);
1457 | 
1458 | // exports
1459 | 
1460 | 
1461 | /***/ }),
1462 | /* 24 */
1463 | /***/ (function(module, exports, __webpack_require__) {
1464 | 
1465 | exports = module.exports = __webpack_require__(0)(false);
1466 | // imports
1467 | 
1468 | 
1469 | // module
1470 | exports.push([module.i, "@keyframes colorpulse {\n  0% {\n    filter: hue-rotate(0deg);\n  }\n  100% {\n    filter: hue-rotate(359.9deg);\n  }\n}\n\n@keyframes pulse {\n  0%, 1% {\n    opacity: 1;\n    transform: scale(0.1);\n  }\n  100% {\n    opacity: 0;\n    transform: scale(1);\n  }\n}\n\n.loader.color-pulse-ball {\n  width: var(--loader-width, 100px);\n  height: var(--loader-height, 100px);\n  border-radius: 50%;\n  background-color: var(--loader-color-primary, #00f);\n  animation: colorpulse calc(3 * var(--animation-duration,1s)) infinite ease-in-out,\n    pulse var(--animation-duration,1s) infinite ease;\n}\n", ""]);
1471 | 
1472 | // exports
1473 | 
1474 | 
1475 | /***/ }),
1476 | /* 25 */
1477 | /***/ (function(module, exports, __webpack_require__) {
1478 | 
1479 | exports = module.exports = __webpack_require__(0)(false);
1480 | // imports
1481 | 
1482 | 
1483 | // module
1484 | exports.push([module.i, ".loader.double-circle {\n    position: relative;\n    width: var(--loader-width, 100px);\n    height: var(--loader-height, 100px);\n}\n\n.double-circle::before,\n.double-circle::after{\n    content: '';\n    display: block;\n    position: absolute;\n    border-radius: 50%;\n    border: var(--line-width, 4px) solid transparent;\n    border-bottom-color: var(--loader-color-primary, #33f);\n    animation: circle-loader var(--animation-duration, 1s) infinite linear ;\n}\n\n.double-circle::before{\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n}\n\n.double-circle::after{\n    width: calc(100% - 12px);\n    height: calc(100% - 12px);\n    top: 6px;\n    left: 6px;\n    animation-direction: reverse;\n}", ""]);
1485 | 
1486 | // exports
1487 | 
1488 | 
1489 | /***/ }),
1490 | /* 26 */
1491 | /***/ (function(module, exports, __webpack_require__) {
1492 | 
1493 | exports = module.exports = __webpack_require__(0)(false);
1494 | // imports
1495 | 
1496 | 
1497 | // module
1498 | exports.push([module.i, "@keyframes slide {\n\t0% {\n\t\ttransform: translateY(0%);\n\t}\n\n\t25% {\n\t\ttransform: translateY(100%);\n\t}\n\n\t50% {\n\t\ttransform: translateY(100%);\n\t}\n\n\t75% {\n\t\ttransform: translateY(0%);\t\t\n\t}\n\n\t100% {\n\t\ttransform: translateY(0%);\t\t\n\t}\n}\n\n@keyframes spin {\n\t0% {\n\t\ttransform: rotate(0deg);\n\t}\n\n\t25% {\n\t\ttransform: rotate(0deg);\n\t}\n\n\t50% {\n\t\ttransform: rotate(180deg);\n\t}\n\n\t75% {\n\t\ttransform: rotate(180deg);\n\t}\n\n\t100% {\n\t\ttransform: rotate(360deg);\n\t}\n}\n\n.loader.hour-glass {\n\tposition: relative;\n\twidth: var(--loader-width, 100px);\n\theight: var(--loader-height, 100px);\n\tbackground-color: var(--loader-color-primary, #00f);\n\t-webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 50%, 100% 100%, 0% 100%, 50% 50%);\n\tclip-path: polygon(0% 0%, 100% 0%, 50% 50%, 100% 100%, 0% 100%, 50% 50%);\n\toverflow: hidden;\n\tanimation: spin var(--animation-duration, 4s) infinite ease-in-out;\n}\n\n.hour-glass:before {\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: 0px;\n\tleft: 0px;\n\twidth: var(--loader-width, 100px);\n\theight: 50%;\n\tbackground-color: var(--loader-color-secondary, #eee);\n\tanimation: slide var(--animation-duration, 4s) infinite ease-in-out;\n}\n", ""]);
1499 | 
1500 | // exports
1501 | 
1502 | 
1503 | /***/ }),
1504 | /* 27 */
1505 | /***/ (function(module, exports, __webpack_require__) {
1506 | 
1507 | exports = module.exports = __webpack_require__(0)(false);
1508 | // imports
1509 | 
1510 | 
1511 | // module
1512 | exports.push([module.i, "\n@keyframes momentum {\n    0%   { \n        transform: rotate(0deg);  \n    }\n    100% {\n        transform: rotate(-360deg);\n    }\n}\n\n.loader.quantum-spinner {\n    --primary-circle-offset: calc(((var(--loader-width,100px) * 0.2) / 2) - var(--line-width,4px));\n    --secondary-circle-offset: calc(((var(--loader-width,100px) * 0.4) / 2) - var(--line-width,4px)); /*- (var(--line-width,4px) * 2)*/\n    position: relative;\n    width: var(--loader-width, 100px);\n    height: var(--loader-height, 100px);\n    transform-origin: center center;\n    border-radius: 50%;\n    border: var(--line-width, 4px) solid rgba(0,0,0,0);\n    border-top-color: var(--loader-color-primary, #33f);\n    animation: momentum var(--animation-duration, 1s) linear infinite; \n}\n\n.quantum-spinner:before {\n    content: \"\";\n    position: absolute;\n    transform-origin: center center;\n    top: var(--primary-circle-offset,10px);\n    left: var(--primary-circle-offset,10px);\n    width: calc(var(--loader-width,100px) * 0.8);\n    height: calc(var(--loader-height,100px) * 0.8);\n    border-radius: 50%;\n    border: var(--line-width,4px) solid rgba(0,0,0,0);\n    border-top-color: var(--loader-color-primary, #33f);\n    opacity: 0.7;\n    filter: hue-rotate(3eg);\n    animation: momentum calc(var(--animation-duration, 1s) * 2) linear infinite; \n}\n\n.quantum-spinner:after {\n    content: \"\";\n    position: absolute;\n    top: var(--secondary-circle-offset,20px);\n    left: var(--secondary-circle-offset,20px);\n    width: calc(var(--loader-width,100px) * 0.6);\n    height: calc(var(--loader-height,100px) * 0.6);\n    border-radius: 50%;\n    transform-origin: center center;\n    border: var(--line-width,4px) solid rgba(0,0,0,0);\n    border-top-color: var(--loader-color-primary, #33f);\n    opacity: 0.3;\n    filter: hue-rotate(6eg);\n    animation: momentum var(--animation-duration, 1s) linear infinite; \n}", ""]);
1513 | 
1514 | // exports
1515 | 
1516 | 
1517 | /***/ }),
1518 | /* 28 */
1519 | /***/ (function(module, exports, __webpack_require__) {
1520 | 
1521 | exports = module.exports = __webpack_require__(0)(false);
1522 | // imports
1523 | 
1524 | 
1525 | // module
1526 | exports.push([module.i, "@keyframes recursive-circle {\n    0% {\n      transform: rotate(0); \n    }\n    100% {\n      transform: rotate(360deg); \n    } \n}\n\n.loader.recursive-circle {\n    --loader-offset: calc((var(--loader-width,100px) / 4) - (var(--line-width,4px) / 2));\n    height: var(--loader-height, 100px);\n    width: var(--loader-width, 100px);\n    color: var(--loader-color-primary, #33f);\n    display: inline-block;\n    position: relative;\n    border: var(--line-width, 4px) solid;\n    border-radius: 50%;\n    border-top-color: transparent;\n    transform-origin: center center;\n    animation: recursive-circle var(--animation-duration, 1s)  linear infinite;\n}\n.loader.recursive-circle::after {\n      content: \"\";\n      height: 50%;\n      width: 50%;\n      display: block;\n      box-sizing: border-box;\n      position: absolute;\n      top: var(--loader-offset,21px);\n      left: var(--loader-offset,21px);\n      border: var(--line-width, 4px) solid;\n      transform-origin: center center;\n      border-radius: 50%;\n      border-top-color: transparent;\n      animation: recursive-circle calc(var(--animation-duration, 1s) / 2)  linear infinite reverse; \n    }\n  ", ""]);
1527 | 
1528 | // exports
1529 | 
1530 | 
1531 | /***/ }),
1532 | /* 29 */
1533 | /***/ (function(module, exports, __webpack_require__) {
1534 | 
1535 | exports = module.exports = __webpack_require__(0)(false);
1536 | // imports
1537 | 
1538 | 
1539 | // module
1540 | exports.push([module.i, "@keyframes rotateplane {\n    0% {\n        transform: perspective(var(--perspective-value)) rotateX(0deg) rotateY(0deg);\n    }\n    50% {\n        transform: perspective(var(--perspective-value)) rotateX(-180.1deg) rotateY(0deg);\n    }\n    100% {\n        transform: perspective(var(--perspective-value)) rotateX(-180deg) rotateY(-179.9deg);\n    }\n}\n\n.loader.rotating-plane {\n    --perspective-value: calc(3 * var(--loader-width, 100px));\n    width: var(--loader-width, 100px);\n    height: var(--loader-height, 100px);\n    background: var(--loader-color-primary, #00f);\n    animation: rotateplane var(--animation-duration, 1s) infinite ease-in-out;\n}", ""]);
1541 | 
1542 | // exports
1543 | 
1544 | 
1545 | /***/ }),
1546 | /* 30 */
1547 | /***/ (function(module, exports, __webpack_require__) {
1548 | 
1549 | exports = module.exports = __webpack_require__(0)(false);
1550 | // imports
1551 | 
1552 | 
1553 | // module
1554 | exports.push([module.i, "@keyframes circle-loader {\n    0% {\n        transform: rotate(0deg);\n    }\n    100% {\n        transform: rotate(360deg);\n    }\n}\n\n.loader.simple-circle {\n    transform-origin: center center;\n    border: var(--line-width, 4px) solid var(--loader-color-secondary, #fff);\n    border-right-color: var(--loader-color-primary, #00f);\n    width: var(--loader-width, 100px);\n    height: var(--loader-height, 100px);\n    border-radius: 50%;\n    animation: circle-loader var(--animation-duration, 1s) infinite ease-out;\n}", ""]);
1555 | 
1556 | // exports
1557 | 
1558 | 
1559 | /***/ }),
1560 | /* 31 */
1561 | /***/ (function(module, exports, __webpack_require__) {
1562 | 
1563 | exports = module.exports = __webpack_require__(0)(false);
1564 | // imports
1565 | 
1566 | 
1567 | // module
1568 | exports.push([module.i, "/*\nThe loaders use CSS custom properties (variables) to control the attributes of the loaders\n*/\n:root{\n    --loader-width: 70px;\n    --loader-height: 70px;\n    --loader-color-primary: #27ae60;\n    --loader-color-secondary: #eee;\n    --line-width: 3px;\n    --animation-duration: 2s;\n    --loader-initial-scale: 0.1;\n}\n.loader,.loader:before,.loader:after{\n    box-sizing: border-box;\n    flex-grow: 0;\n    flex-shrink: 0;\n}\n/*\nIn order to get optimal results, please only change the variables above and don't change anything in the actual loader code\n*/", ""]);
1569 | 
1570 | // exports
1571 | 
1572 | 
1573 | /***/ }),
1574 | /* 32 */
1575 | /***/ (function(module, exports) {
1576 | 
1577 | 
1578 | /**
1579 |  * When source maps are enabled, `style-loader` uses a link element with a data-uri to
1580 |  * embed the css on the page. This breaks all relative urls because now they are relative to a
1581 |  * bundle instead of the current page.
1582 |  *
1583 |  * One solution is to only use full urls, but that may be impossible.
1584 |  *
1585 |  * Instead, this function "fixes" the relative urls to be absolute according to the current page location.
1586 |  *
1587 |  * A rudimentary test suite is located at `test/fixUrls.js` and can be run via the `npm test` command.
1588 |  *
1589 |  */
1590 | 
1591 | module.exports = function (css) {
1592 |   // get current location
1593 |   var location = typeof window !== "undefined" && window.location;
1594 | 
1595 |   if (!location) {
1596 |     throw new Error("fixUrls requires window.location");
1597 |   }
1598 | 
1599 | 	// blank or null?
1600 | 	if (!css || typeof css !== "string") {
1601 | 	  return css;
1602 |   }
1603 | 
1604 |   var baseUrl = location.protocol + "//" + location.host;
1605 |   var currentDir = baseUrl + location.pathname.replace(/\/[^\/]*$/, "/");
1606 | 
1607 | 	// convert each url(...)
1608 | 	/*
1609 | 	This regular expression is just a way to recursively match brackets within
1610 | 	a string.
1611 | 
1612 | 	 /url\s*\(  = Match on the word "url" with any whitespace after it and then a parens
1613 | 	   (  = Start a capturing group
1614 | 	     (?:  = Start a non-capturing group
1615 | 	         [^)(]  = Match anything that isn't a parentheses
1616 | 	         |  = OR
1617 | 	         \(  = Match a start parentheses
1618 | 	             (?:  = Start another non-capturing groups
1619 | 	                 [^)(]+  = Match anything that isn't a parentheses
1620 | 	                 |  = OR
1621 | 	                 \(  = Match a start parentheses
1622 | 	                     [^)(]*  = Match anything that isn't a parentheses
1623 | 	                 \)  = Match a end parentheses
1624 | 	             )  = End Group
1625 |               *\) = Match anything and then a close parens
1626 |           )  = Close non-capturing group
1627 |           *  = Match anything
1628 |        )  = Close capturing group
1629 | 	 \)  = Match a close parens
1630 | 
1631 | 	 /gi  = Get all matches, not the first.  Be case insensitive.
1632 | 	 */
1633 | 	var fixedCss = css.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi, function(fullMatch, origUrl) {
1634 | 		// strip quotes (if they exist)
1635 | 		var unquotedOrigUrl = origUrl
1636 | 			.trim()
1637 | 			.replace(/^"(.*)"$/, function(o, $1){ return $1; })
1638 | 			.replace(/^'(.*)'$/, function(o, $1){ return $1; });
1639 | 
1640 | 		// already a full url? no change
1641 | 		if (/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(unquotedOrigUrl)) {
1642 | 		  return fullMatch;
1643 | 		}
1644 | 
1645 | 		// convert the url to a full url
1646 | 		var newUrl;
1647 | 
1648 | 		if (unquotedOrigUrl.indexOf("//") === 0) {
1649 | 		  	//TODO: should we add protocol?
1650 | 			newUrl = unquotedOrigUrl;
1651 | 		} else if (unquotedOrigUrl.indexOf("/") === 0) {
1652 | 			// path should be relative to the base url
1653 | 			newUrl = baseUrl + unquotedOrigUrl; // already starts with '/'
1654 | 		} else {
1655 | 			// path should be relative to current directory
1656 | 			newUrl = currentDir + unquotedOrigUrl.replace(/^\.\//, ""); // Strip leading './'
1657 | 		}
1658 | 
1659 | 		// send back the fixed url(...)
1660 | 		return "url(" + JSON.stringify(newUrl) + ")";
1661 | 	});
1662 | 
1663 | 	// send back the fixed css
1664 | 	return fixedCss;
1665 | };
1666 | 
1667 | 
1668 | /***/ })
1669 | /******/ ]);


--------------------------------------------------------------------------------
/react/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "cssonly-loaders-react",
 3 |     "version": "0.0.8",
 4 |     "description": "React wrapper for the CSS Only Loaders project (https://github.com/theanam/css-only-loaders)",
 5 |     "main": "build/index.js",
 6 |     "peerDependencies": {
 7 |         "react": "^16"
 8 |     },
 9 |     "scripts": {
10 |         "publish-npm": "npm publish",
11 |         "start": "webpack --watch",
12 |         "build": "webpack"
13 |     },
14 |     "author": {
15 |         "name": "Anam Ahmed",
16 |         "email": "anam.ahmed.a@gmail.com"
17 |     },
18 |     "homepage": "https://github.com/theanam/css-only-loaders",
19 |     "keywords": ["css","loaders","css only","react","loader","spinner","loading animation"],
20 |     "devDependencies": {
21 |         "babel-cli": "^6.24.1",
22 |         "babel-core": "^6.24.1",
23 |         "babel-loader": "^7.0.0",
24 |         "babel-plugin-transform-object-rest-spread": "^6.23.0",
25 |         "babel-plugin-transform-react-jsx": "^6.24.1",
26 |         "babel-preset-env": "^1.5.1",
27 |         "css-loader": "^1.0.1",
28 |         "style-loader": "^0.22.1",
29 |         "react": "^16.10",
30 |         "webpack": "^2.6"
31 |     },
32 |     "license": "MIT",
33 |     "repository": {
34 |         "type": "git",
35 |         "url": "git://github.com/theanam/css-only-loaders.git"
36 |     }
37 | }
38 | 


--------------------------------------------------------------------------------
/react/readme.MD:
--------------------------------------------------------------------------------
 1 | ## React component for the CSS only loader project
 2 | 
 3 | React wrapper for the [CSS Only loaders](https://github.com/theanam/css-only-loaders) project.
 4 | 
 5 | ![CSS Only Loaders](https://raw.githubusercontent.com/theanam/css-only-loaders/master/homepage-assets/preview.gif)
 6 | 
 7 | #### How to use
 8 | 
 9 | Download the module with npm (or yarn)
10 | 
11 |     yarn add cssonly-loaders-react
12 | 
13 | The module come with two component, `<Loader/>` and `<FullLoader/>`, The Loader is also a default export.
14 | 
15 | to use only the loader, component, without any wrapper or anything, use the sample code:
16 | ```js
17 |     import Loader from "cssonly-loaders-react";
18 | 
19 |     function App(props){
20 |         return (
21 |             <Loader/>
22 |         )
23 |     }
24 | ```
25 | 
26 | Every prop has default, so,it will still render without any props, It should render the `simple-circle` loader with default colors and attributes. 
27 | 
28 | If you want to use a loader, that fills in the container and blocks everything(most probable use IMO) you need to use the `FullLoader` component. 
29 | 
30 | To use the full loader, make sure the loader container has position set to anothing other than `static`. because this component relies on position `absolute`.
31 | 
32 | Here's a barebone sample code:
33 | 
34 | ```js
35 |     import Loader from "cssonly-loaders-react";
36 | 
37 |     function App(props){
38 |         return (
39 |             <FullLoader/>
40 |         )
41 |     }
42 | ```
43 | It should render the `simple circle` loader with all the default color and attributes with a semi-transparent, black `rgba(0,0,0,0.4)` backdrop.
44 | 
45 | > You can change the loader attributes with props
46 | 
47 | #### List of props:
48 | 
49 | | Prop | value type | default | available for | description | 
50 | | ---- | ---------- | ------- | ------------- | ----------- |
51 | | type |String| `simple-circle` | ALL | Type of loader available. See table of loaders below |
52 | | size |Number| 70 | ALL | Loader size in pixels |
53 | | color |String| `#27ae60` | ALL | The color for the loader | 
54 | | secondaryColor| String | `#eeeeee` | ALL | The secondary color for the loader |
55 | | backgroundColor |String| `rgba(0,0,0,0.4)` | `<FullLoader/>` | The backdrop color for the full size loader. use a `rgba` color for better effect.|
56 | | line |Number| 3 | ALL | Line width for the loaders that features line this unit is in pixels. No need to include `px`. just use a number |
57 | | duration |Number| 2 | ALL | Animation duration in seconds|
58 | | visible | Boolean | true | ALL | Determine if the loader will be visible or not. Takes the extra pain away for implementing any show-hide logic.|
59 | 
60 | 
61 | #### Available Loaders
62 | 
63 | All the loaders from the main project is available in the component:
64 | 
65 | | Loader Name | 
66 | | ----------- |
67 | | simple-circle |
68 | | rotating-plane |
69 | | awesome-spin |
70 | | blasting-circle |
71 | | box-rotation | 
72 | | clock |
73 | | color-pulse-ball |
74 | | double-circle |
75 | | hour-glass |
76 | | quantum-spinner |
77 | |recursive-circle | 
78 | | block-spin |
79 | | cascading-bars |
80 | 
81 | > Any new loader added to the project will be added to the component as well.
82 | 


--------------------------------------------------------------------------------
/react/src/index.js:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import "../../loaders/vars.css";
 3 | import "../../loaders/simple-circle/simple-circle.css";
 4 | import "../../loaders/rotating-plane/rotating-plane.css";
 5 | import "../../loaders/blasting-circle/blasting-circle.css";
 6 | import "../../loaders/blasting-ripple/blasting-ripple.css";
 7 | import "../../loaders/box-rotation/box-rotation.css";
 8 | import "../../loaders/clock/clock.css";
 9 | import "../../loaders/color-pulse-ball/color-pulse-ball.css";
10 | import "../../loaders/double-circle/double-circle.css";
11 | import "../../loaders/hour-glass/hour-glass.css";
12 | import "../../loaders/quantum-spinner/quantum-spinner.css";
13 | import "../../loaders/recursive-circle/recursive-circle.css";
14 | import "../../loaders/awesome-spin/awesome-spin.css";
15 | import "../../loaders/block-spin/block-spin.css";
16 | import "../../loaders/cascading-bars/cascading-bars.css";
17 | function StyleSheet(props){
18 |     let {
19 |         type = "simple-circle",
20 |         size = 70,
21 |         color = "#27ae60",
22 |         secondaryColor="#eeeeee",
23 |         line = 3,
24 |         duration = 2
25 |     } = props;
26 |     return (<style>
27 |         {`.loader.${type}`}{
28 |             `
29 |             {
30 |             --loader-width: ${size}px;
31 |             --loader-height: ${size}px;
32 |             --loader-color-primary: ${color};
33 |             --loader-color-secondary: ${secondaryColor};
34 |             --line-width: ${line}px;
35 |             --animation-duration: ${duration}s;
36 |             --loader-initial-scale: 0.1;
37 |             }`
38 |         }
39 |     </style>);
40 | }
41 | function Loader(props){
42 |     let {type = "simple-circle", visible = true} = props;  
43 |     if(!visible) return null;
44 |     return (
45 |         <React.Fragment>
46 |             <StyleSheet {...props}/>
47 |             <div className={`loader ${type}`}></div>
48 |         </React.Fragment>
49 |     );
50 | }
51 | 
52 | function FullLoader(props){
53 |     const {backgroundColor = `rgba(0,0,0,0.4)`, visible = true } ={props};
54 |     if(!visible) return null;
55 |     return (<div style={{...fullLoaderStyle,backgroundColor}}>
56 |         <Loader {...props}/>
57 |     </div>);
58 | }
59 | 
60 | const fullLoaderStyle = {
61 |     width: '100%',
62 |     height: '100%',
63 |     flex: 1,
64 |     display: 'flex',
65 |     alignItems: 'center',
66 |     justifyContent: 'center',
67 |     position: 'absolute',
68 |     left: 0,
69 |     top: 0,
70 |     zIndex: 40000
71 | }
72 | 
73 | export {
74 |     Loader as default,
75 |     FullLoader
76 | }


--------------------------------------------------------------------------------
/react/webpack.config.js:
--------------------------------------------------------------------------------
 1 |   
 2 | var path = require('path');
 3 | module.exports = {
 4 |     entry: './src/index.js',
 5 |     output: {
 6 |         path: path.resolve(__dirname, 'build'),
 7 |         filename: 'index.js',
 8 |         libraryTarget: 'commonjs2' 
 9 |     },
10 |     module: {
11 |         rules: [
12 |             {
13 |                 test: /\.js$/,
14 |                 include: path.resolve(__dirname, 'src'),
15 |                 exclude: /(node_modules|bower_components|build)/,
16 |                 use: {
17 |                     loader: 'babel-loader',
18 |                     options: {
19 |                         presets: ['env']
20 |                     }
21 |                 }
22 |             },
23 |             {
24 |                 test: /\.css$/,
25 |                 include: path.resolve(__dirname,'../loaders'),
26 |                 exclude: /(node_modules|bower_components|build)/,
27 |                 use:['style-loader','css-loader']
28 |             }
29 |         ]
30 |     },
31 |     externals: {
32 |         'react': 'commonjs react'
33 |     }
34 | };


--------------------------------------------------------------------------------